/* here you can put your own css to customize and override the theme */
/* here you can put your own css to customize and override the theme */

/*additional for micorosft validation tollo li bootstrap*/
/* Surround the * after the form label on required fields*/
.requiredFormLabelDiv {
    display: block;
}

.requiredFormStar {
    color: red;
    margin-left: 10px;
}

.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

.required {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: lighter;
}

.field-validation-valid {
    display: none;
}

input[type="select"].input-validation-error,
input[type="text"].input-validation-error,
input[type="password"].input-validation-error,
input[type="email"].input-validation-error {
    border: 1px solid #e80c4d;
}

.select2Error {
    border: 1px solid #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

a.notiCount {
    position: relative;
}

    a.notiCount > i {
        font-size: 16px;
    }

    a.notiCount > .badge {
        font-family: "Open Sans", sans-serif;
        position: absolute;
        top: 10px;
        right: 20px;
        font-weight: 300;
    }

a.iconBadge {
    position: relative;
    top: 5px;
    cursor: pointer;
}

    a.iconBadge > i {
        font-size: 30px;
    }

    a.iconBadge > .badge {
        font-family: "Open Sans", sans-serif;
        position: absolute;
        top: -10px;
        right: 20px;
    }

textarea.input-validation-error {
    border: 1px solid #e80c4d;
}

/*this isindex needed source body could adjust to content height*/
.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.imgProfile {
    height: 64px;
}

.allCaps {
    text-transform: uppercase;
}

/*@media print {
    input[type="checkbox"] {
        display: none;
    }

    input[type=radio] {
        display: inline-block;
    }
}*/

.select2-selection__rendered {
    color: black !important;
    font-size: small;
}

.select2-container {
    width: 100% !important;
}

.select2-search--dropdown .select2-search__field {
    width: 98%;
}