/************************************************************************************
 *                                       MODALS                                     *
 ************************************************************************************/
.modal .modal-header.header-success {
    background-color: #008d4c;
    color: white;
}

.modal .modal-header.header-danger {
    background-color: #E70B04;
    color: white;
}

.modal .modal-header.header-warning {
    background-color: #db8b0b;
    color: white;
}

.modal .modal-header.header-primary {
    background-color: #dd4b39;
    color: white;
}

.modal-dialog .file-format-size {
    width: 700px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.btn-primary {
    background-color: #dd4b39;
    border-color: #E70B04;
}

.btn-primary:hover {
    background-color: #E70B04;
    border-color: #E70B04;
}

.btn-danger {
    background-color: #dd4b39;
    border-color: #E70B04;
}

.btn-danger:hover {
    background-color: #E70B04;
    border-color: #E70B04;
}

@media (max-width: 991px) {
    .user-footer a.btn-info {
        background: #00c0ef !important;
        color: white !important;
    }

    .language-menu ul a {
        color: #32598C !important;
    }

    .language-menu ul a:hover {
        background: transparent !important;
    }

     .user-footer a.btn-info:hover {
         background: #00acd6 !important;
         color: white !important;
     }

    .btn-danger {
        background-color: #dd4b39 !important;
        border-color: #E70B04 !important;
        color: white !important;
    }

    .btn-danger:hover {
        background-color: #E70B04 !important;
        border-color: #E70B04 !important;
        color: white !important;
    }
}

/************************************************************************************
 *                                INTL INPUT TEL                                    *
 ************************************************************************************/

.iti__flag {background-image: url("../../bower_components/intlTelInput/build/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {background-image: url("../../bower_components/intlTelInput/build/img/flags@2x.png");}
}

/************************************************************************************
 *                                        FORMS                                     *
 ************************************************************************************/
form label.error {
    color: #E70B04;
}

/************************************************************************************
 *                                    SELECT2                                       *
 ************************************************************************************/
.select2-container .select2-selection--single {
    height: 32px;
}


/************************************************************************************
 *                                    Loader                                       *
 ************************************************************************************/
#overlay-loader { display: none; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 99999; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.85); }

#overlay-loader img { width: 70px; height: auto; border: none; top: 50%; left: 50%; position: fixed; z-index: 100000; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }