/*HEADER 1 -black color normal font */
/**********************************************************************************************
Page Title  : Stylesheet
File Name   : Hs_ie
Author      : Key Solutions, Inc.

********************************************************************************************* */
@import url('../../../../includes/font-OpenSans.css');
@import url('../../../../includes/font-Poppins.css');
@import url('../../../../includes/font-Roboto.css');
:root {
	
	
	--main-tb-bc: #cccccc 1px solid; /*table border color*/
	--main-tb-bc-drop: #565252 1px solid;
	--main-fo-fa: ARIAL, Verdana, TAHOMA, 'TIMES NEW ROMAN'; /*font family*/
	--main-fo-col: #ffffff; /*font color white*/
	--main-fo-col-bla: #000000; /*font color black*/
	--main-body-back-color:#ffffff; /*body background color*/
	}
	

 	.tbaltcol tr:nth-child(even) {background-color: var(--main-tbl-alter-col);}
 	.tbaltcol-light tr:nth-child(even) {background-color: #f5f5f5; 
}
 	
 	
	td.background{
	background-color: var(--main-header-bac-img);
}

	td.background1{
	background-color: var(--main-header-bac-img);
}
table {
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
	TEXT-DECORATION: none;

}
th{text-align: left !important;

}
.forms_mgm{
	FONT-SIZE: 11px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
	TEXT-DECORATION: none;

}
.forms_mgm td{	padding: 2px;}
     /*TDBLRT - Table Dimension Border Left Right Top*/
.TDBLRT
{
    BORDER-RIGHT: var(--main-tb-bc);
	BORDER-TOP: var(--main-tb-bc);
    BORDER-LEFT: var(--main-tb-bc);
}

/*Button style*/
.But
{
color: #F2EDED;
font-family:var(--main-fo-fa);
font-size:11px;
font-weight:bold;
text-align:center
}

.But_zh 
{    	
	color: #F2EDED;
	font-family:  var(--main-fo-fa);
	font-size:14px;
	text-align:center
}


   .fltBut
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid; 
    font-size:11px; 
	BACKGROUND: url(1.gif) ; 
	BORDER-LEFT: #ffffff 1px solid;
	CURSOR: pointer; 
	COLOR: var(--main-fo-col); 
	BORDER-BOTTOM: #ffffff 1px solid;
	FONT-FAMILY: var(--main-fo-fa);
	height:24px
}

.rowcolor
{
background-color:#FAECE1
}
.H1
{
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
	TEXT-DECORATION: none
}
.HB1
{
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
	TEXT-DECORATION: none
}
/*HEADER 2 -black color normal font*/
.H2
{
	
    FONT-SIZE: 14px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa);
}
.BBC
{
	background-color: #c1c1c1;

}
/*subtext*/
.WTDBL
{
    BORDER-LEFT: #ffffff 1px solid;
	FONT-SIZE: 10px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa);
}
.WTDBTL1
{
    BORDER-LEFT: #ffffff 1px solid;
	BORDER-TOP: #ffffff 1px solid;
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
}
.RTDBR
{
    BORDER-RIGHT: #EFDBCE 1px solid;
	BORDER-BOTTOM: #EFDBCE 1px solid;
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
}
.WH1
{

    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa);
}
.WTDBLT
{
    BORDER-TOP: #ffffff 2px solid;
	BORDER-left: #ffffff 1px solid
}
.H3
{
	FONT-SIZE: 11px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);;
	TEXT-DECORATION: none;
	
}
.H3_1
{
	FONT-SIZE: 11px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);;
	TEXT-DECORATION: none;
	}
.H3bold
{
	FONT-SIZE: 10px;
    COLOR: var(--main-fo-col-bla);
	font-weight:bold;
    FONT-FAMILY: var(--main-fo-fa);;
	TEXT-DECORATION: none
}
.H3blue
{
	FONT-SIZE: 12px;
    COLOR: #0A246A;
    FONT-FAMILY: var(--main-fo-fa);;
	font-weight:bold;
	TEXT-DECORATION: none
}
.H3color
{
	FONT-SIZE: 11px;
    COLOR: #840084;
    FONT-FAMILY: var(--main-fo-fa);;
	TEXT-DECORATION: none
}
.Hnew3
{
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);;
	TEXT-DECORATION: none
}
.HB3
{
	FONT-SIZE: 10px;
    COLOR: #185594;
    FONT-FAMILY: var(--main-fo-fa);;
	TEXT-DECORATION: none;



}
/*sub heading(like personal information)*/
.H4
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
}
.HB4
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
    COLOR: #185594;
    FONT-FAMILY: var(--main-fo-fa);
}

/*sub desplay text (like vewpatient profile)*/
.H5
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
}

.H7
{
	FONT-SIZE: 10px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa);
}
.H8
{
	FONT-SIZE: 12px;
	color:#204f7f;
	font-weight:bold;
	font-family:var(--main-fo-fa);

}
/*redcolor(*)*/
.star
{
	FONT-SIZE: 12px;
    COLOR: #dc2323;
    FONT-FAMILY: var(--main-fo-fa);
}

/*redcolor(*)*/
.warning
{
	FONT-SIZE: 14px;
    COLOR: #dc2323;
    FONT-FAMILY: var(--main-fo-fa);
}

/*ARROWS - >> Symbol */
.ARROWS
{
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
}
/*STRIP - Tab Strip header*/
.STRIP
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa);
}
/*STRIP - Tab Strip header*/
.STRIP3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa);
}
/*url underline*/

.link1
{
    COLOR: var(--main-fo-col-bla);
	FONT-SIZE: 10px;
	FONT-FAMILY: var(--main-fo-fa);;
	text-decoration:none

}
.underline
{
    COLOR: var(--main-fo-col-bla);
	FONT-SIZE: 10px;
	FONT-FAMILY: var(--main-fo-fa);;


}

.LIST
{
    FONT-SIZE: 14px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
}
/*TDH-table Dimension header*/
.TDH
{
	
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #204f7f;
    FONT-FAMILY: var(--main-fo-fa)
}
/* MARK - error message font*/
.MARK, .mark
{
    FONT-SIZE: 14px;
    COLOR: #dc2323;
    FONT-FAMILY: var(--main-fo-fa);
}
/*PMARK - protocol MARK showMessage font*/
.PMARK
{
    FONT-SIZE: 12px;
    COLOR: #dc2323;
    FONT-FAMILY: var(--main-fo-fa);
    list-style-image:url(2.gif)
    
}
/*NMARK - protocol MARK showMessage font*/
.NMARK
{
    FONT-SIZE: 12px;
    COLOR: #3c763d;
    FONT-FAMILY: var(--main-fo-fa);
    
}

.HEADER
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: var(--main-fo-fa);
    TEXT-DECORATION: none
}

.TDBG
{
		PADDING:5px !important;
    BACKGROUND:var(--main-table-head-inn);
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: left;
    border-radius: 5px 5px 0 0 !important;
}

.TDBG_GMS
{
		PADDING:5px !important;
    BACKGROUND:var(--main-table-head-inn);
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: left;
    border-radius: 5px 5px 0 0 !important;
}

ul.siteAdminbutton {
	  -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

ul.GMS, ul.eAo {
	  -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
ul.siteAdminbutton li  {
	padding:1 0 1 0;

	}
ul.company-admin-buttons li {
     padding:1px 0 1px 0;
}

ul.siteAdminbutton li a{
	width:245px;
	background-color: var(--main-site-tab);
	border-radius: 0 5px 5px 0 !important;
	margin: 2px 2px 4px 2px !important;
    padding: 3px 6px !important;
	color: var(--main-fo-col);
	padding-left: 10px;
	/* margin-left: -34px; */
	text-decoration:none;
	font-size: 13px;
	display: block;
	height:auto;
}
ul.company-admin-buttons li a{
     	margin: 1px 2px 1px 2px !important;    
}
ul.siteAdminbutton li a:hover{
	background: var(--main-site-tab-hover) !important;
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,.1) !important;
	color: var(--main-fo-col-bla);
	text-decoration:none;
	}
	
ul.siteAdminbutton, ul.clist {
	  -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

ul.clist {
	  -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

ul.slist {
	  -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

/*column-count  set to 2   */
ul.slist2{
	 -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
	
.TB
{
    BORDER-RIGHT: var(--main-tb-bc);
    BORDER-TOP: var(--main-tb-bc);
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
}
/*TDBB - Table Dimension Border Bottom */
.TDBB
{
    BORDER-BOTTOM: var(--main-tb-bc);
}
.TDBBwhite
{
    BORDER-BOTTOM: #ffffff 2px solid;
	 BORDER-TOP: #ffffff 2px solid;
}
/*CTDBBT - Table Dimension Border Bottom&TOP */
.TDBBTCOLOR
{
    BORDER-BOTTOM: #639EB5 3px solid;
	BORDER-TOP: #639EB5 3px solid
}
/*CTDBBT - Table Dimension Border Bottom */
.TDBBCOLOR
{
	PADDING-LEFT:2px;
    BORDER-BOTTOM: #639EB5 3px solid

}
/*TDBT - Table Dimension Border Top */
.TDBT
{
	
    BORDER-TOP: var(--main-tb-bc);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
   FONT-FAMILY: var(--main-fo-fa)
}
.TDBTNEW
{
	
    BORDER-TOP: var(--main-tb-bc);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa)
}
.TDBTWCOLOR
{
	
    BORDER-TOP: var(--main-tb-bc);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: var(--main-fo-fa)
}
.TDBTR
{
	PADDING-LEFT:2px;
    BORDER-TOP: var(--main-tb-bc);
	BORDER-RIGHT: var(--main-tb-bc);
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
   FONT-FAMILY: var(--main-fo-fa)
}
.TDBT1
{
	
    BORDER-TOP: #bfbfbf 4px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #204f7f;
    FONT-FAMILY: var(--main-fo-fa)
}
.TDBTcolor1
{
	PADDING-LEFT:2px;
    BORDER-TOP: #ADCFE7 4px solid
}
/*TDBR - Table Dimension Border Right */
.TDBR
{
	PADDING-LEFT:2px;
    BORDER-RIGHT: var(--main-tb-bc);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
   FONT-FAMILY: var(--main-fo-fa)
}

.TDBRCOLOR
{
	PADDING-LEFT:2px;
    BORDER-RIGHT: var(--main-tb-bc);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    
    FONT-FAMILY: var(--main-fo-fa)
}
/*TDBL - Table Dimension Border Left */
.TDBL
{
	
    BORDER-LEFT: var(--main-tb-bc);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
   FONT-FAMILY: var(--main-fo-fa)
}
/*TDBL1 - Table Dimension Border Left */
.TDBL1
{
    BORDER-LEFT: var(--main-tb-bc);
}
/*TDBT - Table Dimension Border Top */
.TDBT2
{
    BORDER-TOP: var(--main-tb-bc);
}

/*TDBT - Table Dimension Border Bottom Left */
.TDBBL
{
	
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);

}

.TDBBL_Blue
{
	
    BORDER-LEFT: #204f7f 1px solid;
    BORDER-BOTTOM: var(--main-tb-bc);
   
    FONT-SIZE: 12px;
    
    FONT-FAMILY: var(--main-fo-fa)
}
.TDBBL_Blue1
{
	
    BORDER-LEFT: #204f7f 1px solid;
    BORDER-BOTTOM: #204f7f 1px solid;
   
    FONT-SIZE: 12px;
    
    FONT-FAMILY: var(--main-fo-fa)
}
.TDBBL_Blue2
{
	
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: #204f7f 1px solid;
   
    FONT-SIZE: 12px;
    
    FONT-FAMILY: var(--main-fo-fa)
}
/*TDBT - Table Dimension Border Bottom Left */

.TDBBL1
{
	
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
}
/*TDBT - Table Dimension Border Bottom Left Right*/
.TDBBLR
{
    BORDER-RIGHT: var(--main-tb-bc);
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
   
    FONT-FAMILY: var(--main-fo-fa)
}
.TDBBLR_Blue
{
    BORDER-RIGHT: #204f7f 1px solid;
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
   
    FONT-FAMILY: var(--main-fo-fa)
}
.TDBBLR_Blue1
{
    BORDER-RIGHT: #204f7f 1px solid;
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: #204f7f 1px solid;
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
   
    FONT-FAMILY: var(--main-fo-fa)
}
.TDBBLT
{
	
    BORDER-Top: var(--main-tb-bc);
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
	
}
.TDBBLTNCLR
{
	
    BORDER-Top: var(--main-tb-bc);
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: var(--main-fo-fa)
}
.TDBBLT_Blue
{
	
    BORDER-Top: #204f7f 1px solid;
    BORDER-LEFT: #204f7f 1px solid;
    BORDER-BOTTOM: var(--main-tb-bc);
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #204f7f;
    FONT-FAMILY: var(--main-fo-fa)
}
.TDBLT_Blue
{
	
    BORDER-Top: #204f7f 1px solid;
    BORDER-LEFT: #204f7f 1px solid;
    
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #204f7f;
   
}
.TDBBLT_Blue1
{
	
    BORDER-Top: #204f7f 1px solid;
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #204f7f;
   
}
.TDBBLT_Blue2
{
	
    BORDER-Top: #204f7f 1px solid;
    BORDER-LEFT: #204f7f 1px solid;
    BORDER-BOTTOM: #204f7f 1px solid;
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #204f7f;
   
}
.TDBBLT_Blue3
{
	
    BORDER-Top: #204f7f 1px solid;
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: #204f7f 1px solid;
	FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #204f7f;
  
}

/*TDBT - Table Dimension Border Bottom Left Top*/

.TDBLTNCLR
{
	
    BORDER-TOP: var(--main-tb-bc);
    BORDER-LEFT: var(--main-tb-bc);
  
}
/*TDBT - Table Dimension Border Bottom Left Right Top*/


.TDBBLRT_NOCOLOR
{
	
    BORDER-RIGHT: var(--main-tb-bc);
    BORDER-TOP: var(--main-tb-bc);
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);

}
.TDBBLRT_Blue
{
	
    BORDER-RIGHT: #204f7f 1px solid;
    BORDER-TOP: #204f7f 1px solid;
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);

}

/*TDBT - Table Dimension Border Left Right*/
.TDBLR
{
    BORDER-RIGHT: var(--main-tb-bc);
    BORDER-LEFT: var(--main-tb-bc);
}

/*TDBT - Table Full Border */
.TFBORDER
{
    BORDER-RIGHT: #E5E0E0 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #E5E0E0 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #E5E0E0 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #E5E0E0 1px solid;

}
/*TBORDER - Table Dimension Border Bottom Left Right Top with out font*/
.TBORDER
{
    BORDER-RIGHT: var(--main-tb-bc);
    PADDING-RIGHT: 0px;
    BORDER-TOP: var(--main-tb-bc);
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: var(--main-tb-bc);
    PADDING-TOP: 0px;
    BORDER-BOTTOM: var(--main-tb-bc);

}

.TEXTAREABORDER
{
    BORDER-RIGHT: #E5E0E0 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #E5E0E0 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #E5E0E0 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #E5E0E0 1px solid;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 12px;
    FONT-FAMILY: var(--main-fo-fa)
    
}

.TFBORDER1
{
    BORDER-RIGHT: var(--main-tb-bc);
    PADDING-RIGHT: 0px;
    BORDER-TOP: var(--main-tb-bc);
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: var(--main-tb-bc);
    PADDING-TOP: 0px;
    BORDER-BOTTOM: var(--main-tb-bc);
	
}
.blue
	{
	BORDER-RIGHT: #E5EAEE 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #E5EAEE 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #E5EAEE 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #E5EAEE 1px solid;
	 BACKGROUND-COLOR:#E5EAEE
	}

/*TDBT - Table Dimension Border Bottom Right Top*/
.TDBBRT
{
    BORDER-RIGHT: var(--main-tb-bc);
    BORDER-TOP: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
 

}
.TDBBT
{

    BORDER-TOP: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
}
/*TDBT - Table Dimension Border Bottom Right*/
.TDBBR
{
    BORDER-RIGHT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
    COLOR:var(--main-fo-col-bla);

}
/*TDBT - Table Dimension Background Font ( Lifescape leftmenu ) */
.TDBGF
{
    FONT-WEIGHT: bold;
    COLOR: var(--main-fo-col);;
    BORDER-BOTTOM: var(--main-tb-bc);
    BACKGROUND-COLOR: #204f7f
}
/*TDBT - Table Dimension Background Font which is used in left navigation Background*/
.TDBGF1
{
    FONT-WEIGHT: bold;
    COLOR: var(--main-fo-col);;
    FONT-FAMILY: var(--main-fo-fa);

}
/*No idea*/
.NLIST
{
    WIDTH: 120px;
    FONT-FAMILY: var(--main-fo-fa);
    TEXT-ALIGN: left
}
/*Header 4 -light stanford standard color*/
.H41
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 12px;
    COLOR: #ff00cc;
    FONT-FAMILY: var(--main-fo-fa);
}
/*Header 6 -bold black color*/
.H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa);
}
/*ProtocolForm Header1 - Bolder Stanford Standard color font*/
.PH1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #02386e;
    FONT-FAMILY: var(--main-fo-fa)
}
.page_heading
{
    FONT-WEIGHT: bold !important;
    FONT-SIZE: 12px !important;
    COLOR: var(--main-fo-col-bla) !important;
    FONT-FAMILY: var(--main-fo-fa) !important;
}
/*ProtocolForm Header2 - Normal font*/
.PH2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px !important;
     COLOR: var(--main-fo-col-bla) !important;
    FONT-FAMILY: var(--main-fo-fa)
}
/*ProtocolForm Header3 - Bolder black color font*/

p strong{FONT-WEIGHT:bold;}
.PH3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    
    FONT-FAMILY: var(--main-fo-fa)
}
/*ProtocolForm Header4 - Small black color font*/
.PH4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    FONT-FAMILY: var(--main-fo-fa)
}

/*ProtocolForm Header4 - Small red color font*/
.PH4_RED
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
	COLOR: #FF0000;
    FONT-FAMILY: var(--main-fo-fa)
}
/*ProtocolForm Header3 - Bolder white color font*/
.PH5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col);
   
    FONT-FAMILY: var(--main-fo-fa)
}

.PH6
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    font-style:Italic;
    FONT-FAMILY: var(--main-fo-fa)
}

/*ProtocolForm Header1 - Bolder Stanford Standard color font*/
.PH1_HAND
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #204f7f;
    CURSOR: pointer;
    CURSOR: hand;
    FONT-FAMILY: var(--main-fo-fa)
}

/*No Idea*/
A.AGREEN
{
    FONT-SIZE: 12px;
    COLOR: green;
    FONT-FAMILY: var(--main-fo-fa);
}

.SGREEN
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: green;
    FONT-FAMILY: var(--main-fo-fa);
}    

.PWEAK
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #dc2323;
    FONT-FAMILY: var(--main-fo-fa);
}   


/*No Idea*/
.PT
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: var(--main-fo-fa);
}
/*Please Wait Section*/
.plzWait
	{
	  font-family:var(--main-fo-fa);
	  font-style:Italic;
	  font-size:14px;
	  color:#900000;
	  font-weight:800;
	}
	/*Top Title font for Consent Forms*/
	.topTitle
	{
      font-family:var(--main-fo-fa);
	  color:#900000;
	  letter-spacing:2px;
	  padding:2px;
	  font-size:15px;
	  font-weight:900;
	}
	/*Top Sub Title font for Consent Forms*/
    .topSubTitle
	{
      font-family:var(--main-fo-fa);
	  letter-spacing:1px;
	  padding:2px;
	  font-size:14px;
	  font-weight:800;
	}
	/*Gray Color for disabling Objects*/
	.GRAY
	{
	 BORDER-RIGHT: var(--main-tb-bc);
     PADDING-RIGHT: 0px;
     BORDER-TOP: var(--main-tb-bc);
     PADDING-LEFT: 0px;
     PADDING-BOTTOM: 0px;
     BORDER-LEFT: var(--main-tb-bc);
     PADDING-TOP: 0px;
     BORDER-BOTTOM: var(--main-tb-bc);
	 BACKGROUND-COLOR:#D4D4D4
	}

    .GRAY1
	{
	 BORDER-RIGHT: var(--main-tb-bc);
     PADDING-RIGHT: 0px;
     BORDER-TOP: var(--main-tb-bc);
     PADDING-LEFT: 0px;
     PADDING-BOTTOM: 0px;
     BORDER-LEFT: var(--main-tb-bc);
     PADDING-TOP: 0px;
     BORDER-BOTTOM: var(--main-tb-bc);
	 /*BACKGROUND-COLOR:#D4D4D4*/
	} 
    .htmlbut{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    font-size:13px;
    font-weight: 700;
	BACKGROUND: url(1.gif) ;
	BORDER-LEFT: #ffffff 1px solid;
	CURSOR: pointer;
	COLOR: var(--main-fo-col);
	BORDER-BOTTOM: #ffffff 1px solid;
	FONT-FAMILY: var(--main-fo-fa);


	}


	.TABLEHEADER{
		BORDER-RIGHT: #E5E0E0 1px solid;
	    PADDING-RIGHT: 0px;
	    BORDER-TOP: #E5E0E0 1px solid;
	    PADDING-LEFT: 0px;
	    PADDING-BOTTOM: 0px;
	    BORDER-LEFT: #E5E0E0 1px solid;
	    PADDING-TOP: 0px;
	    font-family: var(--main-fo-fa); 
	    font-size: 14pt; font-weight: normal;COLOR: #204f7f;
    }


     th a:link      { text-decoration: underline; color: #02386e }
     th{color: #204f7f;}
     th a:visited   { text-decoration: none; color: #204f7f }
     .header1       { BORDER-RIGHT: #E5E0E0 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #E5E0E0 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #E5E0E0 1px solid;
    PADDING-TOP: 0px;
     font-family: var(--main-fo-fa); 
     font-size: 14pt; font-weight: normal;COLOR: #204f7f; }

     .header2       {BORDER-RIGHT: #E5E0E0 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #E5E0E0 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #E5E0E0 1px solid;
    PADDING-TOP: 0px;  
    font-family: var(--main-fo-fa);  
    font-size: 14pt; font-weight: normal }

     .footer1       { border: var(--main-tb-bc); border-right: none;  font-family: var(--main-fo-fa);  font-size: 10pt }

     .footer2       { border: var(--main-tb-bc);  font-family: var(--main-fo-fa); font-size: 10pt }

     .item1         { border: var(--main-tb-bc); border-right: none; border-bottom: none; font-family: var(--main-fo-fa); font-size: 9pt; }

     .item2         { border: var(--main-tb-bc); border-bottom: none;  font-family: var(--main-fo-fa) ; font-size: 9pt; }



    .activeTab
     {
		/*border-top:var(--main-tb-bc);
		border-left:var(--main-tb-bc);
		border-right:var(--main-tb-bc);
    	border-bottom:#204f7f 2px solid;*/
		background-color: var(--main-agenda-tab-pry-col);
     }
     
     .inactiveTab
     {
    	/*border:var(--main-tb-bc);
    	border-bottom:#204f7f 2px solid;*/
    	background-color: var(--main-agenda-tab-sec-col);
     }


     .nillTab
     {
       border-bottom:#204f7f 2px solid;
     }
     
     .li
     {
      list-style-image:url(2.gif)
     }

     
      .TFBORDERBLUE
{
    BORDER-RIGHT: #204f7f 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #204f7f 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #204f7f 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #204f7f 1px solid;

}
.TFBORDERBLUE1
{
    BORDER-RIGHT: #204f7f 1px solid;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #204f7f 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #204f7f 1px solid;

}
.INSTTEXT
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #900000;
    FONT-FAMILY: var(--main-fo-fa)
}

.TDBRT
{
    BORDER-RIGHT: var(--main-tb-bc);
    BORDER-TOP: var(--main-tb-bc);
     /* BORDER-LEFT: var(--main-tb-bc); */
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    
    FONT-FAMILY: var(--main-fo-fa)

}


p {margin-top: 0px;
	margin-bottom: 0px;
}

/* bredcrum style begin*/
.breadcrumb{
width:80%;
height:25px;
border-color:#EAEAEC;
background-color:#ffffff;
font-weight: bold;
    font-size: 12px;
    color: var(--main-fo-col-bla);
    font-family: var(--main-fo-fa);
    text-decoration: none;
	border-bottom-color:#000000;
	-webkit-border-radius:5px 5px 5px 5px ;
  -moz-border-radius:5px 5px 5px 5px ;
  border-radius: 5px 5px 5px 5px ;
  -khtml-border-radius: 5px 5px 5px 5px;

  padding:0px 2px 0 8px;
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,.1);


}
.breadcrumb a{
FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #0254EB;
    FONT-FAMILY:  var(--main-fo-fa);
}

.breadcrumb a:hover{
text-decoration: none;
	background: #ebb462;
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,.1);
	border-radius: 3px;
	color: #36332e;
	padding:1px 3px 1px 3px;
}

.breadcrumb a:visited {
   FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #900000;
    FONT-FAMILY:  var(--main-fo-fa);
}
/* bredcrum style end*/
/* cycle start */
#cycle {
padding:0;



}


#cycles ul{
float:left;
margin:0;
padding:0;
list-style: none;

}

#cycle li{
float:left;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
FONT-FAMILY:  var(--main-fo-fa);
display: inline;
margin: 5px 2px 0 0;
padding: 0;



}
#cycle li div{
float:left;
FONT-WEIGHT:bold;
FONT-SIZE: 12px;
FONT-FAMILY:  var(--main-fo-fa);
display: inline;
margin: 5px 2px 0 0;
padding: 0;
color:"#204f7f"


}


#cycle li a{
float: left;
color: var(--main-fo-col);
FONT-WEIGHT:bold;
FONT-SIZE: 11px;
FONT-FAMILY:  var(--main-fo-fa);
background: var(--main-but-pry-col); /*default background color of tabs, left corner image*/
margin: 0 1px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
 -webkit-border-radius:5px 5px 5px 5px ;
  -moz-border-radius:  5px 5px 5px 5px ;
  border-radius: 5px 5px 5px 5px ;
  -khtml-border-radius:  5px 5px 5px 5px;

	
}
#cycle li a span{
display: block;
background: transparent;  /*right corner image*/
padding: 3px 7px 3px 6px;
margin: 2px;
cursor: pointer;
}

#cycle li a:hover {
background-color: var(--main-but-pry-col-hov); /*background color of tabs onMouseover*/
color: #000;


}

#cycle li.selected a{
background-color: var(--main-but-pry-col-hov); /*background color of tabs onMouseover*/
color: var(--main-fo-col-bla);

}
/* cycles end */

.button{
	float: right !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	line-height: normal !important;
}

.pagination{
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	line-height: normal !important;
}

li#stan-new-button{
	
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	line-height: normal !important;
}

li#stan-new-button a{
	display: block;
	margin:2px;
	padding:3px 6px;
	
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	font-family: var(--main-fo-fa);
	font-size: 12px;
	/* font-weight:bold; */
	color: var(--main-fo-col);
	border-radius: 5px;
	background: #6D0017;
	
}

li#stan-new-button .disabled {
	display: block !important;
	margin:2px !important;
	padding:3px 6px !important;
	
	letter-spacing: 1px !important;
	text-decoration: none !important;
	text-align: center !important;
	font-family: var(--main-fo-fa) !important;
	font-size: 12px !important;
	font-weight:bold;
	color: var(--main-fo-col-bla) !important;
	border-radius: 5px !important;
	background: #c1c1c1 !important;
	
}


li#stan-new-button a:hover {
	
	text-decoration: none;
	background: var(--main-but-pry-col-hov) !important;
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,.1) !important;
	border-radius: 3px;
	color: var(--main-fo-col-bla);
}

li#new-button  {
	  display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	line-height: normal !important;
	
	
}

li#new-button a {
	display: block !important;
	margin:2px !important;
	padding:3px 6px !important;
	
	letter-spacing: 1px !important;
	text-decoration: none !important;
	text-align: center !important;
	font-family: var(--main-fo-fa) !important;
	font-size: 13px ;
	
	color: var(--main-fo-col) !important;
	border-radius: 5px !important;
	background: var(--main-but-pry-col) !important;
	
}

li#new-button .disabled {
	display: block !important;
	margin:2px !important;
	padding:3px 6px !important;
	
	letter-spacing: 1px !important;
	text-decoration: none !important;
	text-align: center !important;
	font-family: var(--main-fo-fa) !important;
	font-size: 13px !important;
	
	color: var(--main-fo-col-bla) !important;
	border-radius: 5px !important;
	background: #c1c1c1 !important;
	
}



li#new-button a:hover {
	text-decoration: none !important;
	background: var(--main-but-pry-col-hov) !important;
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,.1) !important;
	border-radius: 5px !important;
	color: var(--main-fo-col-bla) !important;

}


#menu1 {
	float: right;
	padding: 0;
	
}

#menu1 ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu1 li {
	float: left;
	
	
}

#menu1 a {
	display: block;
	margin:2px;
	padding:4px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	font-family: var(--main-fo-fa);
	font-size: 13px;
	
	color: var(--main-fo-col);
	border-radius: 5px;
	background: var(--main-but-pry-col);
	
}

#menu1 a:hover {
	text-decoration: none;
	background: var(--main-but-pry-col-hov);
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,.1);
	border-radius: 3px;
	color: #36332e !important;

}

/* To disable and restrict multiple clicks*/
#menu1 a.saveAddButton{
	pointer-events: none !important;
	cursor: not-allowed !important; 
	text-decoration: none !important;
	opacity: 0.6 !important;
}

/* fieldset style */
fieldset{
	width:auto;
	border:1px solid #c1c1c1;
		 -webkit-border-radius:3px 3px 3px 3px ;
  -moz-border-radius:  3px 3px 3px 3px ;
  border-radius: 3px 3px 3px 3px ;
  -khtml-border-radius:  3px 3px 3px 3px ;
  margin:5px;
  padding:3px 0px 3px 3px;
}

fieldset.follow{
	background-color:#E6EBEF
}
legend{
color:var(--main-fo-col-bla);
	margin-left:24px;
}

.CMNTPH4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    FONT-FAMILY: var(--main-fo-fa)
}
/* comment cycle header */
table.header{
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0; 
	background-color:var(--main-commit-tab-header);
	width:100%;
	
}
table.header td{
   font-weight: bold;
    font-size: 12px;
    color: var(--main-fo-col-bla);
    font-family:var(--main-fo-fa);
	padding:0 0 0 3px;
	height:25px;
	}
	
	table.header td ul{
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;

	}
	
	table.header td ul li{
	float: left;
	padding:0 3px 0 0;
	font-family:var(--main-fo-fa);
	font-size: 12px;
	font-weight:bold;
	color: #959798;
		}
		
		
		
	table.header td ul li a{
	display: block;
	margin-left: 1px;
	padding: 0px 0px 2px 3px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	font-family: var(--main-fo-fa);
	font-size: 12px;
	font-weight:bold;
	color: var(--main-fo-col-bla);
	}
	
	table.header td ul li a:hover{
	display: block;
	text-decoration: none;
	font-size: 12px;
	background: #ebb462;
	font-weight:bold;
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,.1);
	border-radius: 3px;
	color: var(--main-fo-col);
	}
	select[multiple]{

 -webkit-border-radius:5px 5px 5px 5px ;
  -moz-border-radius:  5px 5px 5px 5px ;
  border-radius: 5px 5px 5px 5px ;
  -khtml-border-radius:  5px 5px 5px 5px;
  height:auto;
     border-right: var(--main-tb-bc);
    padding-right: 0px;
    border-top: var(--main-tb-bc);
    padding-left: 0px;
    padding-bottom: 0px;
    border-left: var(--main-tb-bc);
    padding-top: 0px;
    border-bottom: var(--main-tb-bc);


}
select:focus{
    outline: none;
    box-shadow: 0px 0px 5px #10699c;
    border-color: #10699c;
}
select:hover {
    border: 1px solid #999;
    /* border-radius: 5px; */
}
select{
 border: 1px solid #565252;
   -webkit-border-radius:5px  ;
  -moz-border-radius:  5px  ;
   -khtml-border-radius:  5px ;
 /* border-radius: 5px; */
 FONT-WEIGHT:normal;
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
    background-color: #ffffff;
}
select[disabled]{
	FONT-WEIGHT:normal;
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
	background-color:#C1C1C1;
	border: 1px solid #999;
	/* border-radius: 5px; */
}
div.proposal_inf .TDBT{
	 FONT-WEIGHT:normal !important;
}
div.proposal_inf input.Form_border{
	border:0px;
}
a.rules_identifer:hover {
 font-weight:bold;
}

div.proposal_inf a img[width="16"]{
	vertical-align:middle !important;
}

.TDBTT{
	font-weight: normal !important;
}
div.proposal_inf .tablepadding,div.Opportunity_Definition.tablepadding{
	padding:3px;
}
div.proposal_inf input[type="text"],div.proposal_inf textarea,div.proposal_inf select,div.proposal_inf .TFBORDER1,
div.Opportunity_Definition input[type="text"],div.Opportunity_Definitionf textarea,div.Opportunity_Definition select,div.Opportunity_Definition .TFBORDER1 {
	padding:3px;
}
div.proposal_inf textarea,div.Opportunity_Definitionf textarea{
	width:99.5% !important;
}
div.muldef_view font.PH1{
	FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: var(--main-fo-col-bla);
FONT-FAMILY: var(--main-fo-fa);
}
textarea{

 -webkit-border-radius:5px 5px 5px 5px ;
  -moz-border-radius:  5px 5px 5px 5px ;
  border-radius: 5px 5px 5px 5px ;
  -khtml-border-radius:  5px 5px 5px 5px;
   border-right: var(--main-tb-bc);
    padding-right: 0px;
    border-top: var(--main-tb-bc);
    padding-left: 0px;
    padding-bottom: 0px;
    border-left: var(--main-tb-bc);
    padding-top: 0px;
    border-bottom: var(--main-tb-bc);
    FONT-WEIGHT:normal;
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
	/*height:130px; */

}
textarea:focus{
    outline: none;
    box-shadow: 0px 0px 5px #10699c;
    border-color: #10699c;
}
textarea:hover {
    border: 1px solid #999;
    border-radius: 5px;
}
textarea[disabled]{

 background:#DDD;
 color:var(--main-fo-col-bla);


}
textarea[readonly]{
 border:none;
 background:#DDD;
}
textarea.textareaborder[readonly]{
  border: 1px solid #999;
}
textarea.textareaborder[readonly]:focus{
  border: 1px solid #999;
}
textarea.textareaborder[readonly]:hover{
  border: 1px solid #999;
}
textarea[readonly]:focus{
 border:none;
 box-shadow:none;
}
textarea[readonly]:hover{
 border:none;
}
.styled-button-3 {
 display: block !important;
	margin:2px !important;
	padding:3px 6px !important;
	
	letter-spacing: 1px !important;
	text-decoration: none !important;
	text-align: center !important;
	font-family: var(--main-fo-fa) !important;
	font-size: 13px ;
	
	color: var(--main-fo-col) !important;
	border-radius: 5px !important;
	background: #364E6D !important;
	border-width:0 !important;
}

/*For BlockUI */
.blockOverlay{
background-color: white !important;
}
.blockMsg{
border: 0px solid rgb(170, 170, 170) !important;
}




     /*TDBLRT - Table Dimension Border Left Right Top*/


/*Button style*/


.LTEXT
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: VERDANA
}


ul.GMS {
	  -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}


ul.siteAdminbutton li a.eao, ul.siteAdminbutton li a.eao:hover {
	width:280px !important;
}
	
ul.clist li a{
	border-radius: 5px 5px 5px 5px !important;
	padding: 6px 6px !important;}



.TDBBwhite
{
    BORDER-BOTTOM: #ffffff 2px solid;
	 BORDER-TOP: #ffffff 2px solid;
}
/*CTDBBT - Table Dimension Border Bottom&TOP */
.TDBBTCOLOR
{
    BORDER-BOTTOM: #639EB5 3px solid;
	BORDER-TOP: #639EB5 3px solid
}
/*CTDBBT - Table Dimension Border Bottom */

.TDBBLRT
{
	
    BORDER-RIGHT: var(--main-tb-bc);
    BORDER-TOP: var(--main-tb-bc);
    BORDER-LEFT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
 
}




.blue
	{
	BORDER-RIGHT: #E5EAEE 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #E5EAEE 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #E5EAEE 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #E5EAEE 1px solid;
	 BACKGROUND-COLOR:#E5EAEE
	}

/*TDBT - Table Dimension Border Bottom Right Top*/


/*TDBT - Table Dimension Border Bottom Right*/
.TDBBR
{
    BORDER-RIGHT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
    FONT-SIZE: 12px;
    COLOR:var(--main-fo-col-bla);
   
    FONT-FAMILY: var(--main-fo-fa)
}
/*TDBT - Table Dimension Background Font ( Lifescape leftmenu ) */
.TDBGF
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: var(--main-fo-col);
    BORDER-BOTTOM: var(--main-tb-bc);
    FONT-FAMILY: var(--main-fo-fa);
    BACKGROUND-COLOR: #204f7f
}
/*TDBT - Table Dimension Background Font which is used in left navigation Background*/
.TDBGF1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa);

}
/*No idea*/
.NLIST
{
    WIDTH: 120px;
    FONT-FAMILY: var(--main-fo-fa);
    TEXT-ALIGN: left
}
/*Header 4 -light stanford standard color*/
.H41
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #ff00cc;
    FONT-FAMILY: var(--main-fo-fa)
}
/*Header 6 -bold black color*/
.H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa)
}




input[type="text"]{
	 border-radius: 5px;
	  -webkit-border-radius:5px  ;
  -moz-border-radius:  5px  ;
   -khtml-border-radius:  5px ;
    border: 1px solid #565252;
	
}

input[type="search"]{
	 border-radius: 5px;
	  -webkit-border-radius:5px  ;
  -moz-border-radius:  5px  ;
   -khtml-border-radius:  5px ;
    border: 1px solid #565252;
	
}
select[disabled]{
	FONT-WEIGHT:normal;
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
	background-color:#C1C1C1;
	border: 1px solid #999;
	/* border-radius: 5px; */
}

a.rules_identifer:hover {
 font-weight:bold;
}

div.proposal_inf a img[width="16"]{
	vertical-align:middle !important;
}

.TDBTT{
	font-weight: normal !important;
}
div.proposal_inf .tablepadding,div.Opportunity_Definition.tablepadding{
	padding:3px;
}
div.proposal_inf input[type="text"],div.proposal_inf textarea,div.proposal_inf select,div.proposal_inf .TFBORDER1,
div.Opportunity_Definition input[type="text"],div.Opportunity_Definitionf textarea,div.Opportunity_Definition select,div.Opportunity_Definition .TFBORDER1 {
	padding:3px;
	
}
div.proposal_inf textarea,div.Opportunity_Definitionf textarea{
	width:99.5% !important;
}
div.muldef_view font.PH1{
	FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: var(--main-fo-col-bla);
FONT-FAMILY: var(--main-fo-fa);
}
textarea{

 -webkit-border-radius:5px 5px 5px 5px ;
  -moz-border-radius:  5px 5px 5px 5px ;
  border-radius: 5px 5px 5px 5px ;
  -khtml-border-radius:  5px 5px 5px 5px;
   border-right: var(--main-tb-bc);
    padding-right: 0px;
    border-top: var(--main-tb-bc);
    padding-left: 0px;
    padding-bottom: 0px;
    border-left: var(--main-tb-bc);
    padding-top: 0px;
    border-bottom: var(--main-tb-bc);
    FONT-WEIGHT:normal;
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: var(--main-fo-fa);
	/*height:130px; */

}
textarea:focus{
    outline: none;
    box-shadow: 0px 0px 5px #10699c;
    border-color: #10699c;
}
textarea:hover {
    border: 1px solid #999;
    border-radius: 5px;
}
textarea[disabled]{

 background:#DDD;
 color:var(--main-fo-col-bla);


}
textarea[readonly]{
 border:none;
}
textarea.textareaborder[readonly]{
  border: 1px solid #999;
}
textarea.textareaborder[readonly]:focus{
  border: 1px solid #999;
}
textarea.textareaborder[readonly]:hover{
  border: 1px solid #999;
}
textarea[readonly]:focus{
 border:none;
 box-shadow:none;
}
textarea[readonly]:hover{
 border:none;
}


/*For BlockUI */
.blockOverlay{
background-color: white !important;
}
.blockMsg{
border: 0px solid rgb(170, 170, 170) !important;
}


.links a:hover{
	color: #ff8d00;
    text-decoration: none;
}
.head_tag{
	background:none;
}
.head_tag_h1{
    font-size: 16px;
    color: #00345b;
    FONT-FAMILY: var(--main-fo-fa);
    font-weight:bold;
}
.main_table{
	/*box-shadow: 0px 4px 10px #a1a1a1;
    border-radius: 8px;*/
}
.client_right_section{
    padding: 20px 14px;
    border: solid 1px #dbdbdb;
    /*box-shadow: 0px 4px 10px #a1a1a1;*/
    border-radius: 8px;
    margin:32px 0 0 25px !important;
    display: inline-block;
}
.thead_row{
	background: var(--main-site-tab);
}


.tbody_tr:hover{
	background:#f1f2f3;
}
.tbody_td{
	padding: 8px 10px;
}
.tbody_td a{
	color: var(--main-fo-col-bla);
    text-decoration: none;
    display: block;
}
.tbody_td a:hover{
	color:#ff8d00;
	text-decoration:underline;
}
.support_tools{
	font-size:14px;
}
p.note{
	font-size: 12px;
	font-weight:600;
}
.support_tools_info{
	padding: 7px 0 0 16px;
    margin: 0;
}
.support_tools_info li{
	font-size: 12px;
	padding:0;
	margin:0 0 10px;
}
.main_buttons li a{
	margin: 8px 4px !important;
    padding: 7px 10px !important;
    min-width: 95px;
}
.edit_client{
	padding:8px 6px 8px;
	vertical-align: top;
}
.upload_login_img{
	display: block;
    margin: 5px 0;
}
.products_checkbox{
	margin: 10px;
    display: block;
}
.edit_client_input{
	background-color: #f3f5f7;
    padding: 2px 3px;
    border-radius: 5px;
    border: 1px solid #d4d6d8;
    height:22px;
    margin-top: 3px;
}

.edit_client_textarea{
	background-color: #f3f5f7;
    padding: 2px 3px;
    border-radius: 5px;
    border: 1px solid #d4d6d8;
    height:30px;
    margin-top: 3px;
}

.edit_client_select{
	background-color: #f3f5f7;
    padding: 2px 3px;
    border-radius: 5px;
    border: 1px solid #d4d6d8;
    height:30px;
    margin-top: 3px;
}
.edit_client_input:hover{
	border: 1px solid #999;
    border-radius: 5px;
}
.edit_client_input:focus-visible{
	outline: none;
    box-shadow:none;
    border-color: #10699c;
}
.products_buttons{
	width:auto;
	background-color: var(--main-but-pry-col);
	border-radius: 5px !important;
	margin: 5px !important;
    padding: 3px 3px !important;
	color:var(--main-fo-col);
	padding-left: 10px;
	/* margin-left: -34px; */
	text-decoration:none;
	font-size: 13px;

	height:auto;
}
.products_buttons:hover{
	text-decoration: none !important;
	background: var(--main-but-pry-col-hov) !important;
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,.1) !important;
	border-radius: 5px !important;
	color: var(--main-fo-col-bla) !important;
    cursor:pointer;
   
}
.input_check_box{
 	position: relative;
 	top: 2px;
 }
 .content_not_fount{
 padding:10px; 
 border-radius:4px;
 }

/*end comment review cycle new styles */



ul.breadcrumb {
  padding: 6px 8px 0px 5px;
  list-style: none;
  background-color: var(--main-breadcum-bac-color);
  border-radius: 5px;
  font-family: "Lucida Grande",Lucida,Verdana,sans-serif !important;
  width: auto !important;
  height:20px !important;
  margin:0 !important;
  box-sizing: unset !important;
}
ul.breadcrumb li {
  display: inline;
  font-size: 12px;
  font-weight: normal !important;
}
ul.breadcrumb li.arr::after {
  content: "\00BB";
  FONT-SIZE: 12px;
    COLOR: var(--main-fo-col-bla);
    FONT-FAMILY: "Lucida Grande",Lucida,Verdana,sans-serif !important;
    padding:0 3px 0 3px;
}
ul.breadcrumb li+li:before {
  padding: 1px;
  color: var(--main-fo-col-bla);
  font-weight: normal !important;
  content:none !important;
}
ul.breadcrumb li a {
  color: #093145;
  text-decoration: underline;
  font-weight: normal !important;
}
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
  font-weight: lighter !important;
  background-color: transparent !important;	
}


.home{
/*background-image: url(home.png);*/
background-repeat: no-repeat;
width:auto;
height:auto;

}
/*end breadcrumb new styles */


.alert1 {
  padding: 6px;
  color: var(--main-fo-col-bla);
  border-radius: 5px;
  font-family: "Lucida Grande",Lucida,Verdana,sans-serif !important;
  font-weight: normal !important;
  font-size: 12px;
  margin-left:10px;
  width: 99% !important;
   height:auto !important;
   diplay:inline;
}

.alert1.alert-danger1 {
  background-color: #ffebee !important;
  border-color: rgba(220, 53, 69, 1);
  color: rgba(114, 28, 36,1);
  margin:0px !important;
}
div.alert1{
	 margin:0px !important;
}

.alert1.alert-info1 {
	padding: 6px 6px 6px 5px !important;
  border-color: rgba(217, 237, 247, 1) !important;
  border-style: solid;

}
.alert1.alert-success1 { 
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
   margin:0px !important;
}

.alert1.alert-info-hide {
	padding: 6px 6px 3px 5px !important;
	 border-color: rgba(217, 237, 247, 1) !important;
     border-style: solid;  
}

.closebtn {
  margin-left: 15px;
  color: var(--main-fo-col-bla) !important;
  font-weight: normal;
  float: right;
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: var(--main-fo-col-bla);
}

.pad1{
	Padding-bottom:10px !important;
}

td[bgcolor="#cccccc"]{
	height:22px;
	border-radius: 5px 5px 0 0;
}

td.bgcol, table.bgcol, tr.bgcol{
	background-color:var(--main-das-tab-header);
	/* height:22px; */
	border-radius: 5px 5px 0 0;
}

td[style="background-color:#cccccc"]{
	height:22px;
	border-radius: 5px 5px 0 0;
}
.check1.check-label {
    padding: 2px 2px 2px 1px !important;
    border-color: #c1c1c1 !important;
    border-style: solid;
    margin-bottom: 3px;
border-width: 1px;
cursor: pointer;

}



.check1 {
    padding: 6px;
    color: var(--main-fo-col-bla);
    border-radius: 5px;
    font-family: "Lucida Grande",Lucida,Verdana,sans-serif !important;
    font-weight: normal !important;
    font-size: 12px;
    margin-left: 2px;
    width: 96% !important;
    height: auto !important;
    diplay: inline;
    
}



/*HEADER 1 -black color normal font */



/*No Idea*/
.LTEXT
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: VERDANA
}


.TDBBwhite
{
    BORDER-BOTTOM: #ffffff 2px solid;
	 BORDER-TOP: #ffffff 2px solid;
}
/*CTDBBT - Table Dimension Border Bottom&TOP */
.TDBBTCOLOR
{
    BORDER-BOTTOM: #639EB5 3px solid;
	BORDER-TOP: #639EB5 3px solid
}




.blue
	{
	BORDER-RIGHT: #E5EAEE 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #E5EAEE 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #E5EAEE 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #E5EAEE 1px solid;
	 BACKGROUND-COLOR:#E5EAEE
	}
.blue1
	{
	border:0;
	 BACKGROUND-COLOR:#FFFFFF
	}
/*TDBT - Table Dimension Border Bottom Right Top*/


/*TDBT - Table Dimension Border Bottom Right*/
.TDBBR
{
    BORDER-RIGHT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
    FONT-SIZE: 12px;
    COLOR:var(--main-fo-col-bla);
   
    FONT-FAMILY: var(--main-fo-fa)
}
/*TDBT - Table Dimension Background Font ( Lifescape leftmenu ) */
.TDBGF
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: var(--main-fo-col);
    BORDER-BOTTOM: var(--main-tb-bc);
    FONT-FAMILY: var(--main-fo-fa);
    BACKGROUND-COLOR: #204f7f
}
/*TDBT - Table Dimension Background Font which is used in left navigation Background*/
.TDBGF1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa);

}
/*No idea*/
.NLIST
{
    WIDTH: 120px;
    FONT-FAMILY: var(--main-fo-fa);
    TEXT-ALIGN: left
}
/*Header 4 -light stanford standard color*/
.H41
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 12px;
    COLOR: #ff00cc;
    FONT-FAMILY: var(--main-fo-fa)
}
/*Header 6 -bold black color*/
.H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa)
}


	.plzWait12
	{
	 FONT-WEIGHT: bold;
	 FONT-STYLE:italic;
    FONT-SIZE: 14px;
    COLOR: #900000;
    FONT-FAMILY: var(--main-fo-fa)
	  
	}


A:link
{
    DISPLAY: inline-block; 
    PADDING: 2px 4px;
    COLOR: #02386e;
    TEXT-DECORATION: underline
}
/*No idea */
A:hover
{
    COLOR: #000066;
    TEXT-DECORATION: underline
}
/*No idea */
A
{
    FONT-SIZE: 12px;
    COLOR: #000066;
    FONT-FAMILY: var(--main-fo-fa)
}

a label.PH2{
	COLOR: #02386e !important;
	cursor: pointer;
}

.disabled, table.disabled td, td.disabled label, div.disabled label{color:#cccccc !important;}

.table_top{position:relative;height:25px;background:#BFBFBF;margin:20px 0 0 0;padding-left:4px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;}
.table_top_title{position:absolute;top:5px;left:6px;font-weight:bold;color:var(--main-fo-col-bla);font-size:13px;}
.table_top_title label{padding:0 !important;margin:0 !important;}
.table_top a.button{float:right;font-size:10px;color:var(--main-fo-col) !important;padding:1px 2px;text-decoration:none !important;background:#204f7f;-moz-border-radius:6px;-webkit-border-radius:6px;font-weight:normal !important;}
.table_top a.button:hover{background:#163657;}
.no_record{position:absolute;top:5px;right:6px;color:var(--main-fo-col-bla);font-weight: normal !important;font-size:12px;}
.no_record a:link, .no_record a:visited{color:#204f7f;text-decoration:none;}
.no_record a:hover{color:#163657;}

table.dataTable{border-collapse:collapse;width:760px;padding:0;margin:0;border:0;font-size:12px !important;}
table.dataTable th {background:#D9D9D9 !important;padding:4px 0 4px 4px;color:var(--main-fo-col-bla);border-bottom:1px solid #D6D6D6;white-space:nowrap}
table.dataTable th label,table.dataTable th{font-weight:bold;}
table.dataTable tr {border-left:1px solid #ccc;border-right:1px solid #ccc;}
table.dataTable td {padding:6px 6px 6px 4px !important;border-bottom:1px solid #ccc;background:#fafafa;font-weight:normal;vertical-align:top;}
table.dataTable td.actions, table.dataTable th.action{width:110px;text-align:right;}
table.dataTable td.actions{font-size:10px;font-weight:normal;color:#204f7f;}
table.dataTable td.actions a{text-decoration:none;color:#204f7f;}
table.dataTable td.actions a:hover{color:#163657;}



.TDBBwhite
{
    BORDER-BOTTOM: #ffffff 2px solid;
	 BORDER-TOP: #ffffff 2px solid;
}
/*CTDBBT - Table Dimension Border Bottom&TOP */
.TDBBTCOLOR
{
    BORDER-BOTTOM: #639EB5 3px solid;
	BORDER-TOP: #639EB5 3px solid
}




/*TDBT - Table Dimension Border Bottom Left Top*/
.TDBLT
{
	
    BORDER-TOP: var(--main-tb-bc);
    BORDER-LEFT: var(--main-tb-bc);
    FONT-SIZE: 12px;
    FONT-FAMILY: var(--main-fo-fa)
}





/*TDBT - Table Dimension Border Bottom Right Top*/


/*TDBT - Table Dimension Border Bottom Right*/
.TDBBR
{
    BORDER-RIGHT: var(--main-tb-bc);
    BORDER-BOTTOM: var(--main-tb-bc);
    FONT-SIZE: 12px;
    COLOR:var(--main-fo-col-bla);
   
    FONT-FAMILY: var(--main-fo-fa)
}

/*TDBT - Table Dimension Background Font which is used in left navigation Background*/
.TDBGF1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa);

}
/*No idea*/
.NLIST
{
    WIDTH: 120px;
    FONT-FAMILY: var(--main-fo-fa);
    TEXT-ALIGN: left
}
/*Header 4 -light stanford standard color*/
.H41
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 12px;
    COLOR: #ff00cc;
    FONT-FAMILY: var(--main-fo-fa)
}
/*Header 6 -bold black color*/
.H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa)
}


     
     .header1       { BORDER-RIGHT: #E5E0E0 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #E5E0E0 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #E5E0E0 1px solid;
    PADDING-TOP: 0px;
     font-family: var(--main-fo-fa); font-size: 14pt; font-weight: normal;COLOR: #204f7f; }


     
ul.breadcrumb li+li:before {
	content: none I

	}
	
	
	
	/* table Dispaly Main Page Header Background color and font style Begin */
table #content{
border-right: var(--main-tb-bc);
border-top: var(--main-tb-bc);
border-collapse:collapse


} 
table #content tr.captions td{
	background-color:#F6F6F6;
	FONT-WEIGHT: bold;
    font-size: 12px;
    color: #204f7f;
    font-family: var(--main-fo-fa);
	border-left: var(--main-tb-bc);
	border-bottom: var(--main-tb-bc);
   	}
	table #content tr.captions td a:link{
	background-color:#F6F6F6;
	FONT-WEIGHT: bold;
    font-size: 12px;
    color: #204f7f;
    font-family: var(--main-fo-fa);
	
	}
	
	table #content tr.data td{
	font-weight: lighter;
    font-size: 12px;
    color: var(--main-fo-col-bla);
    font-family: var(--main-fo-fa);
	border-left: var(--main-tb-bc);
    border-bottom: var(--main-tb-bc);
	}
	
	
	table #content tr.data td a:link{
	font-weight: lighter;
    font-size: 12px;
    color: #204f7f;
    font-family: var(--main-fo-fa);
	}
	table #content tr.data td a:visited{
	font-weight: lighter;
    font-size: 12px;
    color: #204f7f;
    font-family: var(--main-fo-fa);
	}
	table #content tr.data td a:hover{
	font-weight: bold;
    font-size: 12px;
	color:#204f7f;
    font-family: var(--main-fo-fa);
	}
	
	.hyp{
	font-family: var(--main-fo-fa);
	}
	
	table #content tr.data_bold td{
	font-weight: bold ;
    font-size: 12px;
    color: var(--main-fo-col-bla);
    font-family: var(--main-fo-fa);
	border-left: var(--main-tb-bc);
    border-bottom: var(--main-tb-bc);
	}
	
	table #content tr.data__bold td a:link{
	font-weight: bold;
    font-size: 12px;
    color: #204f7f;
    font-family: var(--main-fo-fa);
	}
	table #content tr.data__bold td a:visited{
	font-weight: bold;
    font-size: 12px;
    color: #204f7f;
    font-family: var(--main-fo-fa);
	}
	table #content tr.data__bold td a:hover{
	font-weight: bold;
    font-size: 12px;
	color:#204f7f;
    font-family: var(--main-fo-fa);
	}
	
	
	
	table#popupcontent{
	border-right: var(--main-tb-bc);
	border-top: var(--main-tb-bc);
} 
	table#popupcontent td{
	border-left: var(--main-tb-bc);
    border-bottom: var(--main-tb-bc);
	}
	
.dataTables_wrapper{
	min-height: auto !important;
}

/* table Dispaly Main Page Header Background color and font style end */

input[type="textbox"],input[type="text"] {
   height:22px;
   border: 1px solid #565252;
    border-radius: 5px;
	  -webkit-border-radius:5px  ;
  -moz-border-radius:  5px  ;
   -khtml-border-radius:  5px ;
   margin:2px;
   text-indent:3px;
}
input[disabled] {
background:#C1C1C1;
margin:2px;
}
input:focus{
    outline: none;
    box-shadow: 0px 0px 10px #10699c;
    border-color: #10699c;
}
input:hover {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
	box-shadow: 0px 0px 10px #bfbfbf;
}

select{
 -webkit-border-radius:5px ;
  -moz-border-radius:  5px ;
  border-radius: 5px;
  -khtml-border-radius:  5px;
  height:22px;
     border-right: var(--main-tb-bc-drop);
    padding-right: 0px;
    border-top: var(--main-tb-bc-drop);
    padding-left: 0px;
    padding-bottom: 0px;
    border-left: var(--main-tb-bc-drop);
    padding-top: 0px;
    border-bottom: var(--main-tb-bc-drop);
margin:2px !important;
}
select:focus{
    outline: none;
    box-shadow: 0px 0px 5px #10699c;
    border-color: #10699c;
}
select:hover {
    border: 1px solid #999;
    border-radius: 5px;
}

.pl0{padding:0} .pl3{padding-left:3px;} .pl5{padding-left:5px;} .pl4{padding-left:4px;} .pl10{padding-left:10px;} .pl15{padding-left:15px;} .pr5{padding-right:5px;} .pr10{padding-right:10px;} .pr15{padding-right:15px;}
.ml0{margin:0;} .m3{margin:3px;}

table.property{
	border:0;
	border-spacing:0;
	padding:0;
}

table.tab{
	border-bottom:2px solid #000000;
}

table.p7 th, table.p7 tr, table.p7 td{
	padding:7px !important;
}

table.p3 th, table.p3 tr, table.p3 td{
	padding:3px !important;
}

table.p0 th, table.p0 tr, table.p0 td{
	padding:0px;
}

.bs0{
	border-spacing:0;
}
.mauto{
	margin: auto;
}

.wauto{
	width:auto;
	text-align: left;
}

.w102{width:102%;} .w100{width:100%} .w99{width:99%} .w98{width:98%} .w95{width:95%;} .w94{width:94%;} .w90{width:90%;}
.w86{width:86%;} .w85{width:85%;} .w80{width:80%} .w87{width:87%;} .w75{width:75%;}
.w70{width:70%;} .w60{width:60%;} .w55{width:55%;} .w50{width:50%;} .w46{width:46%;} .w47{width:47%;} .w45{width:45%;}
.w40{width:40%;} .w37{width:37%;} .w35{width:35%;} .w33{width:33%;} .w30{width:30%;} .w28{width:28%;} .w25{width:25%;} .w22{width:22%;}
.w21{width:21%;} .w20{width:20%;} .w18{width:18%;} .w16{width:16%;} .w17{width:17%;} .w15{width:15%;} .w14{width:14%;} .w12{width:12%;}.w12{width:11%;}
.w13{width:13%;} .w10{width:10%;} .w9{width:9%;} .w8{width:8%;} .w7{width:7%;} .w6{width:6%;} .w5{width:5%;}
.w4{width:4%;} .w3{width:3%;} .w1{width:1%;}
.p3{padding:3;} .p1{padding:1;} .p10{padding:10;}

.wbw{
	width: var(--main-tab-wid) !important;
}
.wlb{
	width: var(--main-tab-lay-big) !important;
}
.wlm{
	width: var(--main-tab-lay-medium) !important;
}
.wls{
	width: var(--main-tab-lay-small) !important;
}
.wl{
	width: var(--width-layout) !important;
}

.pt10{padding-top:10px !important;}

.mb10{margin-bottom: 10px !important;}

.pt4{padding-top:4px}

.tabs_visit
{
	PADDING:1px !important;
    BACKGROUND:var(--main-tab-pry-col);
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
    border-radius: 5px 5px 0 0 !important;
    cursor:pointer;
    color:var(--main-fo-col);
    font-weight:bold;
    height:25px;
    width:70px;
      
}
.aga_tab{
	width:150px !important;
	height:30px;
}
.aga_eduser{
	width:100px !important;
	
}
.tabs_visit a:link{
	color:var(--main-fo-col);
}
.tabs_normal a:link{
	color:var(--main-fo-col-bla);
}
.tabs_normal
{
		PADDING:3px !important;
    BACKGROUND:var(--main-tab-sec-col);
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
    border-radius: 5px 5px 0 0 !important;
    cursor:pointer;
    color:var(--main-fo-col-bla);
    border-bottom: var(--main-tab-border-col);
    font-weight:bold;
    height:25px;
    width:70px;
    
}
#Layer3 .H2{
	    font-weight: 400;
    FONT-SIZE: 14px;
    COLOR: var(--main-fo-col);
    FONT-FAMILY: var(--main-fo-fa) !important;
}

.prductlog{
	width:389px;
	height:107px;
	vertical-align:top;
}

.keylog{
	height:91px;
	text-align:right;
}

/* table Dispaly Main Page Header Background color and font style end */




/*session timeout modal window styles start*/
	.stay-signed-in-button {
  
    letter-spacing: 1px !important;
    text-decoration: none !important;
    text-align: center !important;
    font-family: var(--main-fo-fa) !important;
    font-size: 13px;
    color: var(--main-fo-col) !important;
    border-radius: 5px !important;
    background: #364E6D !important;
    }

    .sign-out-button {
    
    letter-spacing: 1px !important;
    text-decoration: none !important;
    text-align: center !important;
    font-family: var(--main-fo-fa) !important;
    font-size: 13px;
    color: var(--main-fo-col) !important;
    border-radius: 5px !important;
    background: #364E6D !important;
    }
    
    .close-button {
    
    letter-spacing: 1px !important;
    text-decoration: none !important;
    text-align: center !important;
    font-family: var(--main-fo-fa) !important;
    font-size: 13px;
    color: var(--main-fo-col) !important;
    border-radius: 5px !important;
    background: #364E6D !important;
    }
    
.ui-draggable .ui-dialog-titlebar {
    cursor: move !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: var(--main-site-tab) !important;
    color: var(--main-fo-col) !important;
}

.ui-dialog .ui-dialog-title {
    FONT-WEIGHT: bold !important;
    FONT-SIZE: 12px !important;
    COLOR: var(--main-fo-col) !important;
    FONT-FAMILY: var(--main-fo-fa) !important;
    width: 85% !important;
}

.ui-dialog .ui-dialog-content {
    position: relative !important;
    border: 0 !important;
    padding: .5em 1em !important;
    background: none !important;
    overflow: auto !important;
}
.ui-widget-content {
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 12px !important;
    font-family: var(--main-fo-fa) !important;
    z-index: 9999 !important;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left !important;
    border-width: 1px 0 0 0 !important;
}
	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    	float: none !important;
        text-align: center;
    	height:30px;
	}
	.ui-dialog .ui-dialog-buttonpane button:hover {
    cursor: pointer !important;
    opacity: 0.9; /* visual feedback */
    }
/* stanford standard color start */
	
 .stan-stay-signed-in-button {
  
    letter-spacing: 1px !important;
    text-decoration: none !important;
    text-align: center !important;
    font-family: var(--main-fo-fa) !important;
    font-size: 13px;
    color: var(--main-fo-col) !important;
    border-radius: 5px !important;
    background: #6D0017 !important;
    }
	.stan-sign-out-button {
    
    letter-spacing: 1px !important;
    text-decoration: none !important;
    text-align: center !important;
    font-family: var(--main-fo-fa) !important;
    font-size: 13px;
    color: var(--main-fo-col) !important;
    border-radius: 5px !important;
     background: #6D0017 !important;
    }
    .ui-dialog .stan-ui-dialog-titlebar {
     background: #6D0017 !important;
    color: var(--main-fo-col) !important;
}
/* stanford standard color end */
/*session timeout modal window styles end*/ 

	
	body{
		font-family: ARIAL, Verdana, TAHOMA, 'TIMES NEW ROMAN'; 
	}
	
	.blueback{
		color: var(--main-fo-col) !important;
	 	background-color: var(--main-site-tab) !important;
	 	border-radius: 5px 5px 0 0 !important;
	 	padding:3px;
	 	
	}
	.glyphicon{
	color: var(--main-site-tab) !important;
	}
	
	.divscroll{
		overflow: hidden;
		height: 18vh;
		line-height: 150%;
		margin-left: 8px;
	}
	
	.sectionheading{
		color: #ffffff;
		font-size: 12px;
		font-weight: bold;
	}
	
	.columnheading{
		font-size: 12px;
		font-weight: bold;
		background-color: #cccccc !important;
	 	border-color: #cccccc !important;
	}
	
	.floatright{
		float: right;
		margin-right: 10px;
	}
	
	.bottompadding{
		padding-bottom: 10px;
	}
	
	.moveright{
		padding-left: 2px;
	}
	
	.more{
		color: #800080;
	}
	
	a.more:hover {
    	color: #400040;
	}
	
	.table-condensed{
		width: 100%;
	}
	
	.table-condensed th{
		text-align: center;
	}
	
	.table-condensed thead tr:nth-child(1) th:nth-child(1){
		color: #ffffff !important;
	 	background-color: #368ee0 !important;
	 	border-color: #368ee0 !important;
	 	text-align: left;
		font-size: 14px;
		font-weight: bold;
	}
	
	.table-condensed td{
		margin-left: 8px;
	}
	
	/*  Define the background color for all the ODD table columns  */
	.table-condensed tr td:nth-child(odd){ 
		background: #fbfbfb;
		border-top:1px solid white;
	}
	/*  Define the background color for all the EVEN table columns  */
	
	.table-condensed tr td:nth-child(even){
		background: #f1f4f5;
		border-top:1px solid white;
	}
	
	.table-condensed tr:nth-child(1) td{
		border-top:none;
	}
.btn-default{
	background-color: var(--main-but-pry-col) !important;
	color: var(--main-fo-col) !important;
}
.btn-default.focus,.btn-default:focus {
	color: var(--main-fo-col) !important;
	background-color: var(--main-but-pry-col-hov) !important;
	border-color: var(--main-but-pry-col-hov) !important;
}
.btn-default:hover{
	color: var(--main-fo-col-bla) !important;
	background-color: var(--main-but-pry-col-hov) !important;
	border-color: var(--main-but-pry-col-hov) !important;
}

.themeBtn{
padding-right: 10px;
}

#roleList{
color:#000000; font-weight: 800;
}

#roleSiteList{
color:#000000; font-weight: 800;
}

#roleNameList{
color:black; padding-left:20px;
}

#siteRoles{
width: 90%; padding: 3px;
}

#siteThemes{
padding:5px 13px;
}

.themesList{
display: flex;
}

.themeContainer{
display: inline-block;
margin-right: 20px;
text-align: center;
}

.themeColor{
display: flex;
width: 30px;
height: 30px;
text-align: center;
border: 1px solid black;
}

.themeBox{
display: flex;
justify-content: center;
align-items: center;
}

 .theme-table{
    border-collapse: collapse;
    }
    
    #themeRadioButton{
    padding:5px 13px;
    }
    
    .roleThemeContainer{
    white-space: nowrap;
    }
    
    .roleThemeItem{
    display: inline-block; margin-right: 10px; text-align:center;
    }
    
    .roleThemeBox{
    display: flex; justify-content: center; align-items: center;
    }
    
    .roleThemeColor{
    width: 30px; height: 30px;
    border: 1px solid black;
    }
    
.ui-widget, .ui-widget button {
		font-size: 0.8em;
		}
.image-container {
            display: flex;
            justify-content: space-around; /* Distribute images evenly */
            align-items: center;
            width: 100%;
        }

.image-container img {
            max-width: 100%;
            height: 75px;
            object-fit: cover; /* Ensures the image scales without distortion */
            margin: 0 10px; /* Adds space between images */
        }

.image-wrapper {
            flex: 1; /* Allows each image to take up available space */
            padding: 0px 5px 2px 0px; /* Adds some padding around the images */
        }
        
.image-ar{
        float:right;
        padding-right:10px
        }
.middle {
            display: flex;
            justify-content: center; /* Center the middle image horizontally */
        }
        
.left-img img, .left-img {
	height: 75px;
	}
.headbgcolor {
        background-color: #ffffff;
    }
    
 /*menu background & font styles*/
 .clearBgColor {
    color: #fff;
    background-color: var(--main-tab-pry-col);
    border: 1px solid var(--main-tab-pry-col);
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.clearBgColor:focus, .btn-primary.focus {
    color: var(--main-fo-col-bla);
    background-color: var(--main-tab-sec-col);
    border-color: #122b40;
    outline: none;
    box-shadow: 0 0 3px rgba(0, 123, 255, 0.4);
}

.clearBgColor:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: var(--main-fo-col-bla);
    background-color: var(--main-tab-sec-col);
    border-color: #204d74;
    transform: scale(0.98);
}

.clearBgColor:hover {
    color: #fff;
    background-color: var(--main-tab-sec-col);
    border-color: var(--main-tab-pry-col);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.text-left{
	text-align:left;
}

.text-right{
	text-align:right;
}

.text-center{
	text-align:center !important;
}

.nxtprevLink_highlight {
	cursor: pointer;
	margin: 0 17px;
	color: #204f7f;
	font-size: 12px;
	font-family: var(--main-fo-fa);
}

.nxtprevLink_highlight:hover {
	text-decoration: underline
}

.nxtprevLink_disabled {
	margin: 0 17px;
	color: #204f7f;
	font-size: 12px;
	font-family: var(--main-fo-fa);
}

.calimgclick {
	pointer-events: none !important;
}


/*Resource Utilization styles */
.scrollable-table-container-ru {
		    overflow-x: auto;
		    border: 1px solid #ccc;
		    margin-bottom: 20px;
		    max-width: 80%;
		    margin-left: auto;
		    margin-right: auto;
		    white-space: nowrap;
		    text-align: center; 
}

.table-fixed-column th:first-child ,
		.table-fixed-column td:first-child {
		    position: -webkit-sticky;
		    position: sticky;
		    left: 0;
		    background: white;
		    z-index: 1;
		    width: 50%;
    			min-width: 300px; 
}

.table-fixed-column th,
		.table-fixed-column td {
		    min-width: 80px;
		    max-width: 80px;
		    width: 100%;
}

.tfborder-ru {
       		padding-left: 10px;
       		text-indent: 0px;
       		padding: 5px;
}

.centered-cell {
            text-align: center;
            vertical-align: middle;           
        }
        
        .centered-content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100%;
        }
                
        .diagonal-cell {
            padding: 0;
            position: relative;
        }
        .diagonal-cell svg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .diagonal-cell span {
            position: absolute;
            font-size: 12px;
            z-index: 1;
        }
        .bottom-left {
            bottom: 10px;
            left: 5px;
        }
		.top-right {
            top: 8px;
            right: 16px;
        }
        .table-ws-normal-ru {
            white-space: normal;
        }
        .table-container {
         overflow-x: auto;
         width: 100%;
         max-width: 100%;
         position: relative;
         }
         .table-cen {
         width: 100%;
         border-collapse: collapse;
         }
         .table-cen th, .table-cen td {
         padding: 5px 10px;
         border: 1px solid darkgray;
         }
         .fixed-column {
         position: sticky;
         left: 0;
         background-color: #fff;
         z-index: 1;
         }
         .table-cen th {
         background-color: rgb(231, 233, 235);
         }
         .table-cen tr:nth-child(even) {
         background-color: rgb(231, 233, 235);
         }
         .table-cen-thborder{
         border: 1px solid black !important;
         }
         
 .highlighted {
        background-color: #ffff99 !important; /* Light yellow */
    }
    
 @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #4caf50;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin: auto;
}



 .search-container {
 
      position: relative;
      max-width: 100%;
      
    display: flex; 
      /* padding-bottom: 0.5%; */
     margin-bottom:1%;
     flex-wrap: nowrap;
    
    }

    .search-input {
    flex: 1; 
      width: 100%;
      padding: 5px 35px 5px 10px;
      font-size: 12px;
      border: 1px solid #ccc;
      border-radius: 20px;
      min-width:0;
    }

    .icon-btn {
     position: absolute;


      flex-shrink: 0; 
     
      top: 50%;
      transform: translateY(-50%);
      background: none;
      border: none;
      cursor: pointer;
      padding: 5px;
    }

    .clear-btn {
      right: 20px;
      display: none;
      
      margin-top: 3%;
    } 
    .search-btn {
      right: 2px;
      margin-top:3%;
     
    }

    svg {
      width: 18px;
      height: 18px;
      fill: #555;
    }

    .show {
      display: block !important;
    }
        
    .pagination{
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	line-height: normal !important;
}
.align-top {
	vertical-align: top;
	
}
.preview-svg{
	 width: 15px;
      height: 15px;
       fill: #555;
}

#stan-otherButton{
	background: var(--main-but-pry-col) !important;
	}
	
.drop-zone, .drop-zone-email {
    border: 2px dashed #ccc;
    padding: 6px 6px 6px 6px;
    text-align: left;
    cursor: pointer;
    background-color: #f9f9f9;
    transition: background-color 0.3s ease;
}

.drop-zone-email-usermanagement {
	border: 2px dashed #ccc;
    text-align: left;
    cursor: pointer;
    background-color: #f9f9f9;
    transition: background-color 0.3s ease;
}

.drop-zone.disabled {
    background-color: #eaeaea;
    cursor: not-allowed;
    opacity: 0.6;
}

.drop-zone.dragover {
    background-color: #d8f0ff;
}

.file-list {
    margin-top: 10px;
    font-size: 14px;
}

.browse-btn {
    background-color: var(--main-but-pry-col) !important;
    border-radius: 5px !important;
    font-size: 13px;
    color: white;
    padding: 3px 6px;
    cursor: pointer;
    margin-top: 5px;
}

.browse-btn-import {
	border-radius: 5px !important;
    font-size: 13px;
    color: black;
    padding: 3px 6px;
    cursor: pointer;
    margin-top: 5px;
    
}

.custom-placeholder::placeholder {
    padding-left: 6px;
    padding-top: 6px;
}

.drop-zone-flex-email {
	display: flex;
    align-items: center;
    gap: 5px;
    height:100px;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.drop-zone-email.dragover {
    background-color: #d8f0ff;
}

.drop-zone-email-usermanagement.dragover {
	background-color: #d8f0ff;
}

/* css for the reports and home dashboard section in EAO */
ul.siteAdminbutton-navi {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.siteAdminbutton-navi li {
  display: block;
  margin-bottom: 4px;
}
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4); /* overlay */
}

/* Center the modal content */
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    border: 1px solid #888;
    width: 40%;
    max-height: 80vh;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2),
                0 6px 20px rgba(0,0,0,0.19);
}

/* Header stays fixed */
.modal-header {
    padding: 5px !important;
    border-bottom: 1px solid #ddd;
    background: #f0f0f0;
}

/* Header stays fixed */
.modal-header {
    padding: 5px !important;
    border-bottom: 1px solid #ddd;
    background: #f0f0f0;
}

/* Body scrolls */
.modal-body {
    max-height: 60vh;      /* responsive scrolling */
    overflow-y: auto;
    padding: 10px;
}
.dot-loader {
  display: inline-flex;
  gap: 6px;
  vertical-align: middle;
  margin-left: 4px;
}

.move-buttons {
      position: fixed;
      right: 20px;
      bottom: 80px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .move-buttons button {
      background: white;
      border: none;
      border-radius: 50%;
      box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
      width: 42px;
      height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 1.2rem;
    }
    
.drop-height{
	height:27.5px;
	border: 1px solid #565252;
}
.textarea-height{
	height:27.5px;
	border: 1px solid #565252;
}
.remove-underline{
	text-decoration:none !important;
}
.field-border{
	border: 1px solid #565252;
}

.dot-loader span {
  width: 4px;
  height: 4px;
  background-color: rgb(54, 78, 109);
  border-radius: 50%;
  animation: growDot 2.5s infinite ease-in-out;
}

.dot-loader span:nth-child(1) { animation-delay: 0s; }
.dot-loader span:nth-child(2) { animation-delay: 0.1s; }
.dot-loader span:nth-child(3) { animation-delay: 0.2s; }
.dot-loader span:nth-child(4) { animation-delay: 0.3s; }
@keyframes growDot {
  0%, 100% {
    transform: scale(0.5);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.5);
    opacity: 1;
    background-color: rgb(54, 78, 109);
  }
}

/* Body scrolls */
.modal-body {
    max-height: 60vh;      /* responsive scrolling */
    overflow-y: auto;
    padding: 10px;
}
.dot-loader {
  display: inline-flex;
  gap: 6px;
  vertical-align: middle;
  margin-left: 4px;
}

.dot-loader span {
  width: 4px;
  height: 4px;
  background-color: rgb(54, 78, 109);
  border-radius: 50%;
  animation: growDot 2.5s infinite ease-in-out;
}

.dot-loader span:nth-child(1) { animation-delay: 0s; }
.dot-loader span:nth-child(2) { animation-delay: 0.1s; }
.dot-loader span:nth-child(3) { animation-delay: 0.2s; }
.dot-loader span:nth-child(4) { animation-delay: 0.3s; }
@keyframes growDot {
  0%, 100% {
    transform: scale(0.5);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.5);
    opacity: 1;
    background-color: rgb(54, 78, 109);
  }
}
.eao-strike-text {
    text-decoration: line-through !important;
}

.anlt-svr-table {
	margin-top: -10px !important;
}
/* EAO multiple selection view styles*/
 .select-box {
         width: 100%;
         min-height: 40px;
         height: auto;
         border: 1px solid #ccc;
         border-radius: 6px;
         padding: 6px;
         display: flex;
         flex-wrap: wrap;
         align-content: flex-start;
         gap: 6px;
         background: #fff;
         box-sizing: border-box;
     }
 .chip {
            background-color: #f0f4ff;
            border: 1px solid #b3c7ff;
            padding: 6px 10px;
            border-radius: 6px;
            font-size: 14px;
            word-break: break-word;
       }
 .grey-box {
        background-color: #f5f5f5;
        padding: 3px 8px;
        margin: 2px 4px;
        border-radius: 4px;
        display: inline-block;
        border: 1px solid #ddd;
        font-size: 12px;
    }
/* EAO multiple selection view styles*/