select {
    background-color: #666666 !important;
    color: white !important;
    font-weight: 700;
}

option {
    background-color: white !important;
    color: black !important;
    font-weight: 700;
}


@media only screen and (max-width: 1199px) {
    .img-logo {
        width: 120px !important;
    }

    .header-content {
        height: 90px;
    }
}

/*PLACEHOLDER*/
::placeholder {
    color: #CCCCCC !important;
    opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #CCCCCC !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #CCCCCC !important;
}

/*Spinner*/
.custom-loader {
    width: 100px;
    height: 100px;
    display: grid;
}

    .custom-loader::before,
    .custom-loader::after {
        content: "";
        grid-area: 1/1;
        --c: radial-gradient(farthest-side,#EF182E 92%,#0000);
        background: var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 50%, var(--c) 0 50%;
        background-size: 24px 24px;
        background-repeat: no-repeat;
        animation: s2 1s infinite;
    }

    .custom-loader::before {
        margin: 8px;
        filter: hue-rotate(45deg);
        background-size: 16px 16px;
        animation-timing-function: linear
    }

@keyframes s2 {
    100% {
        transform: rotate(.5turn)
    }
}

@media only screen and (max-width: 991px) {
    .bg-nav {
      /*  background-color: rgba(255,255,255,0.9);*/
        padding-top: 10px;
    }

    .bg-nav-right {
        text-align: right;
        padding-right: 15px;
    }

    .bg-nav-btn {
        text-align: right;
        padding-right: 15px;
        padding-bottom: 10px;
    }
}


@media only screen and (max-width: 499px) {
    .page-title {
        font-size: 1.3em !important;
    }

    .page-title-content {
        padding-top: 25px !important;
    }
}