body {
    font-family: Arial;
    /*font-size: 12px;*/
    font-size: 18px;
    /*background:#454545;*/
    background: #FCB045;
    background: linear-gradient(90deg,rgba(252, 176, 69, 1) 0%, rgba(220, 97, 22, 1) 50%, rgba(252, 176, 69, 1) 100%);
}

.h1, h1 {
    font-size: 1.5rem;
}
/* 982244*/

.heading_Emp {
    background: #FCB045;
    repeat-x top left;
    height: 10px;
    color: White;
    font-family: Arial;
    font-size: 12px;
    font-weight: 500;
    line-height: 10px;
    padding: 4px 5px;
    text-align: left;
}

.headingForm {
    background: #FCB045 repeat-x top left;
    height: 30px;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    margin-top: 3px;
    /*line-height:10px;
     padding: 5px 5px;
     vertical-align:middle;*/
    text-align: center;
}

.headingFormNew {
    background: #FCB045 repeat-x top left;
    height: 50px;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    /*line-height:10px;
     padding: 5px 5px;
     vertical-align:middle;*/
    text-align: center;
}

.HeaderClassRpt {
    font-size: 9pt;
    font-family: Arial;
    height: 25px;
    color: LightGray;
    text-align: center;
}

.HeaderClass {
    font-size: 9pt;
    font-family: Arial;
    height: 25px;
    color: #fff;
    text-align: left;
}

/* for empty data ForeColor="#2c2c2c"*/

.FooterClass {
    font-size: 9pt;
    font-family: Arial;
    height: 25px;
    color: #fff;
    text-align: left;
}

.panel {
    background: white;
    border: 1px solid #454545;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
    border-radius: 8px 8px;
    max-height: 500px;
    overflow-y: scroll;
    overflow: auto;
    top: 90%;
}

.modelpanelheader {
    text-align: left;
    padding: 3px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #6a6a6a;
    height: 25px;
    width: 100%;
}

.modelpanelheader .text {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    vertical-align: bottom;
}

.CommentBox {
    padding-left: 5px;
    cursor: pointer;
    color: #000000;
    background-color: #BED3D3;
    font-size: 9pt;
    width: 10%;
    border: 2px solid #A8C4C4;
    /*border-radius:0.5em; */
    /* background-image:url('Images/UserName.png'); 
     background-repeat:no-repeat; 
     background-position:top right ;*/
}

.textbox:hover {
    border: 1px solid #996633;
    OUTLINE-STYLE: none;
    background-color: #f4f4f4;
    color: Black;
}

.textbox:focus {
    border: 1px solid maroon;
    OUTLINE-STYLE: none;
    background-color: #FFFFCC;
    color: Black;
}

.txtHindi {
    font-family: Kruti Dev 010;
    font-size: large;
}

.htextbox:hover {
    border: 1px solid #996633;
    OUTLINE-STYLE: none;
    background-color: #f4f4f4;
    color: Black;
}

.textbox:focus {
    border: 1px solid maroon;
    OUTLINE-STYLE: none;
    background-color: #FFFFCC;
    color: Black;
}

.menulink {
    border-bottom: 1px dotted #808080;
    padding-bottom: 3px;
    padding-right: 10px;
    margin-top: 2px;
    width: 200px;
    height: 22px;
    display: list-item;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
}

.inputbutton {
    background: url('Images/btn-middle-bg1.jpg') repeat-x left top;
    border: 1px solid #cbcbcb;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    height: 20px;
    cursor: pointer;
    font-family: Arial;
    padding: 5px 8px;
    height: 25px;
    -moz-border-radius: 15px;
    text-decoration: none;
    border-radius: 15px;
}

.inputbutton:hover {
    background: url('Images/btn-middle-bg2.jpg') repeat-x left top;
    border: 1px solid #c2c2c2;
    cursor: pointer;
    color: #000;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.select {
    border-color: #055B89;
    border-width: 1px;
    border-style: solid;
    width: 200px;
}

.select:hover {
    border-color: #996633;
    border-width: 1px;
    border-style: solid;
    width: 200px;
    background-color: #f4f4f4;
}

.select:focus {
    border-color: Maroon;
    border-width: 1px;
    border-style: solid;
    width: 200px;
    background-color: #FFFFCC;
}

.HeaderClass a {
    font-size: 9pt;
    font-family: Arial;
    height: 25px;
    color: #fff; /*e29415*/
    text-align: left;
    text-decoration: underline;
}

.HeaderClass th {
    text-align: left;
}

.grdClassRpt {
    border-color: #000; /*1B477D;*/
    border-style: inset;
    border-width: 1px;
    /*  border-top-left-radius: 1em ; 
    border-top-right-radius: 1em ; eedf62*/
    /* background-color:#FCB045/*7F525D;*/
}

.grdClass {
    border-color: #000; /*1B477D;*/
    border-style: inset;
    border-width: 1px;
    /*  border-top-left-radius: 1em ; 
    border-top-right-radius: 1em ; eedf62*/
    background-color: #FCB045 /*7F525D;*/
}

.rowClass {
    background-color: #fff; /*f1e9a3;*/
    height: 28px;
    color: #2b2b2b;
    font-size: 12pt;
    font-family: Arial;
    border-style: inset;
    text-align: left;
    border-color: #FCB045;
    border-width: 1px 0px 2px 0px;
    margin-top: 5px;
}

.alterRowClass {
    background-color: #f5f5f5;
    height: 28px;
    color: #2b2b2b;
    font-size: 12pt;
    font-family: Arial;
    border-style: inset;
    text-align: left;
    border-color: #FCB045;
    border-width: 1px 0px 2px 0px;
    margin-top: 5px;
}

.LoginBox {
    padding-left: 5px;
    padding-right: 25px;
    color: #000000;
    background-color: #BED3D3;
    font-size: 9pt;
    width: 80%;
    border: 2px solid #A8C4C4;
    border-radius: 0.5em;
    background-image: url('Images/UserName.png');
    background-repeat: no-repeat;
    background-position: top right;
}

.LoginBox:hover {
    color: #494949;
    background-color: #A2BFBF;
}

.LoginBox:focus {
    color: #494949;
    background-color: #FFFFFF;
}

.PasswordBox {
    padding-left: 5px;
    padding-right: 25px;
    color: #000000;
    width: 80%;
    font-size: 9pt;
    background-color: #BED3D3;
    border: 2px solid #A8C4C4;
    border-radius: 0.5em;
    background-image: url('Images/password.png');
    background-repeat: no-repeat;
    background-position: top right;
}

.PasswordBox:hover {
    color: #494949;
    background-color: #A2BFBF;
}

.PasswordBox:focus {
    color: #494949;
    background-color: #FFFFFF;
}

.SelectBox {
    padding-left: 5px;
    padding-right: 2px;
    color: #000000;
    background-color: #f4f4f4;
    font-size: 9pt;
    border: 2px solid #A8C4C4;
    border-radius: 0.5em;
    webkit-border-radius: 0.5em;
}

.SelectBox:hover {
    color: #494949;
    background-color: #f4f4f4;
}

.SelectBox:focus {
    color: #494949;
    background-color: #FFFFFF;
}

.CLabel {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: 0;
    position: relative;
    color: black;
    font-family: Arial;
    font-weight: bold;
    line-height: 18px;
    text-align: left;
}

.cmdbutton {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: 0;
    position: relative;
    font-family: Arial;
    font-weight: bold;
    background-color: #454545;
    color: White;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: hand;
    cursor: pointer;
}

.cmdbutton:hover {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: 0;
    position: relative;
    font-family: Arial;
    font-weight: bold;
    background-color: #FCB045;
    color: White;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: hand;
    cursor: pointer;
}

.text {
    text-shadow: 0 1px 1px #e9e9e9;
}

.messageboxpannel {
    color: #c31a1a;
    text-align: center;
    font-weight: 700;
    background-color: #ffffff;
    padding: 2px;
}

.indexpagehead {
    font-family: Arial;
    color: #ffffff;
    background: #009292;
    height: 20px;
    font-size: 14px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.infolable {
    color: #000;
    font-family: Calibri;
    font-size: 12pt;
    padding: 8px 10px;
}

.textlable {
    font-weight: normal;
    color: #FCB045;
    font: 11pt Calibri;
    text-align: left;
    padding: 8px 10px;
}

.button {
    background: url('Images/btn-middle-bg1home.jpg') repeat-x left top;
    border: 1px solid #009292;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    height: 20px;
    cursor: pointer;
    font-family: Arial;
    padding: 6px 10px;
    text-decoration: none;
    height: 25px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.button:hover {
    background: url('Images/btn-middle-bg2home.jpg') repeat-x left top;
    border: 1px solid #009292;
    cursor: pointer;
    color: #fff;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.loginbg {
    margin: 5em auto;
    background: #FFF !important;
    border-radius: 0.1em;
    /* -moz-box-shadow: 5px 5px 20px #d9d9d9;
    -webkit-box-shadow: 5px 5px 20px #d9d9d9;
    box-shadow: 5px 5px 20px #d9d9d9;*/
    padding: 25px;
}

.loginpannel {
    width: 72%;
    table-layout: fixed;
    float: right;
    border: 2px solid #F3F3F3;
    border-radius: 0.1em;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
    background-color: #FFFFFF;
    margin-right: 100px;
}

.coolPanel h3 {
    background: url("Images/sprite.png") 8px 5px no-repeat;
    display: block;
    padding: 5px;
    padding-left: 32px;
    margin: 0;
    font-size: 12px;
    font-family: Arial;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    border: 1px solid #e6e6e6;
    text-shadow: 1px 1px 1px #e6e6e6;
}

.coolPanel h3:hover {
    background: #9ccf52 url("Images/sprite.png") 8px 5px no-repeat;
    color: #fff;
    text-shadow: 1px 1px 1px #e6e6e6;
}

.coolPanel h3.open1 {
    background: #f1e36c;
    color: #fff;
}

.coolPanel h3.open1 a {
    background-position: 13px -25px;
}

.coolPanel h3 + div {
    padding: 10px;
}

.coolPanel h3 + div,
.content {
    background: #fff;
    overflow: hidden;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 20px;
    font-size: 12px;
    font-family: Arial;
    text-align: left;
    border: 2px solid #b6b6b6;
    border-radius: 0.1em;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 5px 5px 3px #888;
}

    /* Pre hide sections with JavaScript on
--- */
    .coolPanel h3 + div {
        display: none;
    }

/* CSS3 Animation example
---
#css3-animated-example h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content {
  padding: 10px;   border:1px solid rgba(10, 57, 128, 0.5);
}

#css3-animated-example h3.open1 + div {
  height: auto;
  background: #fff;
  border:1px solid rgba(10, 57, 128, 0.5);
  
}


pre#event-log {
  background: #fafacc;
  padding: 10px;
  display: block;
}
 */
#css3-animated-example h3 {
    margin: 0;
}

#css3-animated-example h3 a {
    background: url("../Images/sprite.png") no-repeat scroll 8px 5px transparent;
    border: 1px solid #f1e36c;
    color: #000000;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 5px 5px 5px 32px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #E6E6E6;
}

#css3-animated-example h3 a:hover {
    background: url("../Images/sprite.png") no-repeat scroll 8px 5px #9ccf52;
    color: #000;
    text-shadow: 1px 1px 1px #E6E6E6;
}

#css3-animated-example h3.open1 {
    background: none repeat scroll 0 0 #f1e36c;
    color: #FFFFFF;
}

#css3-animated-example h3.open1 a {
    background-position: 13px -25px;
}

#css3-animated-example h3 + div {
    padding: 10px;
}

#css3-animated-example h2 + div, .content {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 2px solid #b6b6b6;
    border-radius: 0.1em 0.1em 0.1em 0.1em;
    box-shadow: 5px 5px 3px #454545;
    font-family: Arial;
    font-size: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: left;
}

#css3-animated-example h3 + div {
    display: none;
}

#css3-animated-example h3 + div {
    background: none repeat scroll 0 0 #000000;
    display: block !important;
    height: 0;
    overflow: hidden;
    padding: 0;
    transition: all 0.3s ease 0s;
}

#css3-animated-example .content {
    border: 1px solid #FCB045;
    ;
    padding: 10px;
}

#css3-animated-example h3.open1 + div {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid rgba(220, 97, 22, 0.5);
    height: auto;
}

pre#event-log {
    background: none repeat scroll 0 0 #FAFACC;
    display: block;
    padding: 10px;
}

.table td {
    border: 1px solid #E6E6E6;
    margin: 0;
    padding: 0;
}

.FooterClass textarea {
    font-size: 2em;
}