body {
    font-size: 16px;
    font-family: 'segoeui';
}

.test {
    font-family: 'segoeui';
}

.login-status-container {
    background-color: #000;
    height: 40px;
    color: #fff;
    font-size: 16px;
}

    .login-status-container .status-content {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .login-status-container div span {
        font-style: italic;
        color: #CC8241;
    }

    .login-status-container div {
        text-align: right;
    }

.mobile-center {
    text-align: center;
}

.logo-panel img {
    width: 100px;
    margin: 10px 0px;
}

.logo-panel h1 {
    font-size: 20px;
    color: #12223c;
}


.logo-container {
    font-family: 'Poppins';
    background: url('../Images/Banner_New.jpg') no-repeat;
    background-size: cover;
}

.myoverlay {
    background: url("../Images/white.png") repeat;
}

.menu-text {
    line-height: 25px;
}

fieldset legend {
    font-family: 'Poppins';
}

/* OVERRIDES */

.navbar {
    padding: 0.1rem 1rem;
    font-family: 'segoeui';
    font-weight: normal;
}

.navbar-light .navbar-nav .nav-link {
    color: #444;
}

.navbar-light .navbar-nav .active > .nav-link {
    font-weight: bold;
    color: #12223c;
}

.btn-primary {
    color: #fff;
    background-color: #12223c;
    border-color: #eee;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #12223c;
        border-color: #0062cc;
    }

.navbar-light .navbar-toggler {
    color: #12223c;
    font-size: 16px;
    width: 100%;
}

.form-control {
    border-radius: 0px;
}

    .form-control:focus {
        color: #222;
        background-color: #f7f7f7;
        border-color: #12223c;
        outline: 0;
        box-shadow: none;
        font-family: 'segoeui';
    }

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #214072;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #214072;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #214072;
}

/* END OF OVERRIDES */

#main-content {
    padding: 20px 0px 50px 0px;
}







/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .logo-panel img {
        float: left;
    }

    .logo-panel h1 {
        float: left;
        font-size: 28px;
        margin-top: 30px;
        color: #12223c;
    }

    .mobile-friendly-grid table {
        width: 100%;
        border: 1px solid #ccc;
    }

    .mobile-center {
        text-align: left;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .8rem;
        padding-left: .5rem;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.mobile-friendly-grid tr:first-child {
    background-color: #12223c;
    color: #fff;
}

.mobile-friendly-grid thead th {
    font-weight: normal;
}

.mobile-friendly-grid th, .mobile-friendly-grid td {
    padding: 3px 10px;
}

    .mobile-friendly-grid td div.mob-label {
        display:none;
    }

@media only screen and (max-width: 992px) {

    /* Force table to not be like tables anymore */
    .mobile-friendly-grid table,
    .mobile-friendly-grid thead,
    .mobile-friendly-grid tbody,
    .mobile-friendly-grid th,
    .mobile-friendly-grid td,
    .mobile-friendly-grid tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .mobile-friendly-grid tr:first-child {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .mobile-friendly-grid tr {
        border: 1px solid #ccc;
        margin-bottom: 7px;
        display: block;
        width: 100%;
        float: left;
    }

    .mobile-friendly-grid td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        white-space: normal;
        text-align: left;
        display: block;
        float: left;
        width: 100%;
    }

        .mobile-friendly-grid td div.mob-label, .mobile-friendly-grid td span, .mobile-friendly-grid td a {
            float: left;
            width: 45%;
            text-align: left;
            display: block;
        }

        .mobile-friendly-grid td span, .mobile-friendly-grid td a {
            float: right;
        }



        .mobile-friendly-grid td div.mob-label {
            font-weight: bold;
        }

    /*
	Label the data
	*/

   

}



@media (min-width: 768px) {
    .login-form-row {
        width: 450px;
        margin: 0 auto;
        margin-top: 40px;
        border: 1px solid #ccc;
        padding: 20px 20px 0px 20px;
    }
}

.ajax__calendar_container {
    z-index: 1000;
}


.kickout {
    position: absolute;
    z-index: -1;
    opacity: 0;
    left: -1000px;
    top: -1000px;
}