/* CSS Document */
/*
-----------------------------------------------------------------------------------------------------------------
												Login Page CSS
-----------------------------------------------------------------------------------------------------------------
*/
html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    line-height: 100%;
}

body {
    background-image: url(../Images/bg.png);
}

img {
    vertical-align: middle;
}

input {
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

#page {
    width: 335px;
    position: absolute;
    top: 50%;
    margin-left: -168px;
    left: 50%;
    margin-top: -100px;
}

#logo-img {
    position: absolute;
    width: 130px;
    left: 35%;
    margin-top: -100px;
    margin-left: -65px;
}

#login-Box {
    background-image: url(../Images/bg-login.png);
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    width: 335px;
    height: 214px;
}

#login-title {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 25px;
    width: 200px;
}

#fgPassword-Box {
    background-image: url(../Images/bg-login.png);
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    width: 335px;
    height: 550px;
}

#fgPassword-title {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 25px;
    width: 160px;
}

#fgPasswordInput {
    margin: 5px;
    margin-top: 10px;
    margin-left: 18px;
    background-image: url(../Images/bg-inputText.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 299px;
}

#login-message {
    font-size: 12px;
    width: 100%;
    text-align: center;
}

#bgInput {
    margin: 5px;
    margin-top: 10px;
    margin-left: 18px;
    background-image: url(../Images/bg-inputText.png);
    background-repeat: no-repeat;
    height: 80px;
    width: 299px;
}

#bgBtn {
    margin: 5px;
    margin-top: 10px;
    margin-left: 18px;
    height: 30px;
    width: 299px;
}

#FP-title a {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
    color: #F00;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
}

#UserNameTitle {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-left: 10px;
    height: 38px;
    line-height: 38px;
    margin-top: 10px;
}

#PasswordTitle {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-left: 10px;
    height: 38px;
    line-height: 38px;
}

#CampusTitle {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-left: 10px;
    height: 38px;
    line-height: 38px;
    margin-top: 10px;
}
/*
-----------------------------------------------------------------------------------------------------------------
												Content Request List Page CSS
-----------------------------------------------------------------------------------------------------------------
*/
#CRL-Page {
    position: absolute;
    left: 37%;
    margin-left: -400px;
    width: 1200px;
    background-color: #FFF;
}

#Page-Header {
    height: 60px;
    margin-top: 15px;
    margin-left: 10px;
}

    #Page-Header #Logo {
        float: left;
        width: 75px;
        height: 55px;
    }

    #Page-Header #Menu a {
        float: left;
        height: 55px;
        line-height: 55px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: black;
        background-color: #F7F7F7;
    }

    #Page-Header #SubMenu a {
        float: left;
        height: 25px;
        line-height: 25px;
        margin-left: 15px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        text-decoration: none;
    }

    #Page-Header #Search {
        float: right;
        height: 55px;
        line-height: 55px;
        margin-right: 25px;
    }

#Page-Body {
    margin-top: 2px;
    border: #000 solid 1px;
    float: left;
    width: 99%;
    margin-left: 4px;
    margin-bottom: 15px;
}

    #Page-Body #Headers {
        float: left;
        width: 100%;
        clear: both;
        height: 55px;
    }

        #Page-Body #Headers #Headers-title {
            margin: 5px;
            float: left;
            font-family: Verdana, Geneva, sans-serif;
            height: 50px;
            line-height: 50px;
        }

        #Page-Body #Headers #Headers-Controls {
            margin: 5px;
            float: right;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 12px;
        }

    #Page-Body #Filters {
        float: left;
        width: 100%;
        clear: both;
        height: 55px;
        line-height: 55px;
    }

        #Page-Body #Filters #Filters-title {
            margin: 5px;
            float: left;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 12px;
        }

        #Page-Body #Filters #Filters-Controls {
            margin: 5px;
            float: right;
            width: 300px;
        }

.Filters-ControlsSub {
    float: left;
    text-align: left;
    width: 175px;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding-right: 5px;
}

    .Filters-ControlsSub select {
        font-weight: normal;
    }


#Page-Body #DataTable, .DataTable {
    float: left;
    width: 100%;
    clear: both;
}

    #Page-Body #DataTable #DataRowTitle, .DataRowTitle {
        float: left;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        background-color: #CCC;
        width: 100%;
        clear: both;
        margin-bottom: 5px;
        height: 30px;
    }

    #Page-Body #DataTable .DataRow {
        float: left;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        width: 100%;
        clear: both;
        background-color: #EEEEEE;
    }

    #Page-Body #DataTable .DataRowAlt {
        float: left;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        width: 100%;
        clear: both;
        background-color: #F7F7F7;
    }

.DataTable {
    float: left;
    width: 100%;
    clear: both;
}

.Title_Col {
    float: left;
    text-align: center;
    border-left: #FFF solid 1px;
    font-weight: bold;
    vertical-align: middle;
    height: inherit;
    line-height: 30px;
}

.Title_ColFirst {
    float: left;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    height: inherit;
    line-height: 30px;
}

.Data_Col {
    float: left;
    text-align: center;
    border-left: #FFF solid 1px;
    vertical-align: middle;
    height: inherit;
    line-height: 40px;
}

.Data_ColFirst {
    float: left;
    text-align: center;
    vertical-align: middle;
    height: inherit;
    line-height: 40px;
}

.Data_Col_TextBox {
    float: left;
    text-align: center;
    border-left: #FFF solid 1px;
    vertical-align: middle;
    height: 30px;
}

.TitleCol12 {
    text-align: center;
    border-left: #FFF solid 1px;
    font-weight: bold;
}

.DataCol {
    text-align: left;
    border-left: #FFF solid 1px;
}

.Data_Col1 {
    float: left;
    width: 19.8%;
    text-align: center;
    border-left: #FFF solid 1px;
    background-color: #EEE;
}

#Table {
    width: 95%;
    display: table;
    margin-left: 2.5%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

    #Table #Row {
        display: table-row;
        width: 100%;
        height: 30px;
        line-height: 30px;
        background-color: #F7F7F7;
    }

    #Table #RowEve {
        display: table-row;
        width: 100%;
        height: 30px;
        line-height: 30px;
        background-color: #EEE;
    }

        #Table #Row #Col, #Table #RowEve #Col {
            display: table-cell;
            font-weight: bold;
            width: 25%;
            height: 30px;
            line-height: 30px;
            text-align: right;
        }

#Page-Body #Controls {
    float: left;
    width: 96%;
    clear: both;
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
}

#Edit-BTN {
    height: 27px;
    width: 78px;
    background-image: url(../Images/btn-Edit.png);
    background-color: transparent;
    border-color: transparent;
    background-repeat: no-repeat;
}

#Export-BTN {
    margin-left: 10px;
    height: 27px;
    width: 78px;
    background-image: url(../Images/btn-Export.png);
    background-color: transparent;
    border-color: transparent;
    background-repeat: no-repeat;
}

#Update-BTN {
    height: 27px;
    width: 78px;
    background-image: url(../Images/btn-Update.png);
    background-color: transparent;
    border-color: transparent;
    background-repeat: no-repeat;
}
/**/
.errorMessage {
    font-family: Arial, Verdana, Tahoma;
    font-style: normal;
    color: Red;
}

.CommandButtonExt {
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    padding-right: 5px;
}

A.CommandButtonExt:link {
    text-decoration: underline;
}

A.CommandButtonExt:visited {
    text-decoration: underline;
}

A.CommandButtonExt:hover {
    text-decoration: underline;
}

A.CommandButtonExt:active {
    text-decoration: underline;
}

.simpleTextExt {
    font-family: Verdana,Arial,Tahoma;
    font-size: 12px;
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
}

.Label {
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none;
    padding-right: 2px;
    font-weight: bold;
}

.simpleTextLabel {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
}

.simpleTextLabelBlue {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: blue;
}

.BoldTextLabel {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.BoldTextLabelBlue {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: blue;
}

.BoldNormalTextLabel {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.BigBoldLabel {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.errorMessage {
    font-family: Arial, Verdana, Tahoma;
    font-size: 13px;
    font-style: normal;
    color: Red;
}

.statusMessage {
    font-family: Arial, Verdana, Tahoma;
    font-size: 13px;
    font-style: normal;
    color: Green;
    padding-left: 5px;
}

.device {
    text-align: Center;
    font-family: Arial;
    font-size: 13pt;
    font-weight: bold;
    background-color: #afe293;
    height: 30px;
}

.MandatoryMessage {
    font-family: Verdana,Arial,Tahoma;
    font-size: 11px;
    font-style: normal;
    color: Red;
    padding-left: 3px;
    padding-right: 3px;
}

.RequiredMessage {
    font-family: Verdana,Arial,Tahoma;
    font-size: 11px;
    font-style: normal;
    color: Red;
    padding: 0;
}

.selectedPage {
    font-weight: bold;
    color: #F00;
}

.unSelectedPage {
    font-weight: normal;
    color: #000;
}

.textContentHintsText {
    font-weight: normal;
}

.textContentHintsTextBold {
    font-weight: bold;
}

.TitleCol {
    font-weight: inherit;
}

.DataRowTitle1 {
    margin-left: 2%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    background-color: #CCC;
    width: 96%;
    height: 35px;
}

.DataRow1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-left: 2%;
    width: 96%;
    background-color: #EEEEEE;
    height: 32px;
    padding-left: 5px;
}

.DataRowAlt1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin-left: 2%;
    background-color: #F7F7F7;
    height: 32px;
    padding-left: 5px;
}

.simpleCheckbox {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.simpleCheckbox input {
    margin: 0 !important;
}

.grid_header_up {
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.grid_header {
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
}

.grid_header_sub {
    margin: 15px 0px 5px 5px;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: green;
}

.textBox, .textBoxLeft, .textBoxNew, .tbMovedOver, .tbPromoted, .tbTransfered, .tbNoOfSection, .tbStudentSec {
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 99%;
    height: 90%;
}

.textBoxHalfBoy, .textBoxHalfGirl {
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 46%;
    height: 90%;
}

.textBoxHalfWithoutBorder {
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 46%;
    height: 90%;
    border: none;
    background-color: #CCC;
    color: black;
}

.txtBoxLeft {
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 99%;
    height: 90%;
}

.textBoxTotal {
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    text-decoration-color: black;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 99%;
    height: 90%;
}

.textBoxWithoutBorder {
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 99%;
    height: 90%;
    border: none;
    background-color: #CCC;
    color: black;
}

.textBoxWithoutBorderBgcolor {
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 90%;
    border: none;
    color: black;
}

.textBoxNormal {
    text-align: center;
    width: 99%;
}

.GridHeader {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    background-color: #CCC;
    height: 30px;
}

.GridHeaderCol {
    text-align: center;
    border-left: #FFF solid 1px;
    font-weight: bold;
    vertical-align: middle;
    height: inherit;
}

.GridHeaderColAlt {
    text-align: center;
    border-left: #FFF solid 1px;
    font-weight: bold;
    vertical-align: middle;
    height: inherit;
    background-color: #EDEBEB;
}

.GridRow {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    background-color: #EDEBEB;
    height: 30px;
}

.GridRowAlt {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    height: 30px;
}

.GridCol {
    text-align: center;
    border-left: #FFF solid 1px;
    vertical-align: middle;
    height: inherit;
}

.GridColAlt {
    text-align: center;
    border-left: #EDEBEB solid 1px;
    vertical-align: middle;
    height: inherit;
}

.GridColAltBorder {
    text-align: center;
    border-left: #EDEBEB solid 1px;
    vertical-align: middle;
    height: inherit;
    border-bottom: #CCC solid 1px;
}

.GridColAltBorderNew {
    text-align: center;
    border-left: #EDEBEB solid 1px;
    vertical-align: middle;
    height: inherit;
    border-bottom: #CCC solid 1px;
    padding-left: 5px;
    text-align: left;
    background-color: white;
}

.GridFooter {
    background-color: #DBE7F0;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    color: #000000;
    vertical-align: middle;
    font-weight: normal;
    height: 30px;
    border-right-width: 1px;
    border-right-color: white;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
}

.GridRowStyle {
    background-color: #EEEEEE;
    text-align: left;
}

.GridAlternatingRowStyle {
    background-color: #F7F7F7;
    text-align: left;
}

.GridStyle {
    background-color: #EEEEEE;
    font-size: 25px;
    font-weight: bold;
    color: White;
    font-family: Verdana, Arial, Tahoma;
    height: 35px;
    border: none 0px black;
}

.TopGridHeading {
    font-family: Verdana, Calibri, Arial;
    font-size: 15px;
    font-weight: bold;
    color: Navy;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* menu stylin
*/

.skinmenu {
    margin-left: 110px;
    color: black;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    width: 80%;
    background-color: #eae8e8;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    margin-top: 20px;
}

.rootmenuitem {
    background: transparent;
    padding: 0px 0px 0px 0px;
    color: Red;
}

.rootmenuitemhover {
    background-color: black;
    padding: 0px 0px 0px 0px;
}

.submenuhover {
    background-color: White;
    color: #3A4739;
    cursor: pointer;
    border: none 0px white;
}

.submenuitemselected {
    font-family: Tahoma, Arial, Helvetica;
    color: #000;
    font-size: 13px;
}

.primaryStaticMenu {
    background-color: transparent;
}

.primaryStaticMenuItem {
    /*background-color: Red; menu fore color*/
    border-width: 1px;
    border-color: black white black;
    border-top-width: 0px;
    border-left-width: 0px;
    border-style: solid;
}

.primaryDynamicMenu {
    background-color: red;
    border-bottom: solid 1px red;
}

.primaryDynamicMenuItem {
    background-color: #F7F7F7;
    color: black;
    padding: 2px 10px 2px 10px;
    text-align: left;
}

.primaryDynamicHover {
    background-color: orange; /*dropdown hover */
}

/*End*/

.pReportSectionHead {
    clear: both;
    float: left;
    background-color: black;
    width: 100%;
    line-height: 30px;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    margin-top: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

.pReportSectionSubHead {
    clear: both;
    float: left;
    background-color: #CCC;
    width: 100%;
    line-height: 25px;
    text-align: left;
    padding-left: 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pReportSectionData {
    float: left;
    clear: both;
    margin-top: 5px;
    padding: 5px;
    text-align: left;
    border: 1px solid black;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.overallResult {
    margin-top: 3px;
    float: right;
    line-height: 30px;
    width: 80%;
    clear: both;
    border: 1px solid black;
}

.overallResultValue {
    float: left;
    width: 10%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.overallResultText {
    float: left;
    width: 40%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    background-color: #CCC;
    font-weight: bold;
    vertical-align: middle;
}

.reportSummaryLabel {
    float: left;
    width: 490px;
    text-align: left;
    clear: both;
    padding: 3px;
    margin-top: 1.5px;
    margin-bottom: 1.5px;
    background-color: #EEEEEE;
}

.reportSummaryData {
    float: left;
    width: 140px;
    text-align: center;
    padding: 3px;
    margin-top: 1.5px;
    margin-bottom: 1.5px;
    background-color: #EEEEEE;
}

.reportSig {
    float: left;
    text-align: left;
    padding-left: 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.table {
    display: table;
}

/*.row {
    display: table-row;
}*/

.column {
    display: table-cell;
    vertical-align: top;
}

.pdfHeader {
    padding-top: 10px;
    width: 400px;
    margin: auto;
    line-height: 20px;
    height: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
}

a.classname {
    background: url(../Images/btn-add.png) no-repeat top left;
    display: block;
    width: 100%;
    height: 25px;
    margin: 10px;
    text-indent: -9999px; /* hides the link text */
    text-align: center;
}

/*Menu*/
/* Style The Dropdown Button */
.accountMenu {
    margin-left: 10px;
    color: black;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    width: 88%;
    background-color: #eae8e8;
    text-align: left;
    vertical-align: middle;
    line-height: 35px;
    margin-top: 20px;
    height: 35px;
}

.dropbtn {
    background-color: #eae8e8;
    color: black;
    /*padding: 16px;*/
    /*font-size: 16px;*/
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 2px 5px 2px 10px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: black;
            color: white;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: black;
    color: white;
    line-height: 35px;
    height: 35px;
}

.form-control {
    width: 250px;
}

.form-select {
    width: 250px;
}

.form-select-lg {
    width: 100%;
}

.form-label {
    margin-bottom: 5px;
}

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}


.paging_full_numbers {
    float: right;
    padding-right: 10px;
    margin-bottom: 10px;
}

.dataTables_info {
    padding-left: 10px;
}

.dataTables_filter {
    float: right;
    padding-right: 10px;
}

.dataTables_length {
    float: left;
    padding-left: 10px;
}

.dataTables_wrapper {
    border-top: 5px solid #337AB7;
    padding-top: 10px;
}

.total {
    background-color: white !important;
}

.CollapsePanel {
    height: 0px;
    overflow: hidden;
}

.CollapseHeaderPanel {
    height: 35px;
    color: black;
    background-color: #CCC;
    font-weight: bold;
    float: none;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}

.label-danger {
    color: red;
    background-color: transparent !important;
}