@font-face {
 font-family: Avenir;
 src: url("../fonts/Avenir.eot"); /* EOT file for IE */
}

@font-face {
 font-family: Avenir;
 src: url("../fonts/Avenir.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: Avenir;
 src: url("../fonts/Avenir.woff") /* TTF file for CSS3 browsers */
}


@font-face {
 font-family: Calibri;
 src: url("../fonts/Calibri.eot"); /* EOT file for IE */ 
}

@font-face {
 font-family: Calibri;
 src: url("../fonts/Calibri.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: Calibri;
 src: url("../fonts/Calibri.woff") /* TTF file for CSS3 browsers */
}

/* CSS Document */
body{margin:0px 0px 0px 0px; text-align:center; BACKGROUND-ATTACHMENT: fixed;}
.blue{color:#0099cc; font-family:"Trebuchet MS"; font-size:14px; font-weight:bold;}
.handcursor{cursor:hand;cursor:pointer; }
.blue_l{color:#0099cc; font-family:"Trebuchet MS"; font-size:11px; font-weight:bold;}
.tblBg{ background:#ffffff; border:1px #cccccc solid;}
.red{color:#CE5B06; font-family:"Trebuchet MS"; font-size:12px; font-weight:bold;}
/*.grey_lbl{color:#999999;text-align:justify; font-weight:600; font-family:"Trebuchet MS"; font-size:11px}*/
.grey_lbl{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; letter-spacing:normal;}

.grey_lbl2{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000; letter-spacing:normal;}

/*.txtBox{font-size:11px; background:#ffffff; font-family:"Trebuchet MS"; border:1px #999999 solid; color:#666666;}*/
.txtBox{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; letter-spacing:normal;}
.txtBox2{font-family:Arial, Helvetica, sans-serif; height:15px; font-size:14px; color:#000000; letter-spacing:normal;}
.txtArea{font-size:11px; background:#ffffff; font-family:"Trebuchet MS"; color:#666666; font-weight:600;}
/*.dropDown{font-size:11px;background:#ffffff; font-family:"Trebuchet MS"; color:#666666;}*/
.dropDown{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; letter-spacing:normal;}
/* .grid{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000000; background:#f7f7f7; border:1px #cccccc solid;} */
.grid1{font-size:12px; font-weight:bold; font-family:"Arial, Helvetica, sans-serif"; letter-spacing:normal; color:#000000; background:#ffffff; border:2px #ffffff solid;}
.gridtext{font-size:12px; font-weight:bold; font-family:"Arial, Helvetica, sans-serif";  color:#ffffff;}

.grid_item_lbl{font-size:12px; font-weight:bold; font-family:"Arial, Helvetica, sans-serif"; letter-spacing:normal; }
.header_r {
          height:30px; line-height:30px;
          font-family:Arial, Helvetica, sans-serif;
		  font-size:18px; color:#C00; font-weight:bold;
	width: 164px;
}
		
.header_green {
          height:30px; line-height:30px;
          font-family:Arial, Helvetica, sans-serif;
		  font-size:22px; color:green; font-weight:bold;
	
}

.header_red {
          height:30px; line-height:30px;
          font-family:Arial, Helvetica, sans-serif;
		  font-size:22px; color:red; font-weight:bold;
	
}

  
.header_grid {height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif;
		  font-size:18px; color:#FFFFFF; font-weight:bold;}
		  
.header{color:#CE5B06; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:600;}

.subHeader{font-family:Arial, Helvetica, sans-serif;
           font-size:14px; color:#000; font-weight:bold;}
           
.para  {font-family:Arial, Helvetica, sans-serif; 
        font-size:12px; letter-spacing:normal; 
		 color:#36424a; text-align:justify;}
		 
.para li{color:#666666; font-family:Trebuchet MS; font-size:12px; margin-left:10px;}
.para table{color:#666666; font-family:Trebuchet MS; font-size:12px; margin-left:10px;}
.lblH-1_cs{
    font-family: Verdana;
 	/*font-weight: bold;*/
 	color: #d70a00;
 	font-size:10pt;
 	text-decoration:none;
 	letter-spacing: normal;
	}
.lblH-2_cs {
    font-family: Verdana;
 	/*font-weight: bold;*/
 	color: #025F8E;
 	font-size:9pt;
 	text-decoration:none;
 	letter-spacing: normal;
	}
.lblH-3_cs {
    font-family: Verdana;
 	font-weight: bold;
 	color: #00A600;
 	font-size:8pt;
 	text-decoration:none;
 	letter-spacing: normal;
	}	
	
.lblH-4_cs {
    font-family: Verdana;
 	font-weight: bold;
 	color: #000;
 	font-size:10pt;
 	text-decoration:none;
 	letter-spacing: normal;
	}
	
.lblH-5_cs {
    font-family: Verdana;
 	font-weight: bold;
 	color:#000;
 	font-size:13pt;
	}
.lblH-6_cs {
    font-family: verdana,arial,sans-serif;
	font-size:13px;
	color:#000;
	}
	
.Comm-menu_cs  {   
   color: #ffffff;   
   font-family: Verdana;
   font-weight:bold;
   background-color:#F99C2B; 
   border:1px solid #B77104;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#F18809',EndColorStr='#A35A00');
   -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
	height: 24px;
} 

.Comm-menu_cs:hover {   
   color: #ffffff;   
   font-family: Verdana;
   font-weight:bold;
   background-color:#53B001; 
   border:1px solid;   
   border-color: #397700; 
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#91F438',EndColorStr='#337101'); 
   -moz-border-radius:9px;
    -webkit-border-radius: 9px;  
   
}  

.Comm-menu_cs:active{
    color: #ffffff;   
   font-family: Verdana;
   font-weight:bold;
   background-color:#53B001; 
   border:1px solid;   
   border-color: #397700; 
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#91F438',EndColorStr='#337101'); 
   -moz-border-radius:9px;
    -webkit-border-radius: 9px;   
   
	}		
.lbl_r{color:#d10541; font-family:"Trebuchet MS"; font-size:12px; font-weight:600;}
.lbl_red{color:#d70a00; font-family:"Trebuchet MS"; font-size:14px; font-weight:600;}
.lblLogout{color:#d70a00; font-family:"Trebuchet MS"; font-size:12px; font-weight:600; text-decoration:none;}

.hyperlink{color:Blue; font-family:"Trebuchet MS"; font-size:10px; font-weight:600;}
.hyperlink a{color:Blue; font-family:"Trebuchet MS"; font-size:10px; font-weight:600; text-decoration:none;}
.hyperlink a:hover{color:Blue; font-family:"Trebuchet MS"; font-size:10px; font-weight:600; text-decoration:none;}
.header_grid{font-weight:600; background:#ffffff; color:#ce5b06; height:30px;  font-size:11px; font-family:"Trebuchet MS"; text-align:center;}
.grey{color:#666666;text-align:justify; font-weight:600; font-family:"Trebuchet MS"; font-size:11px}
.l_hyperlink{color:#ffffff; text-decoration:none; font-family:"Trebuchet MS"; font-size:10px; font-weight:bold;}
.hySmall{color:blue; font-family:"Trebuchet MS"; font-size:10px; text-decoration:none;}
.hySmall a{color:blue; font-family:"Trebuchet MS"; font-size:10px; text-decoration:none;}
.hySmall a:hover{color:blue; font-family:"Trebuchet MS"; font-size:10px; text-decoration:none;}
.hyCount{color:#CE5B06; font-size:11px; font-family:Verdana; font-weight:bold; text-decoration:none;}
.hyCount a{color:#CE5B06; font-size:11px; font-family:Verdana; font-weight:bold; text-decoration:none;}
.hyCount a:hover{color:#CE5B06; font-size:11px; font-family:Verdana; font-weight:bold; text-decoration:none;}
.userName{color:#333333; font-family:Trebuchet MS; font-size:14px; font-weight:bold;}
.mLinks{FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: verdana; TEXT-DECORATION: none }
.mLinks a{FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: verdana; TEXT-DECORATION: none }
.mLinks a:hover{FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: verdana; TEXT-DECORATION: none }
.lblHeading{color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.lblUserName{color:#333333; font-family:Trebuchet MS; font-size:14px; font-weight:bold;}
.lblCal{font-family:Trebuchet MS; font-size:13px; font-weight:600; color:#333333;}
.tdMLinks{background:url(../images/inner_r3_c3.gif); width:610px; height:27px;}
.lblLogout{text-decoration:none; font-family:Trebuchet MS; font-size:14px; color:#CE5B06;}
#message{Z-INDEX: 1; POSITION: absolute; TOP: 100px; left:200px; text-align:center;}
.dgpara1_cs
{
	font-size: 10px;
	color: #000000;
	font-weight: 500;
	font-family: Verdana;
	text-decoration: none;
}
.dgpara1_cs a
{
	font-size: 12px;
	font-family: Verdana;
	text-decoration: none;
	letter-spacing: normal;
}
.dgpara1_cs a:hover
{
	font-size: 12px;
	font-family: Verdana;
	text-decoration: none;
}



#TC
{
border-bottom: #000000 1px;
border-top: #000000 1px;
border-right: #000000 1px;
border-left: #000000 1px;
border-style :double ;
}
.heading0_cs
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
.heading1_cs
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.heading2_cs
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.heading3_cs
{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
}
.grey_lbl_cmnts
{
 color:#999999;
 text-align:justify;
 font-weight:600; 
 font-family:"Trebuchet MS"; 
 font-size:11px;
 /*border-bottom:dotted 2px gray;*/
 
 }
 .TdComnts
 {
	padding-left :10px;
 padding-right:10px;
  padding-bottom :80px;
 }
 
 
 
/*-- CSS goes in the document HEAD or added to your external stylesheet */

table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#999999;
	border-width: 0px;
	border-color: #eaeaea;
	border-collapse: collapse;
	width: 423px;
	height: 177px;
}
table.hovertable th {
	background-color:#cccccc;
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #eaeaea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; letter-spacing:normal; color:#000;
	text-align:left;
	padding-left:5px;
	
}
table.hovertable tr {
	background-color:#f5f5f5;
	
}
table.hovertable td {
	border-width: 1px;
	padding: 3px;
	padding-left:5px;
	border-style: solid;
	border-color: #eaeaea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; letter-spacing:normal; color:#36424a;
}

table.hovertable1 {
	font-family: verdana,arial,sans-serif;
	font-size:13px;
	color:#999999;
	border-width: 0px;
	border-color: #eaeaea;
	border-collapse: collapse;
}
table.hovertable1 th {
	background-color:#cccccc;
	border-width: 1px;
	border-style: solid;
	border-color: #eaeaea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; letter-spacing:normal; color:#000;
	text-align:left;
	
}
table.hovertable1 tr {
	background-color:#f5f5f5;
	
}
table.hovertable1 td {
	border-width: 1px;
	border-style: solid;
	height:25px;
	border-color: #eaeaea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; letter-spacing:normal; color:#36424a;
}
/* -- Table goes in the document BODY -- */



/*-- grid */

table.grid {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#999999;
	border-width: 0px;
	border-color: #eaeaea;
	border-collapse: collapse;
		
}
table.grid th {
	background-color:#cccccc;
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #eaeaea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; letter-spacing:normal; color:#000;
	text-align:left;
	padding-left:5px;
	
}
table.grid tr {
	background-color:#f5f5f5;
	
}
table.grid td {
	border-width: 1px;
	padding: 3px;
	padding-left:5px;
	border-style: solid;
	border-color: #eaeaea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; letter-spacing:normal; color:#36424a;
}
/* -- grid-end-- */

.h3     { font-family:Arial, Helvetica, sans-serif;
         font-size:13px; color:#d10541; font-weight:bold;}	
         
         
/* -- btn2-start-- */
.btn2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    
    color: #000000;
    background: url(../Images/button/but-bg.png);
    line-height: 30px;
    height: 30px;
    border: 0px solid #CCCCCC;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-decoration: none;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
	/* --top: -18px;
    display: inline-block;
    position: relative;
	left: 353px;-- */
}

.btn2:hover
{
    color: #666;
    background: url(../images/button/but-hover.png);
}
         
/* -- btn2-End-- */

/* -- btn0-start-- */
.btn0
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    
    color: #000000;
    background: url(../Images/button/but-bg.png);
    line-height: 20px;
    height: 20px;
    border: 0px solid #CCCCCC;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
	/* --top: -18px;
    display: inline-block;
    position: relative;
	left: 353px;-- */
}

.btn0:hover
{
    color: #666;
    background: url(../images/button/but-hover.png);

}

.btn3
{
    display: inline-block;
    height: 30px;
    background: #c35810;
    color: #FFFFFF;    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    border: 1px solid #DFDFDF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    padding:5px;
	top: 523px;
	width: 64px;
	left: -205px;
}

.btn3:hover
{
    border-color: #cacaca;
    background: #e6903c;
    padding:5px;
}

.btn4
{
    display: inline-block;
    height: 30px;
    background-color:Maroon;
    color: #FFFFFF;    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    border: 1px solid #DFDFDF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    padding:5px;
}

.btn4:hover
{
    border-color: #cacaca;
    background: #e6903c;
    padding:5px;
}
         
/* -- btn0-End-- */
/* -- Popbox start-- */
 .popbox
        {
            height: auto;
            border: 10px solid #797979;
            -moz-border-radius: 8px;
            border-radius: 8px;
        }
/* -- Popbox end -- */
 .fillset_cs
{  position:absolute;
   background-color:#f5f5f5; 
   border: 2px #C00 solid;
   font-family: Arial, Helvetica, sans-serif;
   color: #C00;
   font-size: 14px;
   font-weight:bold;
   padding: 5px 5px 5px 5px;
}
.lbl_legend
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #C00;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: normal;
}



.lblH_1_css 
{
	font-family:Arial;
	font-size:14px; color:#c90404; 
}

.lblH_2_css 
{
	font-family:Arial;
	font-size:14px; color:green; 
}
.lblH_3_css 
{
	font-family:Arial;
	font-size:14px; color:#315202 ; 
}

/* -- Search fieldset start-- */

 .fillset_S_cs
{  background-color:#f5f5f5; 
   border: 2px #C00 solid;
   font-family: Arial, Helvetica, sans-serif;
   color: #C00;
   font-size: 14px;
   font-weight:bold;
   padding: 5px 5px  5px 5px;
}
.legend_S_Cs
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #C00;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: normal;
}
 .fillset_S1_cs
{  background-color:#f5f5f5; 
   border: 2px #C00 solid;
   font-family: Arial, Helvetica, sans-serif;
   color: #C00;
   font-size: 14px;
   padding: 5px 5px  5px 5px;
   text-align:left
}
.fillset_S2_cs
{  background-color:#f5f5f5; 
   border: 2px #C00 solid;
   font-family: Arial, Helvetica, sans-serif;
   color: #000;
   font-size: 14px;
   padding: 5px 5px  5px 5px;
   text-align:left
}

.dgColDispNone
{display:none;}
/* -- Search fieldset end-- */


.fieldset_1 {    
    font-family:Avenir;
    border: 2px solid #9d140e;
    background: #e8e8e8;
    border-radius: 5px;
    padding: 15px;
    margin-top:10px;
    margin-bottom:10px;
    font-family:Avenir;
}



.legend_1 {
    background: #9d140e;
    color: #fff;
    padding: 5px 10px ;
    font-size: 16px;
    border-radius: 2px;
    box-shadow: 0 0 0 5px #e8e8e8;
    margin-left: 20px;
    text-align:left
}

.cs_txt1 {
    font-family:Avenir;
    width:100%;
    height:22px;    
     font-size: 13px;
     border:1px solid #949494;
     border-radius:2px;
     -moz-border-radius:2px;
     -o-border-radius:2px;
     -webkit-border-radius:2px;
}

.cs_drop1 {
    font-family:Avenir;
    width:100%;
    height:22px;    
     font-size: 13px;
     border:1px solid #949494;
     border-radius:2px;
     -moz-border-radius:2px;
     -o-border-radius:2px;
     -webkit-border-radius:2px;
}

.cs_lbl1 {
    font-family:Avenir;
     font-size: 13px;
     color:#000;
}

.cs_grid1{font-size:13px; font-weight:bold;  font-family:Calibri; letter-spacing:normal; color:#000000; background:#ffffff; border:2px #ffffff solid;}


.GridPager a, .GridPager span
    {
        padding:0px 5px;
        height: 15px;
        width: 15px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
    .GridPager a
    {
        background-color: #f5f5f5;
        color: #969696;
        border: 1px solid #969696;
    }
    .GridPager span
    {
        background-color: #fc6262;
        color: #fff;
        border: 1px solid red;
    }


    

/* loader */
.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.55);
    /*background-image:url("../images/DR_TAB/dim.png");*/
}

.loader p {
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    line-height: 22px;
    margin-bottom: 8px;
    margin-top: 20px;
}

.loader span {
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
}


/* Circle Loader */
.loader-circle {
    /* --line-color-rgb: 227, 231, 249 */
    --line-color-rgb: 74, 108, 212, 1;
    --size: max(40px, 80px);
    --line-width: calc(var(--size) / 10);
    --speed: 10s;

    width: var(--size);
    height: var(--size);
    animation: circle-loader-1 var(--speed) linear infinite;
}

@keyframes circle-loader-1 {
    to {
        transform: rotate(360deg);
    }
}

.loader-circle span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    clip: rect(0, var(--size), var(--size), calc(var(--size) / 2));
    animation: circle-loader-2 calc(var(--speed) / 4) linear infinite;
}

@keyframes circle-loader-2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(220deg);
    }
}

.loader-circle span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    clip: rect(0, var(--size), var(--size), calc(var(--size) / 2));
    border: var(--line-width) solid rgb(var(--line-color-rgb));
    border-radius: 50%;
    animation: circle-loader-3 calc(var(--speed) / 4) cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.loader-circle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    border: var(--line-width) solid rgb(227, 231, 249);
    border-radius: 50%;

}

@keyframes circle-loader-3 {
    0% {
        transform: rotate(-140deg);
    }

    50% {
        transform: rotate(-160deg);
    }

    100% {
        transform: rotate(140deg);
    }
}