/**********************************************************************************

attribute adjustment classes

IMPORTANT - These need to come last so they will overwrite base attrubutes
**********************************************************************************/
.range-show{
	display:none;
}
.oht-cart{
	background-color:#FFF;
	width:98%;
	float:left;
	margin:1em;
	line-height:1.5em;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 966px){
  .oht-cart{
    width: auto !important; 
    clear:both;
    margin:1em;
	text-align:center;
  }
}

.oht-cart-col-1{
	width:10%;
	padding:1em;
	float:left;
}

.oht-cart-col-2{
	width:20%;
	padding:1em;
	float:left;
}

.oht-cart-col-3{
	width:30%;
	padding:1em;
	float:left;
}

.div3{
	padding:1em;
	width:28%;
	border:1px solid #eee;
    -webkit-box-shadow: 1px 1px 3px 0 #f2f2f2;
    -moz-box-shadow: 1px 1px 3px 0 #f2f2f2;
    -ms-box-shadow: 1px 1px 3px 0 #f2f2f2;
    box-shadow: 1px 1px 3px;
	margin:1em;
	float:left;
	height:40em;
}	

@media only screen and (max-width: 1350px) {
	.div3{
		width:42%;
	}	
}

@media only screen and (max-width: 900px) {
	.div3{
		width:90%;
		height:auto;
	}	
}

@media only screen and (max-width: 630px) {
	.oht-cart-col-2{
		width:100%;
	}
	.oht-cart-col-1{
		width:100%;
	}
	.oht-cart-col-3{
		width:100%;
	}	
}

@media print {
	.rowDivHeader{
		-webkit-print-color-adjust: exact; 
	}
	.print-button{
		display:none;
	}
}
table{
	padding:0.5em;
}
tr{
	padding:0.5em;
}
th,td{
	border:1px solid black;
}

img.icon{
	padding:0;
	margin:0;
	width:2em;
	height:2em;
}

.error{
	color:#ee3124;
}
.save-msg{
	color:#4da436;
}
.thumbnail{
	width:2em;
	height:2em;
}
.box-shadow{
	box-shadow: 1px 1px 1px 1px #E1DEDE;
}
.red-border{
	border: 2px solid #990000 !important;
}
select::-ms-expand {
    display: none;/*Remove dropdown in IE*/
}

.fl{
	float:left;
}
.fr{
	float:right;
}
.full-width{
	width:100%;
}

.block{
	display:block;
}
.none{
	display:none;
}
.clear{
	clear:both;
}

input.uppercase,textarea.uppercase{
	text-transform:uppercase;
}
input.lowercase,textarea.lowercase {
	text-transform: lowercase;
}
input.capitalize,textarea.capitalize {
	text-transform: capitalize;
}

textarea.break-word{
	word-wrap: break-word;
}

input[type=checkbox]{
	margin:0.2em;
}
.m1{
	margin:1em;
}
.absolute {
	position: absolute;
}
.left-justify {
	text-align: left;
}

.right-justify {
	text-align: right;
}
.m0{
	margin:0em;
}

.m05{
	margin:0.5em;
}

.m1{
	margin:1em;
}

.ml {
	margin-left: 1em;
}
.mr {
	margin-right: 1em;
}

.mt1{
	margin-top:1em;
}
.mb1 {
	margin-bottom: 1em;
}
.m05{
	margin:0.5em;
}

.pl02{
	padding-left:0.2em;	
}

.pr02{
	padding-right:0.2em;	
}

.p05{
	padding:0.5em;
}

.p0 {
	padding: 0em;
}

.p1 {
	padding: 1em 1em 1em 1em;
}


.p2 {
	padding: 2em 2em 2em 2em;
}

.p3 {
	padding: 3em 3em 3em 3em;
}

.pb{
	padding-bottom:1em;
}

.pr{
	padding-right:1em;
}
.bold{
	font-weight:bold;
}
.red-text {
	color: #CC4444;
}
select.dropdown{
	background:#fff no-repeat right;
	padding-right:20px;
	/*-webkit-appearance: none;
    -moz-appearance: none;
	appearance:none;*/
}

.ib{
	display:inline-block;
}
/*//////////////////////Popup Classes//////////////////////////////////////////*/
.black-overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
    }
	
.popup-div {
	display: none;
	position: absolute;
	background-color: white;
	left: 5%;
	width: 90%;
	/*height: 100%;*/
	padding: 5px;
	border: 2px solid #999;
	z-index:1002;
	overflow: auto;
}
@media only screen and (max-width: 900px) {
	.popup-div {
		left: 10%;
		width: 80%;
		padding: 8px;
	}
}


/*Iframe window */
.report-window-iframe {
	padding:0; 
	display:block;
	visibility:hidden; 
    overflow: auto;
	margin: 0;
	width:100%;
	height:90%;
	background:url(../OHT/images/ajax-loader.gif) center center no-repeat #FFF;
	-moz-box-shadow: 8px 8px 16px 8px #666666; 
	-webkit-box-shadow: 8px 8px 16px 8px #666666; 
	box-shadow: 8px 8px 16px 8px #666666; 
	
}

.loading{
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background:url(../images/ajax-loader.gif?1.0) center center no-repeat #FFF;
	background-color: black;
	display: none;
	z-index:1010;
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background-color: rgba(0, 0, 0, 0.8);
}
/**********************************************************************

LIST View classes

**********************************************************************************/	

.section-header,.link-sort {
/*	add to form-row for colored heading */
	padding: 0.2em 0.6em 0.2em 0em ;
    color: #FFFFFF; 
    /*background-color: #473C8B;*/
	width:100%;
	text-align:left;
}

.containerDiv {
/*  border: 1px solid #FF0000; */
/*	border: 0; */
/*	width:962px; */
	/*width: 100%;*/
        width:auto;
	display:table;
	font-size: 1em;
	overflow: auto;
        box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.link-sort{
  color:#000;
}
.rowDivHeader {
/*	border: 1px solid #ffffff; */
/*  background-color: #996799; */        
	background-color: #fff;
	color: #000;
	font-weight: bold; 
	display:table-row;
	overflow: auto;
}
.rowDivOdd {
/*	border: 1px solid #990000; */
	background-color: #FFFFFF;
	display:table-row;
	overflow: auto;        
}
.rowDivEven {
/*	border: 1px solid #990000; */
/*	background-color: #D5F0F2; */
	background-color: #FFF;
	display:table-row;
	overflow: auto;
}
.cellDivHeaderLeft {
/*  border-right: 1px solid white; */
     border-bottom:1px dashed rgba(0,0,0,0.3);
  display: table-cell;
/*  width:12%; */
  padding: 0.5em;
  white-space: nowrap;
  text-align: left; 
}
.cellDivHeaderRight {
/*  border-right: 1px solid white; */
 border-bottom:1px dashed rgba(0,0,0,0.3);
  display: table-cell;
/*  width:12%; */
  padding: 0.5em;
  white-space: nowrap;
  text-align: right; 
}
.cellDivLeft{
  display: table-cell;
/*  width:10%; */
/*  padding-right: 4px; */
  padding: 0.2em 1.5em 0.2em 0.5em;
  text-align: left;
  white-space: nowrap;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
}
.cellDivRight {
  display: table-cell;
/*  width:10%; */
/*  padding-right: 4px; */
  padding: 0.2em 0.5em 0.2em 0.5em;
  text-align: right;
  white-space: nowrap;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
}

.firstCell {
  border-left: 2px solid #FFF;
}

.wdf-sub {
	/*width: 100%;*/
	border: 2px solid #666666;
	padding: 1em;
    background-color: #EEEEEE;
	margin-bottom: 1em;
}	
	
.wdf-sub-third {
	width: 100%;
	padding: 1em;
}	

.wdf-sub-half {
	width: 45%;
	border: 2px solid #666666;
	padding: 1em;
    background-color: #EEEEEE;
	margin-right: 1em;
}	



/**********************************************************************************

ALL TIF view classes

**********************************************************************************/	
.oht-data-form{
	display:block;
	min-width:80em;
	overflow:auto;
}

.oht-list-form{
	display:block;
	width:100%;
	overflow:auto;
 	line-height:normal;
}

.wrap {
	white-space: normal;
}
/**********************************************************************************

STACKED View classes

**********************************************************************************/	

.stacked-row {
	font-size:1em;
	display: table-row;
	overflow: auto;
	width: 100%;
	white-space: nowrap;
	border-collapse: collapse;
}

.stacked-cell{
	display: table-cell;
	padding: 0;
/*	text-align: right; */
	white-space: nowrap;
}

@media only screen and (max-width: 900px) {
	.stacked-cell{
		display:inline-block;
		float:left;
		width:inherit;
		text-align:left;
	}
	.stacked-cell.right-justify{
		text-align:left;
	}
	.stacked-row {
		display:block;
		width:100%;
		height:auto;
	}
	.stacked-data{
		max-width:100%;
		min-width:10%;
	}
	
}


/*///////////////////////////////Frame Controller Classes ////////////////////////////////////////////////////////*/
.ptb{
	padding:0.2em 0 0.2em 0;
}
.set-max-min:after{
	content: '.'; 
    visibility: hidden;
}/*So that the row is shown*/
.empty:after{
	content: '.'; 
    visibility: hidden;
}/*So that the empty span is shown*/
.attachment > .compact,.thumbnail > .compact{
	height:2em;
	width:3em
}
img.compact{
	padding:0;
	margin:0;
	width:2em;
	height:1.4em;
}

input.compact {
/*	padding: 0.1em 0.2em 0.1em 0.2em; */
	padding: 0em 0.1em 0em 0.1em; 
/*	padding: 0; */
    margin: 0;
}

.unselectable{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}
.small{	
	font-size:0.75em;
	text-decoration:none;
	display:inline-block;
	font-weight:bold;
}
.highlight{
	font-weight:bolder;
}
.protected,.protectedgreen{
	color:#CC4444;
}
/* Hides the datepicker glitch */
#ui-datepicker-div
{
    display: none;
}

.count{
	clear:both;
}

.count a{
	color:green;
}
.c1{
	width:1em;
}
.c2{
	width:2em;
}
.c3{
	width:3em;
}
.c4{
	width:4em;
}
.c5{
	width:5em;
}
.c6{
	width:6em;
}
.c7{
	width:7em;
}
.c8{
	width:8em;
}
.c9{
	width:9em;
}
.c10{
	width:10em;
}
.c11{
	width:11em;
}
.c12{
	width:12em;
}
.c13{
	width:13em;
}
.c14{
	width:14em;
}
.c15{
	width:15em;
}
.c16{
	width:16em;
}
.c17{
	width:17em;
}
.c18{
	width:18em;
}
.c19{
	width:19em;
}
.c20{
	width:20em;
}
.c21{
	width:21em;
}
.c22{
	width:22em;
}
.c23{
	width:23em;
}
.c24{
	width:24em;
}
.c25{
	width:25em;
}
.c26{
	width:26em;
}
.c27{
	width:27em;
}
.c28{
	width:28em;
}
.c29{
	width:29em;
}
.c30{
	width:30em;
}
.c31{
	width:31em;
}
.c32{
	width:32em;
}
.c33{
	width:33em;
}
.c34{
	width:34em;
}
.c35{
	width:35em;
}
.c36{
	width:36em;
}
.c37{
	width:37em;
}
.c38{
	width:38em;
}
.c39{
	width:39em;
}
.c40{
	width:40em;
}
.c41{
	width:41em;
}
.c42{
	width:42em;
}
.c43{
	width:43em;
}
.c44{
	width:44em;
}
.c45{
	width:45em;
}
.c46{
	width:46em;
}
.c47{
	width:47em;
}
.c48{
	width:48em;
}
.c49{
	width:49em;
}
.c50{
	width:50em;
}
.c51{
	width:51em;
}
.c52{
	width:52em;
}
.c53{
	width:53em;
}
.c54{
	width:54em;
}
.c55{
	width:55em;
}
.c56{
	width:56em;
}
.c57{
	width:57em;
}
.c58{
	width:58em;
}
.c59{
	width:59em;
}
.c60{
	width:60em;
}
.c61{
	width:61em;
}
.c62{
	width:62em;
}
.c63{
	width:63em;
}
.c64{
	width:64em;
}
.c65{
	width:65em;
}
.c66{
	width:66em;
}
.c67{
	width:67em;
}
.c68{
	width:68em;
}
.c69{
	width:69em;
}
.c70{
	width:70em;
}
.c71{
	width:71em;
}
.c72{
	width:72em;
}
.c73{
	width:73em;
}
.c74{
	width:74em;
}
.c75{
	width:75em;
}
.c76{
	width:76em;
}
.c77{
	width:77em;
}
.c78{
	width:78em;
}
.c79{
	width:79em;
}
.c80{
	width:80em;
}

/**********************************************************************************

FORM Display classes

**********************************************************************************/	
.oht-column-box {
    /* use with class form */
	clear:both;
	position:absolute;
	top:2em;
	right:0em;
	/*min-width:17em;*/	
	z-index:999;
	
/*	border: 1px solid #0000FF ; */
/*	margin: 1em 1em 1em 1em; */	
}

.oht-inner-column-box{	
	background:#fff;
}
.form-base {
    /* use with class form */
	float: left;
	border: 0;
/*	border: 1px solid #0000FF ; */
/*	margin: 1em 1em 1em 1em; */
	margin: 0;
	padding: 0.5em;
}

.lookup-data-box {
    /* use with class form */
	width:100% ;
	display:block;
	float:left;
	box-sizing:border-box;
/*	border: 0; */
}

.filter-hide-show {
    /* use with class form */
	clear:both;
	width:0em;
	display:none;
	position:absolute;
	top:3em;
	/*min-width:17em;*/
	border-right: 2px solid #0000FF ; 
	border-bottom: 2px solid #0000FF ; 
	box-sizing:border-box;
	overflow:auto;
	z-index:999;
	background:#fff;
}

.filter-box {
    /* use with class form */
	clear:both;
	display:block;
	/*min-width:17em;*/
	box-sizing:border-box;
	overflow:auto;
	z-index:999;
}

.filter-row {
	display: table-row;
	width: 100%;
}
.filter-cell-left{
	display: table-cell;
	padding: 0;
	text-align: right;
	white-space: nowrap;
}
.filter-cell-right{
	display: table-cell;
	padding: 0;
	text-align: left;
	white-space: nowrap;
	color: #0000CC;
}

.filter-cell-right input{
	min-width:5em;
}
.filter-option select{
	min-width:10em !important;
	line-height:1em;
	margin:0.2em;
	border:1px solid #473C8B;
	padding-right:1em;
	background: no-repeat right #FFF;
}

.filter-option select:hover{
	background: no-repeat right #FFF;
}

.filter-option select:focus{
    border: 2px solid #0000CC; 
    box-shadow: 0 0 4px #0000CC;
}

@media only screen and (max-width: 900px) {
	.filter-box{
		top:4em;
	}
	.filter-cell-left{
		width:40%;
	}
	.filter-cell-right{
		width:auto;
	}
	/*.data-box {
		width:100% !important;
	}*/
}

.data-box {
    /* use with class form */
	width: 100%;
	display:block;
	float:left;
	box-sizing:border-box;
/*	border: 0; */
}

.button-row {
	padding: 0em 0em 0em 0em;
}
.tab-row {
/*	border: 1px solid #DD2222 ; */
	width:100%;
    padding: 0;
	margin-top:0.5em;
    background-color: #FFFFFF;
	}	

.tab-row ul{
	overflow:hidden; 
	line-height:1.5em;
	width: 100%;
	margin:0;
	padding:0;
	clear:both;
	white-space:nowrap;
}

.data-content {
    /* use with class form */

    padding: 0;
	width: 100%;
	/*overflow: hidden;*/
/*	border: 0; */
}
	
.form-row {
    height: 1.6em; 
    padding: 0.1em 0.0em 0.1em 0.0em;
	}	

.form-span {
	position:relative; 
/*	position:absolute; */
	display:inline-block;
	}	
	
.ui-widget-content:not(.oht-button){
	position:relative;
    border: 0;
    border-left: 1px solid #FF0000;
    cursor: hand; 
    cursor: pointer;       
	display:inline-block;
	background-color:#e5e5ff;
}	

.ui-widget-content> input{
	cursor: hand; 
    cursor: pointer;
	background-color:#e5e5ff;
}

/* tab bar */
	
/* dark color #650301 */	
/* normal color #990000  */
/* bright color  #b20401  */
	
/*ul.tabs {
	display: inline-block;
    list-style-type: none;
    margin-top: 1em;
	margin-bottom:0.45em;
    padding: 0;
    border: 0;
    width: 100%; 
}
*/
.tabs li {
	display: inline-block;
	margin:0.5em 0.3em 0.25em 0;
}
.tabs a {
    padding: 0.5em 0.5em 0.5em 0.5em ;
	text-decoration: none;
	text-align: left;
	font-weight:normal; 
	color: #FFFFFF;
	border: 0;
	display:inline;
	background-color: #650301 ; 
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
.scroll{
	padding:0;
	margin:0;
	display: none;
	line-height:0.5em;
	box-sizing:border-box;
}

.scroll a {
	margin-top:0.2em;
    padding:0.25em 0.25em 0.45em 0.25em;
	text-decoration: none;
	text-align: left;
	border: 0;
	display:inline-block;
	background-color: #fff ; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.scroll a:hover,.scroll a:focus {
    background-color: #990000 ;
}

.scroll a.selected{
	background-color: #fff; 
}
.tabs-list{
	min-width:20em;
    width: -moz-calc(100% - 5em);
    width: -webkit-calc(100% - 5em);
	width: calc(100% - 5em);
}

.tabs a[disabled]{
    color: grey; 
}

.tabs a:hover {
	background-color: #990000 ; 
}

.tabs a.selected{
	background-color: #990000; 
}

.tabs a:focus{   
    outline: 0 none; /* disable default outline */
    border: 2px solid #990000; 	
}


/*////////////////////////////Extras///////////////////////////////////*/
.save-as-csv{
	-webkit-appearance: button;
	padding: 0.2em 1em 0.2em 1em;
	text-decoration:none;
	font-weight:bold;
}