input[disabled][type=text]{color:#555555;background-color:#f2f2f2;}
select[disabled]{color:#555555;background-color:#f2f2f2;}


/*.block{display:block}*/
/*
 A{ color:#3366cc; text-decoration: none; FONT-FAMILY: Arial, Verdana, Tahoma;FONT-SIZE: 10pt;}
 A:hover    { color:orange;TEXT-DECORATION: underline}
 A.disabled{color:#999999}
*/
SPAN.alike { color:#666666; text-decoration: none; FONT-FAMILY: Arial, Verdana, Tahoma;FONT-SIZE: 10pt;}

INPUT.disabledlike, TEXTAREA.disabledlike, SELECT.disabledlike,
INPUT[type=edit][type=button].disabled, TEXTAREA.disabled, SELECT.disabled {color:#555555;background-color:#f2f2f2}

span.a{cursor:pointer}
span.a:hover{text-decoration:underline;}






.xx-small { font-size: 7.5pt;}


.nobr {white-space:nowrap;}
.hidden {display:none}

.wrap{WORD-WRAP: break-word;}
.right{text-align:right}
.m10{margin-bottom:10px}



/* LINKS BLOCK AT THE LEFT*/
P.navblock {
	padding:0px;margin-bottom:10px;
	margin-top:0px;
}

P.navblock A, P.navblock A:visited {
 	color:#000000;
}

P.navblock U{
	color:#006884;
	display: block;
	text-decoration: none;
	padding-bottom:2px;
}


/*
TABLE.trList	{}
TD.tdOut,
TR.trOut TD, 
TR.trOut TH, 
TR.trOutHover TD, 
TR.trOver TD,
TR.trOverNoclick TD,
TR.trOutPend TD,
TR.trOverPend TD,
TR.trOutFlash TD {
	border-bottom:solid 1px #DDDDDD;
}

TR.trOut TD.noBorder, 
TR.trOver TD.noBorder{
	border:none;
}
.topThinBorder, TR.topThinBorder TD{border-top:solid 1px #DDDDDD;}
.leftThinBorder {border-left:solid 1px #DDDDDD;}
.topBorder2, TR.topBorder2 TD{border-top:solid 2px #DDDDDD;}
table.tblHighlightRow tr:hover td{background-color:#d7dadf;}
TR.trOutHover:hover{background-color:#d7dadf;cursor:pointer}

TD.tdOut, TR.trOut TD, TR.trOutHover TD {padding:4px;} 
TR.trOver TD 		{background-color:#d7dadf;padding:4px; cursor:pointer} 
TR.trOverNoclick TD {background-color:#d7dadf;padding:4px; } 
TR.trOutPend TD 	{background-color:#FFFFCC;padding:4px;} 
TR.trOverPend TD 	{background-color:#DDDDDD;padding:4px; cursor:pointer} 
TR.trOutFlash TD 	{background-color:#FFFFFF;padding:4px;} 
div.navCheckAll{float:left;margin-left:5px;height:20px;line-height:20px;}
div.navSortBy{float:right;margin-right:10px;height:20px;line-height:20px;vertical-align:middle}
TR.trListWhite TD{background-color:#FFFFFF;padding:4px;}


TD.tdListHeaders, Th.tdListHeaders, TR.trListHeaders TD, TR.trListHeaders TH, TD.tdListTotals, DIV.ListHeaders{
	padding:4px;
}
TD.tdListHeaders strong, TR.trListHeaders TD strong, TD.tdListHeaders b, TR.trListHeaders TD b, TD.tdListTotals{
	font-weight:inherit; 
}
TD.tdListHeaders2{
	background-color:#aaaaaa;
	padding:4px;
}

TD._ListHeadersSmall{
	font-size:8pt;	
}
.smallHeaderContainer TD.tdListHeaders, 
.smallHeaderContainer TR.trListHeaders TD,
.smallHeaderContainer TD.tdListHeaders *, 
.smallHeaderContainer TR.trListHeaders TD *{
	font-size:8pt;
}
TD.tdListHead, TR.trListHead TD, div.ListHead{
	background-color:#c2cde1;
	color:#000000;
	font-weight:bold;
	padding:4px;
}

TD.tdListHeadL2{
	background-color:#aaaaaa;
	color:#000000;
	font-weight:bold;
	padding:4px;
}
DIV .RedFlashText 		    {color:#FF0000} 
table.tblContent{width:671px;max-width:671px;}
table.tricol{
	width:671px;
	table-layout:fixed;
}
table.tricol>tbody>tr>td{width:33.33%;}
table.tricol col{width:33.33%;}

/ *new fields, for leads+ 2012-08-07* /
table.columns_3 td{width:33%}
table.columns_3 td.colspan_2{width:66%}
table.columns_3 td.colspan_3{width:100%}
table.columns_4 td{width:25%}
table.columns_4 td.colspan_2{width:50%}
table.columns_4 td.colspan_3{width:75%}
table.columns_4 td.colspan_4{width:100%}



/ *   ICONS  * /
TABLE.tblIcons{
	margin: 10px 0px 0px 0px;
}
.myicon{
	border:solid red 0px;
	width:165px;height:120px;
	text-align:center;
	position:relative;
}
.myicon a:hover img{
	filter: alpha(opacity:40);opacity: 0.4;moz-opacity : 0.4; khtml-opacity : 0.4;
}

.myicon .title{
	xborder:solid red 1px;
	position:absolute;
	top:52px;left:10px;
	right:10px;bottom:12px;
	font-size:12px;
	line-height:11px;
	font-weight:bold;
	color:white;
	
}

/ *from artenergy* /
.columns ol, .columns li {margin:0;padding:0;border:0;vertical-align:baseline;}
.columns ol, .columns ul {list-style:none;}
.columns			{display:inline;clear:both;}
.columns ul			{margin:0;padding:0;list-style-type:none;}
.columns li			{float:left;}
.columns li.right	{float:right;}


/ *---- TOP MENU BUTTONS -----------* /
#tabcontainer	{

    BACKGROUND-COLOR: #767676;
	BACKGROUND-IMAGE: url(/assets/images/menubg.gif); 
	HEIGHT: 24px;
}
#toplinkscontainer{
    BACKGROUND-COLOR: #dddddd;
	HEIGHT: 28px;
	line-height:28px;
	text-align:center;
}
#toplinkscontainer a{
    color: black;
    font-size: 10pt;
    font-family: Arial,Verdana, sans-serif;
    }



div.myTopMenuHolder{
	Xborder:solid red 1px;
	position:relative;
	width:82px;
	cursor:pointer;
}


div.div1TopMenu, div.div1TopMenuUp {
	width:82px;
	cursor:pointer;
	height:15px;
	color:#FFFFFF;
	
	position:relative;
	z-index:22;

	TEXT-ALIGN: center;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Verdana, Tahoma;

	margin:0px;

}
div.div1TopMenuUp{
	
	BACKGROUND: url(/assets/images/menuhover.gif);	
	color:#FFFFFF;}

div.div2TopMenuShow, div.div2TopMenuHide{
	width:600px;heightX:200px;
	border:solid #999999 1px;
	position:absolute;top:-1px;left:0px;
	background-color:#F6F6F6;
	Xbackground-color:#585956;
	z-index:21;
}

div.div2TopMenuHide{display:none}

div.myTopMenuSeparator{
	margin:4px;
	height:15px;width:2px;background:url(/assets/images/menuseperator.gif);
}


div.myTopMenuItem, div.myTopMenuItemUp{
	background-color:#F6F6F6;
	color:#0060A6;margin:2px;padding:2px;white-space:nowrap;
	font-size:9pt;
	width:184px;
	overflow:hidden;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;

}
div.myTopMenuItemUp{background-color:#0060A6;color:#ffffff}

div.myTopMenuItemSelected1{font-weight:bold;color:#000000}


table.tblTopMenuDrop{font-family: Segoe UI,Tahoma,Arial,Verdana}
table.tblTopMenuDrop h3{border-bottom:1px solid #e3e3e3;margin:5px 5px 4px 5px;font-weight:bold;font-size:9pt;color:#4f4f4f;}

.topMenuCol0, .topMenuCol1, .topMenuCol2{border-right:1px solid #e3e3e3;padding:3px;margin:10 3 10 3;}
.topMenuCol2 {border-right:none}



#div2TopMenu_0{left:-15px;}
#div2TopMenu_1{left:-63px;}
#div2TopMenu_2{left:-126px;}
#div2TopMenu_3{left:-189px;}
#div2TopMenu_4{left:-252px;}
#div2TopMenu_5{left:-315px;}
#div2TopMenu_6{left:-378px;}
#div2TopMenu_7{left:-441px;}
#div2TopMenu_8{left:-504px;}
#div2TopMenu_9{left:-500px;}


a.sortOrderbar{

	font-weight:bold;
	font-size: 10pt;
	padding:2px;
}
a.sortOrderbar:hover{

	background-color:#F5F5F5;
	text-decoration:none;
}

a.orderUp{
	background:url(/assets/images/sort_asc_alt.png) no-repeat right;
	padding-right:16px;
}

a.orderDown{
	background:url(/assets/images/sort_desc.png) no-repeat right;
	padding-right:16px;
}

*/



div.instructions{
	border-radius:5px;	-webkit-border-radius:5px;	-moz-border-radius:5px;
	padding:4px;
	margin-bottom:16px;
	background:#eeeeee; 
	color:#000000;
	text-align:left
}

div.notesBox{
	border:solid #888888 1px;
	border-radius:5px;	-webkit-border-radius:5px;	-moz-border-radius:5px;
	padding:4px;
	margin:8px;
	background:#eeeeee; 
	color:#000000;
	text-align:left;
	WORD-WRAP: break-word;
}



INPUT.inputMoney {
 	width:55px;
}






A.letter,A.letter,
SPAN.letterSel {	font-size:9pt;		text-decoration: none;}
SPAN.letterSel {color:red}
input.myselButton   {width:35px;}table.myselTable select    {width:200px; height:200px;background-color:#eeeedd}table.myselTable    {	}table.myselTable td.th1,table.myselTable td.th2,table.myselTable td.th3{	 text-align:center; font-weight:bold;}table.myselTable td.td1,table.myselTable td.td3{}table.myselTable td.td2 {vertical-align:middle}/* </SELETORS_FUNCTION>  */

INPUT.selectedbutton {	
	background-image: url(/assets/images/cssbtnbgrepeater2.gif);
	border:solid 1px #999999;
	}


/**************************************/
input.inp1, textarea.inp1{width:100%;}
input.inp2, textarea.inp2{width:100%;}
input.inp3, textarea.inp3{width:100%;}
select.inp1{width:100%}
select.inp2{width:100%}
select.inp3{width:100%}



input.inpWide{width:100%}
select.inpWide{width:100%}



span.redstarr{
	color:#ff0000;
	Xpadding-right:2px; 
	font-weight:bold; 
	Xfont-size: 13pt;
	Xvertical-alignXX:0px;
	Xheight:10px;
	Xdisplay: inline-block;}




div.boxLeft{
	float:left;
	padding:4px;
	border:none;
}

div.boxStd{
	padding:4px;
	border:none;
	text-align:left;
}

div.boxStd.gray{
	background:#dddddd;
}

div.ListHeader{
	background-color:#DDDDDD;
	padding:4px;
	overflow:hidden;
	width:100%;
	text-align:left;
}

.pointer 			{cursor:pointer} 


INPUT.calcField{
	background-color:#EEEEEE;
	Xtext-align:right; 
	Xwidth:50px;
}









.secHide{
    float:right;
	cursor: pointer;
	vertical-align:middle;
	height:22px;width:22px;
	background-image: url("/assets/images/tf/minus22.png");
}

.toright{
	float:right;
}
.toleft{
	float:left;
}

/*Common class exterders*/ 
.red{color:red}
/*.b{font-weight:bold}*/
.center{text-align:center}
.nonbold{font-weight:normal}

/*for app error fields*/
.markError{background:gold;}








textarea.mceEditor{width:665px}


.help_icon{
	display:inline-block;clear:none;
	width:22px;height:22px;
	vertical-align:middle;
	margin:0px;
	cursor:help;
	background:transparent url(/assets/images/info_icon22b.png) 0px no-repeat;
	/*filter: alpha(opacity:50);opacity: 0.5;moz-opacity : 0.5; khtml-opacity : 0.5;*/
}
.help_icon:hover{
	filter: alpha(opacity:60);opacity: 0.6;moz-opacity : 0.6; khtml-opacity : 0.6;
}




.help_click{
	display:inline-block;clear:none;
	width:22px;height:22px;
	vertical-align:middle;
	margin:0px;
	cursor:pointer;
	background:transparent url(/assets/images/info_icon22b.png) 0px no-repeat;
}
.help_click:hover{
	filter: alpha(opacity:60);opacity: 0.6;moz-opacity : 0.6; khtml-opacity : 0.6;
}



.checkmarkIcon0, .checkmarkIcon1{
	display:inline-block;clear:none;width:16px;height:16px;
	/*vertical-align:-3px;*/
	
}
.checkmarkIcon0{background:transparent url(/assets/images/small_red_cross.png)}
.checkmarkIcon1{background:transparent url(/assets/images/small_green_check.png)}


.my-vertical-fade {
		display: block;
		background: url("/assets/images/vertical-fade.png") 0 0 repeat-y transparent;
		
		height: 100%;
		width: 20px;
		z-index: 3;
		position: absolute;
		right: 0;
		top: 0;
	}





#mostOuterTable{
	margin:0px auto;
	width:100%;
}


div.divOuterTable{
	background-color:#ffffff;
	border:solid #6b696b 1px;
	border-top:none;
	border-bottom:none;

    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    box-shadow: 0 0 10px rgba(0,0,0,0.5); 

/*	border-radius:10px;	-webkit-border-radius:10px;	-moz-border-radius:10px;

	-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;
*/	
	overflow: hidden;


}

.leftimg{
    float:left; 
    margin: 7px 7px 7px 0;
}

.rightimg{
    float: right; 
    margin: 7px 0 7px 7px; 
}
.text{ /*default text block with default paddings*/
	margin: 4px;
}
.inputLikeBox{
	border:solid #999999 1px;
	padding:2px;
}

.inputLikeBoxTextarea{
	font-family:monospace;
	font-size:10pt;
	overflow:auto;
	white-space:normal;
}



/*wide template*/
div.ResTplContent{
	padding-top:12px;
}



.ProgressBar{
	border:solid black 1px;
	width:100%;
	text-align:left;
	position:relative;
}
.ProgressBar .bar{
	width: 0%; height: 18px;    
	background:#09F;
}

.ProgressBar .indicator{
	position:absolute;left:0px;right:0px;text-align:center;
}


a.popupHomeLink{
	display: inline-block;
	borderX:solid red 1px;
	width:14px;
	height:14px;
	background-image:url(/assets/images/home14.png);
	margin-right:0px;
}


.cut{
	display:inline-block;
	overflow:hidden;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	padding-right:0px;
	width:100%;
	white-space:nowrap;
	xvertical-align:middle;
	}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }


/*use for grid hover*/
.gridHover, .gridHover TD { background-color: #ddd; }



/*filetypes*/
.FileIcon{
	display:inline-block;
	xvertical-align:middle;

	vertical-align:baseline;
	position:relative;
	xtop:4px;

	xborder:solid red 1px;
	height:22px;
	width:22px;min-width:22px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-image:url(../assets/images/icons/file-type-default.png);
	background-size:contain;
}

.FileIcon.icon_doc,
.FileIcon.icon_docx{background-image:url(../assets/images/icons/file-type-doc.png)}
.FileIcon.icon_xls,
.FileIcon.icon_xlsx{background-image:url(../assets/images/icons/file-type-xls.png)}
.FileIcon.icon_pdf{background-image:url(../assets/images/icons/file-type-pdf.png)}
.FileIcon.icon_rar,
.FileIcon.icon_zip{background-image:url(../assets/images/icons/file-type-zip.png)}
.FileIcon.icon_txt{background-image:url(../assets/images/icons/file-type-txt.png)}
.FileIcon.icon_jpg,
.FileIcon.icon_gif,
.FileIcon.icon_png{background-image:url(../assets/images/icons/file-type-img.png)}

.DocIcon{
	display:inline-block;
	vertical-align:middle;
	xborder:solid red 1px;
	height:22px;width:22px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-image:url(../assets/images/icons/doc16x16.png);
	background-size:contain;
}
input[type=checkbox].cbIconSize{
	margin:0px;
}




/*fixed tables*/
.tblFixed{
	table-layout:fixed;
	width:auto;
}
.tblFixed td{
	overflow:hidden;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
}
.tblFixed input[type=checkbox]{vertical-align:middle;}
.w100{width:100%;max-width:100%}



input.autoNumeric.money{
	text-align:right;
}
input.autoNumeric.number{
	text-align:right;
}

/*top menu*/
table.topMenuTable{visibility:visible!important}

/*search box*/
.search-box{
	xborder:solid red 1px;
	position:relative;top:0px;left:0px;
	height:22px;
	width:100%;
}
.search-box .input-bar{
    display:block;
	xborder:solid green 1px;
	position:absolute;
	top:0px;bottom:0px;left:0px;right:22px;	
	height:auto;
}
.search-box .input-bar input{
	height:100%;
	width:100%;
	border:solid #ababab 1px;
}

.search-box .input-bar input:focus{
	outline: none;
	background-color:#BFE9FF;
}

.search-box button{
	border:solid #ababab 1px;
	border-left:none;
	position:absolute;
	top:0px;bottom:0px;right:0px;width:22px;	    
	line-height:22px;

    background:#F3F3F3;
    cursor: pointer;


	/*
	-webkit-border-top-right-radius: 3px;	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;	border-bottom-right-radius: 3px;
	*/



}

.search-box .button-content{
	display:block;
	/*background:no-repeat url(/assets/images/icons/yt.png) -27px -399px;*/
	background:no-repeat url(/assets/images/search.png) 0px 0px;
	Xbackground-color:red;
	position:absolute;top:4px;left:4px;
	background-size:auto;
	width:13px;height:13px;

	filter: alpha(opacity:60);opacity: 0.5;moz-opacity : 0.5; khtml-opacity : 0.5;
}

.search-box button:hover{
    background:#e8e8e8;
}
.search-box button:hover .button-content{
	filter: alpha(opacity:100);opacity: 1.0;moz-opacity : 1.0; khtml-opacity : 1.0;
}


/*new template*/


.profile-img-wrapper{
	width:65px;
	height:65px;
	border-radius:50%;
	overflow:hidden;
}

.card-header.text-white a{
	color:#fff;
}


/*2020*/
.form-group label{
}


/*
	//layout boxes must duplicate bootstrap columns
	replace with bootstrat .row.row-boxes
*/
body .boxHolder{
/*
	letter-spacing:-0.3em; 
	text-align:left;
*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;

  margin-bottom: -1rem;

}


div.box_1_1, div.box_1_2, div.box_2_2, div.box_1_3, div.box_2_3, div.box_3_3, div.box_1_4,div.box_2_4, div.box_3_4, div.box_4_4, div.box_1_6, div.box_1_8 {

  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;

  margin-bottom: 1rem;

}

div.box_1_1,
div.box_2_2,
div.box_3_3,
div.box_4_4 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

div.box_1_2, 
div.box_2_4 {  
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
{width:100%;}

div.box_1_3{
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
div.box_2_3{width:66.666%;}


div.box_1_4{
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

div.box_3_4{
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
{width:100%;}

div.box_1_6{
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
div.box_1_8{
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}


@media (max-width: 768px) {
	div.box_1_1, div.box_1_2, div.box_2_2, div.box_1_3, div.box_2_3, div.box_3_3, div.box_1_4,div.box_2_4, div.box_3_4, div.box_4_4, div.box_1_6, div.box_1_8{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
	}
}


div.box_type_header{
	padding-top:0;
	padding-bottom:0;
	width:100%;
	
}
div.box_type_header .ListHeaders{
	background-color:#F8AC59;
	color:white;
	font-weight:bold;
	font-size:1rem;
	margin:0px -4px;
	padding:10px 18px;
}


.login_video{
	xborder:solid red 2px;

	left: 0;
    top: 0;
    z-index: 0;
    width: auto;
    height: auto;
    display: block;
    min-height: 100vh;
    min-width: 100%;
    position: absolute;
    x-webkit-filter: brightness(0.5);
    xfilter: brightness(0.5);
    xopacity:0.8;
}


.login_bg_img{
	xborder:solid red 5px;
	width:100%;
	left: 0;
    top: 0;
    z-index: 0;
    width: auto;
    height: auto;
    display: block;
    min-height: 100vh;
    min-width: 100%;
    position: absolute;
    
    background-size:cover;
	background-color:#fff;
}



.loginColumns{
	color:#fff;

}

.loginColumns .ibox-content{
	background-color:rgba(255,255,255,0.2);
	border:none;
	border-radius: 20px;
}

.nav-pills-small .nav-link{
	padding: 7px 6px 7px 6px;
}


/* flags */
.app-country-flag{
	display:block;
	xborder:solid red 1px;
	height:33px; /*0.75*/
	width:44px;
	background-repeat: no-repeat;
	background-size:cover;
}
.app-country-flag-us{
	background-image:url(/assets/images/flags/us.svg);
}
.app-country-flag-ca{
	background-image:url(/assets/images/flags/ca.svg);
}



TD.tdValueColumn, TD.tdValueColumnLined, TD.tdValueColumnMoney{
	padding: 4px;padding-left:4px;
	vertical-align:top;
}