/* Default CSS Stylesheet for a new Web Application project */
.locallang
{
       font-family: Kruti Dev 010; 
       font-size: 12pt;
}

.FadeoutTextBox
{	
	border : solid 1px #White;
	 font: 14px Roboto!important;
    COLOR: black;
    TEXT-DECORATION: none;
    vertical-align:text-top;

	
}
/*.NButton
{
	background-image : url(images/bar.gif);
	background-color : Aqua;
	font-weight : bold;
	font-family : Arial;
	color : #031729;
	border : solid 1px #001f39;
	width : 100px;
}*/

.CustomHeader
{
  background-color:#17365d;
}

.clsTabHead111
{
	background-image : url('images/1.JPG');
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #ffffff;
	BORDER-BOTTOM: 2px groove #f1f0eb;
	 font:  Roboto!important;
	
}

.clsTabHead112
{
	background-image : url('images/2.JPG');
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #ffffff;
	BORDER-BOTTOM: 2px groove #f1f0eb;
	FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF
	
}

.clsTabHead113
{
	background-image : url('images/3.JPG');
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #031729;
	BORDER-BOTTOM: 2px groove #f1f0eb;
	FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF
	
}

.NHeader
{
	background-image : url(images/white.GIF);
	/*background-color : Aqua;
	font-weight : bold;*/
	font-family : Arial;
	color : #031729;
	border : solid 1px #001f39;
	width : 100px;
}

.Cal-Header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    CURSOR: default;
    COLOR: white;
    FONT-FAMILY: Roboto ,Verdana
}
.BgText
{
    font: 14px Roboto!important;
    COLOR: white;
    BACKGROUND-COLOR: #336699
}

.BgSmall
{
    font: 14px Roboto!important;
    COLOR: white;
    BACKGROUND-COLOR: #336699
}

.Section
{
	font-family: Roboto!important;
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration: none; 
    background-color: #BDC2CB; 
    border-bottom-color: #BDC2CB; 
}

.ToolBar
{
    font-family: Roboto!important;
    font-size: 8pt; 
    COLOR: blue;
    TEXT-DECORATION: none;
    background-color: #BDC2CB; 
}

.BgHeader
{
    FONT: bold Roboto!important;
    font-size:12pt;
    COLOR: white;
    BACKGROUND-COLOR: #336699
}

.BgHeader1
{
    FONT: bold Roboto!important;
    COLOR: white;
    BACKGROUND-COLOR: #336699
}

.BgHeader2
{
	FONT: bold Roboto!important;
    COLOR: white;
    BACKGROUND-COLOR: #003366
}

.BgHeader3
{
	font-family:Times New Roman;
	COLOR: white;
    BACKGROUND-COLOR: #003366;
    font-weight:bolder
    
}

.BgLnk8b
{
    FONT: bold 14px Roboto!important;
    COLOR: white;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none
}

.BgLnk8n
{
    FONT: 14px Roboto!important;
    COLOR: white;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none
}

.error
{
	font-family: Roboto!important;
	font-size: 8pt; 
	text-decoration: none; 
	font-weight:bold;
	color: red;
}

.message
{
	font-family: Roboto!important;
	font-size: 8pt; 
	text-decoration: none; 
	color: red;
}

.Console
{
	font-family: Roboto!important;
	font-size: 7pt; 
	text-decoration: none; 
	color: red;
}


 
 .textrt
{
    FONT: 8pt Roboto!important;
    COLOR: black;
    TEXT-DECORATION: none;
    vertical-align:text-top;
     text-align:right;
}
 .textlarg
{
    FONT: 10pt Roboto!important;
    COLOR: black;
    TEXT-DECORATION: none;
    vertical-align:text-top;
    
 }
 
 .textbold
{
    FONT: 10pt Roboto!important;
    COLOR: black;
    TEXT-DECORATION: none;
    vertical-align:text-top;
    font-weight: bold;
    
 }
 
.texthead
{
	FONT: 11pt Roboto!important;
	COLOR: white;
	BACKGROUND-COLOR: "#333399";
}
  .textLangb
{
	font: bold 10pt Roboto!important;
	vertical-align: text-top;
	color: black;
	text-decoration: none;
}
/* .textLang
{
    FONT: 8pt Roboto ,Verdana, Tahoma, Arial;
    COLOR: black;
    TEXT-DECORATION: none;
    vertical-align:text-top;
 }*/
 
 .textLanglarg
{
    FONT: 12pt SHREE-DEV-0708E, Tahoma, Arial;
    COLOR: black;
    TEXT-DECORATION: none;
    vertical-align:text-top;
 }
  .textLanglargb
{
    FONT: 12pt SHREE-DEV-0708E, Tahoma, Arial;
    COLOR: black;
    TEXT-DECORATION: none;
    vertical-align:text-top;
    font-weight:bold;
 }
 .textb
{
    FONT: 8pt Roboto!important;
    COLOR: black;
    TEXT-DECORATION: none;
    font-weight:bold;
    vertical-align:text-top;
 }
.selText
{
    FONT:bold 8pt Roboto!important;
    COLOR: red;
    TEXT-DECORATION: none;
    vertical-align:text-top;
    
    
}
.Headtext
{
    FONT: 12pt Roboto!important;
    COLOR: black;
    TEXT-DECORATION: none;
    vertical-align:text-top;
 }
.small
{
    FONT: 8pt Roboto!important;
}
.header
{
    FONT: bold 8pt Roboto!important;
    COLOR: #000000;
    TEXT-DECORATION: none
}
.header2
{
    FONT: bold 12pt Roboto!important;
    
}
.headerline
{
    FONT: bold 8pt Roboto!important;
    BORDER-BOTTOM: #ffffff 2px groove
}
.lnk8b
{
    FONT: bold 8pt Roboto!important;
    COLOR: #0033cc;
    TEXT-DECORATION: none
}
.lnk8n
{
    FONT:8pt Roboto!important;
    COLOR: #0000cd;
    TEXT-DECORATION: none
}
.lnk8bold
{
    FONT: bold 8pt Roboto!important;
    COLOR: #0000cd;
    TEXT-DECORATION: none
}

.buttons
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT: Roboto!important;
     CURSOR: hand;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
}
.btnBlue
{
	background-image : url(../../images/bar.jpg);
	/*background-color : Aqua;*/
	font-weight : bold;
	font-family : Roboto!important;
	color : #031729;
	border : solid 1px #001f39;
	width : 100px;
}

.button
{
	background-color :buttonface;	
	
}
.input
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT: 8pt Roboto!important;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
}
.tabHeading
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: white 1px solid;
    FONT: bold 8pt Roboto!important;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR:#CDD1E4
    
}
.tabHeadingNew
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: white 1px solid;
    FONT: bold 8pt Roboto!important;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR:lightskyblue
    
}
.tabHeading1
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: white 1px solid;
    FONT: bold 8pt Roboto!important;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    color:#000000;
    background-color:#AABCD3;
}
.tabHeading2
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: white 1px solid;
    FONT: bold 8pt Roboto!important;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    background-color:#e4e4e4;
    
    
}
.cls3D
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: #6699cc 1px solid;
    Z-INDEX: 1000;
    FONT:bold 8pt Roboto!important;
    BORDER-LEFT: #6699cc 1px solid;
    COLOR: white;
    BORDER-BOTTOM: #6699cc 2px groove;
    BACKGROUND-COLOR: #336699
}
.clsStatus
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT: 8pt Roboto!important;
    BORDER-LEFT: #999999 1px solid;
    COLOR: #00ff00;
    BORDER-BOTTOM: #ffffff 1px solid;
    BACKGROUND-COLOR: #000000;
    TEXT-DECORATION: none
}
.clsRaised
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: white 1px solid;
    BORDER-LEFT: white 1px solid;
    COLOR: blue;
    BORDER-BOTTOM: #999999 1px solid;
    TEXT-DECORATION: none
}


.clsLowered
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
    TEXT-DECORATION: none
}

.table1
{
	background-color :silver;
}

.table2
{
	background-color:#e8f5fe;
	font-family:Roboto!important;
	color:#993366;
	font-weight:bolder
}

.tab
{
    BORDER-RIGHT: #cccccc 1px outset;
    BORDER-TOP: white 2px outset;
    FONT: 8pt Roboto!important;
    CURSOR: hand;
    COLOR: black;
    BORDER-BOTTOM: white 1px inset;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #e4e4e4;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
.tabSelected
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: white 2px outset;
    FONT: bold 8pt Roboto!important;
    BORDER-LEFT: #ffffff 1px solid;
    CURSOR: hand;
    COLOR: black;
    HEIGHT: 20px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
.tabBodyTop
{
    BORDER-BOTTOM: #ffffff 1px solid;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}

.tabBodyTop1
{
	
    BORDER-BOTTOM: #ffffff 1px solid;
    HEIGHT: 120px;
    TEXT-ALIGN: center;
    Width: 104px;
     
}
.tabBody
{
    BORDER-RIGHT: #999999 1px solid;
    VERTICAL-ALIGN: top;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    TEXT-ALIGN: center
}
.sectionHeader
{
    FONT: bold 8pt Roboto!important;
    BORDER-BOTTOM: #ffffff 2px groove
}
.header1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: navy;
    FONT-FAMILY: Roboto!important;
}
.hide{display:none}
.show{display:list-item}
.grouplabel{
	position:relative;
	top:-15px; 
	left:10px;
	padding:5 5 5 5; 
	background-color:#cccccc;
	z-index:10;
	font:bold 8pt Roboto!important;
	}

.groupbox{
	border:thin groove;
	}
	
.heading3 
{
	font-family: Roboto!important;
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration: none; 
	color: #ffffff;
}	

.heading2 
{
	font-family: Roboto!important;
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration: none; 
	color: #000000;
	
}	
.heading1
{
	font: bold 8pt Roboto!important;
	color:navy;
	text-decoration: none;
	
}

.IntTblBorder
{
    BORDER-RIGHT: #B3C6CD 1px solid;
    BORDER-TOP: #B3C6CD 1px solid;
    BORDER-LEFT: #B3C6CD 1px solid;
    BORDER-BOTTOM: #B3C6CD 1px solid;
}
.IntTblBorder1
{
    BORDER-RIGHT: #B3C6CD 1px solid;
    BORDER-TOP: #B3C6CD 1px solid;
    BORDER-LEFT: #B3C6CD 1px solid;
    BORDER-BOTTOM: #B3C6CD 1px solid;
}
.bordergraythree
{
    BORDER-TOP: #adb2bd 1px solid;
    BORDER-RIGHT: #adb2bd 1px solid;
    BORDER-LEFT: #adb2bd 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
    
}

.dgHeader
{
	FONT:bold 8pt Roboto!important;
    COLOR: White;
    TEXT-DECORATION: none;
    vertical-align:text-top;
    background-color:#006699;
}
.dgAltItem
{		
	background-color:#F2EEEE;
    COLOR: black;
    TEXT-DECORATION: none;
}

.headers
{
    font-family: Roboto!important;
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration: none; 
	color: #000000;
	border-bottom-width:thin;
    BORDER-BOTTOM-COLOR: #BDC2CB; 
    BORDER-BOTTOM-STYLE: solid;
    BACKGROUND-COLOR: #BDC2CB;
    
}



/* added by Medha & Manasi on 10 July'06 for Horizontal Menu */
/* default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:004181; layer-background-color:004181; visibility:hidden}

/*Styles for level 0*/
.clLevel0, .clLevel0over{position:absolute; padding:2px; font-family:Roboto ,Verdana; font-size:10px; font-weight:bold}
.clLevel0{background-color:004181; layer-background-color:004181; color:white;}
.clLevel0over{background-color:#FF6600; layer-background-color:#336699; color:white; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
.clLevel1{background-color:bdbdbd; layer-background-color:bdbdbd; color:004181;}
.clLevel1over{background-color:#336699; layer-background-color:#336699; color:white; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:11px; font-weight:bold}
.clLevel2{background-color:bdbdbd; layer-background-color:bdbdbd; color:004181;}
.clLevel2over{background-color:#336699; layer-background-color:#336699; color:white; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

/*###############################################################*/
/*Styles for FP Spread.Added By Manasi on 28th July'06
/*###############################################################*/
.demoDkGrad
{
    color: White;
    font-size: 10pt;
    font-weight:bold;
    font-family:Roboto!important;
    background-color:Blue;
    text-align:center;
 }

.demoMedGrad
{
    color: black;
    font-size: 10pt;
    font-weight:normal;
    font-family:Roboto!important;
     
     border-left:1 solid white;  
    border-right:1 solid black;
    text-align:center;  
}

.BigHeader
{
	font-family: Roboto!important;
	font-size: 100pt; 
	text-decoration: none; 
	color: red;
}


.RightAlign {FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto!important;TEXT-DECORATION: none; TEXT-ALIGN: right; }
.clsTabHead{FONT-WEIGHT: bold;FONT-SIZE: 8pt;BACKGROUND: #7288AD; COLOR: #ffffff;BORDER-BOTTOM: #f1f0eb 2px groove;FONT-FAMILY: Roboto!important;TEXT-DECORATION: none}
/*rs 7-8-23*/

input:focus-visible {
  outline:none !important;
    border-color: #174972 !important;
}

textarea:focus-visible {
 outline:none !important;
    border-color: #174972 !important;
}

textarea:focus-visible {
 outline:none !important;
    border-color: #174972 !important;
}


.NButton{
    margin-right: 2px;
    height: 28px!important;
    background-image : none;
    border: solid 1px #001f39;
   /* width: 100px;*/
    color: #fff;
    background-color: #217BA7 ;
    border-color: #217BA7 ;
    display: inline-block;
    font-weight: 400;
    /*line-height: 1.5;*/
    /* color: #212529; */
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
  /*  -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;*/
    /* background-color: transparent; */
    /* border: 1px solid transparent; */
   /* padding: 0.175rem 0.75rem;*/
    font-size: 13px;
    border-radius: 0.25rem;
	  font: 13px Roboto !important;
   /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
}
.text
{
    FONT: Roboto!important;
    COLOR: black;
    TEXT-DECORATION: none;
    vertical-align:text-top;
    /*rs*/
    color: #2b2b2b;
    font-size: 14px;
   font-weight: bold!important;
 }
 /*rs7-8-23*/
input[type=text].text  
 
{
    font:14px Roboto!important;
    font-weight: 400!important;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   padding: 5px!important;
   margin: 8px 0 0 0px;
   width: 90%!important;
 }
 
 option:checked
        {
            background-color: #217ba7;
            color: #FFF;
        }
 
  .sec-btn{
height: 30px!important;
    background-image : none;
    border: solid 1px #174972;
     color: #174972;
    background-color: #fff ;
     font-size: 14px;
    border-radius: 0.25rem;
     font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
		margin-right:2px;
		  font: 13px Roboto !important;
}
.sec-btn:hover{
height: 30px!important;
    background-image : none;
    border: solid 1px #174972;
     color: #174972;
    background-color: #EEEEEE  ;
     font-size: 14px;
    border-radius: 0.25rem;
     font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
	margin-right:2px;
	  font: 13px Roboto !important;
}


.NButton:hover, .InputButton:hover {

    margin-right: 2px;

    height: 28px!important;

    background-image : none;

    border: solid 1px #001f39;

   /* width: 100px;*/

    color: #fff;

    background-color: #2495ca;

    border-color: #217BA7 ;

    display: inline-block;

    font-weight: 400;

    /*line-height: 1.5;*/

    /* color: #212529; */

    text-align: center;

    text-decoration: none;

    vertical-align: middle;

    cursor: pointer;

  /*  -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none;*/

    /* background-color: transparent; */

    /* border: 1px solid transparent; */

   /* padding: 0.175rem 0.75rem;*/

    font-size: 13px;

    border-radius: 0.25rem;
	  font: 13px Roboto !important;

   /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/

}

/*rs 21-08-23*/
.RadComboBox_Default, .RadComboBox_Default .rcbInput, .RadComboBoxDropDown_Default{
    font:12px Roboto!important;
}/*
.RadComboBoxDropDown {
    max-width: 250px!important;
}*/

input[type=password].text  
 
{
    font:14px Roboto!important;
    font-weight: 400!important;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   padding: 5px!important;
   margin: 8px 0 0 0px;
   width: 90%!important;
 }
 html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
   
    font: 14px Roboto !important;
    font-weight: 400 !important;
    color: #212529!important;
    background-color: #fff !important;
    background-clip: padding-box!important;
    border: 1px solid #ced4da!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border-radius: 0.25rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
    padding: 5px!important;
    margin: 8px 0 0 0px!important;
    width: 90%!important;
}



.tdBottomPadding
{
	padding-bottom:5px;
}
.RadUpload .ruActions .ruButton, .RadUploadProgressArea .ruActions .ruButton {
  height: 30px!important;
    background-image : none;
    border: solid 1px #174972;
     color: #174972;
    background-color: #fff ;
     font-size: 14px;
    border-radius: 0.25rem;
     font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
		margin-right:2px;
}

 .RadWindow .rwTitleRow em {

	font-family: 'Roboto', sans-serif !important;  
  font-size: 13px !important;
  font-weight: bold !important;

}

<STYLE type="text/css">
.paging{FONT-WEIGHT: bold;FONT-SIZE: 8pt;COLOR: #6b6d6b;FONT-FAMILY: Roboto!important;TEXT-DECORATION: none}
.smheading{FONT: 8pt Roboto!important;COLOR: #993333;TEXT-DECORATION: none}
.Bgheading{FONT-WEIGHT: bold;FONT-SIZE: 10pt;COLOR: #993333;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
.smallfont{FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none;}
.smallfontLabel{FONT-SIZE: 8pt; COLOR: #605d54; FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; vertical-align :top}
.smallfontBolD{FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; font-weight:bold }
.smallfont1{FONT-SIZE: 8pt;COLOR: #000000;BACKGROUND: #f1f0eb;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none;}
.smallfontreq{FONT-SIZE: 7pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none;}
.smallfontrt{FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none;text-align:right}
.error{FONT-WEIGHT: bold;FONT-SIZE: 8pt;COLOR: red;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
.hide{display:none}
.show{display:visible}
.help{FONT-SIZE: 10pt;COLOR: #000000;FONT-FAMILY: Arial;TEXT-DECORATION: none}
A:link{TEXT-DECORATION: none}
A:visited{TEXT-DECORATION: none}
A:hover{TEXT-DECORATION: underline}
A:active{COLOR: #ff0000;TEXT-DECORATION: none}
.lnk8n{FONT-SIZE: 8pt;COLOR: #0000ff;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
.lnkwhite{FONT-SIZE: 8pt;COLOR: #ffffff;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
.clsFrame{WIDTH: 100%;HEIGHT: 125px;}
.clsScroll{SCROLLBAR-FACE-COLOR: #f1f0eb;SCROLLBAR-SHADOW-COLOR: #2f4261;SCROLLBAR-3DLIGHT-COLOR: #87789e;SCROLLBAR-TRACK-COLOR: #f1f0eb;SCROLLBAR-DARK-SHADOW-COLOR: #000000}
.clsStatus{BORDER-BOTTOM: gray 3px solid;BACKGROUND-COLOR: #c0c0c0}
.clsBorderLn{FONT-SIZE: 8pt;BORDER-LEFT: #cccccc 1px solid;COLOR: #000000;BORDER-BOTTOM: #cccccc 1px solid;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
.clsBorderBlue{FONT-SIZE: 8pt;BORDER-LEFT: #7288AD 1px solid;COLOR: #000000;BORDER-BOTTOM: #7288AD 1px solid;BORDER-RIGHT: #7288AD 1px solid;BORDER-TOP: #7288AD 1px solid;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
.clsBottom{BORDER-BOTTOM: #7288AD 3px solid}
.clsBtm{BORDER-BOTTOM: #605d54 1px groove}
.cls3Side{BORDER-RIGHT: #605d54 2px groove;BORDER-TOP: #605d54 1px solid;FONT-WEIGHT: bold;FONT-SIZE: 8pt;BACKGROUND: #e5e1d5;BORDER-LEFT: #605d54 1px solid;COLOR: #605d54;BORDER-BOTTOM: #7288AD 3px solid;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.cls3SideOver{BORDER-RIGHT: #605d54 2px groove;BORDER-TOP: #605d54 1px solid;FONT-WEIGHT: bold;FONT-SIZE: 8pt;BACKGROUND: #e5e1d5;BORDER-LEFT: #605d54 1px solid;COLOR: navy;BORDER-BOTTOM: #605d54 2px groove;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.clsHlight{Background:#FFFFFF;BORDER-RIGHT: #7288AD 3px solid;BORDER-TOP: #7288AD 2px groove;FONT-WEIGHT: bold;FONT-SIZE: 8pt;BORDER-LEFT: #7288AD 2px groove;COLOR: #7288AD;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.clsHlightOver{BORDER-RIGHT: #605d54 2px groove;BORDER-TOP: #605d54 1px solid;FONT-WEIGHT: bold;FONT-SIZE: 8pt;BACKGROUND: #ffffff;BORDER-LEFT: #605d54 1px solid;COLOR: navy;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.clsTitle{FONT-WEIGHT: bold;FONT-SIZE: 8pt; COLOR: #605d54; FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; vertical-align :top }
.clsTitle1{FONT-WEIGHT: bold;FONT-SIZE: 8pt; COLOR: #605d54; FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; vertical-align :middle }
.clsscale{FONT-SIZE: 6pt;COLOR: teal;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
.clssmTitle{FONT-SIZE: 8pt;COLOR: #605d54;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
.clsTab{BORDER-Left: #605d54 1px groove;BACKGROUND: white}
.lnkyellow{FONT-SIZE: 8pt;COLOR: yellow;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
.clsTabHead{FONT-WEIGHT: bold;FONT-SIZE: 8pt;BACKGROUND: #7288AD; COLOR: #ffffff;BORDER-BOTTOM: #f1f0eb 2px groove;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.clsTabHead12{FONT-WEIGHT: bold;FONT-SIZE: 8pt; COLOR: #617596;BORDER-BOTTOM: #f1f0eb 2px groove;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.clsTabHead13{FONT-WEIGHT: bold;FONT-SIZE: 8pt;COLOR: #617596;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}

.clsTreeHead{FONT-WEIGHT: bold;FONT-SIZE: 8pt;BACKGROUND: #c0c0c0;COLOR:#191970;BORDER-RIGHT: #C0C0C0 1px solid;BORDER-BOTTOM: #f1f0eb 2px groove;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.clsGantt{FONT-WEIGHT: bold;FONT-SIZE: 8pt;BACKGROUND: #c0c0c0;COLOR:#191970;BORDER-BOTTOM: #f1f0eb 2px groove;BORDER-LEFT: #181873 1px solid;BORDER-TOP: #181873 1px solid;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.clsTabHead2{FONT-SIZE: 8pt;BACKGROUND:#EEEEEE;COLOR:#605d54;BORDER-LEFT: #CCCCCC 1px solid;BORDER-RIGHT: #CCCCCC 1px solid;BORDER-TOP: #CCCCCC 1px solid;BORDER-BOTTOM: #f1f0eb 2px groove;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.clsTabHead1{FONT-SIZE: 8pt;BACKGROUND:#DCDCDC;COLOR:#8b4513;BORDER-RIGHT: #C0C0C0 1px solid;BORDER-BOTTOM: #f1f0eb 2px groove;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.SubTab{BORDER-RIGHT: #cccccc 1px solid;BORDER-TOP: #cccccc 1px solid;FONT-WEIGHT: bold;FONT-SIZE: 8pt;BACKGROUND: #f1f0eb;BORDER-LEFT: #cccccc 1px solid;COLOR: #617596;BORDER-BOTTOM: #cccccc 1px solid;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.SubTabExp{BORDER-TOP: #ffffff 1px solid;FONT-WEIGHT: bold;FONT-SIZE: 8pt;BACKGROUND: #7288AD;BORDER-LEFT: #ffffff 1px solid;COLOR: #ffffff;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.SubTab2{BORDER-RIGHT: #cccccc 1px solid;BORDER-TOP: #cccccc 1px solid;FONT-SIZE: 8pt;BACKGROUND: #F2F1F6;BORDER-LEFT: #cccccc 1px solid;COLOR: #617596;BORDER-BOTTOM: #cccccc 1px solid;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.buttons{FONT-SIZE: 8pt;BACKGROUND: #E5E1D5;COLOR:navy;BORDER-RIGHT: #3A6498 2px groove;BORDER-LEFT: #C2E0FF 2px groove;BORDER-Top: #C2E0FF 2px groove;BORDER-BOTTOM: #3A6498 2px groove;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.clsBlue{BORDER-BOTTOM: #7288AD 2px solid;BORDER-RIGHT: #7288AD 2px solid;}
.clsBlueBottom{BORDER-BOTTOM: #7288AD 2px solid;}
.clsBorderImage{BORDER-LEFT: #3A6498 1px solid;BORDER-TOP: #3A6498 1px solid;BORDER-RIGHT: #3A6498 1px solid;}
.clsBlueFrame{background-repeat: no-repeat;background-position:center bottom;}
.clsBlueRight{BORDER-BOTTOM: #7288AD 2px solid;SCROLLBAR-FACE-COLOR: #EEEEEE;SCROLLBAR-SHADOW-COLOR: #2f4261;SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;SCROLLBAR-TRACK-COLOR: #f1f0eb;SCROLLBAR-DARK-SHADOW-COLOR: #FFFFFF}
.clsBorderTxt{FONT-SIZE: 7pt;BORDER-LEFT: #3A6498 1px solid;COLOR: #3A6498;BORDER-BOTTOM: #3A6498 1px solid;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none;BORDER-RIGHT: #3A6498 1px solid;}
.clsMenuText{FONT-SIZE: 7pt;BORDER-LEFT: #cccccc 1px solid;COLOR: #274b6e;BORDER-BOTTOM: #cccccc 1px solid;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
.clsIconRt{COLOR: #3A6498;FONT-SIZE: 8pt;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none;FONT-WEIGHT: Bold;}
.clsMenuSel{COLOR: #fa8072;FONT-SIZE: 7pt;BORDER-Right: #d3d3d3 3px solid;BORDER-LEFT: #d3d3d3 2px solid;BORDER-Top: #d3d3d3 1px solid;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none;FONT-WEIGHT: Bold}
.clsTextSel{COLOR: #D5995D;FONT-SIZE: 7pt;BORDER-Right: #d3d3d3 3px solid;BORDER-LEFT: #d3d3d3 2px solid;BORDER-Bottom: #d3d3d3 3px solid;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none;}
.clsTabSort{FONT-WEIGHT: bold;FONT-SIZE: 8pt;BACKGROUND: #C2CAD7;COLOR: #605d54;BORDER-BOTTOM: #f1f0eb 2px groove;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.clsToolbar{Cursor:hand;Background:#CCCCCC;Border-Left:#C0C0C0 1px solid;Border-Right:#C0C0C0 1px solid}
.clsSubTree{FONT-SIZE: 8pt;BACKGROUND:#D3D3D8;COLOR:#191970;BORDER-LEFT: #C0C0C0 1px solid;BORDER-RIGHT: #C0C0C0 1px solid;BORDER-TOP: #CCCCCC 1px solid;BORDER-BOTTOM: #f1f0eb 2px groove;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.clsLeft{BORDER-LEFT:#7288AD 2px solid;BACKGROUND:#f1f0eb;FONT-WEIGHT: bold;FONT-SIZE: 8pt;COLOR: #617596;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none;BORDER-TOP: #cccccc 1px solid}
.clsRight{BORDER-TOP: #cccccc 1px solid;BORDER-BOTTOM: #cccccc 1px solid;BORDER-LEFT: #cccccc 1px solid;BORDER-RIGHT:#7288AD 2px solid;BACKGROUND:#f1f0eb;FONT-WEIGHT: bold;FONT-SIZE: 8pt;COLOR: #617596;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none;}
.clsLeft1{BORDER-LEFT:#7288AD 2px solid;BACKGROUND:#f1f0eb;FONT-WEIGHT: bold;FONT-SIZE: 8pt;COLOR: #617596;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none;}
.clsRight1{BORDER-RIGHT:#7288AD 2px solid;BACKGROUND:#f1f0eb;FONT-WEIGHT: bold;FONT-SIZE: 8pt;COLOR: #617596;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none;}
.clsSubTop{FONT-WEIGHT: bold;FONT-SIZE: 8pt;BACKGROUND: #f1f0eb;BORDER-LEFT: #cccccc 1px solid;COLOR: #617596;BORDER-BOTTOM: #cccccc 1px solid;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none}
.chart { padding: 0px; height: 100%; }
.bg {z-index: 1; width: 100px; height: 100%; }
.fixe_size {border:1px; height:100%;overflow: hidden; padding: 0px; margin: 0px; }
.progress {z-index: 2; position: absolute; height: 6px; }
.flatText {BORDER-TOP-STYLE: groove; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE: groove;  BACKGROUND-COLOR:#F2F1F6; BORDER:none;FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; text-Align: right; }
.RightAlign {FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; TEXT-ALIGN: right; }
.TransparentText {BORDER-TOP-STYLE: groove; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE: groove;  BACKGROUND-COLOR:#F1F0EB; BORDER:none;FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; text-Align: left; }
.clsDelayAct {BORDER-RIGHT: #cccccc 1px solid;BORDER-TOP: #cccccc 1px solid;FONT-SIZE: 8pt;BACKGROUND: #F1F0EB;BORDER-LEFT: #cccccc 1px solid;COLOR:#605D54;BORDER-BOTTOM: #cccccc 1px solid;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none;}
.clsPlanAct {BORDER-RIGHT: #cccccc 1px solid;BORDER-TOP: #cccccc 1px solid;FONT-SIZE: 8pt;BACKGROUND: #F1F0EB;BORDER-LEFT: #cccccc 1px solid;COLOR: #617596;BORDER-BOTTOM: #cccccc 1px solid;FONT-FAMILY: Roboto ,Verdana, ARIAL, HELVETICA, SANS-SERIF;TEXT-DECORATION: none;}
.dateText {BORDER-TOP-STYLE: #cccccc 1px solid; BORDER-RIGHT-STYLE: CCCCCC 1px solid; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE:#cccccc 1px solid;  BACKGROUND-COLOR:#DCDCDC; BORDER:;FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; text-Align: left; }
.dateTextRT {BORDER-TOP-STYLE: #ccccc 1px solid; BORDER-RIGHT-STYLE: CCCCCC 1px solid; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE:#cccccc 1px solid;  BACKGROUND-COLOR:#DCDCDC; BORDER:;FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; text-Align: right ; }
.spreadBorder { border-bottom: #f2f1f6 none; border-left: #f2f1f6 none; border-right: #f2f1f6 none; border-top: #f2f1f6 none; FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none;}
.spreadBackColor{ background:#7288AD;FONT-SIZE: 8pt;COLOR:white;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; border-style:solid;}
.spreadCommentColor{ background:#FFFFE1; FONT-SIZE: 9pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; border-style:none;}
.spreadChildColor{ background:red; FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; border-style:solid;}
.spreadCellRightBorder{background:#f2f1f6; FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; border-color:#7288AD; border-style:solid;}
.spreadEditableCell{ background:#FFFFFF; FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; border-color:#7288AD; border-style:solid;}
.clsTitleTop{FONT-WEIGHT: bold;FONT-SIZE: 8pt; COLOR: #605d54; FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none;}
.spreadNonEditableCell{ background:#FFFFFF; FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: Roboto ,Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none; border-color:#7288AD; border-style:solid;}
.clsccursor{Cursor:wait;}

	
</STYLE>