/* CSS Document */
/*written by Niranjan*/
.gridlabelright {
    text-align: right;
    font-family: Verdana;
    font-size: 11px;
}

.Error-Label-Red {
    font-size: 13px;
    color: Red;
}

.Success-Label-Green {
    font-size: 13px;
    color: Green;
}

.DataGridFixedHeader {
    border-left: white 0px solid;
    border-right: white 1px solid;
    border-top: #e8ebf0 0px solid;
    border-bottom: #e8ebf0 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 0px;
    padding-top: 1px;
    color: White;
    font-size: 12px;
    font-family: Verdana; /* position: relative;  TOP: expression(this.offsetParent.scrollTop - 2);     HEIGHT: 14px; */ /* BACKGROUND-COLOR: #dbdcdf */ /*background-color:#9FA4A7; */ /*background-color:#85c6bd;*/
    background-color: #1C5E55 /*#5577A3; overflow: auto;*/;
}

.HomeImg {
    width: 1500px;
    _width: 1500px;
    /*background: url(../Images/SuperAdminScreen3.jpg) no-repeat;*/
    background: url(../Images/CM-Desktop.jpg) no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 800px;
    _margin-right: 800px;
    height: 480px;
    _height: 465px; /*background:#009966;*/
}

.headertext /*For Form Header*/ {
    padding-left: 8px;
    font-weight: bolder;
    font-size: 13px;
    height: 22px;
    padding-bottom: 1px;
    text-transform: uppercase; /**/
    color: #FFFFFF;
    background-color: #56767d;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-variant: normal;
}

.Trans {
    /*width:218%; by harshavardhan */
    width: 144.5%;
    _width: 100%;
    background: #fff; /*background-color:#cad9b1;*/
    background-repeat: no-repeat;
    vertical-align: middle;
}

.HotelMater {
    width: 108%;
    _width: 100%;
    background: #fff; /*background-color:#cad9b1;*/
    background-repeat: no-repeat;
    vertical-align: middle;
}

.Transrequest {
    width: 122.5%;
    _width: 100%;
    background: #fff; /*background-color:#cad9b1;*/
    background-repeat: no-repeat;
    vertical-align: middle;
}

.tdBgColor1 {
    background: #fff; /*background-color:#cad9b1;*/
    background-repeat: no-repeat;
    vertical-align: middle;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #242729;
    /*background-color: #cad9b1;*/
}
/* begin main */
.main {
    width: 100%;
    float: left;
    min-width: 1000px;
}
/* begin top portion */
.maintop {
    width: 10%;
    height: 75%;
    _height: 75%;
    float: left;
    padding: 0px 0px 0px 0px; /*background-color:#8fb2a0;*/
    background: url(../Images/HeaderLine.jpg) repeat left; /*	background: url(../Images/HeaderLine1.jpg) repeat left;*/
}
/* begin header */
.header {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    background: url(../Images/ItsDental.png) no-repeat left; /*background: url(../Images/Subbaiahlogo.png) no-repeat left;*/
}

.header1 {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    background: url(../Images/ItsDental1.png) no-repeat left; /*background: url(../Images/Subbaiahlogo.png) no-repeat left;*/
}

.header2 {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    background: url(../Images/ItsDental.png) no-repeat left; /* background: url(../Images/Subbaiahlogo.png) no-repeat left;*/
}

.headerright {
    width: 10000px;
    _width: 280px; /*For father Muller*/ /*background: url(../Images/logo.jpg) no-repeat left;*/
}

.headerdiv1 {
    width: 100%;
    float: right; /*padding-bottom:20px;*/
}

.headerdiv1div1 {
    width: 100%;
    float: left;
    text-align: right; /*padding-top:10px;*/
}

    .headerdiv1div1 a {
        font-size: 12px;
        color: #FFFFFF;
    }

        .headerdiv1div1 a:hover {
            text-decoration: none;
            font-size: 12px;
            color: #FFFFFF;
        }

.headerdiv1div2 {
    width: 100%;
    float: left;
    text-align: right;
    font-family: Tahoma;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0px;
}

.headerdiv1div3 {
    width: 100%;
    float: left;
    text-align: right;
    text-align: right;
    font-family: Tahoma;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
}

.headeruserdashboard {
    width: 100%;
    float: left;
    text-align: right;
    font-family: Tahoma;
    font-size: 13px;
    color: Black;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 5px;
}
/* end Header */

/* start menu */

.menuH {
    width: 100%;
    float: left;
    text-align: left;
    background-image: url(../images/menu_bg.jpg);
    background-repeat: repeat-x;
    height: 35px;
    border-top: 1px solid #0c578a;
    margin-bottom: 1px;
    z-index: 999; /* Added on 29th Oct By Arun, For Menu List in mozila and chrome*/
    position: relative;
}

.mainmenu ul {
    margin: 0;
    padding: 0;
}

.mainmenu li {
    float: left;
    list-style: none;
    display: inline;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 4px;
    background: url(../images/menu_div.jpg) no-repeat right center;
}

    .mainmenu li a {
        float: left;
        font-size: 14px;
        color: #FFFFFF;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 6px;
        padding-bottom: 7px;
        text-decoration: none;
        text-transform: uppercase;
        font-family: Tahoma, verdana;
        font-size: 12px;
        letter-spacing: 1px;
    }

        .mainmenu li a:visited {
            color: white;
        }

        .mainmenu li a:hover {
            float: left;
            background: #0d3754; /*background of tabs for hover state */
            color: white;
        }

    .mainmenu li.current a {
        background: #0d3754; /*background of tab with "selected" class assigned to its LI */
        color: white;
    }

.selected {
    background: #0d3754; /*background of tab with "selected" class assigned to its LI */
    color: white;
}
/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul {
    /*topmost and sub ULs, respectively*/
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: url(../images/submenu_bg.jpg) repeat-x bottom;
    background-color: #2f82b9;
    visibility: hidden;
    z-index: 100;
}

    .ddsubmenustyle li {
        padding-left: 5px;
        padding-right: 5px;
        width: 200px;
    }

        .ddsubmenustyle li a {
            display: block;
            width: 190px; /*width of menu (not including side paddings)*/
            color: white;
            text-decoration: none;
            line-height: 35px;
            background-image: url(../images/submenu_border.jpg);
            background-repeat: no-repeat;
            background-position: bottom;
            padding: 0px 5px;
        }
            /** html .ddsubmenustyle li {
	display: inline-block;
	width: 210px; 
}*/
            .ddsubmenustyle li a:hover {
                color: black;
            }
/* ######### Neutral CSS  ######### */

.downarrowpointer {
    padding-left: 0px;
    border: 0;
}

.rightarrowpointer {
    position: absolute;
    padding-top: 0px;
    left: 100px;
    border: 0;
}

.ddiframeshim {
    position: absolute;
    z-index: 500;
    background: transparent;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
}
/* end menu */
/* End top portion */

/* Start Container */
.container {
    width: 100%; /*float: left;*/
    background: #fff;
    clear: both; /*height: 740px;*/ /*height: 660px\9;*/ /**height:560px;*/ /*_height:755px;*/
    margin-left: 0px;
    min-height: 50px;
    position: relative;
    margin-top: 1px \9;
    /*margin-top: 10px;*/ /*By Harsha on 19th June 2014*/ /*margin-top:10px\9;*/ /**margin-top:23px;*/
    _margin-top: 1px;
    background-color: White;
}
/* start system information */
.information {
    width: 100%;
    float: left;
    background: #305666;
    margin-bottom: 4px;
    font-family: Tahoma;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 0px;
}
/* end system information */
/* start content Portion */
.containerdiv1 {
    width: 100%;
    float: left;
}
/* start left portion */
.containerleft {
    width: 18%;
    float: left;
    padding-right: 0.5%;
}

.leftbuttons {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.leftbuttonsdiv1 {
    width: 100%;
    float: left;
    text-align: center;
    background: url(../images/left_buttons_bg.jpg) repeat-x;
    border: 1px solid #a82221;
    margin-bottom: 3px;
    padding-left: 5px;
    line-height: 30px; /*font-family:Tahoma;*/
    font-family: Calibri;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
}

    .leftbuttonsdiv1:hover {
        float: left;
        background: url(../images/left_buttons_bg_hover.jpg) repeat-x;
    }

.birthday {
    width: 100%;
    float: left;
    background-color: #FFFFFF;
}

.birthdaydiv1 {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: Tahoma;
    font-size: 13px;
    color: #1e282e;
    border-bottom: 1px dotted #82856f;
    font-weight: bold;
}

.birthdaydiv2 {
    width: 99%;
    float: left;
    text-align: left;
    padding: 1px 1%;
    font-family: Tahoma;
    font-size: 12px;
    color: #242424;
    line-height: 17px;
}

    .birthdaydiv2 a {
        text-decoration: none;
        color: #b90e0e;
    }

        .birthdaydiv2 a:hover {
            text-decoration: underline;
            color: #b90e0e;
        }
/* end left portion */

/* start container mid */
.containermid {
    width: 51%;
    float: left;
    padding-right: 0.5%;
}

.containermiddiv1 {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.heading {
    width: 100%;
    float: left;
    background: url(../images/heading_btm_bg.jpg) repeat-x;
    border-bottom: 3px solid #415f66;
}

.headingdiv1 {
    float: left;
    background: url(../images/heading_top_bg.jpg) no-repeat right #648991;
    padding-right: 50px;
    padding-left: 10px;
    line-height: 31px;
    font-family: Tahoma;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
}

.pagecontent {
    width: 100%;
    float: left;
    background-color: #ffffff;
}

.leavetab {
    width: 99%;
    float: left;
    background-color: #ffffff;
    padding-bottom: 5px;
}

/* end container mid */

/* start container right */
.containerright {
    width: 30%;
    float: left;
}

.containerrightdiv1 {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}
/* end container right */

/* end content Portion */
/* Start Footer */
.footer {
    /* ewidth: 100%; 	float: left; 	border-top: 4px solid #8f9d78; 	background: #fff8c8;*/
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana;
    color: White; /*background-color:#EF651A; */ /*background-color:#9FA4A7;*/ /*background-color:#85c6bd;*/
    background-color: #56767d;
    color: #FFFFFF; /*	background-color: #5577A3;background: url(../Images/HeaderLine.jpg) repeat left;*/
    height: 22px;
}

.footerdiv1 {
    width: 100%;
    float: left;
    text-align: left;
    padding: 5px 0px;
    color: #3d4042;
    line-height: 14px;
}
/* End Footer */

/* end main */


.testindex {
    z-index: 1000;
}

.submenuboxtest {
    float: left;
    color: #ffffff;
    background-image: url(../images/submenu_border.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #2f82b9;
    font-size: 11px;
    width: 248px;
    line-height: 25px;
    padding-left: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.submenuboxhover {
    color: #ffffff;
    background-color: #0d3754;
    font-size: 11px;
    width: 248px;
    padding-left: 3px;
}

.menustaticitem {
    color: #FFFFFF;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
    padding-bottom: 7px;
    margin: 4px 0px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Tahoma, verdana;
    font-size: 12px;
    letter-spacing: 1px;
    background: url(../images/menu_div.jpg) no-repeat right center;
}

.menustaticselected {
    background: #0d3754; /*background of tabs for hover state */
    color: white;
}

.submenustatic {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 4px;
    background: url(../images/menu_div.jpg) no-repeat right center;
}

.panelset {
    width: 100%;
    height: 150px;
    z-index: 100px;
    left: 0px;
    table-layout: fixed;
}

.panelsetalert {
    width: 100%;
    height: 140px;
    z-index: 100px;
    left: 0px;
    table-layout: fixed;
}
/*Gridview section*/
.rowOne {
    background: #DEDFDE;
    border: None;
    border-width: 1px;
    color: Black;
    margin: 1px;
    font-size: 10px;
    font-family: Verdana;
    line-height: 11px;
    background-color: White;
    width: 96%;
}

.rowTwo {
    margin: 1px;
    font-size: 10px;
    font-family: Verdana;
    line-height: 11px;
    background-color: White;
}

.gvemptydata {
    font-family: Verdana;
    font-size: 10px;
    color: Red;
}

.gvrowstyle {
    background: #eff8f9;
}

.gvfooterstyle {
    background: #CCCC99;
}

.gvpagerstyle {
    background: #eff8f9;
    color: Black;
}

.gvselectedrowstyle {
    background: #CE5D5A;
    color: White;
    font-weight: bold;
}

.columnHead {
    font-size: 12px;
    color: #ffffff;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #93998a;
    height: 15px;
    width: 500px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.columnHead1 {
    font-size: 12px;
    color: #ffffff;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    background-color: #93998a;
    height: 5px;
    width: 100px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

/*Master*/
.usertxt {
    text-align: center;
    font-family: Tahoma;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
    padding-right: 5px;
    padding-top: 5px;
    color: Black;
}

/*Inside content Pages */

.tdBgColor {
    background: #fff; /*background-color:#cad9b1;*/
}

.txtColor {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #161213;
    /*margin: 0px 0;*/
}

.txtHeading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #56767d;
    height: 20px;
    padding-top: 4px;
    padding-left: 13px;
    border-color: red;
}

.ButtonBox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #56767d;
    height: 20px;
    padding-top: 4px;
    padding-left: 13px;
}
/*Button*/


.SysButton {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../Images/button_bg.jpg') repeat-x;
    color: #ffffff;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    /* 	padding-left: 0%;  commented by  Harsha Dt : 21/08/2014*/
    clear: left;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

    .SysButton:hover {
        text-decoration: none;
        background: url(../Images/button_bg_hover.jpg) repeat-x;
        color: #ffffff;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
    }

.TdTxtBox {
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif; /*color:#525252;*/
    color: #343434;
    width: 180px;
    height: 19px;
}

.label /* for Label*/ {
    text-align: right;
    /* float: right;		display: block; 		width: 16.84em 		width: 15em;*/
    padding-right: 10px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}

.label1 /* for Label*/ {
    text-align: right;
    float: right; /* 		display: block; 		width: 16.84em 		width: 15em;*/
    padding-right: 10px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}

.labelS /* for Label for Search Student*/ {
    text-align: Center;
    float: left; /* 		display: block; 		width: 16.84em 		width: 15em;*/
    padding-right: 10px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}

.labelleft /* for Label left align*/ {
    text-align: left; /*This is commented by Harsha.*/ /*float: left; /* 		display: block; width: 16.84em  width: 15em;*/
    padding-right: 10px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}

.labelRight /* for Label Right align*/ {
    text-align: right;
    float: left; /* 		display: block; 		width: 16.84em 		width: 15em;*/
    padding-right: 10px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}

.labelcenter /* for Label center align*/ {
    text-align: center;
    float: left; /* 		display: block; 		width: 16.84em 		width: 15em;*/
    padding-right: 10px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}

.ddl /* user for DropDown List */ {
    /* color:Blue; 	background:Transparent; 	height:20px; 	width:200px; 	font-size:12px; 	font-family:Verdana;*/
    color: Black; /*MediumBlue #0000CD*/
    border-color: Black; /*SteelBlue #4682B4 ;*/
    border-style: solid;
    border-width: 1px;
    font-size: 10pt;
    font-family: Verdana;
    width: 182px;
    display: inline;
    border: 1px solid #99bbe8;
}

.chkbox {
    font-size: 11px;
    font-family: Verdana;
}

.drpdwnlist {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #525252;
    width: 100px;
}

.drpdwnlistsmall {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #525252;
    width: 50px;
}

.TdTxtBoxsmall {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #525252;
    width: 150px;
}

.txtbox /* for TextBox*/ {
    /* color:#99bbe8;   	border-color:#4682B4; */ /* SteelBlue */ /* border: 1px solid #99bbe8; */
    border: 1px solid #99bbe8;
    font-size: 11px;
    font-family: Verdana;
}

.txtboxMultiline /* for TextBox*/ {
    /* color:#99bbe8;   	border-color:#4682B4; */ /* SteelBlue */
    border: 1px solid #99bbe8;
    width: 180px;
    font-size: 11px;
    font-family: Verdana;
    height: 40px;
    overflow: auto;
}

.TdTxtBoxMultiline {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif; /*color:#525252;*/
    color: #343434;
    width: 180px; /*border: 1px solid #99bbe8;*/
    height: 40px;
    overflow: auto;
}

.textalign {
    text-align: right;
    width: 100%;
    font-size: 11px;
    font-family: Verdana;
}

.txtboxcal /* for Calender TextBox*/ {
    color: #0000CD; /*MediumBlue*/
    border-color: #4682B4; /* SteelBlue */
    border: 1px;
    width: 152px;
    font-size: 11px;
    font-family: Verdana;
    border-style: solid; /*height:	20px;*/
}

.clock {
    background-color: #0D84AA;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #B4E8F8;
    font-weight: bold;
    width: 90px;
    border: none;
}

.color1 {
    /*color: #2f80b8;*/
    color: Blue;
}

/*Hidden Text Box so the Property of background-color, color and border-color should be the same as the ButtonBox CSS*/
.HiddenTextBox {
    width: 0px; /*background-color: #76a735;*/
    background-color: #56767d;
    color: #76a735;
    border-color: #76a735;
    border: 0px;
    -moz-opacity: 0.5;
}

.txtmessage {
    font-size: 11px;
    color: Red;
    font-family: Verdana;
    font-weight: bold;
    line-height: 10px;
}

.txtMandatory {
    font-size: 11px;
    color: #FBFF82;
    font-family: Verdana;
    font-weight: bold;
    line-height: 10px;
}

.starColor {
    font-size: 13px;
    color: #fd4239;
    font-family: Verdana;
    font-weight: bold;
}

.starredColor {
    color: #fd4239;
    padding-left: 1px;
}

.formLinkSubDashboardField {
    font-family: Arial, Cambria, Helvetica;
    font-size: 10px;
    color: #000000;
    text-decoration: underline;
}

.leftsidetext {
    margin-left: 10px;
    font-weight: bold;
}

.rightsidetext {
    font-weight: bold;
}

/*Content div header*/
.divhead {
    width: 100%;
    /*margin-top: 5px;*/ /*By Harsha on 19th June 2014*/
}

.welcome_home {
    text-align: left;
    height: 4px;
    width: 100%;
}

.ajax__calendar_container {
    z-index: 1000;
}

#progressBackgroundFilter {
    position: absolute;
    top: 0px;
    bottom: 290px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 50px;
    width: 100%;
    height: 100px; /*background-color: #000;*/
    background-color: Transparent;
    z-index: 100000;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

#processMessage {
    position: absolute;
    top: 16%;
    left: 36%;
    padding: 10px;
    width: 30%;
    z-index: 100001; /*background-color: #b3b3b3; 	border: solid 1px #000;*/
    border: solid 1px Transparent;
    background-color: Transparent;
}

.logo {
    width: 54%;
    padding: 0px 0px 0px 0px;
    font-size: 22px;
    color: White;
    font-family: Verdana;
    font-weight: bold;
    vertical-align: middle;
}

.content {
    width: 100%;
    float: left;
    height: 100%;
    _height: 80%px; /*background: #fff; background: #e7f3fe;*/
    background-color: White;
}

A.links /*For Links*/ {
    font-size: 10px;
    color: White;
    font-weight: bold;
    text-decoration: none;
}

.linkbutton /*For Links*/ {
    font-size: 12px;
    color: Blue;
    font-weight: normal;
    text-decoration: none;
    font-family: Verdana;
}

.helplinkbutton /*For help Links*/ {
    font-size: 23px;
    color: Blue;
    font-weight: normal;
    text-decoration: none;
    font-family: Verdana; /*background-image:*/
    background: url(../images/HelpBallon.gif) no-repeat right center;
}
/*For GridView*/
.DataGridFixedHeader {
    /*border-left: white 0px solid; 	border-right: white 0px solid; 	border-top: #e8ebf0 0px solid; 	border-bottom: #e8ebf0 1px; 	padding-left: 0px; 	padding-right: 0px; 	padding-bottom: 0px; 	padding-top: 1px;*/
    color: White;
    font-size: 13px;
    font-family: Verdana; /* position: relative;  TOP: expression(this.offsetParent.scrollTop - 2);     HEIGHT: 14px; */ /* BACKGROUND-COLOR: #dbdcdf */ /*background-color:#9FA4A7; */ /*background-color:#85c6bd;*/
    background-color: #1C5E55 /*#5577A3; overflow: auto;*/;
}

.grid_item {
    /*background-color: #B5D6F6;*/
    background-color: #E3EAEB;
    border-width: 1px;
    font-family: Verdana;
    border-style: solid;
    font-size: 12pt;
    color: black;
    /* border-left: black 1px solid \9;
	border-right: black 0px solid \9;/*Comented by Harshavardhan on 27th June 2014  */
    border: 1px solid black;
}

.gridlabel {
    text-align: left;
    float: left; /* 		display: block; 		width: 16.84em 		width: 15em;*/
    font-family: Verdana;
    font-size: 11px;
}

.grid_alternate /* user for GridView altername Item Style */ {
    /* font-size:12px; 	font-family:Verdana; 	color:Black; 	background-color:#DEE7F7;  	text-align:left; 	border-width:1px; 	border-style:solid;*/
    border-width: 1px;
    font-family: Verdana;
    border-style: solid;
    font-size: 12pt;
    color: black;
    background-color: White;
}

.grid_header /* user for GridView Header / Footer Style */ {
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana;
    color: White; /*background-color:#EF651A; */ /*background-color:#9FA4A7;*/ /*background-color:#85c6bd;*/
    background-color: #5577A3;
}

.SearchnameList {
    /*
	font-size: 11px;
	color: #000;
	padding: 3px 5px;
	border: 1px solid #999;
	background: #fff;
	float: left;
	z-index: 1;
	position: absolute;
	margin-left: 0px;
	height: 250px;
	overflow: auto; */ /* For Auto Complete Extender Added by Harsha */
    /* 	 	font-size: 11px; 	color: #000; 	padding: 3px 5px; 	border: 1px solid #999; 	background: #fff; 	width: 300px; 	float: left; 	z-index: 1000; 	position: absolute; 	margin-left: 0px; */
    font-size: 11px;
    color: #000;
    padding: 3px 5px;
    border: 1px solid #999;
    background: #fff;
    float: left;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
    height: 250px;
    overflow: auto;
}


.modalBackground {
    background-color: Grey;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 10000;
}
/*written by Arun for Student Certificate like Bonafide,Custody etc...*/
.txtborder {
    border-bottom: 1px solid;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.txtZeroborder {
    border-bottom: 1px solid;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px; /*border-color:Black;*/
}


.CompletionListCssClass {
    font-size: 11px;
    color: #000;
    padding: 3px 5px;
    border: 1px solid #999;
    background: #fff;
    float: left;
    z-index: 1;
    position: absolute;
    margin-left: 0px;
    height: 250px;
    overflow: auto;
}

.label_GV_Center /* for Label*/ {
    text-align: center;
    float: none; /* 		display: block; 		width: 16.84em 		width: 15em;*/
    padding-right: 10px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}

.groupmail_labelleft /* for Label left align in Group Mail */ {
    text-align: left;
    /* float: left;		display: block; 		width: 16.84em 		width: 15em;*/
    padding-right: 10px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}


#Background {
    min-height: 100%\9 !important;
    position: fixed;
    position: absolute\9 !important;
    margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    height: 137%\9 !important;
    top: -34%\9 !important;
    z-index: 9998;
    background-color: Black;
    filter: alpha(opacity=30);
    opacity: .3;
}

#Progress {
    top: 30%;
    top: 18%\9 !important;
    left: 25%;
    position: fixed;
    position: absolute\9 !important;
    left: 20%;
    width: 60%; /*	height: 35%; */
    background-color: white;
    z-index: 9999;
    border: 1px;
    border-color: Black;
    border-style: solid;
}

#Background_ForProgress {
    min-height: 100%\9 !important;
    position: fixed;
    position: absolute\9 !important;
    margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    height: 137%\9 !important;
    top: -34%\9 !important;
    z-index: 99998;
    background-color: Black;
    filter: alpha(opacity=30);
    opacity: .3;
}

#Progress_ForProgress {
    top: 30%;
    left: 30%;
    position: fixed;
    position: absolute\9 !important;
    left: 40%;
    width: 13%; /*	height: 35%; */
    background-color: white;
    z-index: 99999;
    border: 1px;
    border-color: Black;
    border-style: solid;
}

.lblpayment /* for Label  used in Scholarship Payment Form */ {
    text-align: right; /* float: right;	display: block; 		width: 16.84em 		width: 15em;*/
    padding-right: 10px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}

.lblleftforpayment /* for Label  used in Scholarship Payment Form */ {
    text-align: left; /*float: left; 		display: block; 		width: 16.84em 		width: 15em;*/
    padding-right: 10px;
    font-family: Verdana;
    font-size: 11px;
}



#BackgroundForFacultyClass {
    min-height: 100%\9 !important;
    position: fixed;
    position: absolute\9 !important;
    margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    height: 137%\9 !important;
    top: -34%\9 !important;
    z-index: 10000;
    background-color: Black;
    filter: alpha(opacity=30);
    opacity: .5;
}

#ProgressForFacultyClass {
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    top: 30%;
    top: 15%\9 !important;
    left: 5%;
    position: fixed;
    position: fixed\9 !important;
    left: 5%;
    width: 90%; /*	height: 35%; */
    background-color: white;
    z-index: 10001;
    border: 1px;
    border-color: Black;
    border-style: solid;
    align-content: center;

}


#Background {
    min-height: 100%\9 !important;
    position: fixed;
    position: absolute\9 !important;
    margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    height: 152%\9 !important;
    top: -34%\9 !important;
    z-index: 10000;
    background-color: Black;
    filter: alpha(opacity=30);
    opacity: .4;
}
/*Added by Pawan for Forgot Password for OTP and New,confirm password*/
/* --- Overlay & Modal Box --- */
#divotp:not([style*="display: none"]) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#divotp > div:first-child {
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(4px);
}

#divotp > div:last-child {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 440px !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#divotp > div:last-child > div {
    padding: 0 !important;
}

/* --- Table Structure Fixes --- */
#divotp table {
    width: 100% !important;
    border-collapse: collapse !important;
}

/* --- Header Banner --- */
.txtHeading {
    background-color: #2c3e50 !important;
    height: auto !important;
}

.txtHeading td {
    padding: 8px 5px !important;
    vertical-align: middle !important;
    padding-left:0px !important;
    padding-right:10px !important;
}

.txtHeading h5 {
    margin: 0 !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    letter-spacing: 0.3px;
}

/* --- Form Body Layout --- */
#divotp table tr:nth-child(4) td:first-child {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    padding-left: 94px !important;
    padding-top: 20px !important;
    vertical-align: middle !important;
    text-align:center !important;
}

#divotp table tr:nth-child(4) td:last-child {
    padding-right: 24px !important;
    padding-top: 20px !important;
}

/* --- Input Field --- */
#divotp input[type="password"],
#divotp input[type="text"] {
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    outline: none !important;
    transition: all 0.2s ease !important;
}

#divotp input[type="password"]:focus,
#divotp input[type="text"]:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

/* --- Submit Button --- */
.SysButtonLoginPage_new {
    background-color: #2c3e50 !important;
    color: #ffffff !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 0 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

.SysButtonLoginPage_new:hover {
    background-color: #1e293b !important;
}

/* --- Close Button Icon --- */
#divotp input[type="image"] {
    opacity: 0.8 !important;
    transition: opacity 0.2s !important;
    cursor: pointer !important;
}

#divotp input[type="image"]:hover {
    opacity: 1 !important;
}
/*For Password change*/
/* Target password inputs inside the Change Password modal specifically */
div[style*="top: 25%"] input[type="password"] {
    box-sizing: border-box !important;
    max-width: important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    outline: none !important;
    transition: all 0.2s ease !important;
}

/* Optional: Add focus state for smooth highlighting */
div[style*="top: 25%"] input[type="password"]:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}
/* Target first column label cells in both password rows */
.passwordtext{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    vertical-align: middle !important;
    text-align: center !important; /* Right !important; /* Right align labels neatly next to textboxes */
    padding-right: 12px !important;
    padding-left: 0px !important;
}

/*Added by Pawan for the home page of forgot password*/
/* Container Table & Card Wrap */
#TABLE1 {
    max-width: 520px !important;
    width: 100% !important;
    margin: 40px auto !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
}

/* Header Banner */
#TABLE1 > tbody > tr:first-child td {
    background-color: #1e293b !important;
    color: #ffffff !important;
    padding: 16px 20px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* Inner Table Layout fixes */
.forgot-password1 {
    width: 100% !important;
    table-layout: fixed !important; /* Prevents columns from expanding wildly */
    padding: 10px !important;
    box-sizing: border-box !important;
    margin-left: 4% !important;
    margin-top:15px;
}

/* First Column: Labels */
.forgot-password1 tr td:first-child {
    width: 42% !important;
    text-align: right !important;
    padding-right: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    vertical-align: middle !important;
}

/* Second Column: Textboxes */
.forgot-password1 tr td:last-child {
    width: 58% !important;
    text-align: left !important;
    padding-right: 15px !important;
    vertical-align: middle !important;
}

/* Required Asterisk */
.starColor {
    color: #ef4444 !important;
    margin-left: 2px !important;
    font-weight: bold !important;
}

/* Input Textboxes */
.forgot-password1 input[type="text"] {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 210px !important;
    height: 30px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    outline: none !important;
    transition: all 0.2s ease-in-out !important;
    background-color: #f8fafc !important;
}

.forgot-password1 input[type="text"]:focus {
    background-color: #ffffff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

/* Button Container Row Override */
.forgot-password1 tr:last-child td {
    width: 100% !important;
    padding-top: 16px !important;
    padding-bottom: 8px !important;
}

/* Submit Button */
.SysButtonLoginPage {
    height: 38px !important;
    background-color: #2563eb !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    margin-right: 6px !important;
    padding: 0 16px !important;
}

.SysButtonLoginPage:hover {
    background-color: #1d4ed8 !important;
}

/* Go to Login Page Button */
.SysButtonLoginPage1 {
    height: 38px !important;
    background-color: #475569 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    padding: 0 16px !important;
}

.SysButtonLoginPage1:hover {
    background-color: #334155 !important;
}