@font-face {
    font-family: 'Shusha';
    src: url('../Font/Shusha.ttf') format('truetype');
}
body {
    background: #999;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969; /* body fore color*/
}

.page {
    width: 100%;
    background-color: #999;
    margin: 0px auto 0px auto;
    /* border: 1px solid #496077; */
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    /*background: #4b6c9e;*/
    width: 100%;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}


.header h1 {
    margin-top: 10px;
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    border: none;
    font-size: 2em;
    color: navy;
}



.headerRight {
    float: right;
    width: 20%;
    vertical-align: middle;
}

userInfo {
    margin: 0 0 0 0;
}

.welcm {
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #ffffff;
}

.logout {
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

div.V3MMenu {
    /*background-color:#3a4f63;*/
    background-color: rgb(1,101,176);
    /*border-top:1px solid white;*/
    width: 100%;
    height: 32px;
}

div.V3MGuestMenu {
    background-color: #3a4f63;
    width: 100%;
    height: 0px;
}

.clear {
    clear: both;
}

.MainDiv {
    float: left;
    width: 74.5%;
    background: white;
}

.RightDiv {
    float: right;
    width: 25%;
    background: white;
}

.footer {
    color: #fff;
    text-align: center;
    /*background-color:#4b6c9e;*/
    background-color: #666;
    font-weight: 500;
}

#spnNews {
    color: #fafafa;
    font: bold 13px Arial, Helvetica;
}

.loginIntro {
    background: transparent url('Images/login-icon.png') no-repeat left center;
    padding-left: 30px;
}

.TabImage {
    background: #e8f3f9;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    text-align: left;
    height: 25px;
    line-height: 25px;
}

/* Sizes */
.btn {
    background-position: 0 -80px;
    font-size: 12px;
    height: 32px;
    font-weight: bold;
    line-height: 29px;
    width: 90px;
}

    /* Set default button colors */
    .btn, .btn-icon,
    .btn:visited {
        background-color: #F90;
        border-color: #D58000;
        color: #FFF;
    }

.btn-blue,
.btn-blue:visited {
    background-color: #066ECD;
    border-color: #0561B4;
}

    .btn-blue:hover {
        background-color: #0561B4;
    }


tr.even {
    background-color: white;
}

    tr.odd:hover, tr.even:hover {
        background: #f6f6f6;
    }

    tr.odd td, tr.even td {
        padding-left: 5px;
    }


/** News & Birthdays */
.newsHeader {
    height: 35px;
    text-align: left;
    padding: 0 0 0 10px;
    font-size: 13px;
    background: #99C4E5; /* old browsers */
    background: -moz-linear-gradient(top, #99C4E5 0%, #5B7899 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99C4E5), color-stop(100%,#5B7899)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99C4E5', endColorstr='#5B7899',GradientType=0 ); /* ie */
    color: #fff;
    text-shadow: 0px -1px 0px #5B7899;
}

.heading {
    font-family: "BellCent NamNum BT";
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
}

.newFooter {
    height: 27px;
    text-align: center;
    vertical-align: middle;
    background: url(Images/wbg.gif) repeat-x top;
}


/* Master Form */
.addMaster {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    height: 100%;
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}


    .addMaster td.header {
        color: #f6f6f6;
        height: 30px;
        text-align: left;
        padding: 0 0 0 10px;
        font-size: 12px;
        
        font-weight: 700;
        text-transform: capitalize;
        text-transform: uppercase;
        vertical-align: middle;
        box-shadow: 10px 10px 60px -7px #43a8d0;
        letter-spacing: .3px;
        text-decoration: none;
        background-image: linear-gradient(to bottom, #5cadd6 0%, #1e86ba 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cadd6', endColorstr='#ff1e86ba', GradientType=0);
        border-color: #3399cc;
    }

    /*.addMaster tr:first-child td {
    vertical-align: top;
    padding-top:50px;
}*/


    .addMaster td.header_Origional {
        color: #fff;
        height: 32px;
        text-align: left;
        padding: 0 0 0 10px;
        font-size: 13px;
        background: #99C4E5;
        background: -moz-linear-gradient(top, #99C4E5 0%, #5B7899 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99C4E5), color-stop(100%,#5B7899));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99C4E5', endColorstr='#5B7899',GradientType=0 );
        text-shadow: 0px -1px 0px #5B7899;
        font-weight: bold;
        text-transform: capitalize;
        text-transform: uppercase;
    }

    .addMaster .header .closeicon {
        padding-right: 4px;
        cursor: pointer;
        float: right;
    }

    .addMaster .SearchOption {
        width: 96%;
        height: 20px;
        text-align: left;
        /*background: #f1f8fc;*/

        background-image: linear-gradient(to bottom, #ffffff 0%, #e5f3fa 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5f3fa', GradientType=0);
    }

        .addMaster .SearchOption input[type="checkbox"], .addMaster .SearchOption input[type="radio"], .addMaster .SearchOption Label, .addMaster .SearchOption input {
            vertical-align: middle;
        }


            .addMaster .SearchOption input[type="radio"] {
                margin-bottom: 4px;
            }

    .addMaster td.info {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: 0px solid #eee;
        color: #000;
        vertical-align: top;
    }

    .addMaster td.footer {
        /*background: url(Images/wbg.gif) repeat-x top;*/
        border-top: 1px solid #e5e4e4;
        /*background-color:#fbfbfb;*/
        background-color: #eeecec;
        height: 35px;
        text-align: center;
        vertical-align: middle;
        box-shadow: none;
        padding-right:10px;
        text-align:right;
    }

    .addMaster .SubHead {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding-left: 5px;
        color: black;
        text-decoration: none;
    }

    .addMaster .SearchOption table {
        border-collapse: collapse;
        border: 1px solid #d4e5ed;
    }

        /*.addMaster .SearchOption table td
{
    border:1px solid #d4eaf5;
    padding:2px;
    height:23px;
}*/

        .addMaster .SearchOption table td {
            /*border:1px solid #d4e5ed;*/
            border: 1px solid #c3eafe;
            /*padding-left:5px;*/
            padding: 2px;
            height: 23px;
            /*background: #f7ebdb;*/
        }

.FeeSummary {
    border-left: 1px solid #d4e5ed;
    vertical-align: top;
    background: white;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

    .FeeSummary table {
        border-collapse: collapse;
        border-spacing: 0;
    }

        .FeeSummary table td {
            border-right: 1px solid #d4e5ed;
            border-bottom: 1px solid #d4e5ed;
            padding: 5px;
            /*height:28px;*/
        }

.addMaster td.PopUp {
    vertical-align: top;
    /*background:#fbfbfb;*/
    background: white;
}


    .addMaster td.PopUp table {
        border-collapse: collapse;
    }

        .addMaster td.PopUp table td {
            border: 1px solid #e4ebed;
            padding-left: 5px;
            height: 28px;
        }

.addMaster td.footer input[type="button"], .addMaster td.footer input[type="submit"],
.addMaster .SearchOption input[type="button"], .addMaster .SearchOption input[type="submit"], input[type="button"] {
    /*background:#267aad;
    border:1px solid #d4e5ed;
    height:27px; 
    font-family:arial; 
    font-size:12px; 
    font-weight:bold; 
    color:#fff; 
    text-decoration:none; 
    width:90px; 
    cursor:pointer; 
    border-radius:3px;*/
    /*change CSS*/
    /*http://www.bestcssbuttongenerator.com/#/12*/
    min-width: 90px;
    background-color: #ffffff;
    border: 2px solid #0e5487;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    color: #0e5487;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px;
    text-decoration: none;
    /*width:90px; 
    -moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;*/
}

    .addMaster td.footer input[type="button"]:hover, .addMaster td.footer input[type="submit"]:hover, .addMaster .SearchOption input[type="button"]:hover, .addMaster .SearchOption input[type="submit"]:hover {
        background: #0e5487;
        color: #fff;
    }


.popUpBorder {
    overflow: auto;
    /* border-radius: 5px; */
    width: 100%;
    height: 100%;
    color: red;
}


.buttonDisable {
    border: 1px solid #00172f !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    background: rgba(0,0,0,.2) !important;
    color: blue !important;
}



.addMaster input[type="text"], select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    /*border:1px solid #2f97e5;*/
    /*border: 1px solid #545454;*/
    border-radius: 2px;
    padding: 3px;
    /*background:white;*/
}

.addMaster input[type="text"] {
    padding-left: 4px;
}

.addMaster textarea {
    border: 1px solid #88bdd5;
    resize: none;
    cols: 0;
    rows: 0;
    max-height: 300px;
    min-height: 40px;
}

.addMaster .mandatory {
    background: rgb(255,204,204);
}

.addMaster .groupHeading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: Blue;
}

#totalrecords, .totalrecords {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-weight: bold;
    /*color:#0678b6;*/
    color: black;
    text-decoration: none;
}

.waitingDiv {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: Window;
}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}


#boxes .window {
    position: fixed;
    left: 0;
    top: 0;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
}

#boxes #popUpDiv {
    width: 400px;
    height: 233px;
    border: .1em solid black;
    background: #efeeef;
}

.groupBox {
    font-family: Arial, Helvetica, sans-serif;
    width: 98%;
    min-height: 20px;
    border: .1em solid black;
    background: #f6f9fa;
    padding-left: 5px;
    text-align: left;
    border-radius: 3px;
}

    .groupBox .groupHeading {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: Blue;
    }

    .groupBox .SubHead {
        height: 30px;
    }


/* vSMS Grid CSS*/

.V3MGrid {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: relative;
    border: 1px solid #d4e5ed;
    overflow: hidden;
    color: #000;
    /*text-transform:capitalize;*/
}

    .V3MGrid .headerTd {
        vertical-align: top;
        height: 30px;
    }

    .V3MGrid .headerTable th {
        /*background: url(images/fhbg-1.jpg) repeat-x bottom;*/
        background: #fafafa url(images/fhbg.gif) repeat-x bottom;
        position: relative;
        border: 1px solid #ccc;
        border-bottom: 0px;
        overflow: hidden;
        height: 30px;
        border-left: 0px;
    }




    .V3MGrid th.sorting_asc {
        background: #003154 url(../Images/sort_asc.png) no-repeat center right;
        text-align: center;
        color: #fff;
    }

    .V3MGrid th.sorting_desc {
        background: #1f7fc5 url(../Images/sort_desc.png) no-repeat center right;
        text-align: center;
        color: #fff;
    }

    .V3MGrid th.sorting {
        background: #0d5488 url(../Images/sort_both.png) no-repeat center right;
        text-align: center;
        color: #fff;
        min-width: fit-content !important;
    }

    .V3MGrid th.sorting_asc_disabled {
        background: #8f8f8f url(../Images/sort_asc_disabled.png) no-repeat center right;
        text-align: left;
        color: #fff;
    }

    .V3MGrid th.sorting_desc_disabled {
        background: #8f8f8f url(../Images/sort_desc_disabled.png) no-repeat center right;
        text-align: left;
        color: #fff;
    }

    .V3MGrid th.cellHover {
        cursor: pointer;
    }
/* End of vSMS Grid CSS*/

#myPopUp {
    font-family: Arial, sans-serif;
    font-size: 12px;
    overflow: auto;
    /* min-width: 300px; Dialog will be no smaller than this */
    /* max-width: 1024px; Dialog will wrap after this width */
    background: #FFF;
    border: solid 5px #999;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.Highlighted a {
    background-color: Green !important;
    background-image: none !important;
    color: White !important;
    font-weight: bold !important;
    font-size: 12pt;
}

.HighlightedRed a {
    background-color: Red !important;
    background-image: none !important;
    color: White !important;
    font-weight: bold !important;
    font-size: 12pt;
}

.container {
    /*font-family: Arial, sans-serif;
    font-size: 12px;
    overflow: auto;
  
    background: #FFF;
    border: solid 5px #999;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    /*border: 5px solid #53bdf2;*/
    /*border: 5px solid #045ea3;*/
    border: 1px solid #3592c3;
    margin: auto;
    border-radius: 2px;
    /*-moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;*/
    background: #FFF;
}

/* vSMS Grid View CSS*/
.V3MGridView {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: relative;
    border: 1px solid #d4e5ed;
    overflow: hidden;
    color: #000;
    /*text-transform:capitalize;*/
}

    .V3MGridView .headerRow {
        vertical-align: top;
    }

    .V3MGridView th[scope="col"] {
        background: #fafafa url(images/fhbg.gif) repeat-x bottom;
        position: relative;
        border: 1px solid #ccc;
        border-bottom: 0px;
        overflow: hidden;
        height: 25px;
        vertical-align: middle;
    }

    .V3MGridView table {
        /*border: 1px solid #ccc;
    border-top: 0px;
    background: #fff;
    overflow: auto;
    position: relative;*/
    }

.rowHover:hover {
    background-color: #F4FF9A;
    cursor: pointer;
}

.cellHover:hover {
    background-color: #F4FF9A;
    cursor: pointer;
}

.V3MGridView table td {
    border: 1px solid #d4e5ed;
    text-align: center;
    padding-left: 4px;
    border-top: 0px;
    border-left: 0px;
    /*border-bottom:1px solid black;
    border-right:1px solid black;
    */
}

.V3MGridView th[scope="row"] {
    background: #fafafa url(images/fhbg.gif) repeat-x bottom;
    position: relative;
    border: 1px solid #d4e5ed;
    border-bottom: 0px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
}

.V3MGridView tr.selectedrow td {
    background-color: #F4FF9A;
}

.V3MGridView .selected {
    background-color: #F4FF9A;
}

/* End of vSMS Grid View CSS*/



.offPeriod {
    background-color: lightgray;
    /*background: url(images/bg.gif) repeat-x center;
    color: white;
    position: relative;
    overflow: hidden;
    vertical-align: middle;*/
}

.offDay {
    background-color: lightgray;
}

.notInTimetable {
    background-color: lightcyan;
}

.allotedLession {
    background-color: lightblue;
    /*background: url(images/bg.gif) repeat-x center;
    color: white;
    position: relative;
    overflow: hidden;
    vertical-align: middle;*/
}

.bookedPeriod {
    background-color: lightcyan;
}

.freePeriod {
    background-color: lightgreen;
}
.fixedPeriod {
    background-color: red;
}

.selectedDiv {
    background-color: #F4FF9A;
}

.disabledRow {
    background-color: lightgray;
}

.fixedRow {
    background-color: lightblue;
}

.HyperLink {
    text-decoration: underline;
    color: blue;
}

.numeric, .decimal, .percentage, .integer {
    text-align: right;
    padding-right: 4px;
}

.errorText {
    color: red;
}

/*login CSS*/
.loginMainDiv {
    margin: auto;
}

.mainHeader {
    /*width:90%; background:url(images/loginHeaderBg.jpg) repeat-x; height:87px; padding:0 10px;*/
    background: #648cfb; /* old browsers */
    background: -moz-linear-gradient(top, #648cfb 0%, #648cfb 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#648cfb), color-stop(100%,#5B7899)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#648cfb', endColorstr='#5B7899',GradientType=0 ); /* ie */
    color: #fff;
    text-shadow: 0px -1px 0px #648cfb;
    width: 100%;
    height: 87px;
}

.headerContent {
    width: 500px;
    padding: 15px;
}

.mainContent {
    width: 90%;
    margin: auto;
    padding: 5px;
}

.minLogin {
    /*background:url(images/login-main-bg.gif) repeat-x fixed; height:420px; width:89%; margin:auto;*/
    height: 420px;
    width: 89%;
    margin: auto;
}

.loginHeader {
    width: 555px;
    margin: auto;
    margin-top: 94px;
}


.loginHeading {
    padding: 12px 20px 0 10px;
    font-size: 13px;
    background: #99C4E5;
    background: -moz-linear-gradient(top, #99C4E5 0%, #5B7899 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99C4E5), color-stop(100%,#5B7899));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99C4E5', endColorstr='#5B7899',GradientType=0 );
    color: #fff;
    text-shadow: 0px -1px 0px #5B7899;
    height: 29px;
    text-align: left;
    font-weight: bold;
}

.clear {
    clear: both;
}

.loginContent {
    background: url(images/loginbg.jpg) repeat-x;
    height: 264px;
    width: 555px;
    margin: auto;
    padding-top: 42px;
}

.login-txt {
    float: left;
    width: 190px;
    font-size: 22px;
    color: #087ab8;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
    margin: 6px 20px 0 0;
}

.login-ctrl-bg {
    float: left;
    background: url(images/lgn-ctrl-bg.jpg) repeat-x;
    height: 30px;
    border: 4px solid #dfdede;
    width: 188px;
}

.login-btn {
    background: url(images/lgn-btn-bg.gif) no-repeat;
    font-family: "BellCent NamNum BT";
    font-weight: bold;
    font-size: 22px;
    color: #ffffff;
    text-decoration: none;
    width: 114px;
    height: 41px;
    border: 0;
    cursor: pointer;
}


.mainFooter {
    /*width:90%; background:#0375b3; height:34px; padding:10px 20px 0 20px;*/
    background: #648cfb; /* old browsers */
    background: -moz-linear-gradient(top, #648cfb 0%, #648cfb 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#648cfb), color-stop(100%,#5B7899)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#648cfb', endColorstr='#5B7899',GradientType=0 ); /* ie */
    color: #fff;
    text-shadow: 0px -1px 0px #648cfb;
    width: 100%;
    height: 44px;
}

/*.mainFooterContent{width:500px; font-family:arial; font-size:11px; color:#ffffff; text-decoration:none; margin-top:5px; margin:auto;}*/
/*background: url(Images/wbg.gif) repeat-x top;*/

.dashboard {
    background: #e8f3f9;
    vertical-align: top;
}

.db-thumb {
    background: url(images/db-thumb.gif) repeat-x;
    height: 132px;
    text-align: center;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    float: left;
    width: 117px;
    padding-top: 5px;
    margin: 10px auto;
}

    .db-thumb a {
        color: #ffffff;
        text-decoration: underline;
        cursor: pointer;
    }

        .db-thumb a img {
            border: 1px solid #000000;
            height: 75px;
            width: 95px;
        }

        .db-thumb a:hover img {
            border: 1px solid #ffff00;
            color: #ffffff;
        }


.rdoTD input[type="checkbox"], .rdoTD input[type="radio"], .rdoTD label {
    vertical-align: middle;
}

.failureText {
    font-size: 16px;
    color: Red;
    padding-left: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


.UserProfile {
    position: fixed;
    z-index: 99999;
    height: 110px;
    width: 180px;
    padding: 5px;
    text-align: center;
    background-color: #eee;
    display: none;
    border: 1px solid black;
}

.Capitalize {
    text-transform: capitalize;
}




/* result Grid View CSS*/
.resultViewGrid {
    font-family: 'Bookman Old Style';
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color: black;
    border: 1px solid black;
    /*text-transform:capitalize;*/
}

    .resultViewGrid .headerRow {
        /*vertical-align:top;*/
        font-weight: bold;
    }

.resultViewGrid {
    border-collapse: collapse;
}

    .resultViewGrid .termTable {
        border: 1px solid black;
        border-left: 0px;
        border-right: 0px;
        border-collapse: collapse;
    }

        .resultViewGrid .termTable td {
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            border-collapse: collapse;
        }

    .resultViewGrid .termSectionTable {
        border-right: 0px;
        border-bottom: 0px;
        border-collapse: collapse;
    }

        .resultViewGrid .termSectionTable td {
            border-left: 0px;
            border-right: 0px;
        }

    .resultViewGrid .termSubSectionTable {
        border-left: 0px solid black;
        border-right: 0px solid black;
        border-bottom: 0px solid black;
        border-collapse: collapse;
    }

    .resultViewGrid .studentTable {
        border-bottom: 0px solid black;
        border-collapse: collapse;
    }

    .resultViewGrid .printHeader {
        font-weight: bold;
        font-size: 15px;
        border: 0px;
    }

    .resultViewGrid .printFooter td {
        font-weight: bold;
        font-size: 14px;
        border: 0px;
    }


/* End of vSMS Grid View CSS*/

.print {
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 100000;
    /* Any other Print Properties */
}

@media print (max-width: 300px) {
    td {
        background-color: lightblue;
    }
}


.GradeMainTable {
    width: 100%;
    border-spacing: 0;
    font-weight: bold;
    color: rgb(20,29,112);
}

.GradeTable {
    width: 100%;
    border-spacing: 0;
    border: 1px solid black;
    border-color: rgb(20,29,112);
}

.ScholasticTable {
    width: 100%;
    border-spacing: 0;
    border: 1px solid black;
    border-color: rgb(20,29,112);
    color: blue;
}

    .ScholasticTable tr {
        height: 35px;
    }

    .ScholasticTable td {
        border: 1px solid black;
        border-right: 1px solid black;
        border-color: rgb(20,29,112);
        color: blue;
        font-weight: bold;
    }

.GradeTable td {
    border: 1px solid black;
    border-right: 1px solid black;
    border-color: rgb(20,29,112);
    font-weight: bold;
}

.GradeTitle {
    text-align: center;
    text-transform: uppercase;
    font: 18px;
    color: maroon;
    font-weight: bold;
}

.GradeCSS {
    color: black;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}



.WCThum {
    height: 112px;
    text-align: center;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: black;
    float: left;
    width: 117px;
    padding-top: 5px;
    margin: 80px 10px;
}

    .WCThum a {
        cursor: pointer;
    }

        .WCThum a img {
            border: 1px solid black;
        }

        .WCThum a:hover img {
            border: 1px solid #ffff00;
            color: #ffffff;
        }

.WelcomeSub {
    font-size: 36px;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}


.WelcomeMain1 {
    font-size: 66px;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

.WelcomeMain {
    font-family: Arial, sans-serif;
    line-height: 1em;
    color: #5c5c5c;
    font-weight: bold;
    font-size: 115px;
    text-shadow: 0px 0px 0 rgb(-3,-3,-3),1px 1px 0 rgb(-28,-28,-28),2px 2px 0 rgb(-53,-53,-53),3px 3px 0 rgb(-77,-77,-77),4px 4px 0 rgb(-102,-102,-102),5px 5px 0 rgb(-127,-127,-127),6px 6px 0 rgb(-152,-152,-152),7px 7px 0 rgb(-177,-177,-177), 8px 8px 0 rgb(-202,-202,-202),9px 9px 8px rgba(0,0,0,0.8),9px 9px 1px rgba(0,0,0,0.5),0px 0px 8px rgba(0,0,0,.2);
}

.skillText {
    font-size: 14px;
    color: blue;
    padding-left: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.active_page {
    background: #103D5F;
    color: white !important;
    box-shadow: 3px 3px 1px #888888;
}

#page_navigation a {
    padding: 3px;
    border: 1px solid gray;
    margin: 2px;
    color: #0f44d4;
    text-decoration: none;
}

.PagingRow {
    background-color: white;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    text-align: left;
    height: 20px;
    
}

.hindiFont {
    font-family: Shusha;
    font-size: 14px;
}






/* Generic context menu styles */
.contextMenu {
    position: absolute;
    width: 120px;
    z-index: 99999;
    border: solid 1px #CCC;
    background: #EEE;
    padding: 0px;
    margin: 0px;
    display: none;
}

    .contextMenu LI {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .contextMenu A {
        color: #333;
        text-decoration: none;
        display: block;
        line-height: 20px;
        height: 20px;
        background-position: 6px center;
        background-repeat: no-repeat;
        outline: none;
        padding: 1px 5px;
        padding-left: 28px;
    }

    .contextMenu LI.hover A {
        color: #FFF;
        background-color: #3399FF;
    }

    .contextMenu LI.disabled A {
        color: #AAA;
        cursor: default;
    }

    .contextMenu LI.hover.disabled A {
        background-color: transparent;
    }

    .contextMenu LI.separator {
        border-top: solid 1px #CCC;
    }



    /*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

    .contextMenu LI.edit A {
        background-image: url("../images/page_white_edit.png");
    }

    .contextMenu LI.cut A {
        background-image: url("../images/cut.png");
    }

    .contextMenu LI.copy A {
        background-image: url("../images/page_white_copy.png");
    }

    .contextMenu LI.paste A {
        background-image: url("../images/page_white_paste.png");
    }

    .contextMenu LI.delete A {
        background-image: url("../images/page_white_delete.png");
    }

    .contextMenu LI.quit A {
        background-image: url("../images/door.png");
    }





/*.fontNormal12 {font-size:12px}
.fontBold12 {font-weight:bold;font-size:12px}

.fontNormal14 {font-size:14px;}
.fontBold14 {font-weight:bold;font-size:14px}
.fontNormal16 {font-size:16px}
.fontBold16 {font-weight:bold;font-size:16px}

.fontNormal22 {font-size:22px}
.fontBold22 {font-weight:bold;font-size:22px}
        
.tdBorder table {border-spacing:0;}
.tdBorder table td {border:solid 1px black;border-spacing:0;padding:5px;}

.tdNoBorder table td {border:0px;border-spacing:0;padding:5px;}*/






/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * {
    margin: 0;
    padding: 0;
}

ul.nav {
    position: relative;
    /*background:url(../Images/nav-repeat2.jpg) repeat-x !important;*/
    max-width: 100%;
    height: 2em;
    /*height:3.7em;*/
}

    ul.nav li {
        cursor: pointer;
        float: left;
        text-align: center;
        list-style-type: none;
        font-weight: normal;
        vertical-align: middle;
    }

        ul.nav li ul {
            cursor: default;
            width: 100%;
            max-width: 100%;
            position: absolute;
            height: auto;
            top: 2.0em;
            background-position: 0 0 !important;
            left: -9000px;
        }

            ul.nav li ul li {
                padding: 0;
                border: none;
                width: auto;
                max-width: none;
            }

        ul.nav li a {
            color: #fff;
            font-weight: bold;
            text-decoration: none;
            display: block;
            float: left;
            padding: 0 1em;
            /*height:3.7em;*/
            line-height: 2.0em;
        }

        ul.nav li ul li a {
            position: relative !important; /* ie Mac */
            cursor: pointer !important;
            white-space: nowrap;
            line-height: 1.5em;
            /*height:2.5em;*/
            font-weight: normal;
            color: #666;
            background-position: 0 50% !important;
        }

        ul.nav li:hover a,
        ul.nav li a:hover,
        ul.nav li a:focus {
            color: #000;
            background: #103D5F;
        }

        ul.nav li a:active {
            color: #666;
            background: #fff;
        }

        ul.nav li:hover ul {
            left: 0;
            z-index: 10;
        }

        ul.nav li ul,
        ul.nav li {
        }

            ul.nav li:hover ul li a {
                color: #444;
            }

                ul.nav li:hover ul li a:hover {
                    color: #000;
                    background: #fff;
                }

                ul.nav li:hover ul li a:active {
                    color: #666;
                    background: #fff;
                }

            ul.nav li.current a {
                color: #666;
                background: #fff;
                cursor: default;
                font-weight: bold;
            }

            ul.nav li.current ul {
                left: 0;
                z-index: 5;
            }

            ul.nav li.current ul,
            ul.nav li.current {
                background: #103D5F !important;
            }

                ul.nav li.current ul li a {
                    color: #444;
                    background: #103D5F;
                    font-weight: normal;
                }

                    ul.nav li.current ul li a:hover {
                        color: #000;
                        background: #fff;
                    }

                ul.nav li ul li.current a,
                ul.nav li ul li.current a:hover,
                ul.nav li.current:hover ul li a:active {
                    color: #666;
                    background: #fff;
                }


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
}

ul.main li {
    position: relative;
    top: 0;
    left: 0;
}

    ul.main li ul {
        border-top: 0;
    }

        ul.main li ul li {
            float: left;
        }

    ul.main li a {
        /*height:3.7em;
	line-height:3.7em;*/
        border: 0;
        color: #fff;
    }

    ul.main li ul li a {
        width: 12em;
        line-height: 2.5em;
        height: 2.5em;
        text-align: left;
        color: #fff;
        border-top: 1px solid #1A3A52;
        background: #103D5F;
    }

    ul.main li a:focus {
        color: yellow;
        background: yellow;
    }

    ul.main li ul li a:hover {
        color: yellow;
        background: #103D5F;
    }

    ul.main li:hover a {
        color: yellow;
        background: #103D5F;
    }

    ul.main li:hover ul li a {
        color: #fff;
    }

        ul.main li:hover ul li a:hover {
            color: yellow;
            background: #2D536F;
        }

    ul.main li:hover a:active {
        background: #103D5F;
    }

    ul.main li:hover ul li a:active {
        color: #fff;
        background: #103D5F;
    }



/*
    
    Added on 12/12/2017
    
*/

.mycss {
    color: #7dbbff;
}

.container .addMaster td.header {
    color: #fff;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    background-image: linear-gradient(to bottom, #5cadd6 0%, #1e86ba 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cadd6', endColorstr='#ff1e86ba', GradientType=0);
    border-color: #3399cc;
    height: 40px;
}

.box-medium {
    width: 32%;
    height: initial;
    float: left;
    margin-right: 2%;
    border-radius: 0px;
    /* box-shadow: 10px 10px 60px -7px #344349; */
    background: #fff;
}

    .box-medium:nth-child(3n) {
        margin-right: 0;
    }


.box-role {
    /*box-shadow: 10px 22px 22px 5px #fff;*/
    border: solid 1px #969696;
    vertical-align: middle;
    padding: 9px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.toolTip {
    background-color: white;
    box-shadow: 0px 5px 22px -5px #344349;
    border: 1px solid #5f5e5e;
    position: absolute;
    display: none;
    z-index: 2;
    font-family: Arial;
    font-size: 12px;
    border-radius: 3px;
}

.dashHeading {
    background: #efeded;
    border-radius: 5px;
    height: 30px;
    border: solid 1px #b7b7b7;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 14px;
    /*font-size: 16px;*/
    color: maroon;
    text-align: center;
    font-weight: bold;
}



.js-accordion {
    font-size: 16px;
    width: auto;
    margin: 0 auto;
    padding: 0 10px;
}

.accordion__item {
    margin-bottom: 6px;
}

.accordion-header,
.accordion-body {
    background: #fff;
}

.accordion-header {
    padding: 6px 15px;
    background: #2196F3;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    transition: all .3s;
    font-weight: 600;
    border-radius: 4px;
}

    .accordion-header:hover {
        background: #0d5488;
        color: #fff;
        position: relative;
        z-index: 5;
    }

.accordion-body {
    background: #fcfcfc;
    color: #3f3c3c;
    display: none;
}

.accordion-body__contents {
    padding: 10px 15px;
    font-size: 16px;
    background: #f5f5f5;
}

.accordion__item.active:last-child .accordion-header {
    border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
    border-bottom: 1px solid transparent;
}

/*.accordion__item > .accordion-header:after {
                content: "\f3d0";
                font-family:'Font Awesome 5 Brands';
                font-size: 1.2em;
                float: right;
                position: relative;
                top: -2px;
                transition: .3s all;
                transform: rotate(0deg);
            }

            .accordion__item.active > .accordion-header:after {
                transform: rotate(-180deg);
            }*/

.accordion__item.active .accordion-header {
    background: #0d5488;
    color: #fff;
    border-radius: 4px 4px 0px 0px;
}

.accordion__item .accordion__item .accordion-header {
    background: #f1f1f1;
    color: black;
}

th[align="center"] {
    text-align: center;
}

.footer1 {
    background: linear-gradient(89deg, #1974ca, #0464bf, #37c520, #1fb906);
    background-size: 800% 800%;
    -webkit-animation: footer 39s ease infinite;
    -moz-animation: footer 39s ease infinite;
    -o-animation: footer 39s ease infinite;
    animation: footer 39s ease infinite;
}

@-webkit-keyframes footer {
    0% {
        background-position: 0% 51%;
    }

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

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

@-moz-keyframes footer {
    0% {
        background-position: 0% 51%;
    }

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

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

@-o-keyframes footer {
    0% {
        background-position: 0% 51%;
    }

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

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

@keyframes footer {
    0% {
        background-position: 0% 51%;
    }

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

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


.SearchOption select, .SearchOption input[type='text'], .SearchOption input[type='date'], .SearchOption input[type='email'], SearchOption input[type='number'] {
    /* height: 35px; */
    /* min-height: 35px; */
    /* padding: 5px; */
    /* font-size: 14px; */
    /* font-weight: 400; */
    /* line-height: 1.5; */
    /* color: #000000; */
    /* background-color: rgba(255, 255, 255, 0); */
    /* background-clip: border-box; */
    /* border: 1px solid #000000; */
    /* border-radius: 0; */
    /* transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
    /* border-width: 1px 1px 1px 1px; */
    /* border-spacing: 0px; */
    /* border-collapse: collapse; */
}

.container td.footer {
    background: #fff;
    height: 45px;
}

.container td.header label {vertical-align: -webkit-baseline-middle;margin-bottom: 0;font-weight: 600;font-size: 14px;}

.divoverlay {
    background: #000000 !important;
    opacity: 0.6 !important;
}


#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}

#gritter-notice-wrapper {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 301px;
    z-index: 9999;
}

    #gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
        display: block;
        background-image: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff3f3f3', GradientType=0);
        border: 1px solid #c0c0c0;
        color: #333333;
        padding: 10px 11px;
        font-size: 12px;
        border-radius: 2px;
        transition: all;
        transition: all all ease-out;
        transition-duration: 0.4s;
        box-shadow: 1px 2px 10px #c0c0c0;
    }

    #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item {
        color: #2389bd;
        background-image: linear-gradient(to bottom, #ffffff 0%, #e5f3fa 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5f3fa', GradientType=0);
        border: 1px solid #4faede;
    }

    #gritter-notice-wrapper .gritter-item-wrapper {
        position: relative;
        margin: 0 0 10px 0;
    }

        #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close {
            position: absolute;
            top: 5px;
            right: 7px;
            cursor: pointer;
            text-decoration: none;
        }

.entypo-icon-cancel:before {
    content: 'x';
}

[class^="entypo-icon-"]:before, [class*=" entypo-icon-"]:before {
    font-style: normal;
    speak: none;
    font-size: 14px;
    font-weight: 600;
}

#gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item .gritter-close i {
    color: #2389bd;
}

#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close i {
    font-size: 16px;
    color: #333333;
    transition: background;
    transition: all background ease-out;
    transition-duration: 0.4s;
}

#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    display: block;
}

#gritter-notice-wrapper .gritter-item-wrapper .gritter-item p {
    padding: 0;
    margin: 0;
    word-wrap: break-word;
}
.container .header span {
    vertical-align: -webkit-baseline-middle;
    margin-bottom: -4px;
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
}
/*input[type='button'][value='Search'] {
    width: 90px;
}*/


.grdDiv {

background: rgba(4,59,122,1);
background: -moz-linear-gradient(left, rgba(4,59,122,1) 31%, rgba(4,59,122,1) 32%, rgba(214,233,250,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(31%, rgba(4,59,122,1)), color-stop(32%, rgba(4,59,122,1)), color-stop(100%, rgba(214,233,250,1)));
background: -webkit-linear-gradient(left, rgba(4,59,122,1) 31%, rgba(4,59,122,1) 32%, rgba(214,233,250,1) 100%);
background: -o-linear-gradient(left, rgba(4,59,122,1) 31%, rgba(4,59,122,1) 32%, rgba(214,233,250,1) 100%);
background: -ms-linear-gradient(left, rgba(4,59,122,1) 31%, rgba(4,59,122,1) 32%, rgba(214,233,250,1) 100%);
background: linear-gradient(to right, rgba(4,59,122,1) 31%, rgba(4,59,122,1) 32%, rgba(214,233,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043b7a', endColorstr='#d6e9fa', GradientType=1 );
color:white;
font-weight:bold;

}

.table tbody > tr > td {
    font-size:12px !important;
   
}
/*img[src*="cross.gif"] {
    border-radius: 25px;
    background: #ff2c02;
}*/



.wrs_editor
.wrs_tickContainer {
    display: none;
}