/* ----------------------------------------------------------------------------
 | Custom styles
 | -------------------------------------------------------------------------- */

/* Backgrounds */

.mc-bg-primary {
    background-color: #014678 !important;
}
.mc-bg-secondary {
    background-color: #00923f !important;
}
.mc-bg-tertiary {
    background-color: #84c225 !important;
}

/* Border */

.mc-border-primary {
    border-color: #014678 !important;
}
.mc-border-secondary {
    border-color: #00923f !important;
}
.mc-border-tertiary {
    border-color: #84c225 !important;
}

/* Links */

.mc-a-primary {
    text-decoration: none;
    font-weight: 400;
    color: #014678;
}
.mc-a-secondary {
    text-decoration: none;
    font-weight: 400;
    color: #00923f;
}
.mc-a-tertiary {
    text-decoration: none;
    font-weight: 400;
    color: #84c225;
}

/* Buttons */

.mc-btn-outline {
    padding: 7px 18px !important;
    color: #555 !important;
    background: transparent !important;
    border: 1px solid #555 !important;
    border-radius: 25px !important;
}
.mc-btn-outline-primary:hover {
    color: #fff !important;
    background-color: #014678 !important;
    border: 1px solid #014678 !important;
}
.mc-btn-outline-secondary:hover {
    color: #fff !important;
    background-color: #00923f !important;
    border: 1px solid #00923f !important;
}
.mc-btn-outline-tertiary:hover {
    color: #fff !important;
    background-color: #84c225 !important;
    border: 1px solid #84c225 !important;
}

.mc-btn-dropdown {
    height: 3.125rem !important;
    text-align: left !important;    
    color:#495057 !important;
    background-color: #F7F7F7 !important;
}

/* Input code */

.mc-input-code::-webkit-inner-spin-button, 
.mc-input-code::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
.mc-input-code { 
    -moz-appearance: textfield; 
}

/* Input icons */

.mc-input-md-icon {
    z-index: 999;
    position: absolute; 
    top: 8px; 
    right: 15px; 
    font-size: 14px;
}

.mc-input-lg-icon {
    z-index: 999;
    position: absolute; 
    top: 13px; 
    right: 15px; 
    font-size: 16px;
}

/* form error */

.error {
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

/* signup */

@media (max-width: 538px) {
    #countries_menu {
        width: 100% !important;
    }
}

/* Modals */

.modal {
    z-index: 1100;
}
.mfp-bg {
    z-index: 10000;
}
.mfp-wrap {
    z-index: 10001;
}
.mfp-wrap .mfp-content {
    z-index: 10001;
}
.modal-block {
    background: transparent;
    padding: 0;
    text-align: left;
    max-width: 600px;
    margin: 40px auto;
    position: relative;
}
.modal-block.modal-block-xs {
    max-width: 200px;
}
.modal-block.modal-block-sm {
    max-width: 400px;
}
.modal-block.modal-block-md {
    max-width: 600px;
}
.modal-block.modal-block-lg {
    max-width: 900px;
}
.modal-block.modal-block-full {
    max-width: 98%;
}
.modal-block.modal-header-color .card-header h2 {
    color: #FFF;
}
.modal-block.modal-full-color {
    color: #FFF;
}
.modal-block.modal-full-color .card-header {
    border: 0;
}
.modal-block.modal-full-color .card-header h2 {
    color: #FFF;
}
.modal-block.modal-full-color .card-footer {
    border: 0;
}
.modal-block.modal-full-color .card-body {
    background-color: transparent;
}
.modal-block.modal-full-color .fa {
    color: #FFF !important;
}
.modal-block.modal-full-color p {
    color: #FFF;
}

/* Modal Wrapper */

.modal-wrapper {
    position: relative;
    padding: 25px 0;
}

/* Modal Icon */

.modal-icon {
    float: left;
    width: 20%;
    text-align: center;
}
.modal-icon .fa {
    font-size: 52px;
    position: relative;
    top: -10px;
    color: #CCC;
}
.modal-icon.center {
    float: none;
    width: auto;
    padding-top: 20px;
}
.modal-icon.center + .modal-text {
    float: none;
    width: auto;
}
.modal-icon + .modal-text {
    float: left;
    width: 80%;
}

/* Modal Text */

.modal-text {
    padding: 0 5px;
}
.modal-text h1, .modal-text h2, .modal-text h3, .modal-text h4, .modal-text h5, .modal-text h6 {
    padding: 0;
    margin: -7px 0 4px 0;
}
.modal-block-primary .fa {
    color: #CCC;
}
.modal-block-primary.modal-header-color .card-header {
    background-color: #CCC;
}
.modal-block-primary.modal-full-color .card {
    background-color: #e0e0e0;
}
.modal-block-primary.modal-full-color .card-header {
    background-color: #CCC;
}
.modal-block-primary.modal-full-color .card-footer {
    background-color: #e0e0e0;
}
.modal-block-success .fa {
    color: #47a447;
}
.modal-block-success.modal-header-color .card-header {
    background-color: #47a447;
}
.modal-block-success.modal-full-color .card {
    background-color: #5cb85c;
}
.modal-block-success.modal-full-color .card-header {
    background-color: #47a447;
}
.modal-block-success.modal-full-color .card-footer {
    background-color: #5cb85c;
}
.modal-block-warning .fa {
    color: #ed9c28;
}
.modal-block-warning.modal-header-color .card-header {
    background-color: #ed9c28;
}
.modal-block-warning.modal-full-color .card {
    background-color: #f0ad4e;
}
.modal-block-warning.modal-full-color .card-header {
    background-color: #ed9c28;
}
.modal-block-warning.modal-full-color .card-footer {
    background-color: #f0ad4e;
}
.modal-block-danger .fa {
    color: #d2322d;
}
.modal-block-danger.modal-header-color .card-header {
    background-color: #d2322d;
}
.modal-block-danger.modal-full-color .card {
    background-color: #d9534f;
}
.modal-block-danger.modal-full-color .card-header {
    background-color: #d2322d;
}
.modal-block-danger.modal-full-color .card-footer {
    background-color: #d9534f;
}
.modal-block-info .fa {
    color: #5bc0de;
}
.modal-block-info.modal-header-color .card-header {
    background-color: #5bc0de;
}
.modal-block-info.modal-full-color .card {
    background-color: #7dcde5;
}
.modal-block-info.modal-full-color .card-header {
    background-color: #5bc0de;
}
.modal-block-info.modal-full-color .card-footer {
    background-color: #7dcde5;
}
.modal-block-dark .fa {
    color: #171717;
}
.modal-block-dark.modal-header-color .card-header {
    background-color: #171717;
}
.modal-block-dark.modal-full-color .card {
    background-color: #2b2b2b;
}
.modal-block-dark.modal-full-color .card-header {
    background-color: #171717;
}
.modal-block-dark.modal-full-color .card-footer {
    background-color: #2b2b2b;
}
html.dark .modal-content {
    background-color: #1d2127;
}
html.dark .modal-header,
html.dark .modal-footer {
    border-color: #282d36;
}