/* Minification failed. Returning unminified contents.
(2538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

html, body {
    height: 100%;
    margin: 0px;
}

body, table, tr, td, p, a, hr, h1, h2, h3, h4, span, div, input, select 
{
	FONT-FAMILY : Calibri, Verdana, Arial, Helvetica, Geneva, sans-serif;
	COLOR: #333333;
	FONT-SIZE: 11pt;
	FONT-WEIGHT: normal; 
	TEXT-DECORATION: none;
}


body {
	background-color: #DEDEDE;
}

body {
    font-family: Calibri, Verdana, Trebuchet MS, "Lucida Sans Unicode", Arial, sans-serif;
    /*line-height: 1em;*/
    color: #cccccc;
    font-size: 10.5px;
    line-height: 12px;
    /*background-color: #1a1a1a;*/
    background-color: #EDEDED;
    margin: 5px;
    margin-top: 0;
}

a {
	COLOR: #23459C;
}

a:link {
	COLOR: #23459C;
	/*font-weight : bold;*/
}

a:visited 
{
	/*font-weight : bold;*/
}


a:hover {
	COLOR: #0066CC ; 
	TEXT-DECORATION: underline;	
}


p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}


.Bluebtn {
	font-weight: bold;
	color: #FFFFFF;
	font-size : 11pt;
	border: none;
	cursor: pointer;
	/*background-color: #0C7EB7;*/
	/*background-color: #0D7EA3;*/
	background-color: #024961;
	height:25px;
}

.DBluebtn 
{
    font-weight: bold;
	color: #FFFFFF;
	font-size : 11pt;
	border: none;
	cursor: pointer;
	white-space: normal;
	/*padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;*/
	width:130px;
	height:70px;
	background-color: #024961;
}


.DLBluebtn 
{
    font-weight: bold;
	color: #FFFFFF;
	font-size : 11pt;
	border: none;
	cursor: pointer;
	white-space: normal;
	/*padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;*/
	width:130px;
	height:70px;
	background-color: #0C96C4;
}

.BluebtnSmall {
	font-weight: bold;
	color: #FFFFFF;
	font-size : 7pt;
	border: none;
	cursor: hand;
	background-color: #0C7EB7;
	height:15px;
}

.BluebtnLink {
	font-weight: bold;
	color: #FFFFFF;
	border: none;
	cursor: hand;
	background-color: #0C7EB7;
	height:28px;
}

.errortitle {
	font-weight: bold;
	color: #23459C;
}

.labelBold 
{
	font-size : 7pt;
	font-weight: bold;
}

/*
.label
{
	font-size : 8pt;
}
*/

.blueContent 
{
	font-weight: bold;
	color : #006699;
}
.whiteContent 
{
	font-weight: bold;
	color : #ffffff;
}

.welcomeContent 
{
	font-weight: bold;
	color : #333333;
}

.selectList {
	BORDER: #6d90b0 1px solid;  
	COLOR: #333333; 
}

.selectListsmall {
	border: 1px solid #666666;
	width: 60px;
}
.textfieldRegular {
	border: 1px solid #666666;
	
}
.textArea {
	border: 1px solid #666666;
}

.UnOrderedlist {
	list-style-type: disc;
	line-height: 16px;
	
}
TABLE.alert {
	background-color: #FDF9E5;
	border: 1px solid #FFCC66;
}

TABLE.alert TD {
	padding-left:0px;
	padding-top:4px;
	padding-bottom:4px;
}

TABLE.alertInfo {
	background-color: #F4FAFF;
	border: 1px solid #B4C9D3;
}

TABLE.alertInfo TD {
	padding-left:0px;
	padding-top:4px;
	padding-bottom:4px;
}

TABLE.alertError {
	background-color: #FDF9E5;
	border: 1px solid #FFCC66;
}

TABLE.alertError TD {
	padding-left:0px;
	padding-top:4px;
	padding-bottom:4px;
}

TABLE.dataTable 
{
	border-left: 1px solid #B4C9D3;
	border-top: 1px solid #B4C9D3;
	border-right: 1px solid #B4C9D3;
	border-bottom:1px solid #B4C9D3;
	table-layout:auto;
	
	background-color: #FFFFFF;
	/*border: 1px solid #6699CC;*/
}

TABLE.dataTable TR.header
{
	/*padding:2px;*/
	/*background-color:#0092DB; */
	background-color:#11A5EB;
	color: #FFFFFF;
	/*background-color:#DFECF5;
	font-weight : bold;*/
}

TABLE.dataTable TR.header TD
{
	border-bottom: 1px solid #B4C9D3; 
	border-right: 1px solid #B4C9D3; 
	/*padding:2px;*/
	color: #FFFFFF;
	font-weight:bold;
	font-size:11px;
	/*border-bottom: 1px solid #6699cc; 
	font-weight: bold;
	color: #23459C;*/
}

TABLE.dataTable TR.header TD.HeaderClass 
{
    padding:6px;
}

TABLE.dataTable TR.header TD.Right
{
	/*border-bottom: 1px solid #6699cc; 
	border-right: 1px solid #B4C9D3; 
	font-weight: bold; 
	color: #23459C;*/
}

TABLE.dataTable TR.header TD.sortActive{
	/*border-bottom: 1px solid #6699cc;
	border-right: 1px solid #B4C9D3;
	font-weight: bold;
	color: #23459C;
	background-image:url(images/sortActive.gif);*/
}

.dataTable TD{
	padding:2px;
	border-right: 1px solid #B4C9D3;
	/*border-Bottom: 1px solid #B4C9D3; */
}

.dataTable TD.gridrightBottom{
	/*border-right: 1px solid #B4C9D3;
	border-Bottom: 1px solid #B4C9D3;
	padding:2px;*/
}

.dataTable TR.grey{
	/*background-color:#F1F1F1;*/
}
.dataTable TD.gridBottom{
	/*border-Bottom: 1px solid #B4C9D3;
	padding:4px;*/
}
.dataTable TD.gridRight{
	/*border-right: 1px solid #B4C9D3;
	padding:2px;*/
}

TABLE.dataTable TR.header A 
{
	font-weight : bold;
	color: #FFFFFF
}

TABLE.formTable {
	border: 1px solid #B4C9D3;
	/*padding-top: 8px;
	padding-bottom: 8px;*/
	background-color:#F4FAFF;
    margin-left:auto;
    margin-right:auto;

}
.formTable TD 
{
	padding-top: 2px;
	padding-bottom: 2px;
	/*padding:4px; 
	line-height:2px;*/
}


.withdrawn 
{
	font-weight: bold;
	color: #FF0000;
	font-size: 7pt;
}
.withdrawn A{
	font-weight: bold;
	color: #FF0000;
	font-size: 7pt;
}
.withdrawn A:hover{
	font-weight: bold;
	color: #FF0000;
	text-decoration:underline;
	font-size: 7pt;
}
.withdrawn A:visited {
	font-weight: bold;
	color: #FF0000;
	font-size: 7pt;
}

.selected {
    background-color:#235A6B !important;
}


.menu {
	FLOAT: left; 
}

.Login
 {
	font : Verdana;
	color: #000000;
	font-size: 10pt;
 }
 .Copyright
 {
	font : Verdana;
	color: #ffffff;
	font-size: 5pt;
 }

.loginBody {
	background-color: #9e9e9e;
}

.lineSeperator 
{
	border-bottom : dotted 1px #CCCCCC;	
}


.footerText 
{
	font-size : 7pt;
	color: White;
}

TABLE.titleTable {
	border: 1px solid #B4C9D3;
	/*padding-top: 8px;
	padding-bottom: 8px;*/
	background-color:#F4FAFF;

}
.titleTable TD 
{
	padding:4px; 
	/*line-height:2px;*/
}
.Infomsg 
{
	font-weight: bold;
	color: #23459C;
	font-size: 9pt;
	text-align:center;
}

.HeaderClass 
{	
	font-weight: bold;
	/*color: #23459C; */
	/*color: #0E6BA3; */
	margin-bottom : 5px;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:#23459C;
}

#mainmenu
{
    display  :block;
    margin:1px;
    color:#fff;  
}

div#logoimg
{
    margin-left: auto;
    margin-right: auto;
}

#logindisplay a:link
{
    color: #23459C;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #23459C;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #23459C;
    text-decoration: none;
}

.LoginHeader 
{
    font-weight: bold;
	color: #FFFFFF;
	font-size : 8pt;
	border: 1px solid #CCC;
	padding:4px;
	background-color: #0081C1;
	height:26px;
}


TABLE.loginTable {
	border: 1px solid #CCC;
	/*padding-top: 8px;
	padding-bottom: 8px;*/
	background-color:#FFFFFF;

}
.loginTable TD 
{
	padding-top: 2px;
	padding-bottom: 2px;
	/*padding:4px; 
	line-height:2px;*/
}

.LeftNavTable td {
	background-color: #31AEEC;
	font-weight:normal;
	color: #ffffff;
	line-height: 21px;
	text-align: left;
	text-decoration:none;
	border:1px solid #ffffff;
	/*border-right: 1px solid #24364A;
	border-bottom: 1px solid #24364A;
	border-left: 1px solid #24364A;
	border-top: 1px solid #24364A;  */
} 


.LeftNavTable a { 
	color: #ffffff;
	display:block;
} 

.LeftNavTable td a 
{
    color: #ffffff;
	font-weight:bold;
	font-size:10px;
} 

.LeftNavTable td a:hover {
	border-bottom-style: none;
	background-color: #006699;
	display:block;
	color: #000000;
	text-decoration : none;
	font-weight : bold;
} 


.MainHeader 
{
    font-weight: bold;
	color: #FFFFFF;
	font-size : 13pt;
	/*border: 1px solid #CCC;*/
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:4px;
	background-color: #40A8C9;  
	line-height: 24px;
    /*vertical-align: middle;*/
    text-align: left;
}

.SubHeader 
{
    font-weight: bold;
	color: #FFFFFF;
	font-size : 8pt;
	border: 1px solid #CCC;
	padding:4px;
	background-color: #0092DB;
	height:26px;
}

.totalHeader
{
    background-color:#63C1F0;
	color: #000000;
	font-weight:bold;
}


.subLabel 
{
    font-weight:bold;
    color:#ffffff;
    font-size:8pt;
}

table.MsgTable {
	border: 1px solid #CCC;
	/*padding-top: 8px;
	padding-bottom: 8px;*/
	background-color:#FFBABA;
	
}

table.MsgTable td.ErrorMsgHeader 
{
    font-weight: bold;
	color: #FFFFFF;
	font-size : 8pt;
	border: 1px solid #CCC;
	padding:4px;
	background-color: #D1000C;
	height:26px;
}

table.MsgTable td
{
    color:#D8000C;
}

.Redbtn {
	font-weight: bold;
	color: #FFFFFF;
	font-size : 8pt;
	border: none;
	cursor: pointer;
	background-color: #D8000C;
	height:20px;
}


.displayList 
{
    width:143px;
    border: 1px solid #ccc;
    background-color:#fff;
}

.popupBtn 
{
    font-family:Verdana;
    background-color:#0C7EB7;
    color:#fff;
    font-weight:bold;
}

.displayPageInfo
{
     font-family:Verdana;
     color:#136F9C;
     font-weight:bold;
     font-size:11px;
}


.nextPage 
{
    background:url(../Images/Next.gif) no-repeat top left;
}

.labelTextBold 
{
	font-size : 11pt;
	font-weight: bold;
	color:#136F9C;
}

.labelTextHeaderBold 
{
	font-size : 14pt;
	font-weight: bold;
	color:#136F9C;
}


.displayNotes
{
    font-size : 8pt;
	font-weight: bold;
	color:#136F9C;
}

.mainTable
{
    /*border-left: 1px solid #B4C9D3;  */
	border-top: 1px solid #B4C9D3;
	/*border-right: 1px solid #B4C9D3; */
	border-bottom:1px solid #B4C9D3;  
}

.footerprint 
{
    text-align:center;
    font-family: Calibri, Verdana, Trebuchet MS, "Lucida Sans Unicode", Arial, sans-serif;  
    color:#999999; 
    font-size: 12px;
}
a.footerprint:link 
{
    font-family: Calibri, Verdana, Trebuchet MS, "Lucida Sans Unicode", Arial, sans-serif;  
    color:#999999;	
    font-size: 12px;
    text-decoration:none
}
a.footerprint:hover 
{
    font-family: Calibri, Verdana, Trebuchet MS, "Lucida Sans Unicode", Arial, sans-serif;  
    color:#cccccc;
    font-size: 12px;
    text-decoration:underline
}

a.dispAcctInfo {
    font-family: Calibri, Verdana, Trebuchet MS, "Lucida Sans Unicode", Arial, sans-serif;
    color: #2886a8;
    font-size: 12px;
    font-weight: bold;
}

a.dispAcctInfo:hover {
    color: inherit;    
}

/* css for slide show  */

.clear {
	clear:both
}

/* login css */
TABLE.signInTable {
	/*border-left: 1px solid #CCC; 
	border-top: 1px solid #CCC; 
	border-bottom: 1px solid #CCC; */
	/*padding-top: 8px;
	padding-bottom: 8px;*/
	/*background-color:#1F1F1F; */
	background-color:#f1f1f1;
	-moz-box-shadow: 10px 10px 4px rgba(0,0,0,.5);
    -webkit-box-shadow: 10px 10px 4px rgba(0,0,0,.5);
    box-shadow: 10px 10px 4px rgba(0,0,0,.5);
}

/* end */

.mainTable
{
    /*border-left: 1px solid #B4C9D3;  */
	border-top: 1px solid #B4C9D3;
	/*border-right: 1px solid #B4C9D3; */
	/*border-bottom:1px solid #B4C9D3;  */
}

.labelHeading 
{
    font-family: Verdana, Trebuchet MS, "Lucida Sans Unicode", Arial, sans-serif;
    /*color:#83c5f6;*/
    color:#1D92F2;
    /*background:#CCC; */
    font-size: 12.25px;
    line-height: 12px;
    font-weight:bold;
}

.evenRow
{
    /*background-color:#EDEBEB;
      background-color:#E9E9E9;
      background-color:#F7F7F7;*/
      background-color:#F2F2F2;
}

.oddRow
{
    background-color:#ffffff;
}

.dispContent 
{
	font-size : 8pt;
	font-weight: bold;
	color:#6B98C2;
}

TABLE.subHeadingTable 
{
    border-left: 1px solid #B4C9D3;
	border-top: 1px solid #B4C9D3;
	border-right: 1px solid #B4C9D3;
	border-bottom:1px solid #B4C9D3;
	table-layout:auto;
	
	background-color: #FFFFFF;
}
TR.subHeadingHeader 
{
    background-color:#6DCEFC;
	color: #FFFFFF;
}

TABLE.subHeadingTable TR.subHeadingHeader TD.subHeadingHeaderClass 
{
    padding:5px;
    color:#FFFFFF;
    font-weight:bold;
}

.dispContent 
{
	font-size : 8pt;
	font-weight: bold;
	color:#6B98C2;
}


TABLE.reportTable 
{
    border-left: 1px solid #B4C9D3;
	border-top: 1px solid #B4C9D3;
	border-right: 1px solid #B4C9D3;
	border-bottom:1px solid #B4C9D3;
	table-layout:auto;
	
	background-color: #FFFFFF;
}
TR.reportHeader 
{
    background-color:#6FC2D9;
	color: #FFFFFF;
}

TABLE.reportTable TR.reportHeader TD.reportHeaderClass 
{
    padding:5px;
    color:#FFFFFF;
    font-weight:bold;
}

TABLE.reportTable TD 
{
   /* border-left: 1px solid #B4C9D3;
	border-top: 1px solid #B4C9D3; */
	border-right: 1px solid #B4C9D3;
	border-bottom:1px solid #B4C9D3;
	padding:2px;
}

.comboBoxLabel 
{
    padding-top:1.4em;
    padding-right:0.4em; 
    display:inline-block;
    float:left;
    text-align:right;
}

.helpTextLabel {
    color: #02BFFF;
    font-weight: bold;
    font-size : 11pt;
}

table.InfoMsgTable {
	border: 1px solid #CCC;
	/*padding-top: 8px;
	padding-bottom: 8px;*/
	background-color:#E1E9F7;
	
}

table.InfoMsgTable td.InfoMsgHeader 
{
    font-weight: bold;
	color: #0C7EB7;
	font-size : 11pt;
	border: 1px solid #CCC;
	padding:4px;
	background-color: #BAD2FF;
	height:26px;
}

table.InfoMsgTable td
{
    color:#0C7EB7;
}

table.ErrorMsgTable {
	border: 1px solid #CCC;
	/*padding-top: 8px;
	padding-bottom: 8px;*/
	background-color:#FDF9E5;
	
}

table.ErrorMsgTable td.ErrorMsgHeader 
{
    font-weight: bold;
	color: #fff;
	font-size : 11pt;
	border: 1px solid #CCC;
	padding:4px;
	background-color: red;
	height:26px;
}

table.ErrorMsgTable td
{
    color:red;
}



.labelTextSmall
{
	font-size : 11pt;
	font-weight: bold;
	color:#136F9C;
}

/* for Window Grouping Initial Sensor Placement, Sensor Removal For Swap */
.FirstW5RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:92px;
	padding-bottom:8px;
	padding-left:28px;
	padding-right:28px;
	/*left:-3px; 
	position:relative;*/
    
}

.SecondW5RowBorderDefault 
{
    border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-right: 1px dotted #000;
	cursor: pointer;
	padding-top:52px;
	padding-bottom:8px;
	padding-left:28px;
	padding-right:28px;
	/*left:2px;
    position:relative; 
    */
}


.FirstW4RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:65px;
	padding-bottom:9px;
	padding-left:28px;
	padding-right:28px;
	/*left:-3px; 
	position:relative;*/
    
}

.SecondW4RowBorderDefault 
{
    border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-right: 1px dotted #000;
	cursor: pointer;
	padding-top:65px;
	padding-bottom:9px;
	padding-left:28px;
	padding-right:28px;
	/*left:2px;
    position:relative; 
    */
}

.FirstW3RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:165px;
	padding-bottom:20px;
	padding-left:28px;
	padding-right:28px;
	/*left:-3px; 
	position:relative;*/
    
}

.FirstW2RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:145px;
	padding-bottom:35px;
	padding-left:28px;
	padding-right:28px;
	/*left:-3px; 
	position:relative;*/
    
}


.FirstW1RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:145px;
	padding-bottom:140px;
	padding-left:28px;
	padding-right:28px;
	/*left:-3px; 
	position:relative;*/
    
}

.pgroupClass
{
    
}

/* end */

/* for PreCoolers Dashboard Grouping  */

.dpgroupclass 
{
    
}

.FirstD5RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:85px;
	padding-bottom:8px;
	padding-left:3px;
	padding-right:3px;
	/*left:-3px; 
	position:relative;*/
    
}

.SecondD5RowBorderDefault 
{
    border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-right: 1px dotted #000;
	cursor: pointer;
	padding-top:45px;
	padding-bottom:8px;
	padding-left:3px;
	padding-right:3px;
	/*left:2px;
    position:relative; 
    */
}


.FirstD4RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:45px;
	padding-bottom:7px;
	padding-left:3px;
	padding-right:3px;
	/*left:-3px; 
	position:relative;*/
}

.SecondD4RowBorderDefault 
{
    border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-right: 1px dotted #000;
	cursor: pointer;
	padding-top:45px;
	padding-bottom:7px;
	padding-left:3px;
	padding-right:3px;
	/*left:2px;
    position:relative; 
    */
}

.FirstD3RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:85px;
	padding-bottom:7px;
	padding-left:3px;
	padding-right:3px;
	/*left:-3px; 
	position:relative;*/
}

.FirstD2RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:45px;
	padding-bottom:7px;
	padding-left:3px;
	padding-right:3px;
	/*left:-3px; 
	position:relative;*/
}

/* for Pallet Swap Grouping */

.PSW5RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:180px;
	padding-bottom:8px;
	padding-left:28px;
	padding-right:28px;
	/*left:-3px; 
	position:relative;*/
    
}

.PSW4RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:160px;
	padding-bottom:9px;
	padding-left:28px;
	padding-right:28px;
	/*left:-3px; 
	position:relative;*/
    
}

.PSW3RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:140px;
	padding-bottom:20px;
	padding-left:28px;
	padding-right:28px;
	/*left:-3px; 
	position:relative;*/
    
}

.PSW2RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:140px;
	padding-bottom:35px;
	padding-left:28px;
	padding-right:28px;
	/*left:-3px; 
	position:relative;*/
    
}


.PSW1RowBorderDefault {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:140px;
	padding-bottom:140px;
	padding-left:28px;
	padding-right:28px;
	/*left:-3px; 
	position:relative;*/
    
}

/* end */


.FirstD4RowBorderDefault1 {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:55px;
	padding-bottom:7px;
	padding-left:3px;
	padding-right:3px;
	/*left:-3px; 
	position:relative;*/
}

.SecondD4RowBorderDefault1 
{
    border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-right: 1px dotted #000;
	cursor: pointer;
	padding-top:55px;
	padding-bottom:7px;
	padding-left:3px;
	padding-right:3px;
	/*left:2px;
    position:relative; 
    */
}


.FirstD3RowBorderDefault1 {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:105px;
	padding-bottom:7px;
	padding-left:3px;
	padding-right:3px;
	/*left:-3px; 
	position:relative;*/
}

.FirstD2RowBorderDefault1 {
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-top: 1px dotted #000;
	cursor: pointer;
	padding-top:60px;
	padding-bottom:12px;
	padding-left:4px;
	padding-right:4px;
	/*left:-3px; 
	position:relative;*/
}

.FirstD1RowBorderDefault1 {
    /*
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
    border-top: 1px dotted #000;
    */
    cursor: pointer;
    padding-top: 25px;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
    /*left:-3px; 
	position:relative;*/
}

.FirstD19RowBorderDefault1 {
    /*
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
    border-top: 1px dotted #000;
    */
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    /*left:-3px; 
	position:relative;*/
}

.FirstD20RowBorderDefault1 {
    /*
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
    border-top: 1px dotted #000;
    */
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    /*left:-3px; 
	position:relative;*/
}

.FirstD1CRowBorderDefault1 {
    /*
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
    border-left: 1px dotted #000;
    border-top: 1px dotted #000;
    */
    cursor: pointer;
    padding-top: 25px;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
    /*left:-3px; 
	position:relative;*/
}

.content-wrapper {
    margin: 0 auto;
  /*max-width: 950px;*/ 
    height: 100%;
}

.header
{
    background: url("../Images/empty_banner.jpg") no-repeat;
    border-bottom: 1px solid #e5e5e5;
    border:0px;
    height:75px;
    background-size: 100% 100%;
    position:relative;
      /*width:950px;*/
}

.header-left
{
    float: left;
    /*line-height: 110px;
    vertical-align: bottom;*/
    position:absolute;
    bottom:15px;
}

.header-right
{
   right:0px;
    color: #ffffff;
     position:absolute;
    bottom:5px;
        /*line-height: 110px;
    vertical-align: bottom;*/
}

.logo-prop
{
     width: 200px;
     height: 35px; 
     border: 0px;
}
.help-prop
{
     width: 11px;
     height: 10px;
     border: 0px;
}

#login-background-content {
    background: url("../Images/home_freshproduce_empty.png") no-repeat;
    background-size: 100% auto;
    /*max-width: 950px;*/
    /*height: 550px;*/
    /*max-height: auto; */
    /*background-color: #eaebef;*/
    height: 100%;
    width: 100%;
    border: 0px;
    background-size: cover;
}
/*
.login-submit {
    text-align:center;
    width:90%;
    box-shadow: 3px 3px 4px rgba(0,0,0,.5);
}
*/

/*.login-background {
    position: relative;
    height: 1200px;
    z-index: 1;
}
*/
.main-content {
    /*height: 550px;*/
    /*background-color: #eaebef;*/
    border-top: 1px solid #B4C9D3;
    border-bottom: 1px solid #B4C9D3;
    border-left: 1px solid #B4C9D3;
    border-right: 1px solid #B4C9D3;
    width: 100%;
    height: 85vh;
}

.main-home-content {
    /*height: 100%;*/
    min-height: 80vh;
    max-height: 100%;
    /*height:505px;*/
    background-color: #ffffff;
    border-top: 1px solid #B4C9D3;
    /*border-bottom:1px solid #B4C9D3;*/
    border-left: 1px solid #B4C9D3;
    border-right: 1px solid #B4C9D3;
    display: block;
}
/*
.main-home-content-detail
{
    height:100%;
    background-color: #ffffff;
}
*/
.footer
{
    /*
    position:fixed !important;
    bottom:0;
    */
    color: #999;
    height: 15px;
    /* padding: 8px 0;
    line-height: normal;
    margin: 0;
    font-size: .9em;*/
    font-size:9px;
    border-top:1px solid #B4C9D3;
    /*clear:both;*/
    line-height:100%;
    width:100%;
    margin: 0;
    padding-top:4px;
}

.login-spacer
{
    height: 55px;
}

/* forms */
fieldset {
    border: none;
    margin: 15px;
    padding: 0px;
    margin-top: 0px;
}

fieldset legend 
{
    display: none;
}

fieldset ol {
    padding: 0;
    list-style: none;
}

fieldset ol li 
{
    padding-bottom: 5px;
}

label 
{
    display: block;
    font-size: 1.2em;
    font-weight: 500;
}

label.checkbox {
    display: inline;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 170px;
}
.normalTextBox
{
    width:170px;
}
textarea 
{
    font-family: inherit;
    /*width: 500px;*/
}

input:focus, textarea:focus 
{
    border: 1px solid #7ac0da;
}

input[type="checkbox"] 
{
    background: transparent;
    border: 1px solid;
    width: auto;
}

#loginForm input[type="submit"]
{
    /*background-color: #d3dce0;*/
    background-color: #024961;
    color: #ffffff;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    margin-right: 8px;
    width: auto;
}

#loginForm input[type="button"]
{
    /*background-color: #d3dce0;*/
    background-color: #024961;
    color: #ffffff;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    margin-right: 8px;
    width: auto;
}

#loginForm input[type="reset"]
{
    /*background-color: #d3dce0;*/
    background-color: #024961;
    color: #ffffff;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    margin-right: 8px;
    width: auto;
}

#loginForm button 
{
    /*background-color: #d3dce0;*/
    background-color: #024961;
    color: #ffffff;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 14px;
    margin-right: 8px;
    width: auto;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button 
{
    /*background-color: #d3dce0;*/
    background-color: #024961;
    color: #ffffff;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
    /*border-radius:5px;*/
}

td input[type="submit"],
td input[type="button"],
td button 
{
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
    text-align: center;
    background-color:#E1E9F7;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-error span
    {
        /*
        position: absolute;
        white-space: nowrap;
        */
        color: red;
        padding: 5px 5px 3px;
        /*background: transparent url('<%=Url.Content("~/Content/Common/validation-error-message.png") %>') no-repeat 0 0;*/
    }

.field-validation-valid 
{
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

/* tables
----------------------------------------------------------*/
/*
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.55em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

th a {
    display: block;
    position: relative;
}

th a:link, th a:visited, th a:active, th a:hover {
    color: #333;
    font-weight: 600;
    text-decoration: none;
    padding: 0;
}

th a:hover {
    color: #000;
}

th.asc a, th.desc a {
    margin-right: .75em;
}

th.asc a:after, th.desc a:after {
    display: block;
    position: absolute;
    right: 0em;
    top: 0;
    font-size: 0.75em;
}

th.asc a:after {
    content: '?';
}

th.desc a:after {
    content: '?';
}

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}
*/
/* login page */
#loginForm {
    /*width: 25%;*/
    width:320px;
    /*padding-top: 50%;*/
    padding: 12px; 
    border-radius: 25px;
    background-color: #f1f1f1;
    -moz-box-shadow: 10px 10px 4px rgba(0,0,0,.5);
    -webkit-box-shadow: 10px 10px 4px rgba(0,0,0,.5);
    box-shadow: 10px 10px 4px rgba(0,0,0,.5);
    margin: auto;
}

#loginForm .validation-error {
    display: block;
    margin-left: 15px;
}

#loginForm .validation-summary-errors ul {
    margin: 0;
    padding: 0;
}

#loginForm .validation-summary-errors li {
    display: inline;
    list-style: none;
    margin: 0;
}

#loginForm input {
    width: 250px;
}

#loginForm input[type="checkbox"],
#loginForm input[type="submit"],
#loginForm input[type="button"],
#loginForm button {
    width: auto;
}
mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #CCC;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

h5 a:link, h5 a:visited, h5 a:active {
    padding: 0;
    text-decoration: none;
}

hgroup, nav, section {
    display: block;
}

/* page titles */
hgroup.title {
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

hgroup.title h1 
{
    color: #0C7EB7;
    /*font-size: 28px;*/
    font-weight: bold;
}

.spacer3{
    width:5px;
    height:auto;
    display:inline-block;
}

.spacer5{
    width:5px;
    height:auto;
    display:inline-block;
}

.spacer10{
    width:10px;
    height:auto;
    display:inline-block;
}

.spacer15{
    width:15px;
    height:auto;
    display:inline-block;
}

.spacer20{
    width:20px;
    height:auto;
    display:inline-block;
}
.spacer25{
    width:25px;
    height:auto;
    display:inline-block;
}
.spacer30{
    width:30px;
    height:auto;
    display:inline-block;
}
.spacer40{
    width:40px;
    height:auto;
    display:inline-block;
}
.spacer50{
    width:50px;
    height:auto;
    display:inline-block;
}
.spacer60{
    width:60px;
    height:auto;
    display:inline-block;
}
.spacer70{
    width:70px;
    height:auto;
    display:inline-block;
}

.spacer80{
    width:80px;
    height:auto;
    display:inline-block;
}
.spacer90{
    width:90px;
    height:auto;
    display:inline-block;
}
.spacer100{
    width:100px;
    height:auto;
    display:inline-block;
}
.spacer110{
    width:110px;
    height:auto;
    display:inline-block;
}
.spacer120{
    width:120px;
    height:auto;
    display:inline-block;
}
.spacer150{
    width:150px;
    height:auto;
    display:inline-block;
}
.spacer350
{
    width: 350px;
}
.main-menu-content
{
   background-color:#2B93B5;
   /*height:45px;*/
   border-top:1px solid #CCCCCC; 
   /*text-align: left;
   float:left;
   width:950px;*/
   /*
   float:left;
   position:absolute;
   */
}


.spacerh3
{
    height: 3px;
}

.spacerh5
{
    height: 5px;
}
.spacerh10
{
    height: 10px;
}
.spacerh35
{
    height: 35px;
}

.empty-form-spacer {
	border: 1px solid #B4C9D3;
	background-color:#F4FAFF;
	height: 5px;
}

.editor-form-spacer
{
    border: 1px solid #B4C9D3;
	background-color:#F4FAFF;
	padding-left: 10px;  
}

.display-form-table {
	border: 1px solid #B4C9D3;
	background-color:#F4FAFF;

}
.display-form-table div
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.tunnelcycle-message
{
    font-size: 22px;
    font-weight: bold;
    color: #024961;
    text-align:center;
}

.tunnelconfirm-label
{
    font-size: 28px;
    font-weight: bold;
    color: #024961;
    text-align:center;
}

.DefaultBtn 
{
    width:60px;
    height:45px;
}

.WindowlabelTextBold
{
    font-size: 24px;
    font-weight: bold;
    color: #136F9C;
    text-align:center;
}

.smallTextBox
{
    width:100px;
}

.DefaultBtn
{
    background-color: #024961;
}

.HighlightBtn
{
    background-color: #2087A8;
}

.info-msg-content
{
    font-size: 22px;
    font-weight: bold;
    color: #024961;
    text-align:center;
}

.forgotPasswordLink
{
    color: #0C7EB7;
    font-weight: bold;
    font-size: 14px;
}

.registerLink
{
    color: #0C7EB7;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 0rem;
}

.ReqfldCls
{
    color:Red;
}

TABLE.mapInfoTable {
	/*border: 1px solid #B4C9D3;
	padding-top: 8px;
	padding-bottom: 8px; 
	background-color:#F4FAFF;  */
}
.mapInfoTable TD 
{
	padding-top: 2px;
	padding-bottom: 2px;
	/*padding:4px; 
	line-height:2px;*/
}

.mapInfoHeading 
{
    color:  #666666; 
    font-size: 12px; 
    font-weight:bold;
}

.mapContentLabel
{
    /*color:#545454; */
    color:#136F9C;
    font-size:12px;
    font-weight:bold;
}
@media screen and (max-width: 560px) {
    #loginForm {
    padding-left:0px;
    }
}

@media screen and (min-width: 320px) {
    .s-12 {
        width: 100%;
        float: left;
    }
    .s-11 {
        width: 91.66%;
        float: left;        
    }
    .s-10 {
        width: 83.33%;
        float: left;        
    }
    .s-9 {
        width: 75%;
        float: left;        
    }
    .s-8 {
        width: 66.66%;
        float: left;        
    }
    .s-7 {
        width: 58.33%;
        float: left;        
    }
    .s-6 {
        width: 50%;
        float: left;
    }
    .s-5 {
        width: 41.66%;
        float: left;        
    }
    .s-4 {
        width: 33.33%;
        float: left;
    }
    .s-3 {
        width: 25%;
        float: left;
    }
    .s-2 {
        width: 16.66%;
        float: left;        
    }
    .s-1 {
        width: 8.33%;
        float: left;
    }
    .header-left{
        bottom: 15px;
    }
    .header {    
        height:68px;
    }
    .filter-div {
        padding: 10px;
        width: 100%;
    }
       .filter-div .k-combobox {
        width:100%;
        }
    .filter-div input {
        margin:0px;
        font-size:1.1rem;
        padding:3px;
        margin-top:10px;
}
    .filter-div p {
        margin-bottom:0px;
        margin-top:0px;
        }
    .main-menu-content {
        height:35px;
    }
    }
    @media screen and (min-width: 769px) 
    {
    .l-12 {
        width: 100%;
        float: left;
    }
    .l-11 {
        width: 91.66%;
        float: left;        
    }
    .l-10 {
        width: 83.33%;
        float: left;        
    }
    .l-9 {
        width: 75%;
        float: left;        
    }
    .l-8 {
        width: 66.66%;
        float: left;        
    }
    .l-7 {
        width: 58.33%;
        float: left;        
    }
    .l-6 {
        width: 50%;
        float: left;
    }
    .l-5 {
        width: 41.66%;
        float: left;        
    }
    .l-4 {
        width: 33.33%;
        float: left;
    }
    .l-3 {
        width: 25%;
        float: left;
    }
    .l-2 {
        width: 16.66%;
        float: left;        
    }
    .l-1 {
        width: 8.33%;
        float: left;
    }

        .header-left {
            bottom: 18px;
        }
        .header {
            height: 72px;
        }

    .k-grid .k-hierarchy-cell .k-icon {
        display: none;
    }
    .filter-div {
        background-color: #f4faff;
        height: 50px;
        line-height: 50px;   
        padding:0px;    
    }
        .filter-div .k-combobox {
        width:90%;
    }
    .filter-div input {
        margin:0px;
        font-size:1.1rem;
        padding:3px;
        margin-left:3px;
    }
    .filter-div p {
    padding-left: 5px;   
    margin-top: 13px;
    margin-bottom:0px;
    }
    .overlay {
    height: 52px;
    }
       .main-menu-content {
        height:45px;
    }
    }

    .padding-top-20 {
        padding-top:20px;
    }
    .padding-top-10 {
        padding-top:10px;
    }
    .padding-top-5 {
    padding-top:5px;
    }
    .padding-bottom-20 {
        padding-bottom:20px;
    }
    .padding-bottom-10 {
        padding-bottom:10px;
    }
    .padding-bottom-5 {
    padding-bottom:5px;
    }
    .margin-top-20 {
        margin-top:20px;
    }
    .margin-top-10 {
        margin-top:10px;
    }
    .margin-top-5 {
        margin-top:5px;
    }
     .margin-bottom-20 {
        margin-bottom:20px;
    }
    .margin-margin-10 {
        margin-bottom:10px;
    }
    .margin-margin-5 {
        margin-bottom:5px;
    }
    .padding-left-20 {
        padding-left:20px;
    }
    .padding-left-10 {
        padding-left:10px;
    }
    .padding-left-5 {
    padding-left:5px;
    }
    .padding-right-20 {
        padding-right:20px;
    }
    .padding-right-10 {
        padding-right:10px;
    }
    .padding-right-5 {
    padding-right:5px;
    }
    .margin-left-20 {
        margin-left:20px;
    }
    .margin-left-10 {
        margin-left:10px;
    }
    .margin-left-5 {
        margin-left:5px;
    }
     .margin-right-20 {
        margin-right:20px;
    }
    .margin-right-10 {
        margin-right:10px;
    }
    .margin-right-5 {
        margin-right:5px;
    }

.date1-error, .date2-error {
    color:red;
    float:left;
    line-height:10px;
}
.TimepickerContent table tbody tr td {
    text-align: left;
    padding: 10px;
}
#FieldFilter 
{
    height: 34px;
    margin-top: 0px;
}
.TimepickerContent {
    text-align:center;
    width: 100%;
}

TABLE.stepsTable {
    border: 1px solid #B4C9D3;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #f7fafc;
}

.stepsTable td {
    padding: 6px;
    font-size: 12pt;
    /*padding:4px; 
	line-height:2px;*/
}

/*
.stepsTable {
    font-size: 14pt;
    font-weight: normal;
    color: #000000;
}
*/

.stepsTable .stepsHeading {
    font-size: 14pt;
    font-weight: bold;
    color: #136F9C;
}

.stepsTable .stepsNote {
    font-size: 12pt;
    font-weight: bold;
    color: #0C7EB7;
}




.k-multiselect.k-header, input.k-textbox, textarea.k-textbox {
    border-color: #a3d0e4 !important;
}
.k-grid td.no-data {
    text-align: center !important;
}
.k-column-title {
    white-space :normal !important;
}
#loginForm fieldset {
    margin: 15px;
    margin-top:0;
}
#loginForm h1 {
    font-size:2em;
}
#loginForm hgroup.title {
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: center;
}
#TubesDashboardGridID th, #TunnelsDashboardGridID th, #ColdStorageDashboardGridID th {
    text-align: center;
}
#TubesDashboardGridID a, #TunnelsDashboardGridID a, #ColdStorageDashboardGridID  a{
    text-decoration: none;
}
    #TunnelsDashboardGridID a.tunnel-status-text:hover, #TubesDashboardGridID a.tube-status-text:hover, #disply-links a:hover{
        COLOR: #0066CC !important;
        TEXT-DECORATION: underline;
    }
    a:hover {
        color: #fff !important;
    }
/*kendo tooltip css modification start*/
.k-tooltip-error {
    border-color: #ffe79e !important;
    color: #6b5100 !important;
    background-color: #ffe79e !important;
}
    .k-tooltip-error .k-callout {
        color: #ffe79e !important;
    }
.k-validator-tooltip{
    display:block !important;
    margin-top:2px;
}
.field-validation-error span {
    padding:0px !important;
}

/*kendo tooltip css modification end*/
#TubeCompletedCycleReport a:link, #TubeBatteryHealth a:link, #CompletedCycleReport a:link, #TunnelBatteryHealth a:link, #BatteryHealth a:link {
    color: #23459c !important;
}
.k-toolbar{
    display:block !important;
}
/*.k-input, .k-picker {
    width: 60% !important
}*/
#TubeSetupFrm .k-input, #TubeSetupFrm .k-picker, #TunnelSetupFrm .k-input, #TunnelSetupFrm .k-picker, #ColdStorageSetupFrm .k-input, #ColdStorageSetupFrm .k-picker {
    width: 20% !important;
}
#Gateway .k-picker, #RoomThresholds .k-picker, #CommodityThresholds .k-picker, #DockThresholds .k-picker, #SensorHealth .k-picker {
    /*width: 100% !important;*/
    width: 12.4em !important;
}
#tubeEditor .k-picker{
    width:100% !important;
}
#divtunneleditor input, #tubeEditor input {
    width: 100% !important;
}
#commodityEditor{
    padding-bottom:20px;
}
.k-radio:disabled + .k-radio-label {
    color: #68b1d2;
}
.k-radio {
    border-color: #68b1d2 !important;
}
.dataDisplayTable {
    border-spacing: 2px !important;
    border-collapse : separate !important;
}
    .dataDisplayTable tbody, .dataDisplayTable tbody tr, .dataDisplayTable tbody tr td{
        border-width: 1px !important;
    }
input[type="checkbox"] {
    width:18px;
}
/*Reports => Tube => Tube completed cycle report css start*/
#TubeCompletedCycleReport table {
    table-layout: fixed;
}

#TubeCompletedCycleReport td {
    word-wrap: break-word;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}
/*Reports => Tube => Tube completed cycle report css start*/
.k-button {
    padding: 2px 7px 2px;
    border-color: #a3d0e4;
    background-color: #daecf4;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}
a.k-button:hover {
    COLOR: #0066CC !important;
    TEXT-DECORATION: underline;
    background-color: #cce0e9;
}
.k-grid .k-button {
    margin: 0 .16em;
}
.accordion {
    --bs-accordion-active-color: #ffffff !important;
    --bs-accordion-active-bg: #40A8C9 !important;
}

.accordion-button {
    font-size: 20px !important;
    background-color: #40A8C9 !important;
    color: #ffffff !important;
}
a {
    text-decoration:none !important;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	/*margin-bottom: 1em;*/
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	/*border-left: 1px solid #fff;
	border-top: 1px solid #dFeEFF; 
	border-top: 1px solid rgba(255,255,255,.5);
    */
	padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	padding: .55em .8em;
	text-decoration:none;
	color:#FFFFFF;
	font-family: Calibri, Verdana, Trebuchet MS, "Lucida Sans Unicode", Arial, sans-serif;
	font-weight:bold;
	font-size: 18px;
}
.sf-menu li {
	background: #2B93B5;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	background: #2B93B5;
	border-bottom: 1px solid #CCCCCC;
}
.sf-menu ul ul li {
	background: #2B93B5;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #235A6B;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

.sf-menu a.subLevelBorder {
    border-left:	1px solid #ccc;
}