@charset "utf-8";

/* 기본 스타일 유지 */
.btn-primary,
.btn-primary.disabled, 
.btn-primary:disabled,
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled).active,
.page-item.active .page-link,
.show > .btn-outline-primary.dropdown-toggle,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #333 !important;
    border-color: #333 !important;
}

hr.hr::after,
.dropdown-item.active, 
.dropdown-item:active,
.bg-primary {
    background-color: #333 !important;
}

.border-primary {
    border-color: #333 !important;
}

.text-primary,
.btn-outline-primary.disabled, 
.btn-outline-primary:disabled {
    color : #333 !important;
}

/* ---------------------------------------------------------- */
/* 마우스 오버 시만 DE5533 적용 */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    background-color: #DE5533 !important;
    border-color: #DE5533 !important;
}

.btn-outline-primary {
    color: #111 !important;
    border-color: #111 !important;
}

.btn-outline-primary:hover {
    background-color: #DE5533 !important;
    border-color: #DE5533 !important;
    color: #fff !important;
}

a.bg-primary:hover, 
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #DE5533 !important;
}

/* 포커스 시 그림자 유지 */
.btn-primary:focus, 
.btn-primary.focus,
.btn-outline-primary:focus, 
.btn-outline-primary.focus,
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(222, 85, 51, 0.5) !important;
}