﻿.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 모든 select 요소에 강제 텍스트 색상 적용 */
select,
select *,
select option,
select.form-control,
select.form-control *,
select.form-control option {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    text-shadow: none !important;
}

/* 모든 상태에서 텍스트 색상 강제 적용 */
select option:hover,
select option:focus,
select option:active,
select option:checked,
select option:selected,
select option[selected],
select.form-control option:hover,
select.form-control option:focus,
select.form-control option:active,
select.form-control option:checked,
select.form-control option:selected,
select.form-control option[selected] {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    background-color: #e6f3ff !important;
    text-shadow: none !important;
}

/* 브라우저 기본 스타일 무력화 */
select option:hover {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    background-color: #d4edda !important;
    background: #d4edda !important;
}

/* Chrome, Safari 등 Webkit 브라우저 대응 */
select option:checked {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    background-color: #e6f3ff !important;
    background: #e6f3ff !important;
}

/* Firefox 대응 */
select option::-moz-focus-inner {
    color: #000 !important;
}

/* 모든 브라우저 공통 강제 적용 */
select option {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    background-color: #fff !important;
    background: #fff !important;
    text-shadow: none !important;
}

/* 추가 강제 적용 */
option {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

option:hover,
option:focus,
option:active,
option:checked,
option:selected {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    background-color: #d4edda !important;
}
