@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100&display=swap');
@charset "utf-8";

* {
    padding: 0;
    margin: 0;
}

img {
    border: 0;
}

html, body, form {
    height: 100%;
    font-family: 'Poppins', sans-serif, Arial;
}

a, div, p, span, form, ul, li, tr, td, table, th {
    font-family: 'Poppins', sans-serif, Arial;
    font-size: 12px;
}

a {
    color: blue;
    outline: 0;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
        color: #f47300;
    }

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

input[disabled="disabled"], select[disabled="disabled"] {
    color: #969696;
    background: #efefef;
}

body {
    height: 100%;
    font-family: 'Poppins', sans-serif, arial, Verdana, Helvetica, sans-serif;
    color: #333;
    font-size: 12px;
}

textarea:focus, input[type="text"]:focus, select:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(50, 82, 110, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(50, 82, 110, 0.6);
    outline: 0 none;
}

label {
    font-weight: 400;
}

.emploginbg {
    background: url("images/bg-login.jpg") repeat scroll 0 0;
    overflow: hidden;
}

.backofficebg {
    background: url("images/admin-login-bg.jpg") repeat-x scroll center 90px;
}

.college_login_bg {
    background: url("images/college-login-bg.jpg") repeat-x scroll center 90px;
}

.candidate_login_bg {
    background: url("images/student-bg.jpg") repeat-x scroll center 70px;
}

/*.student_login_bg {
    background: url("images/student-bg-reg.jpg") repeat-x scroll center 50px;
}*/

.opcitydwnbg {
    background: #c58448c2;
    border-radius: 5px;
    margin-top: 75px;
    margin-bottom: 155px;
    padding: 10px !important;
}

.strip {
    background-image: url(Images/strip.jpg);
    width: 100%;
    display: inline-block;
    height: 3px;
    vertical-align: top;
    box-shadow: 0px 0px 10px #144355;
}

.headermain {
    float: left;
    width: 100%;
    background: linear-gradient(-45deg, #ffc692, #efad70, #ffc692, #efad70);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    box-shadow: 0px 5px 15px #1445578f;
    padding: 5px 0;
}

.roundCornerAll {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #fff;
}

#container {
    width: 955px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: url(images/bodyBg.jpg) #666 repeat-x;
}

.maincontent {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 10px;
    width: 100%;
}

#containerRound {
    width: 955px;
    margin: 20px auto 0px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: url(images/navsariLogo.jpg) #fff no-repeat 10px 10px;
    border: 1px solid #ccc;
    position: relative;
    padding: 12px;
}

    #containerRound h2 {
        color: #116907;
        font-weight: 500;
        background: url(images/fileIcon.jpg) no-repeat 395px 0px;
        padding: 20px 0 20px 440px;
    }

    #containerRound h1 {
        text-align: left;
        font-weight: 500;
        color: #D22E1E;
    }

    html > body #containerRound hr {
        margin-bottom: 10px;
        color: #bbb;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        height: 1px;
        background: #B7D1E2;
        border-bottom-style: none;
        clear: both;
        padding: 0;
        margin-top: 6px;
    }

    #containerRound hr {
        margin-bottom: 10px;
        color: #bbb;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        height: 1px;
        border-bottom-style: none;
        clear: both;
        padding: 0;
        margin-top: 0px;
        border: 1px solid #B7D1E2;
    }

.repbody {
    background-color: White;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.colon {
    width: 2%;
    text-align: center;
}

.repbody {
    background-color: White;
}

form {
    height: 100%;
}

img {
    border: 0;
}

.gap {
    height: 10px;
}

ul {
    padding: 5px 0 2px 5px;
    margin: 0px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.colon {
    width: 2%;
    text-align: center;
}

.empheader {
    width: 100%;
    display: inline-block;
}

.loginpgtoplink {
    float: right;
    font-size: 19px;
    font-weight: normal;
    padding-top: 33px;
    padding-right: 10px;
    color: #fff;
}

    .loginpgtoplink a {
        color: #E55E1F;
        cursor: pointer;
        font-size: 13px;
        font-weight: 500;
        margin-right: 20px;
    }

.welcometext {
    float: left;
    width: 578px;
    padding-top: 70px;
}

.centerpage {
    float: right;
    padding: 70px 0 0 0;
    width: 370px;
}

    .centerpage h2 {
        border-bottom: 1px dotted #ffffff;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        margin: 0 0 8px 0;
        padding-bottom: 5px;
    }

.line1 {
    margin-top: 5px;
    padding: 0;
}

.fieldname {
    color: #265b92;
    float: left;
    font-weight: 500;
    margin: 3px 0 0;
    font-size: 13px;
    width: 90px;
}

.line2 {
    padding: 0 54px 0 70px;
    text-align: left;
}

.loginfooter {
    background: none 0% 0% repeat scroll rgb(225 225 225);
    float: left;
    height: 45px;
    text-align: center;
    width: 100%;
}

.explogologinpg {
    background: url("images/manage-becil.png") no-repeat scroll 0 0 transparent;
    color: #666666;
    float: left;
    font-size: 0;
    height: 26px;
    margin: 11px 0 0 43%;
    text-align: right;
    width: 158px;
}

.footerTender {
    font-size: 11px;
    text-align: center;
    color: #666;
    padding: 0 0 0 0;
    position: relative;
    margin: -35px 0 0 0;
    display: block;
}

#footerBlock {
    height: 35px;
}

#topNavlist {
    list-style: none;
    clear: both;
    padding: 15px 0 15px 0;
    font-size: 11px;
    text-align: right;
}

    #topNavlist li {
        display: inline;
        color: #ccc;
    }

        #topNavlist li a {
            color: #333;
            padding: 0 17px 0 17px;
        }

            #topNavlist li a:hover {
                font-size: 11px;
                color: #333;
            }

#loginBox {
    border: 1px solid #ccc;
    width: 325px;
    margin: 80px auto 0;
    padding: 15px;
}

    #loginBox p {
        float: left;
        width: 90px;
        text-align: left;
        font: 12px/17px normal arial, verdana;
        padding: 0;
    }

    #loginBox em {
        color: red;
        font: 10px/16px normal arial;
        padding: 0 0 0 0;
        float: right;
    }

    #loginBox .inputBoxLogin {
        width: 220px;
        float: left;
        margin: 0 0 10px 0;
        border: 1px solid #ccc;
        padding: 0 3px 0 3px;
    }

    #loginBox span.btWidth {
        padding-left: 90px;
        clear: left;
    }

.hed {
    display: block;
    padding: 15px 0 0 25px;
    color: #FF0000;
    font-size: 17px;
    font-weight: normal;
}

.login-bg {
    height: 100%;
    width: 100%;
}

h1.heading {
    text-align: left;
    margin: 0 0 15px 0;
    font-size: 15px;
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #e1e1e1;
}

h2.subheading {
    text-align: left;
    margin: 0 0 15px 0;
    padding-bottom: 3px;
    font-weight: 500;
    font-size: 13px;
    color: #ee6a00;
    border-bottom: 1px solid #ee6a00;
}

.lblmessage {
    color: red;
    font-weight: 500;
    font-size: 14px;
}

.logbutt {
    background: #265b92 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 0 20px;
    padding: 5px 10px 6px;
}

.wtrmarklogoname {
    float: left;
    padding: 50px 0 30px 0;
    text-align: center;
    width: 100%;
}

.loginfail {
    padding: 5px 0 0 74px;
}

.codebox {
    border: 1px solid #666;
    border-radius: 5px;
    padding: 6px 6px 6px 25px;
    width: 238px;
}

#username {
    background: url("Images/usr.png") no-repeat scroll 5px 5px #fff;
}

#upassword {
    background: url("Images/pwd.png") no-repeat scroll 5px 5px #fff;
}

.footer a {
    background: url("Images/iti.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-size: 0;
    height: 22px;
    margin-left: 43%;
    margin-top: 13px;
    text-align: right;
    text-decoration: none;
    width: 140px;
}

.wrap {
    margin: 20px;
    border: 1px solid #fff;
    background: #FCFFEA;
}

.mx-background-top-linear {
    background: -webkit-linear-gradient(45deg, #d0e8ff 48%, #0e365c 48%);
    background: -webkit-linear-gradient(left, #d0e8ff 48%, #0e365c 48%);
    background: linear-gradient(45deg, #d0e8ff 48%, #0e365c 48%) !important;
}
.header {
    background: #0e365c;
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    float: left;
    position: relative;
    width: 100%;
    border-top: solid 4px #0e365c;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.co-name-text {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    padding: 0 0 0 0;
    text-align: left;
    float: left;
    background: url(Images/co-logo.jpg) no-repeat;
    margin: 0 0 0 12px;
    width: 174px;
    height: 44px;
}

.login-detail {
    text-transform: uppercase;
    border: 1px solid #333;
}

.masterlogin-detail {
    text-transform: uppercase;
    color: black;
    padding: 3px;
    font-size: 10px;
}

    .masterlogin-detail a {
        color: #ffffff;
        text-decoration: none;
    }

        .masterlogin-detail a:hover {
            color: #000;
        }

.masterlogout-detail {
    color: #FFFFFF;
    font-weight: 500;
    padding: 8px 3px;
}

    .masterlogout-detail a {
        color: #fff !important;
        padding: 3px 10px;
    }

.moduleselectmenu {
    border-bottom: 2px solid #6a9cc7;
    padding-bottom: 2px;
}

    .moduleselectmenu select {
        float: right;
        margin-bottom: 0;
        font-size: 12px;
        border: solid 1px #c8d1da;
        border-radius: 4px;
        padding: 5px;
    }

    .moduleselectmenu h1 {
        border: 1px solid #dce0e4;
        border-radius: 5px;
        float: left;
        font-size: 15px;
        text-align: left;
        width: 100%;
        padding: 0;
        margin-top: 11px;
    }

.module-container tr td {
    width: 20%;
    vertical-align: top;
}

.borderbottom {
    float: left;
    padding: 10px;
    font-weight: 500;
    color: #3a5873;
}

.modulelistfild {
    background: #d0e8ff none repeat scroll 0 0;
    float: right;
    padding: 5px 10px 6px;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    margin: 5%;
    background-clip: border-box;
    border-radius: .35rem;
    padding: 15px;
    min-height: 110px;
    box-shadow: 0px 0px 20px #4263814a;
}

.m-heading {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    display: block;
    color: #3a5873;
}

.m-text {
    color: #c3c3ca;
    font-size: 11px;
    margin-top: 7px;
    text-transform: uppercase;
    display: block;
}

.moduleimage {
    text-align: right;
}

    .moduleimage img {
        width: 55px;
        filter: hue-rotate(20deg);
    }

.moduleiconmain {
    min-height: 160px;
    position: relative;
}

.c1 {
    border-left: solid 4px #24a2ce;
}

.c2 {
    border-left: solid 4px #6fab89;
}

.c3 {
    border-left: solid 4px #aa5f7e;
}

.c4 {
    border-left: solid 4px #d47b9b;
}

.c5 {
    border-left: solid 4px #6495b6;
}

.c6 {
    border-left: solid 4px #c8845d;
}

.c7 {
    border-left: solid 4px #a37bb7;
}

.c8 {
    border-left: solid 4px #2bb6af;
}

.c9 {
    border-left: solid 4px #417698;
}

.c10 {
    border-left: solid 4px #f1cb65;
}

.c11 {
    border-left: solid 4px #7179c1;
}

.c12 {
    border-left: solid 4px #ffba6b;
}

.c13 {
    border-left: solid 4px #56cf87;
}

.c14 {
    border-left: solid 4px #44b3d4;
}

.c15 {
    border-left: solid 4px #e59acd;
}

.c16 {
    border-left: solid 4px #3d9dce;
}

.c17 {
    border-left: solid 4px #b6888d;
}

.c18 {
    border-left: solid 4px #e19278;
}

.c19 {
    border-left: solid 4px #7e8e8d;
}

.c20 {
    border-left: solid 4px #a69483;
}

.c21 {
    border-left: solid 4px #bfae59;
}

.c22 {
    border-left: solid 4px #9ea56c;
}

.c23 {
    border-left: solid 4px #61c3a9;
}

.c24 {
    border-left: solid 4px #45a7c5;
}

.c25 {
    border-left: solid 4px #a292b3;
}

.c26 {
    border-left: solid 4px #c76d62;
}

.headersecondnav {
    bottom: 15px;
    float: right;
    margin-right: 10px;
    position: absolute;
    right: 0;
    width: 60%;
}

    .headersecondnav td span, .headersecondnav td {
        color: #fff;
        font-size: 10px;
        font-weight: normal;
    }

    .headersecondnav td {
        padding: 0 10px;
    }

.blueline {
    clear: both;
    border-bottom: 6px solid #224FAD;
}

.round-menu-left {
    background: url(Images/round-left.gif) no-repeat;
    height: 20px;
    width: 19px;
}

.round-menu-right {
    background: url(Images/round-right.gif) no-repeat;
    height: 20px;
    width: 19px;
}

.footer {
    float: left;
    font-weight: 500;
    height: 68px;
    line-height: 35px;
    text-align: center;
    width: 100%;
}

#body {
    float: left;
    margin-left: 1%;
    margin-top: 5px;
    min-height: 440px;
    width: 98%;
}

.body-form {
}

.logo {
    border: medium none;
    float: left;
    padding: 0;
    margin: 0;
}

    .logo a {
        background-image: url("Images/logo.png");
        background-repeat: no-repeat;
        background-size: 100%;
        color: #346fad;
        float: left;
        font-size: 0;
        height: 63px;
        width: 320px;
        margin: 12px 0 12px 0;
    }

.menu {
    margin: 1px;
    font-weight: normal;
    cursor: hand;
    clear: both;
    padding: 0 0 0 0;
    display: block;
}

.menuItem td {
    color: #333;
    height: 10px;
    text-align: left;
    padding: 0 0 5px 0;
    margin: 0;
    border-right: 1px solid #CCCCCC;
    font-size: 10px;
}

.menuSelectedItem td {
    background: #ffffff;
}

.menuItem a:link, .menuItem a:visited {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0 43px 2px 43px;
    font-weight: 500;
    margin: 0;
}

.menuPopupItem a:link, .menuPopupItem a:visited {
    color: #666666;
    text-decoration: none;
    font-weight: 500;
    display: block;
    padding: 5px;
}

.menuItem a:hover {
    text-decoration: none;
    margin: 0;
    cursor: hand;
    border: 1px solid #333;
    color: #000;
}

.menuPopup {
    border: 1px solid #E9E8E8;
    color: #000;
    font-size: 12px;
}

    .menuPopup a {
        background: #F6F6F6;
        display: block;
        padding: 6px;
    }

        .menuPopup a:hover {
            display: block;
        }

.menuPopupItem {
    color: #fff666;
    border-bottom: 1px solid #ffffff;
}

    .menuPopupItem a {
        display: block;
    }

        .menuPopupItem a:hover {
            background: #999999;
            color: #ffffff;
        }

.button-common {
    background: #0e365c;
    border: 1px solid #0e365c;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin: 6px 5px 3px 0;
    font-weight: 500;
    padding: 6px 15px;
}

    .button-common:hover {
        background: #174672;
    }

.buttonformula {
    font-size: 11px;
    font-weight: 500;
    background-color: #E4E4E4;
    width: 30px;
    padding: 2px;
    color: #333;
    margin: 2px;
    background-image: url(Images/button_bg.jpg);
}

    .buttonformula:hover {
        background-color: #D2D2D2;
        background-image: url(Images/button_bg_over.jpg);
        cursor: hand;
    }

.buttonHTML {
    padding: 0.5px;
    color: #000;
    margin: 6px 18px 3px 0;
    border: 1px solid #808080;
    font-size: 11px;
    background-image: url(Images/button_bg.jpg);
}

    .buttonHTML:hover {
        border: 1px solid #7D98B8;
        background-image: url(Images/button_bg_overbt.jpg);
        cursor: hand;
    }

.buttonformula1 {
    font-size: 11px;
    font-weight: 500;
    background-color: #E0E0E0;
    padding: 2px;
    color: #333;
    margin: 2px;
    width: 65px;
    background-image: url(Images/button_bg.jpg);
}

    .buttonformula1:hover {
        background-color: #E0E0E0;
        background-image: url(Images/button_bg_over.jpg);
        cursor: hand;
    }

.LinkButton {
    font-size: 11px;
    font-weight: 500;
    background-color: #db6600;
    padding: 2px 7px 2px 7px;
    color: #ffffff;
    margin: 1px 0 0 10px;
    border: 2px solid #db6600;
    display: block;
    height: 15px;
    background-image: url(Images/button_bg.jpg);
}

    .LinkButton:a {
        text-decoration: none;
    }

    .LinkButton:hover {
        background-color: #000000;
        border: 2px solid #000000;
        text-decoration: none;
        background-image: url(Images/button_bg_over.jpg);
    }

#TimeEntryView {
    padding: 10px;
    background: #FFFFFF;
    color: #666666;
}

.textbox3 {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 2px 0 2px 0;
    width: 220px;
    font-size: 12px;
}

.textbox4 {
    margin: 2px 0 2px 0;
    padding: 3px;
    border: 1px solid #ccc;
    width: 220px;
    font-size: 12px;
}

.textboxdate {
    margin: 2px 0 2px 0;
    padding: 3px;
    border: 1px solid #ccc;
    width: 75px !important;
    font-size: 12px;
}

.textboxsmall {
    margin: 2px 0 2px 0;
    padding: 3px;
    border: 1px solid #ccc;
    width: 50px;
    font-size: 12px;
}

.textboxsmall2 {
    margin: 2px 0 2px 0;
    padding: 3px;
    border: 1px solid #ccc;
    width: 70px;
    font-size: 12px;
}

.textboxsmall3 {
    margin: 2px 0 2px 0;
    padding: 3px;
    border: 1px solid #ccc;
    width: 90px;
    font-size: 12px;
}

.textbox {
    margin: 2px 0 2px 0;
    padding: 3px;
    border: 1px solid #ccc;
    width: 220px;
    font-size: 12px;
}

.textboxmedium {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 2px 0 2px 0;
    width: 220px;
    font-size: 12px;
}

.textbox2 {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 2px 0 2px 0;
    width: 220px;
    font-size: 12px;
}

.textboxlong {
    margin: 2px 0 2px 0;
    padding: 3px;
    border: 1px solid #ccc;
    width: 220px;
    font-size: 12px;
}

.textboxverylong {
    margin: 2px 0 2px 0;
    padding: 3px;
    border: 1px solid #ccc;
    width: 500px;
    font-size: 12px;
}

.textboxmultiline {
    width: 220px;
    margin: 2px 0px 2px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.textboxmultilinelong {
    width: 600px;
    height: 50px;
    margin: 2px 0px 2px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.textboxsuggestion {
    width: 220px;
    padding: 3px;
    margin: 2px 0px 2px 0px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.gtextbox3 {
    width: 20px;
    margin: 2px 0px 2px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.gtextbox4 {
    width: 28px;
    margin: 2px 0px 2px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.gtextbox5 {
    width: 36px;
    margin: 2px 0px 2px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.gtextboxdate {
    width: 65px;
    margin: 2px 0px 2px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.gtextbox {
    width: 125px;
    margin: 2px 0px 2px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.gtextbox1 {
    width: 195px;
    margin: 2px 0px 2px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.gtextbox-earninghead {
    width: 125px;
    margin: 0px 0px 0px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 11px;
}

.gtextboxmedium {
    width: 110px;
    margin: 1px 0px 1px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.gtextbox2 {
    width: 10px;
    margin: 1px 0px 1px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.gtextboxlong {
    width: 250px;
    margin: 1px 0px 1px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.gtextboxmultiline {
    width: 250px;
    margin: 1px 0px 1px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.gtextboxsuggestion {
    width: 350px;
    margin: 1px 0px 1px 0px;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.dropdownlogin {
    width: 260px;
    padding: 3px;
    margin: 0px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 12px;
}

.dropdownsmall {
    width: 225px;
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 12px;
}

.dropdown180 {
    font-size: 12px;
    width: 180px;
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
}

.dropdawnNowidth {
    font-size: 12px;
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
}

.dropdownmedium {
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 12px;
    width: 225px;
}

.dropdownverysmall {
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 12px;
    width: 60px;
}

.dropdownlong {
    font-size: 12px;
    padding: 3px;
    margin: 3px 0px 3px 0px;
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    width: 225px;
    font-weight: 400;
}

.dropdownverylong {
    padding: 3px;
    margin: 4px 0px 4px 0px;
    border: 1px solid #ccc;
    width: 300px;
    font-size: 12px;
}

.dropdownveryvlong {
    padding: 3px;
    margin: 4px 0px 4px 0px;
    border: 1px solid #ccc;
    width: 450px;
    font-size: 12px;
}

.dropdownvvlong {
    padding: 3px;
    margin: 4px 0px 4px 0px;
    border: 1px solid #ccc;
    width: 684px;
    font-size: 12px;
}

.dropdownvvvlong {
    padding: 3px;
    margin: 4px 0px 4px 0px;
    border: 1px solid #ccc;
    width: 780px;
    font-size: 12px;
}

.gdropdownsmall {
    width: 92px;
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 12px;
}

.gdropdownsmaller {
    width: 64px;
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 12px;
}

.gdropdownverysmall {
    width: 38px;
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 12px;
}

.gdropdown {
    font-size: 12px;
    width: 152px;
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
}

.gdropdownmedium {
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 12px;
    width: 200px;
}

.gdropdownlong {
    font-size: 12px;
    padding: 3px;
    margin: 3px 0px 3px 0px;
    border: 1px solid #ccc;
    background: #fff;
    width: 255px;
}

.gdropdownverylong {
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    width: 350px;
    font-size: 12px;
}

.gdropdownveryvlong {
    font-size: 12px;
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    width: 500px;
}

.gdropdownvvverylong {
    font-size: 12px;
    padding: 3px;
    margin: 1px 0px 1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    width: 750px;
}

.header-style {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    border: solid 1px #000 !important;
    text-align: center;
}

    .header-style span.header-style {
        border: medium none !important;
    }

    .header-style th, .header-style td {
        border: solid 1px #ccc;
        color: #4b4b4b;
        padding: 5px;
        background: rgb(246,248,249);
        background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%);
        background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
        background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
    }

.body-form table {
    margin-top: 5px;
    float: left;
}

    .body-form table.table {
        margin-top: 0;
    }

.header-style1 {
    text-align: left;
    height: 20px;
    font-weight: 500;
    color: #000;
    background: url(Images/button_bg_over.jpg) repeat-x;
    font-size: 10px;
}

.gridmouseoveritem {
    font-weight: 500;
    background-color: #C5BBAF;
    color: #333;
}

.pager-style {
    color: #000000;
    font-weight: 500;
    height: 15px;
    padding: 0px;
    margin: 0px;
}

.tdgap {
    padding: 3px;
}

.item-style {
    text-align: left;
    background: #ECECEC;
}

.dgitem-style {
    text-align: left;
    background: #ffffff;
}

.lblmessage {
    font-weight: normal;
    font-size: 11px;
    color: #ff0000;
    line-height: normal;
    font-style: normal;
}

.tablesubheading {
    border-bottom: 1px solid #e1e1e1;
    clear: both;
    color: #000;
    font-size: 13px !important;
    font-weight: 500;
    margin: 0 0 0 15px;
    padding: 6px 7px 7px 31px !important;
    text-align: left;
    background: url(Images/list.png) no-repeat scroll 5px 5px #f2f6f9;
    border-left: solid 5px #f59b47;
}
.tableheading {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px 0;
    background: #2200710f;
    border-left: 3px solid #220071;
    padding: 10px;
}
.PopcalTrigger {
    width: 24px;
    height: 24px;
    margin-top: -4px\9;
    *margin-top: 0;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    font-size: 11px;
}

.vtext {
    color: #333333;
    font-weight: 500;
    margin: 0;
    padding: 0 10px 0 0;
    text-align: right;
    border-bottom: 1px solid #ebebeb;
}

.myselectlist {
    color: #000000;
    font-size: 12px;
    font-weight: 500;
}

.reportMainTable {
    width: 100%;
    page-break-after: always;
}

.reportHeadTable {
    width: 98%;
}

.reportDataTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
}

.vtexth1rpt {
    margin: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #0E0F0F;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.vtexthrpt {
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    color: #1B42E0;
    padding: 0px 0px 0px 0px;
}

.vtexth2rpt {
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    color: #1B9BE0;
    padding: 0px 0px 0px 0px;
}

.vtextbrpt {
    font-size: 15px;
    font-weight: 500;
    color: #E0321B;
    padding: 3px 1px 3px 1px;
    background-color: #DCDCDC;
}

.vtextbrpt1 {
    font-size: 13px;
    font-weight: 500;
    color: #E0321B;
    background-color: #DCDCDC;
}

.vtextbrptl {
    font-size: 14px;
    font-weight: 500;
    color: #003399;
    padding: 3px 1px 3px 1px;
    background-color: #DCDCDC;
}

.vtextlrpt1 {
    margin: 0px;
    font-size: 12px;
    color: #33302F;
}

.vtextlrpt11 {
    margin: 0px;
    font-size: 11px;
    color: #333;
    padding: 3px 0px 3px 1px;
}

.vtextrrpt {
    margin: 0px;
    font-size: 14px;
    color: #333;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.vtextrrpt1 {
    margin: 0px;
    font-size: 14px;
    color: #333;
    padding: 0px 0px 0px 0px;
}

.vtexttotrpt {
    margin: 0px;
    color: #571E0B;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.vtexttotrpt1 {
    margin: 0px;
    font-size: 15px;
    color: #1056A1;
    font-weight: 500;
    padding: 0px 0px 0px 0px;
}

.vtextbrptr {
    font-size: 14px;
    font-weight: 500;
    color: #003399;
    padding: 3px 1px 3px 1px;
    text-align: right;
}

.vtextbrptr1 {
    font-size: 12px;
    font-weight: 500;
    color: #003399;
    text-align: right;
}

.vtexttotrptr {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    padding: 3px 1px 3px 1px;
    text-align: right;
}

.vtextbrptl {
    font-size: 12px;
    font-weight: 500;
    color: #003399;
    padding: 3px 1px 3px 1px;
    text-align: left;
    background-color: #DCDCDC;
}

.underline {
    border-bottom: 1px solid #333;
    clear: both;
    overflow: hidden;
}

.vtextlrptr {
    margin: 0px;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    padding: 3px 0px 3px 1px;
    text-align: right;
}

.vtextlrptl {
    margin: 0px;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    padding: 3px 0px 3px 1px;
    text-align: left;
}

.vtextrrptr {
    margin: 0px;
    font-size: 12px;
    color: #333;
    padding: 0px 0px 0px 0px;
    text-align: right;
}

.vtextlrptc {
    margin: 0px;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    padding: 3px 0px 3px 1px;
    text-align: center;
}

.required {
    color: red;
}

h1 {
    background: inherit;
    border-bottom: 1px solid #1867B8;
    color: #044EA0;
    padding: 0 0 5px;
    text-align: center;
}

p {
    clear: both;
    padding: 5px 0;
}

    p a {
        background: inherit;
        color: #777;
    }

        p a:hover {
            background: inherit;
            color: #000;
        }

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.hoverbox {
    color: #ee6a00;
    font-size: 14px;
    list-style: none outside none;
}

    .hoverbox img {
        height: 75px;
        vertical-align: top;
        width: 75px;
        filter: hue-rotate(20deg);
    }

    .hoverbox .moduleframe img {
        width: 120px;
        height: 103px;
        margin: 0;
    }

.modulebg {
    min-height: 125px;
    width: 100%;
}

.moduleimg {
    min-height: 80px;
    width: 100%;
}

.modulename {
    font-size: 11px;
    width: 100%;
}

.m-heading {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    display: block;
    color: #35648e;
    font-family: 'Poppins', sans-serif, arial, Verdana, Helvetica, sans-serif;
}

.modulename a:hover {
    text-decoration: underline;
}

.modulebody table table {
    float: none;
    width: 100%;
}

.DivStyleWithScroll {
    font-size: 12px;
    border: #ccc 1px solid;
    overflow: scroll;
    width: 100%;
    margin: 0 5px 0 0;
    height: 150px;
}

.wbparthead {
    background: url(Images/listheadergrad.gif) repeat-x;
    padding: 1px 0px 1px 5px;
}

.wbpart-panel {
    background: url(Images/waebpartpanel.jpg) #ffffff no-repeat;
}

.webpart-linkhead {
    text-align: right;
    padding: 2px 5px 2px 0px;
    color: #333;
    font-size: 12px;
    font-weight: normal;
}

    .webpart-linkhead a {
        color: #333;
        text-decoration: none;
    }

        .webpart-linkhead a:hover {
            color: #FF8400;
            text-decoration: underline;
        }

.uploadfiles {
    margin: 2px 0px 2px 0px;
    padding: 1px 0px 1px 2px;
    border: 1px solid #ccc;
    width: 190px;
    font-size: 12px;
}

.quickLinkNav {
    font-size: 12px;
    color: #666;
    width: 850px;
    float: left;
}

    .quickLinkNav li {
        list-style: none;
        padding: 0 20px 0 30px;
        display: inline;
        line-height: 33px;
    }

        .quickLinkNav li a {
            color: #666;
        }

.quickLink {
    padding: 0px 0px 0 0px;
    float: right;
    clear: right;
}

    .quickLink li {
        color: #EBA621;
        list-style: none;
        display: inline;
        line-height: 33px;
    }

        .quickLink li a {
            color: #333;
            text-decoration: none;
            display: block;
            padding: 0px 43px 2px 43px;
            margin: 0px;
        }

    .quickLink ul {
        background: #fff;
        border: 1px solid #ccc;
        margin: 5px 0 0 0;
        padding: 3px 10px 3px 10px;
        font-size: 10px;
        width: 70px;
    }

        .quickLink ul li {
            line-height: 13px;
        }

            .quickLink ul li a {
                color: #666;
                padding: 6px 0 6px 0;
                display: block;
                border-bottom: 1px solid #eee;
            }

                .quickLink ul li a:hover {
                    color: #666;
                    color: #EBA621;
                }

.cssParsedBox {
    margin: 0 auto 20px;
    color: #333;
    width: 800px;
    padding: 5px;
    text-align: left;
    background-color: #F4F4F4;
    border: 1px solid #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    CCborderRadius: 8px;
}

.vtextlrpt {
    margin: 0px;
    font-size: 14px;
    color: #333;
    padding: 3px 0px 3px 1px;
    vertical-align: middle;
}

.vtextlrpt1 {
    margin: 0px;
    font-size: 12px;
    color: #333;
    vertical-align: middle;
}

.vtexttotrpt {
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    color: #1056A1;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.menuPopupItem a:link, .menuPopupItem a:visited {
    color: black;
    text-decoration: none;
    font-weight: 500;
    display: block;
    padding: 5px;
}

.menuPopup a {
    background: #b0e0ff;
    display: block;
    padding: 6px;
}

.icar {
    background: url(Images/icar.gif) no-repeat;
    position: absolute;
    right: 33px;
    width: 62px;
    height: 77px;
}

.onlineuser {
    color: #F57300;
    font-size: 12px;
}

.glcl {
    float: right;
    margin-top: 8px;
}

    .glcl a, .glcl td {
        color: #fff;
        font-size: 12px;
        font-weight: 500;
    }

.list-tab td {
    text-align: left;
}

    .list-tab td a {
        color: #000;
        font-size: 12px;
        font-weight: 500;
        display: block;
        background: #dadada;
        padding: 5px;
        border-bottom: 1px solid #666;
    }

        .list-tab td a:hover {
            background: #acacac;
            padding: 5px;
            border-bottom: 1px solid #666;
            text-decoration: none;
        }

.dashTab {
    background: url("Images/ds-bg.jpg") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    padding-left: 30px;
    width: 400px;
}

    .dashTab span {
        background: url(Images/icon-ds.jpg) no-repeat 1px;
        color: #fff;
        font-weight: 500;
        padding: 8px 0 9px 40px;
        display: block;
    }

.dashTabdet {
    background: url(Images/bs-bg1.jpg) repeat-x 0 0 #7dceeb;
    padding: 0 0 10px 15px;
}

.short-link {
    background: none repeat scroll 0 0 #C9E5FF;
    float: left;
    width: 100%;
}

    .short-link a {
        color: #333333;
        font-size: 12px;
        font-weight: 500;
        line-height: 28px;
        margin-left: 10px;
    }

    .short-link h4 {
        font-size: 14px;
        margin-left: 10px;
        padding: 6px 0 7px 0;
    }

.white_content-new {
    position: fixed;
    top: 40%;
    left: 10%;
    padding: 16px;
    border: 2px solid #ccc;
    z-index: 1000;
    background: #fff;
}

.fade {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    background-color: #000;
    -moz-opacity: 0.4;
    opacity: .40;
    filter: alpha(opacity=40);
}

.close {
    background: #33CCFF;
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 17px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 3px 0 0 3px;
    cursor: pointer;
}

#nav {
    border-bottom: 1px solid #d0e8ff;
    float: left;
    margin-top: 10px;
    margin-left: 1%;
    text-align: left;
    width: 98.1%;
}

    #nav .level1 {
        float: left;
        position: relative;
        width: 100% !important;
    }

    #nav li {
        background: #dbedff;
        border-left: 1px solid #b6cfe7;
        border-right: 1px solid #b6cfe7;
        border-top: 1px solid #b6cfe7;
        float: left;
        font-size: 12px;
        margin: 0 5px 0 0;
        padding: 10px 12px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        #nav li li {
            border: medium none;
            float: left;
            padding: 0;
            background: none;
            position: static;
            margin: 0;
            width: 33%;
        }

        #nav li a, .heading1 a {
            color: #000;
        }

        #nav li li a {
            padding: 4px 0 4px 15px;
        }

            #nav li li a:hover {
                color: #333;
                background: none repeat scroll 0 0 transparent !important;
                text-decoration: underline;
            }

#nav ul ul {
    background: none repeat scroll 0 0 #f4f9ff;
    border-left: solid 1px #b6d5ef;
    border-right: solid 1px #b6d5ef;
    border-bottom: solid 1px #b6d5ef;
    border-top: solid 1px #ebf6ff;
    box-shadow: 0px 15px 20px #337ab742;
}

        #nav ul ul ul {
            box-shadow: none;
        }

#ctl00_MainMenu ul.dynamic {
    *top: 24px !important;
}

#ctl00_MainMenu a {
    white-space: normal !important;
}

    #ctl00_MainMenu a.popout-dynamic {
        background: none repeat scroll 0 0 transparent !important;
        color: #a71010;
        font-size: 12px;
        font-weight: normal;
    }

        #ctl00_MainMenu a.popout-dynamic:hover {
            background: none repeat scroll 0 0 transparent !important;
            color: #333;
        }

#nav ul li ul {
    display: none;
    width: 100%;
    z-index: 999999 !important;
    min-height: 140px;
}

    #nav ul li ul ul {
        position: static !important;
        left: 0 !important;
        display: block !important;
        margin-left: 10px;
        width: 100%;
        min-height: 10px;
        border: none;
    }

        #nav ul li ul ul li, #nav ul li ul ul li:hover {
            color: #333;
            float: left;
            width: 100%;
            background: url("images/bullet-icon.png") no-repeat scroll 0px 10px transparent;
        }

#nav li li li {
    position: static !important;
}

#ctl00_MainMenu li.has-popup.dynamic {
    list-style: none;
    background: none repeat scroll 0 0 transparent;
}

#nav ul li ul ul ul {
    margin: 0;
    width: 100%;
}

#ctl00_MainMenu ul ul li.has-popup.dynamic {
    float: left;
    border: none;
}

#ctl00_MainMenu {
    margin: 0;
    width: 100%;
}

.has-popup {
    position: static !important;
}

#ctl00_MainMenu ul .dynamic a {
    font-size: 12px;
    font-weight: normal;
}

#nav ul li ul ul li a {
    font-size: 12px !important;
    font-weight: normal !important;
}

#nav li a:hover {
    background: #f4f9ff;
    color: #333;
}

#nav li:hover {
    background: #f4f9ff;
}

#nav ul ul:hover {
    display: block !important;
}

#nav ul li a {
    font-size: 12px;
    font-weight: 500;
}

#nav li li a:hover, #nav li li a {
    color: #333;
}

.pager-style a {
    background: none repeat scroll 0 0 #174672;
    color: #FFF !important;
    padding: 2px 5px;
    border-radius: 4px;
    margin: 0 4px;
}

.pager-style td {
    padding: 5px;
}

    .pager-style td table td, .pager-style td table {
        padding: 0;
        margin: 0;
    }

.header-style th a, .header-style td a {
    color: #000000;
}

.line3, #divcap {
    float: left;
    width: 100%;
}

#divcap1 {
    float: left;
    padding-left: 72px;
    width: 188px;
    padding-bottom: 5px;
}

#divcap {
    padding-bottom: 5px;
}

#divcap1 div {
    background: transparent !important;
}

#divcap1 img {
    border: 1px solid #333333;
    width: 184px;
}

.dashboard-main {
    border: medium none !important;
    line-height: 22px;
    margin: auto auto 10px;
    min-height: 35px;
    text-align: left;
    width: 99%;
}

    .dashboard-main h2 {
        background: url("images/arrow-black.png") no-repeat scroll 5px 6px #C1E4F8;
        border-radius: 5px 5px 0 0;
        color: #333;
        font-size: 13px;
        font-weight: 500;
        padding: 3px 5px 3px 26px;
    }

    .dashboard-main .content {
        background: none repeat scroll 0 0 #EFEFEF;
        border-bottom: 1px solid #ADACAD;
        border-left: 1px solid #ADACAD;
        border-radius: 0 0 5px 5px;
        border-right: 1px solid #ADACAD;
        padding: 10px;
    }

.content-inner {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
}

    .content-inner ul {
        padding: 0;
    }

        .content-inner ul li {
            border-bottom: 1px dotted #CCCCCC;
            list-style-position: inside;
            margin: 0 0 5px;
            padding: 0;
        }

            .content-inner ul li a {
                font-size: 12px;
                font-weight: 500;
            }

.dashboardtdgap {
    color: #FFFFFF;
    font-size: 7px;
    text-align: center;
}

.sortlinksheading {
    color: #FFFFFF !important;
    background: url("images/arrow.png") no-repeat scroll 5px 6px #FA973F !important;
}

.close {
    background: #BED27A;
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 17px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 3px 0 0 3px;
    cursor: pointer;
}

td.note, td.noteSE {
    color: Red;
    font-size: 11px !important;
    text-align: right;
    vertical-align: top;
}

td.noteSE {
    text-align: left;
}

.LabelRecept, .item-style td, tr td.item-style, #ctl00_ContentPlaceHolder1_grdmarksentry input {
    font-size: 11px;
}

.tabbing {
    padding: 0 !important;
    border: none !important;
}

.tabg {
    background: #2a6f6f;
    padding: 7px 10px;
    display: block;
    display: inline-block;
    margin-right: 2px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .tabg:hover, .tabg-selected {
        background: #2c8989;
        color: #fff;
        padding: 7px 10px;
        display: block;
        display: inline-block;
        margin-right: 2px;
        font-weight: 500;
        text-decoration: none;
        font-size: 12px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        text-decoration: underline;
    }

.tabg-selected {
    padding: 3px 10px;
    display: block;
    display: inline-block;
    margin-right: 2px;
    font-weight: 500;
    text-decoration: none;
    font-size: 11px;
}

.tabgs {
    background: #ffa200;
    color: #fff;
    padding: 7px 10px;
    display: block;
    display: inline-block;
    margin-right: 2px;
    font-weight: 500;
    text-decoration: none;
    font-size: 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .tabgs:hover {
        color: #FFF;
    }

.helpbtn {
    float: right;
    *margin-top: -16px;
}

.dvHelp {
    background: #ffffff none repeat scroll 0 0;
    border: 10px solid #009d9d;
    border-radius: 10px;
    height: 350px;
    left: 18%;
    overflow-y: scroll;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 17%;
    width: 790px;
    z-index: 999999;
}

    .dvHelp p {
        margin: 5px 0;
        padding: 0;
        font-size: 12px !important;
        text-align: left !important;
    }

.closebtn {
    background: url("images/closebutton.png") no-repeat scroll 0 0;
    width: 22px;
    height: 22px;
    float: right;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    text-align: right;
    right: 11px;
    top: 9px;
}

.helpheading {
    background: #00afaf url("images/help-1.png") no-repeat scroll 5px 2px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    height: 30px;
    line-height: 28px;
    margin-bottom: 5px;
    padding-left: 39px;
}

.grayout {
    background: url("images/op.png") repeat scroll 0 0;
    width: 100%;
    left: 0;
    height: 100% !important;
    position: absolute;
    top: 0 !important;
}

.pager-style table {
    float: none;
}

.alerts a:visited {
    color: #b39800;
}

.alerts {
    margin-top: 15px;
    border: solid 1px #d9b900;
    background: #ffe13c;
    padding-bottom: 5px;
    border-radius: 5px;
}

    .alerts h4 {
        color: #564900;
        font-weight: 500;
        border-bottom: solid 1px #564900;
        background: url("images/alerts.gif") no-repeat scroll 0 5px;
        padding-bottom: 4px;
        width: 74%;
        padding-left: 25px;
        padding-top: 7px;
    }

.onlineffotererp {
    bottom: 20px;
    float: left;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.newshortlink {
    border-bottom: 1px solid #3891ed;
    float: left;
    margin-bottom: 4px;
    padding-bottom: 9px;
    padding-top: 3px;
    width: 100%;
}

    .newshortlink ul {
        float: left;
        padding: 0;
        margin: 0;
        width: 100%;
    }

        .newshortlink ul li {
            color: #000000;
            float: left;
            font-size: 13px;
            font-weight: 500;
            list-style: none outside none;
            margin: 0 20px 0 0;
            padding: 0;
        }

            .newshortlink ul li a {
                color: Black;
                text-decoration: underline;
            }

                .newshortlink ul li a:hover {
                    text-decoration: none;
                }

.mainpage {
    margin: 10px auto 0;
    width: 1000px;
}

.maincontent-inner {
    background: url("images/middle-strip.png") repeat-y scroll center top transparent;
    float: left;
}

.google-visualization-orgchart-node {
    border: 1px solid #E98001;
    font-weight: 500;
    padding: 3px;
    text-align: center;
}

#chart_div {
    float: left;
    padding: 4% 0 0 16%;
    width: 820px;
}

.mastofflinecontent {
    float: left;
    width: 775px;
}

.wr-right {
    float: right;
    width: 200px;
}

    .wr-right td, .wr-right td a, .wr-right td h5, .mastofflinecontent .new-table .vtext {
        font-size: 11px;
    }

.textboxoffline {
    margin: 2px 0 2px 0;
    padding: 1px 0 1px 2px;
    border: 1px solid #666;
    width: 100px;
    font-size: 11px;
}

.mastofflinecontent .header-style td {
    font-size: 12px;
}

.leftmodule {
    border: 1px solid #B2C79E;
    float: left;
    margin-top: 5px;
    padding: 2px;
    width: 189px;
}

    .leftmodule ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }

    .leftmodule li {
        background: url("images/module-bg-left.jpg") repeat-x scroll 0 0 #ececec;
        border: 1px solid #E5E5E5;
        float: left;
        font-size: 12px;
        margin: 0 0 1px;
        text-align: left;
        padding: 5px;
        line-height: 22px;
        width: 177px;
    }

        .leftmodule li a {
            color: #2f2f2f;
        }

            .leftmodule li a img {
                float: left;
                margin: 0 5px 0 0;
                width: 22px;
            }

            .leftmodule li a:hover {
                color: #000;
            }

        .leftmodule li:hover {
            background: url("images/module-bg-hover.jpg") repeat-x scroll 0 0 #d5e991;
            border: 1px solid #9aaf53;
            border-right: 8px solid #9aaf53;
            width: 170px;
        }

.mheading {
    border-bottom: 1px solid #B2C79E;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    text-transform: uppercase;
}

.use-sidebar .devide {
    float: left;
    margin-left: 2px;
    margin-right: 0;
}

.devide {
    margin-right: 2px;
    margin-top: 3.9%;
    float: left;
    width: 9px;
}

.use-sidebar #button-toggle {
    background: url("images/left.png") no-repeat scroll 0 0 transparent;
}

#button-toggle {
    background: url("images/right.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    font-size: 0;
    height: 178px;
    width: 9px;
}

.use-sidebar #sidebar {
    display: block;
    float: left;
    width: 196px;
}

#sidebar {
    display: none;
}

.use-sidebar .moduledashboard {
    float: left;
    padding-left: 3px;
    width: 767px;
}

.moduledashboard {
    float: left;
    padding-left: 3px;
    width: 960px;
}
.nav li a.mainmenulink:hover, .nav li a.mainmenulink:focus {
    background-color: #d0e8ff !important;
    color: #000;
    border-radius: 50px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #21517f;
    border-color: #21517f;
}

.mobile-form-div .table {
    margin-top: 10px;
}

    .mobile-form-div .table tr td {
        border: none;
        padding: 2px;
    }

        .mobile-form-div .table tr td.colon {
            vertical-align: middle;
        }

        .mobile-form-div .table tr td.vtext {
            border-bottom: solid 1px #ececec;
            vertical-align: middle;
        }

.top-nav-right {
    margin-top: 5px;
}

.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dropdown-menu > li {
    width: 95%;
}

    .dropdown-menu > li > a {
        padding: 6px 6px;
    }

.brdcums {
    background: #fff4ea;
    width: 100%;
    float: left;
    padding: 5px 1%;
    color: #000;
    border-radius: 5px;
    display: none;
}

input[type="text"], select, textarea {
    border-radius: 5px;
    border: 1px solid #ccc;
    color: #000;
    width: 225px;
    padding: 3px;
}

.white_content-new-1 {
    background: url("images/overlay.png") repeat scroll 0 0;
    float: left;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.popupboxouter {
    margin: 5% auto 0;
    width: 75%;
}

.popupbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0;
    border-radius: 3px;
    float: left;
    padding: 20px;
    position: relative;
    width: 100%;
}

.close-1 {
    background: url("images/closebutton.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    font-size: 0;
    height: 22px;
    position: absolute;
    right: 11px;
    top: 12px;
    width: 22px;
    z-index: 99;
}

.indexsidebarleft {
    padding: 0 10px 0 0;
}

.indexsidebar {
    width: 100%;
}

.indxhed {
    background: #009595 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
}

.graphicomon {
    border: 1px solid #dadada;
    border-radius: 5px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 500;
    list-style: outside none none;
    margin: 10px 0;
    padding: 8px 55px 8px 15px;
}

.branch_chng {
    background: url("images/change-branch.png") no-repeat scroll center right #edffff;
}

    .branch_chng a {
        color: #5e9a18;
    }

.emp_crd {
    background: url("images/emp-id-card.png") no-repeat scroll center right #edffff;
}

    .emp_crd a {
        color: #5e9a18;
    }

.paper_siter {
    background: url("images/paper-setter.png") no-repeat scroll center right #edffff;
}

    .paper_siter a {
        color: #5e9a18;
    }

.academic_cal {
    background: url("images/Calender_Month.png") no-repeat scroll center right #edffff;
}

    .academic_cal a {
        color: #009fb3;
    }

.time_tbl {
    background: url("images/time_tbl.png") no-repeat scroll center right #edffff;
}

    .time_tbl a {
        color: #5e9a18;
    }

.registrationfrm {
    background: url("images/registrationfrm.png") no-repeat scroll center right #edffff;
}

    .registrationfrm a {
        color: #009fb3;
    }

.student_atnd {
    background: url("images/stu-atd.png") no-repeat scroll center right #edffff;
}

    .student_atnd a {
        color: #e88a00;
    }

.wrapper_landing_pg_inner {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 0.7% 1% 0;
}

    .wrapper_landing_pg_inner p, .wrapper_landing_pg_inner {
        font-size: 12px;
        text-align: left;
    }

.commonwithblock {
    border-radius: 75px;
    margin-bottom: 12px;
    margin-right: 10px;
    height: 150px;
    padding: 10px;
    position: relative;
    width: 150px;
    margin-left: 13%;
    box-shadow: 0 4px 2px #333;
}

.orangeblock {
    background: #8bc34a none repeat scroll 0 0;
}

.pinkblock {
    background: #ff9800 none repeat scroll 0 0;
}

.purpuleblock {
    background: #00bcd4 none repeat scroll 0 0;
}

.colors_block h1 {
    border-bottom: medium none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin: 27px 0 0;
    padding-bottom: 5px;
    text-align: center;
}

    .colors_block h1 a {
        color: #fff;
    }

.l_pg_more_btn {
    bottom: 6px;
    position: absolute;
    right: 62px;
}

.newNews {
    background: url("images/more.png") no-repeat scroll 0 5px;
    border-bottom: 1px dotted #24588e;
    margin-bottom: 5px;
    padding: 5px 0 5px 20px;
}

.postdate {
    font-size: 11px;
    width: 100%;
}

.welcome h2 {
    font-size: 18px;
    margin-top: 0;
}

.welcome p {
    color: #333;
    line-height: 20px;
    text-align: justify;
}

    .welcome p b {
        color: #000;
    }

.header_pnl_link {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 31px 0 0 0;
}

    .header_pnl_link li {
        float: left;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        margin-right: 10px;
        padding-left: 24px;
    }

        .header_pnl_link li a {
            color: #fff;
        }

        .header_pnl_link li.home {
            background: url("images/home.png") no-repeat scroll 0 0;
        }

        .header_pnl_link li.back-icon {
            background: url("images/back-icon.png") no-repeat scroll 3px 3px;
        }

.noticeboardlist {
    border-bottom: 1px dotted #808080;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 100%;
    float: left;
}

.attachment {
    background: url("images/attachment.png") no-repeat scroll 0 4px;
    float: right;
    padding: 5px 5px 5px 20px;
}

.stuadmitcrdouter {
    width: 65%;
    margin: 0 auto;
}

.stuadmitcard {
    border: solid 10px #007c7c;
    float: left;
    width: 94%;
    border-radius: 10px;
    padding: 0 2% 2% 2%;
    background: #def8f8;
}

    .stuadmitcard table td {
        padding: 5px;
    }

.orangemsg {
    color: #ff7200;
}

.newarrival {
    color: #002aff;
}

.dateformatbg {
    color: #fff;
    float: right;
    font-size: 13px;
    text-align: right;
    height: 24px;
    padding: 10px 1% 0 0;
    width: 310px;
}

.tableheadingmain {
    background: #1f5f78;
    color: #fff !important;
    font-size: 14px;
    line-height: 25px;
    padding: 3px 8px !important;
}

.admlogin {
    background: url("images/admin.png") no-repeat scroll 0 0 !important;
}

.registration {
    background: url("images/new-reg-icon.jpg") no-repeat scroll 0 0 !important;
}

.contentinner ul li {
    background: url("images/bullets.gif") no-repeat scroll 0 7px transparent;
    border-bottom: 1px dotted #CCCCCC;
    float: left;
    font-weight: normal;
    list-style-type: none;
    margin-bottom: 5px;
    padding: 3px 0 3px 12px;
    width: 97%;
    font-size: 12px;
}

.contentinner.noscroll ul li {
    width: 100%;
    padding: 4px 0 4px 25px !important;
}

.affilationloginmain {
    margin: 0 auto;
    width: 1000px;
}

.afloginbody {
    float: left;
    width: 1000px;
    padding-top: 20px;
}

.examstudenttab {
    list-style: none;
}

    .examstudenttab li {
        border-bottom: dotted 1px #316ba7;
        padding: 7px 0 7px 14px;
        font-size: 13px;
        margin-bottom: 8px;
        background: url("images/ins-arrow.png") no-repeat scroll 0px 15px;
    }

.paper-setter-bg {
    background: url("images/paper-setter.jpg") no-repeat scroll center 50px;
}

.student_document_req_bg {
    background: url("images/online-app-document-login-bg.jpg") repeat-x scroll center 50px;
}

.das_pending_req_grid tr th {
    background: #008486;
    background: -webkit-linear-gradient(#008486, #06a4a5);
    background: -o-linear-gradient(#008486, #06a4a5);
    background: -moz-linear-gradient(#008486, #06a4a5);
    background: linear-gradient(#008486, #06a4a5);
    color: #ffffff;
}

.das_pending_req_grid tr td {
    padding: 6px 4px;
    background: #deffff;
}

.doc_btn {
    color: #ff6d00;
    font-weight: 500;
    text-decoration: underline;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 3px;
    border-top: 1px solid #fff;
    vertical-align: middle;
}

#ctl00_modulediv img {
}

.li_list li {
    background: url("images/hand-o-right.png") no-repeat scroll 0 0;
    border-bottom: 1px dotted #316ba7;
    list-style-type: none;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
}

    .li_list li a {
        font-size: 17px;
    }

.radio-btn div {
    display: inline-block;
}

.header-master nav {
    color: #fff;
}

.checkbox label, .radio label {
    margin-left: 5px;
    color: #000;
}

ul.dropdown-menu {
    animation: flipInY 1s ease;
    -moz-animation: flipInY 1s ease;
    -webkit-animation: flipInY 1s ease;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    data-wow-delay: ".1s";
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

nav-fostrap {
    display: block;
    margin-bottom: 15px 0;
    background: #03A9F4;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-radius: 3px;
}

.nav-fostrap ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}

.nav-fostrap li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    color: #def1f0;
}

    .nav-fostrap li a {
        color: #def1f0;
        display: inline-block;
        outline: 0;
        font-weight: 400;
    }

    .nav-fostrap li:hover ul.dropdown {
        display: block;
    }

    .nav-fostrap li ul.dropdown {
        position: absolute;
        display: none;
        width: 200px;
        background: #2980B9;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        padding-top: 0;
    }

        .nav-fostrap li ul.dropdown li {
            display: block;
            list-style-type: none;
        }

            .nav-fostrap li ul.dropdown li a {
                padding: 15px 20px;
                font-size: 15px;
                color: #fff;
                display: block;
                font-weight: 400;
            }

            .nav-fostrap li ul.dropdown li:last-child a {
            }

    .nav-fostrap li:hover a {
    }

    .nav-fostrap li:first-child:hover a {
    }

    .nav-fostrap li ul.dropdown li:hover a {
    }

    .nav-fostrap li ul.dropdown li:first-child:hover a {
    }

    .nav-fostrap li:hover .arrow-down {
        border-top: 5px solid #fff;
    }

.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #def1f0;
    position: relative;
    top: 15px;
    right: -5px;
    content: '';
}

.title-mobile {
    display: none;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

@media (max-width:852px) and (min-width:300px) {
    .body-form table.table tr td, .body-form table.secContent tr td, .body-form table tbody tr td, .body-form .chartcategory table tr td {
        display: block !important;
        width: 100% !important;
        text-align: left;
        margin: 0;
    }

    .body-form table tr td table tr td {
        display: block !important;
        width: 100% !important;
        text-align: left;
        margin: 0;
    }

    .vtext {
        text-align: left;
    }

    .colon {
        display: none !important;
    }

    .body-form table tr td.colon {
        display: none !important;
    }

    .body-form table.table tr td table tr td {
        display: table-cell;
        width: auto !important;
    }

    .body-form table.table tr td div {
        width: 100%;
        margin-bottom: 15px;
        overflow: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    .grid-div {
        overflow: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        width: 100%;
    }

        .grid-div .DivStyleWithScroll {
            overflow: scroll;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd;
            width: 100% !important;
        }

    #body .body-form .grid-div table tr td {
        display: revert !important;
        width: auto !important;
    }

    input.form-control {
        max-width: 100% !important;
        width: 100% !important;
    }

    .textbox, .dropdownvvlong, .dropdownlong, .dropdown, input[type="text"], .dropdownmedium, textarea, .gdropdownverylong, .dropdownverylong, input[type="password"] {
        padding: 4px 0px;
        width: 90% !important;
        max-width: 225px;
    }

    .body-form table td .pager-style td table, .body-form table tr:last-child .pager-style td table {
        width: auto !important;
        position: absolute;
    }

    .body-form table td .pager-style td {
        display: block;
        float: left;
        margin-right: 5px;
    }

    .required span {
    }

    .body-form table .tdgap table tr td {
        display: block;
        width: 100% !important;
        text-align: left;
        margin: 0;
    }

    .body-form table tr td.vtext {
        display: block !important;
    }

    .maincontent {
        margin-top: 50px;
    }

    .nav-fostrap {
        background: #fff;
        width: 220px !important;
        height: 100%;
        display: block;
        z-index: 99;
        position: fixed;
        left: -220px;
        top: 0px;
        -webkit-transition: left 0.25s ease;
        -moz-transition: left 0.25s ease;
        -ms-transition: left 0.25s ease;
        -o-transition: left 0.25s ease;
        transition: left 0.25s ease;
        margin: 0;
        border: 0;
        border-radius: 0;
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }

    .title-mobile {
        position: fixed;
        display: block;
        top: 10px;
        font-size: 20px;
        left: 100px;
        right: 100px;
        text-align: center;
        color: #FFF;
    }

    .nav-fostrap.visible {
        left: 0px;
        -webkit-transition: left 0.25s ease;
        -moz-transition: left 0.25s ease;
        -ms-transition: left 0.25s ease;
        -o-transition: left 0.25s ease;
        transition: left 0.25s ease;
    }

    .nav-bg-fostrap {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 50px;
        z-index: 999;
        margin: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #0e365c;
        padding: 12px 0 0 10px;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        box-sizing: border-box;
    }

    .navbar-fostrap {
        display: inline-block;
        vertical-align: middle;
        height: 27px;
        cursor: pointer;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        padding: 12px;
    }

        .navbar-fostrap span {
            height: 2px;
            background: #fff;
            margin: 5px;
            display: block;
            width: 20px;
        }

            .navbar-fostrap span:nth-child(2) {
                width: 20px;
            }

            .navbar-fostrap span:nth-child(3) {
                width: 20px;
            }

    .nav-fostrap.visible ul {
        padding-top: 60px !important;
    }

    .nav-fostrap.visible li {
        display: block;
        width: 100%;
        background: #fff !important;
        border-top: 1px #496076 solid !important;
        padding: 0px !important;
        border-left: 0 !important;
    }

    .nav-fostrap.visible ul ul {
        padding-top: 0px !important;
        position: static !important;
        margin-left: 0px !important;
    }

    .nav-fostrap.visible li a {
        font-size: 13px !important;
        padding: 10px 5px !important;
    }

    #nav li li {
        width: 100% !important;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    #ctl00_MainMenu a.popout-dynamic {
        background: #ad7b4e !important;
    }

    .nav-fostrap.visible li ul li {
        background: #0e365c !important;
    }

    #nav li a:hover {
        background: #fff !important;
        color: #000 !important;
    }

    #nav li li a:hover {
        color: #fff !important;
    }

    .nav-fostrap li a {
        display: block;
        color: #505050;
        font-weight: 500;
    }

    .nav-fostrap li:first-child:hover a {
        border-radius: 0;
    }

    .nav-fostrap li ul.dropdown {
        position: relative;
    }

        .nav-fostrap li ul.dropdown li a {
            border-bottom: none;
            color: #fff !important;
        }

    .nav-fostrap li li:hover a, .nav-fostrap li li a {
        color: #fff !important;
    }

    .nav-fostrap li ul.dropdown li:hover a {
        color: #fff !important;
    }

    .nav-fostrap li ul.dropdown li a {
        padding: 10px 10px 10px 30px;
    }

    .mobile-form-div table tr td {
        display: block;
        width: 100% !important;
    }

    .mobile-form-div .tableheading {
        margin-left: 0;
    }

    .mobile-grid-div {
        width: 330px;
        overflow: scroll;
    }

    .header .logo a {
        background-size: contain;
        width: 320px;
        margin-top: 50px;
        margin-bottom: 0;
    }

    .colon {
        display: none !important;
    }

    .vtext {
        text-align: left;
        border-bottom: none;
        padding-right: 0;
    }

    .header logo {
        float: none;
    }

    .maincontent {
        width: 100%;
        margin: 0;
    }

    .headertbl {
        margin-top: 55px;
    }

        .headertbl td {
            display: block;
            width: 100%;
            text-align: left;
        }

    .dropdown-menu > li > a {
        color: #fffdfd;
    }

    .glcl {
        margin-top: 0;
        float: none;
        display: inline-block;
        width: 100%;
    }

        .glcl li a {
            padding: 5px 0;
        }

    .top-nav-right {
        margin: 0;
    }

    .glcl li {
        display: inline-block;
        list-style: none;
        margin: 0 5px;
        color: #fff;
        width: auto !important;
    }

    .module-main table tr td {
        display: block;
        width: 100%;
    }

        .module-main table tr td td {
            display: table-cell;
        }

    .maincontentinside {
        overflow: scroll;
        display: inline-block;
        width: 100%;
    }

    .glcl .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: #2c3a89;
        left: -212px;
        width: 340px;
    }
}

@media only screen and (min-device-width : 350px) and (max-device-width: 731px) and (orientation : landscape) {
    .mobile-grid-div {
        width: 638px;
        overflow: scroll;
    }
}

@media (max-width:736px) and (min-width:240px) {
    .header-master .logo img, .empheader img {
        width: 320px;
    }

    .custom-login-page {
        width: 100%;
    }

    .form-horizontal {
        padding: 10px;
    }
}

.Input_form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: black;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn_btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary_btn {
    color: #fff;
    background-color: #dfc9b3;
    border-color: #2e6da4;
}

.btn-info_btn {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-warning_btn {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-success_btn {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.panelA {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panelA-default {
    border-color: #ddd;
}

.panelA-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panelA-default > .panelA-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panelA-body {
    padding: 15px;
}

.panelA-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panelA-info {
    border-color: #ebb584;
}

.panelA-danger {
    border-color: #ebccd1;
}

    .panelA-danger > .panelA-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

.panelA-info > .panelA-heading {
    color: #fff;
    background-color: #ebb584;
    border-color: #bce8f1;
}

.panelA-primary {
    border-color: #ebb584;
}

    .panelA-primary > .panelA-heading {
        color: #fff;
        background-color: #ebb584;
        border-color: #ebb584;
    }

.pattern-3 {
    position: relative;
    display: block;
    padding: 0 0 27px;
    margin-top: 30px;
    z-index: 92;
}

.pattern-3__inner {
    position: relative;
    display: block;
}

.pattern-3__dot {
    position: absolute;
    bottom: -30px;
    right: -144px;
    opacity: .20;
}

    .pattern-3__dot img {
        width: auto;
        -webkit-animation-duration: 9s;
        animation-duration: 9s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: shapeMover;
        animation-name: shapeMover;
    }

.pattern-3__single {
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
    /*box-shadow: 0px 10px 39.2px 0.8px rgb(0 0 0 / 10%);*/
    padding: 0 15px 20px;
    margin-bottom: 28px;
    z-index: 1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .pattern-3__single:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background-color: #ff4f47;
    }

.pattern-3__top {
    display: flex;
    align-items: flex-end;
}

.pattern-3__icon {
    position: relative;
    display: flex;
    background-color: #ff4f47;
    height: 82px;
    width: 69px;
    text-align: center;
    justify-content: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.pattern-3__title-box {
    position: relative;
    margin-left: 20px;
    top: 4px;
}

.pattern-3__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-left: -4px;
    margin-top: -57px;
}

    .pattern-3__title a {
        color: #1c1b1f;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

.pattern-3__single-inner {
    position: relative;
    display: block;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    z-index: 1;
}

.pattern-3__text {
    padding-top: 21px;
    padding-bottom: 3px;
    font-size: 13px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.pattern-3__read-more {
    position: relative;
    display: flex;
    align-items: center;
}

    .pattern-3__read-more a {
        font-size: 12px;
        font-weight: 500;
        color: #1c1b1f;
        letter-spacing: 0.1em;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .pattern-3__read-more a i {
            position: relative;
            display: inline-block;
            width: 13px;
            border-radius: 50%;
            color: #ff4f47;
            font-size: 15px;
            line-height: 13px;
            text-align: center;
            top: 1px;
            margin-left: 5px;
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
        }

.pattern-3__single:hover .pattern-3__title a {
    color: #000;
}

.pattern-3__single:hover .pattern-3__text {
    color: #000;
}

.pattern-3__single:hover .pattern-3__read-more a i {
    color: #000;
}

.pattern-3__single:hover .pattern-3__read-more a {
    color: #000;
}

.pattern-3__single:hover .pattern-3__icon span {
    transform: scale(.9);
}

.pattern-3__icon span {
    position: relative;
    display: inline-block;
    font-size: 65px;
    width: 66px;
    color: #fff;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

span img.img-responsive.image12 {
    margin: 10px;
    padding-top: 6px;
}

img.img-responsive.image12 {
    width: 45px;
}

.notice-list {
    margin: 0;
    padding: 0;
    height: 165px;
    overflow-y: scroll;
}

    .notice-list li {
        border-bottom: dotted 1px #ccc;
        padding: 5px;
        margin-bottom: 5px;
    }

.colr2 {
    background-color: #d76b07;
}

.colr3 {
    background-color: #844945;
}

.colr4 {
    background-color: #984974;
}

.colr5 {
    background-color: #006c57;
}

.colr6 {
    background-color: #213b6c;
}

.colr7 {
    background-color: #607d8b;
}

.colr8 {
    background-color: #449b47;
}

.colr9 {
    background-color: #ba8a41;
}

.colr10 {
    background-color: #ab281e;
}

.flash {
    animation-name: flash;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flash {
    from {
        color: #ff0000;
    }

    to {
        color: #0005c7;
    }
}

.ml-0 {
    margin-left: 0;
}

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

.form-horizontal .form-group-sm .control-label {
    font-weight: 500;
}

.grid-margin, .purchase-popup {
    margin-bottom: 2.5rem;
}

.stretch-card {
    align-items: stretch;
    justify-content: stretch;
}

    .stretch-card > .card {
        width: 100%;
        min-width: 100%;
        padding: 0;
        margin: 15px 0 0 0;
    }

.card.card-img-holder {
    position: relative;
}

.bg-gradient-danger {
    background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096));
    background: linear-gradient(to right, #ffbf96, #fe7096);
}

.bg-gradient-info {
    background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf));
    background: linear-gradient(to right, #90caf9, #047edf 99%);
}

.bg-gradient-success {
    background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae));
    background: linear-gradient(to right, #84d9d2, #07cdae);
}

.bg-gradient-default {
    background: -webkit-gradient(linear, left top, right top, from(#4ca6bd), to(#00708c));
    background: linear-gradient(to right, #4ca6bd, #00708c);
}

.card-img-holder h2 a {
    color: #fff;
    font-size: 30px;
}

.card .card-body {
    padding: 0.5rem 1.5rem 1.5rem 1.5rem;
}

.card.card-img-holder .card-img-absolute {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.card.card-img-holder h4 {
    color: #fff;
}

div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    background-clip: padding-box;
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

    div.bhoechie-tab-menu div.list-group {
        margin-bottom: 0;
    }

        div.bhoechie-tab-menu div.list-group > a {
            margin-bottom: 0;
            border: 1px solid #d5d5d5;
        }

            div.bhoechie-tab-menu div.list-group > a .glyphicon, div.bhoechie-tab-menu div.list-group > a .fa {
                color: #000000;
                font-size: 30px;
            }

            div.bhoechie-tab-menu div.list-group > a:first-child {
                border-top-right-radius: 0;
            }

            div.bhoechie-tab-menu div.list-group > a:last-child {
                border-bottom-right-radius: 0;
            }

            div.bhoechie-tab-menu div.list-group > a.active, div.bhoechie-tab-menu div.list-group > a.active .glyphicon, div.bhoechie-tab-menu div.list-group > a.active .fa {
                background-color: #6653bd;
                background-image: #6653bd;
                color: #ffffff;
            }

                div.bhoechie-tab-menu div.list-group > a.active:after {
                    content: '';
                    position: absolute;
                    left: 100%;
                    top: 50%;
                    margin-top: -13px;
                    border-left: 0;
                    border-bottom: 13px solid transparent;
                    border-top: 13px solid transparent;
                    border-left: 10px solid #6653bd;
                }

div.bhoechie-tab-content {
    background-color: #ffffff;
    padding-left: 1.5%;
    width: 101.2%;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}

.list-group .list-group-item {
    font-size: 13px;
}

.fieldset-border legend.tableheading {
    color: #000;
    background: url(Images/edit.png) no-repeat scroll 0px 5px;
}

.custom-fieldset-border {
    box-shadow: 0 6px 12px #c3783452;
}

.flowchart-section {
    margin: 0 0 30px 0;
    padding: 0;
}

    .flowchart-section .card-header h5 {
        background: #18819c;
        padding: 13px;
        margin: 0;
        color: #fff;
    }

.bhoechie-tab-menu a.list-group-item:focus, .bhoechie-tab-menu a.list-group-item:hover {
    color: #000;
    text-decoration: none;
    background-color: #ffefe0;
}

.bhoechie-tab-container .card {
    box-shadow: 0px 0px 20px #1f859f61;
}
.custom-body-section {
            width: 50%;
            box-shadow: 0px 0px 15px #0e365c78;
            border-radius: 15px;
            margin: 30px auto;
            padding: 1%;
        } 
@media (min-width: 300px) and (max-width: 852px) {
    #dvPvt_Regulard .popupboxouter{width:95%;}
    .custom-body-section {
        width: 94% !important; 
    }
    .custom-body-section .text-center img {
        width:100%;
        margin-bottom:15px;
    }
    .custom-body-section .form-horizontal .control-label { 
        width: 49%;
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
    .custom-body-section {
        padding: 3% !important;
    } 
    .custom-body-section .form-horizontal .form-group { 
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .nav > li > a:focus, .nav > li > a:hover {
        background-color: #ff6e01!important;
        color:#fff!important;
    }
    .glcl .navbar-nav .open .dropdown-menu {
        background-color: #fff!important;
    }
}
.new-module-four {
    position: relative;
    margin-bottom: 15px;
    padding: 10px 5px;
}
.new-module-four .thumbnail {
    z-index: 1;
    display: block;
    position: relative;
    overflow: hidden;
	-o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 500ms;
    transition: -webkit-transform 500ms;
    transition: transform 500ms;
    transition: transform 500ms, -webkit-transform 500ms;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
    transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
}
.new-module-four .thumbnail::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.52%, rgba(6, 9, 12, 0.85) 87.86%);
    border-radius: 10px;
}
.new-module-four .inner-content {
    position: absolute;
    left: 0;
    /*transform: translateX(-50%);*/
    bottom: 30px;
    text-align: center;
    min-width: 95%;
    z-index: 5;margin: 0 8px;
}
.new-module-four .inner-content .icon {
    margin-bottom: 20px;
}
.new-module-four .inner-content * {
    color: #fff;
}
.single-why-choose-four .inner-content .title {
    margin-bottom: 10px;
}
.new-module-four .inner-content p.disc {
    max-width: 100%;
    font-weight: 500;
    font-size: 16px;
    margin: 0px 15px;
    margin-bottom: 25px;
    text-align: center;
}
.thumbnail {
    padding:0;
}
.h6-service-thumb {
    min-height: 220px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.h6-service-thumb {
    -webkit-transform: perspective(400px) rotateX(0.09deg) rotateY(0) scale(1.1);
    transform: perspective(400px) rotateX(0.09deg) rotateY(0) scale(1.1);
}
.h6-service-thumb {
    /*width: 100%;
	height: 100%;*/
    width: 95%;
    height: 220px;       /* change this to your required size */
    object-fit: cover;   /* keeps image ratio and crops nicely */
    border-radius: 10px;
    min-height: 220px; 
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 500ms;
    transition: -webkit-transform 500ms;
    transition: transform 500ms;
    transition: transform 500ms, -webkit-transform 500ms;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
    transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
    border-radius: 10px;
    margin: 0 5px;
}
.h6-service-thumb:hover {
	transform: perspective(400px) rotateX(0.09deg) rotateY(0) scale(1.1);
}
.new-module-four .inner-content h5 a {font-size:13px;font-weight:500;}
.moduleimg1 {
    background: url('../../img/Grievance-Management.jpg');
}
.moduleimg2 {
    background: url('../../img/tax-mgmt.jpg');
}
.moduleimg3 {
    background: url('../../img/user-management.jpg');
}
.moduleimg01 {
    background: url('../../img/admission-academic.jpg');
}
.moduleimg02 {
    background: url('../../img/affilation.jpg');
}
.moduleimg03 {
    background: url('../../img/collage-portal.jpg');
}
.moduleimg04 {
    background: url('../../img/dispatch-mgmt.jpg');
}
.moduleimg05 {
    background: url('../../img/Examination-&-Results.jpg');
}
.moduleimg06 {
    background: url('../../img/fee-mgmt.jpg');
}
.moduleimg07 {
    background: url('../../img/student-attandance.jpg');
}
.moduleimg08 {
    background: url('../../img/student-verification.jpg');
}
.moduleimg09 {
    background: url('../../img/Thesis-Tracking.jpg');
}
.moduleimg010 {
    background: url('../../img/pre-admission.jpg');
}
.moduleimg011 {
    background: url('../../img/Barcode-and-Scanning.jpg');
}
.moduleimg012 {
    background: url('../../img/knowledge-mgmt.jpg');
}
.moduleimg013 {
    background: url('../../img/Student-Grievance-Management.jpg');
}
.moduleimg014 {
    background: url('../../img/document-request.jpg');
}
.moduleimg015 {
    background: url('../../img/exam-center.jpg');
}
.moduleimg016 {
    background: url('../../img/exam-pre-conduct.jpg');
}
.moduleimg017 {
    background: url('../../img/Examination-Post-Conduct.jpg');
}
.moduleimg018 {
    background: url('../../img/dashboard.jpg');
}
.moduleimg019 {
    background: url('../../img/convocation.jpg');
}
.moduleimg020 {
    background: url('../../img/choice-base-credit-system.jpg');
}
.moduleimg0011 {
    background: url('../../img/establishment.jpg');
}
.moduleimg0012 {
    background: url('../../img/hrms-payroll.jpg');
}
.moduleimg0013 {
    background: url('../../img/leave-mgmt.jpg');
}
.moduleimg0014 {
    background: url('../../img/pf.jpg');
}
.moduleimg0015 {
    background: url('../../img/pension.jpg');
}
.moduleimg0016 {
    background: url('../../img/employee.jpg');
}
.moduleimg0017 {
    background: url('../../img/bill-tracking.jpg');
}
.moduleimg0018 {
    background: url('../../img/Financial-Accounts.jpg');
}
.moduleimg0019 {
    background: url('../../img/budget-mgmt.jpg');
}
.moduleimg00110 {
    background: url('../../img/Question-Bank-Management.jpg');
}
.moduleimg00111 {
    background: url('../../img/Monitoring-and-Tracking-Backoffice.jpg');
}
.moduleimg00011 {
    background: url('../../img/store-purchase.jpg');
}
.moduleimg00012 {
    background: url('../../img/Physical-File-Tracking.jpg');
}
.moduleimg00013 {
    background: url('../../img/guest-house.jpg');
}
.moduleimg00014 {
    background: url('../../img/Hostel-Management.jpg');
}
.moduleimg00015 {
    background: url('../../img/monitoring.jpg');
}
.moduleimg00016 {
    background: url('../../img/placements.jpg');
}
.moduleimg00017 {
    background: url('../../img/Recruitment-Management.jpg');
}
.moduleimg00018 {
    background: url('../../img/research-mgmt.jpg');
}
.moduleimg00019 {
    background: url('../../img/rti.jpg');
}
.moduleimg000110 {
    background: url('../../img/Student-Alumni.jpg');
}
.moduleimg000111 {
    background: url('../../img/vc-admin.jpg');
}
.moduleimg000112 {
    background: url('../../img/legal.jpg');
}
.moduleimg000113 {
    background: url('../../img/E-Compendium-&-Faculty-Profile-Management.jpg');
}
.moduleimg000114 {
    background: url('../../img/ddc.jpg');
}
.moduleimg000115 {
    background: url('../../img/monitoring.jpg');
}
.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.panel .panel-heading ul {
    padding: 5px 0 0px 5px;
}

.nav-tabs > li > a::before {
    display: none;
}
.nav-tabs > li > a {
    color: #fff;
    font-size: 13px;
}
.panel-default > .panel-heading {
    background-color: #0e365c!important;
    border-color: #0e365c!important;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #ff6e01;
}
.nav-tabs > li > a:hover {
    border-color: #ff6e01!important;
}
.tab-pane.fade.custom-fade {position:initial;background:transparent;}
.panel.with-nav-tabs .nav-tabs li a span span {
    font-size:13px;font-weight:500;
}