html, body {
    font-family: "Montserrat Regular", sans-serif !important;
}
section.content {
    background-color: #565656;
    /*color: #F7C318;*/
    color: white;top: 60px;
    height: calc(100vh - 60px);
}

.text-black {
    color: black !important;
}
h1, h2, h3, h4, h5, h6, header, thead, .form-title {
    color: #F7C318;
}

/*.card, .card.mini-card, .modal .modal-content {
    background-color: #404040
}*/
.modal .modal-content {
    /*background-color: #404040;*/
    background-color: #565656;
}

hr {
    border-top: 1px solid gainsboro;
}

.btn {
    background-color: #F7C318 !important;
    border-color: gray;
    color: black !important;
    font-weight: bold;
    line-height: normal;
    border-radius: 10px;
}
.buttonBox {
    border-radius: 10px;
}

    .btn.back-button, .btn.close-button {
        background-color: #DFE0E1 !important;
    }
    .information-line .required-field {
        color: #F7C318;
    }

.page-title {
    background-color: #F7C318;
    color: black;
    /*margin-left: -12.5px;
    margin-right: -12.5px;
    margin-top: -5px;*/
    border: none;
    height: 60px;
    padding: 5px 8px;
}
    .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6 {
        color: black;
    }

    p.valid-err-msg {
        color: #F7C318 !important;
    }

.information-line {
    color: white;
}
    .information-line input, .information-line textarea, .btn.dropdown-toggle {
        background-color: white !important;
        color: black !important;
        /*font-weight: bold;*/
        /*padding: .375rem .75rem;*/
        padding: 8px 12px;
        border-radius: 4px;
        font-weight: bold;
        font-size: 12px;
        line-height: 1;
    }

    .information-line .half-width.input-extend input {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .information-line .input-extend {
        background-color: #f3f4fa;
        border-radius: 4px;
        color: black;
    }
    /* Change the white to any color */
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
    }

input:-webkit-autofill {
    -webkit-text-fill-color: black !important;
}

/* Others */
.modal .confirm-form .mini-card-title.form-title {
    font-size:initial;
}

.mini-card-title {
    font-weight: normal;
}
    .mini-card-title.form-title {
        margin-bottom: 4px;
        height: auto;
        font-weight: bold;
    }
img.main-logo-2 {
    content: url("../../../img/mbb-smart-office.png");
}
img.main-icon {
    content: url("../../../img/mbb-icon.png");
}
/*.login-footer {
    margin-top: 20px !important;
}*/

.card.mini-card {
    padding: 0px;
    margin-top: 23px;
    border-radius: 0px;
    background-color: transparent;
}

.information-line.form-line label {
    margin-bottom: 10px;
}
.information-line, .information-line label  {
    font-size: 12px;
}

    .information-line .input-extend .input-extend-addon {
        font-size: 12px;
    }
    .information-line .bootstrap-select > .dropdown-toggle {
        font-size: 12px;
    }
.bootstrap-select .dropdown-menu li a span.text {
    font-size: 12px;
}

.modal .confirm-form .information-line label {
    font-weight: bold;
}

.information-line {
    margin-bottom: 23px;
}
.modal .information-line {
    margin-bottom: 8px;
}


.modal .modal-header {
    border-bottom: none;
    padding: 12px 30px;
}

.modal .modal-body, .confirm-form .card {
    background-color: #404040;
    border-radius: 4px;
    padding: 20px;
    margin: 0px 30px;
}

.modal .modal-footer {
    border-top: none;
    padding: 12px 30px;
}

hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.information-line input[readonly] {
    opacity: 0.7;
}

.confirm-form .information-line {
    margin-bottom: 4px;
}