@charset "UTF-8";

.cart_items .row {
    margin-bottom: 12px;
    margin-top: 12px;
}

.cart_items .row .nickname_label {
    display: block;
    margin-bottom: 9px;
    font-size: 14px;
}

.cart_item .row label.nickname {
    width: 21%;
    display: inline-block;
    font-size: 12px;
}

.cart_item .row input.nickname {
    text-align: right;
    width: 77%;
}


:root {
    --back-color-primary: #175369;
    --back-color-primary-hover: #113e4e;
    --back-color-primary-hover-strong: #0a2b37;
    
    --back-color-secondary: #648794;
    --back-color-secondary-hover: #4e6b75;
    --back-color-secondary-hover-strong: #364e56;
    
    --back-color-edit: #2a7089;
    --back-color-edit-hover: #20657e;
    --back-color-edit-hover-strong: #175369;
    
    --back-color-info: #17a2b8;
    --back-color-info-hover: #0f8395;
    --back-color-info-hover-strong: #0a6d7c;
    
    --back-color-success: #009c00;
    --back-color-success-hover: #008600;
    --back-color-success-hover-strong: #006900;
    
    --back-color-warning: #ffbf00;
    --back-color-warning-hover: #e4ab00;
    --back-color-warning-hover-strong: #cc9900;
    
    --back-color-danger: #ff0000;
    --back-color-danger-hover: #c20000;
    --back-color-danger-hover-strong: #b60000;
    
    --back-color-expired: #a007ff;
    --back-color-expired-hover: #8200d2;
    --back-color-expired-hover-strong: #5e0099;
}


.text-primary {
    color: var(--back-color-primary) !important;
}

.text-success {
    color: var(--back-color-success) !important;
}

.text-info {
    color: var(--back-color-info) !important;
}

.text-warning {
    color: var(--back-color-warning) !important;
}

.text-expired {
    color: var(--back-color-expired) !important;
}

.text-danger {
    color: var(--back-color-danger) !important;
}

.text-secondary {
    color: var(--back-color-secondary) !important;
}

.text-dark {
    color: #343a40 !important;
}

.text-light {
    color: #f8f9fa !important;
}


.badge {
    background: #7a7a7a;
	color: #fff;
    padding: 4px 10px;
    border-radius: 12px;
}
.badge.transparent {
    background: #00000045;
}
.badge.primary {
	background: var(--back-color-primary);
}
.badge.secondary {
	background: var(--back-color-secondary);
}
.badge.info {
    background: var(--back-color-info);
}
.badge.success {
	background: var(--back-color-success);
}
.badge.warning {
	background: var(--back-color-warning);
}
.badge.danger {
	background: var(--back-color-danger);
}

.beta-badge.badge {
    margin-left: 8px;
    padding: 4px 8px;
    font-size: 11px;
}


select, textarea, 
input:not([type="button"], [type="submit"], [type="reset"], [type="color"], [type="range"], [type="image"], [type="file"], [type="hidden"]) {
    border: solid 1px #919191;
    border-radius: 3px;
    padding: 3px;
}