span.select2-selection.select2-selection--single {
    height: 42px !important;
    padding-top: 7px !important;
}



.row.admin-district-incharge-filter .col-md-3 {
    margin-top: 15px;
}

.login-bg {
    /* The image used */
    background-image: url("../images/login_bg.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */

    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.login-text{
    padding: 70px 20px 0px 25px;

}
.login-form {
    padding: 0px 0px 15px 25px;
}
.login-text-title{
    padding: 30px 0px 0px 25px;
    color: #000;
}
.login-text-title h2{ color: #000; font-weight: 600}
.login-text .welcome-to, .login-text .login-e-office{
    color: #87161b;
    font-family: Rockwell;
    font-weight: 600;
    margin-bottom: 0px;
}
.login-text .login-ppp{
    font-family: Rockwell;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
}
.login-form .form-group.login-password {
    margin-bottom: 8px;
}
.forgot-password a {
    color: #87161b;
    font-size: 12px;
    text-decoration: underline;
}
.login-form label{
    margin: 0px;
    font-size: 14px;
}
.login-form .invalid-feedback {
    display: block !important;
    color: #87161b;
}
.login-form input {
    font-size: 14px;
    padding-left: 0px;
    background: #f7f7f7;
    border: 0;
    border-bottom: #615e5e solid 1px;
    border-radius: 0px;
}
.login-form input:focus{
    color: #495057;
    background-color: #f7f7f7;
    border-color: #80bdff00;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
    border-bottom: #000 solid 1px;
}
.login-form .login-button {
    background: #87161b;
    border-color: #87161b;
    padding: 7px 50px;
    border-radius: 30px;
}


footer.footer.mix-footer {
    background: #3c8dbc;
    color: #fff;
}

header.topbar.mis-header .topbar .top-navbar {
    min-height: 50px;
    padding: 0px 15px 0 0;
}
.mis-header.topbar  .top-navbar {
    min-height: 50px;
    padding: 0px 15px 0 0;
}
header.topbar.mis-header {
    background: #3c8dbc;
}
header.topbar.mis-header .topbar .top-navbar {
    min-height: 70px;
    padding: 0px 0px 0 0;
}
header.topbar.mis-header.topbar .top-navbar .navbar-header {
    line-height: 50px;
    text-align: center;
}
header.topbar.mis-header .topbar .top-navbar .navbar-header {
    line-height: 30px;
    text-align: center;
}
header.topbar.mis-header .topbar .top-navbar {
    min-height: 40px;
    padding: 0px 15px 0 0;
}

header.topbar.mis-header.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: 19px;
    line-height: 35px;
}
nav.sidebar-nav.mis-sidebar-nav {
    background: #222d32;
    padding: 15px 0px;
}
.sidebar-footer.mis-sidebar-footer{
    background: #3c8dbc;
    color: #fff;
}
.sidebar-footer.mis-sidebar-footer a{
    color: #fff;
}

nav.sidebar-nav.mis-sidebar-nav.sidebar-nav ul li a {
    /*text-transform: uppercase;*/
    color: #fff;
}
nav.sidebar-nav.mis-sidebar-nav.sidebar-nav > ul > li > a i {
    color: #fff;
}
nav.sidebar-nav.mis-sidebar-nav .has-arrow:after {
    border-color: #ffffff;
}
.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
    border-radius: 0px;
    color: #ffffff;
    background: #3c8dbc !important;
    font-weight: 600;
}
aside.left-sidebar.admin-sidebar {
    padding-top: 50px;
}
footer.footer.mix-footer.admin-footer {
    padding: 8px 15px;
    font-size: 12px;
}
.sidebar-footer.mis-sidebar-footer a.link:hover, a.link:focus {
    color: #ffffff !important;
}
.sidebar-footer.mis-sidebar-footer.sidebar-footer a{
    padding: 4px;
}

.login-body{
    background: #f7f7f7;
}
@media all and (max-width: 1280px) and (min-width: 1280px) {
    .container-fluid {
        padding: 0 30px 0px 30px;
    }
    .login-text-title {
        padding: 10px 0px 0px 25px;
    }
    .login-text {
        padding: 0px 20px 0px 25px;
    }
    .login-text .welcome-to, .login-text .login-e-office {
        font-size: 22px;
    }
    .login-text .login-ppp {
        font-size: 20px;
    }
}
@media only screen and (max-width: 1199px){
    .login-text {
        padding: 120px 20px 0px 25px;
    }
    .login-text .welcome-to, .login-text .login-e-office {font-size: 25px;}
    .login-text .login-ppp {font-size: 25px;}
}

@media only screen and (max-width: 1024px){
    .login-text {
        padding: 50px 20px 0px 25px;
    }
}
@media only screen and (max-width: 991px){
    .example {background: dimgrey;}
    .login-text {
        padding: 120px 20px 0px 25px;
    }
    .login-text .welcome-to, .login-text .login-e-office {font-size: 25px;}
    .login-text .login-ppp {font-size: 25px;}


}
.mobile-login-bg{
    display: none;
}
@media only screen and (max-width: 768px){

    .mobile-login-bg {
      display: block;

    }
    .login-bg {
        /* The image used */
        background-image: url("../images/login_bg.jpg");
        /* Full height */
        height: 40%;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background: none;
        background-color: #f7f7f7;
    }
    .row.login-page .login-align {
        max-width: 100% !important;
        flex: 0 0 100%;
    }
    .login-form .login-button {padding: 1px 25px;}
    .login-form .invalid-feedback {font-size: 12px;}
    .login-form .login-button {
        padding: 2px 51px;
        font-size: 22px;
    }
    .login-text {
        padding: 0px;
        text-align: center;
    }
    .login-text-title {
        padding: 30px 0px 0px 0px;
        color: #000;
    }
    .login-form {
        text-align: center;
        padding: 0px 0px 0px 0px;
    }
    .login-text .welcome-to, .login-text .login-e-office {
        font-size: 34px;
    }
    .login-text .login-ppp {
        font-size: 34px;
        padding: 11px 0px;
    }
    .login-text-title h2 {
        color: #000;
        font-weight: 600;
        text-align: center;
        font-size: 34px;
    }
    .login-form input{
        text-align: center;
    }
    .row.login-inner-div {
        padding: 0px 131px;
    }
    .text-right.forgot-password {
        text-align: center !important;
        margin: 12px 0px;
    }
    .forgot-password a {
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px){
    .mobile-login-bg {
        display: block;

    }
    .login-bg {
        /* The image used */
        background-image: url("../images/login_bg.jpg");
        /* Full height */
        height: 74%;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background: none;
        background-color: #f7f7f7;
    }
    .row.login-page .login-align {
        max-width: 100% !important;
        flex: 0 0 100%;
    }
    .login-form .login-button {padding: 1px 25px;}
    .login-form .invalid-feedback {font-size: 12px;}
    .login-form .login-button {
        padding: 2px 51px;
        font-size: 22px;
    }
    .login-text {
        padding: 0px;
        text-align: center;
    }
    .login-text-title {
        padding: 30px 0px 0px 0px;
        color: #000;
    }
    .login-form {
        text-align: center;
    }
    .login-text .welcome-to, .login-text .login-e-office {
        font-size: 34px;
    }
    .login-text .login-ppp {
        font-size: 34px;
    }
    .login-text-title h2 {
        color: #000;
        font-weight: 600;
        text-align: center;
        font-size: 34px;
    }
    .login-form input{
        text-align: center;
    }
    .row.login-inner-div {
        padding: 0px 50px;
    }
    .text-right.forgot-password {
        text-align: center !important;
        margin: 12px 0px;
    }
    .forgot-password a {
        font-size: 14px;
    }
}
@media only screen and (max-width: 512px){
    .login-text .login-ppp {
        font-size: 24px;
        padding: 0px;
    }
    .login-text .welcome-to, .login-text .login-e-office {
        font-size: 24px;
    }
    .row.login-inner-div {
        padding: 0px 10px;
    }
    .login-text-title h2 {
        font-size: 24px;
    }
}


.alert-danger {
    color: red !important;
    background-color: #9d9d9d36;
    border-color: #f5c6cb00 !important;
    padding: 5px 0px !important;
    margin-top: 5px !important;
}