@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: local("Montserrat-Regular"), url("https://fonts.gstatic.com/s/montserrat/v7/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: local('Karla'), local('Karla-Regular'), url(https://fonts.gstatic.com/s/karla/v5/31P4mP32i98D9CEnGyeX9Q.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: local('Karla'), local('Karla-Regular'), url(https://fonts.gstatic.com/s/karla/v5/Zi_e6rBgGqv33BWF8WTq8g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
    color: #333;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857;
}
.loginrememberchkbox .checkbox{ 
    margin-top: 0px !important;
}

.control-label {
    text-align: right;
    top: 5px;
}

/* error message display in center in manual form create so set padding 0 */
#login-form .help-block, .manualform .help-block {
    padding-left: 0%;
}
/* error message display in center in manual form create so set padding 0 */

/* table asc and desc order css */ 
table thead tr th a::before{
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50, 50, 50, 0.5);
}
table thead tr th a.asc::before {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
    color: black;
}
table thead tr th a.desc::before {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
    color: black;
}
/* table asc and desc order css */ 

.pagination {
    margin: 0px;
    float: right;
}

.btn-group-sm>.btn, .btn-cs {
    padding: 5px 8px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-default {
    color: #ccc !important;
}

.btn-black {
    border-color: #000 !important;
    color: #000 !important;
}

a.lang {
    color: #ccc !important;
}

li.lang.active a {
    color: #000 !important;
    background-color: #f5f5f5 !important;
}

.inputfile {
    padding-left: 0px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-lang {
    min-width: 100px;
}

.has-error .control-label, .has-success .control-label {
    color: #333;
}

.has-success .form-control, .has-success .input-group-addon {
    color: #555 !important;
    border-color: #ccc !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}

.has-success .input-group-addon { 
    background-color: #eee !important;
}

.pb-20 {
    padding-bottom: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.profile-displaybox {
    padding-left: 22px;
}

.lh-33 {
    line-height: 33px;
}

.huge {
    font-size: 32px;
}

#request-password-reset-form .help-block, #reset-password-form .help-block {
    text-align: left;
    padding-left: 0%;
}

#reset-password-form .kv-verdict {
    display: none;
}

/* For Desktop View */
@media (min-width: 1024px) {
    body {
        color: #333;
        font-family: Karla;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857;
    }
    .control-label {
        text-align: right;
        top: 5px;
        float: left;
        width: 25%;
        padding-right: 15px;
        line-height: 35px;
    }
    .custom-inputbox {
        width: 50%;
    }
    .help-block {
        padding-left: 25%;
    }

    .password-label, .profile-label {
        text-align: right;
        padding-right: 7px;
        line-height: 35px;
    }

    .password-inputbox {
        padding-left: 7px;
    }

    .password-inputbox .kv-meter-container{
        width: 251px;
    }

    .password-inputbox .kv-scorebar-border {
        margin: 0 10px;
    }

    .password-inputbox .kv-verdict {
        width: 50%;
    }

    .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
        font-size: 14px;
        height: 33px;
    }

    #user-status label {
        font-weight: 400;
        padding-right: 10px;
    }

    input[type=checkbox], input[type=radio] {
        margin: 10px 0 0;
    }

    .password-inputbox .help-block {
        padding-left: 0px !important;
    }

    .help-block {
        text-align: left;
    }

    .profile-inputbox {
        width: 50.8%;
    }
}
@media (max-width: 1024px) {
    .navbar-top-links .dropdown-user {
        right: auto;
        left: 0;
    }

}