body {
	background-color: #ccc;
}

/*
* Table formating
*/
.stdTable {
	padding: 5px 9px;
	width: 100%;
}
tr, td{
  	padding: 5px 9px;
	width: auto;
}
.stdTable1 {
  background-position: top;
  background-color: transparent;
  width: 100%;
}
.stdTable1 th  {
  padding: 5px 9px;
  color: #3a3a3a;
  font-size: 15pt;
  font-weight: 300;
  background-color: #fff;
  width: auto;
}
.stdTable td  {
  padding: 5px 9px;
  color: #3a3a3a;
  font-size: 11pt;
  border-top: 1px solid #e5e5e5;
  width: auto;
}
.stdTable tr { background-color: transparent; }
.stdTable tr:hover { background-color: #f9f4c7; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }

.table_mini {
	width: 100%	
}
.table_mini th {
	text-align: left;
	padding: 3px 7px;	
}
.table_mini td {
	padding: 3px 7px;	
}

.table_mini tr { background-color: transparent; }
.table_mini tr:hover { background-color: #cadeff; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }

.tabHeader1 {
  background-image: url(../img/tab_header_bg_grad.png); 
  background-repeat: repeat-x; 
  background-position: top;
  background-color: #7c7c7c;
  width: 100%;
}
.tabHeader1 th  {
  padding: 5px 9px;
  color: #3a3a3a;
  font-size: 15pt;
  font-weight: 300;
  background-color: #fff;
  width: auto;
}
.tabHeader1 td  {
  padding: 5px 9px;
  color: #3a3a3a;
  font-size: 11pt;
  border-top: 1px solid #e5e5e5;
  width: auto;
}
.tabHeader1 tr { background-color: #fff; }
.tabHeader1 tr:hover { background-color: #f9f4c7; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }

.tabHeader4 .rollUpTdCell {
  border-collapse: collapse;
  font-size: 11pt;
  padding: 0px;
  margin: 0px;
  border: 0px;
  width: 100%;
}

.tabHeader4 th  {
  /*text-shadow: 0px 1px 2px #a0a0a0;*/
  color: #05b4fe;
  font-weight: normal;
  font-size: 14pt;
  background-color: transparent;
  border-bottom: 1px solid #05b4fe;
  padding: 9px 7px;
  vertical-align: top;
  width: auto;
}
.tabHeader4 td  {
  color: #000;
  cursor: pointer;
  border-bottom: 1px dotted #5c5c5c;
  padding: 5px 7px;
  font-size: 1em;
  width: auto;
}
.tabHeader4 tr { background-color: transparent; }
.tabHeader4 tr:hover { background-color: #f9f4c7; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }

.naCol { background-color: transparent; }
.aCol { background-color: #b7eaff; }

.setRow td { background-color: #FFCC00; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; cursor: pointer; }

#markRows { background-image: url(../img/transparent_black_3prc.png); background-repeat: repeat; background-position: top; }
#markRows:hover { background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; } /*background-color: #ece289;*/
#markRows_c1 { background-color: #93bec6; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c1:hover { background-color: #ece289; }

/* Light green */
#markRows_c2 { background-color: #cce88a; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c2:hover { background-color: #ece289; }

/* Light red e5a3bd, fcd2e3 */
#markRows_c3 { background-color: #dac0ca; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c3:hover { background-color: #ece289; }

/* Light yellow */
#markRows_c4 { background-color: #ecdc9a; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c4:hover { background-color: #ece289; }

/* Light blue */
#markRows_c5 { background-color: #9fd7e5; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c5:hover { background-color: #ece289; }

#markRows_c6 { background-color: transparent; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c6:hover { background-color: transparent; }

/* Light yellow */
#markRows_c7 { background-color: #ffcc00; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c7:hover { background-color: #ffcc00; }

#markRows_c8 { background-color: #434343; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c8:hover { background-color: #434343; }

#markRows_c9 { background-color: transparent; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c9:hover { background-color: #e5e5e5; }

#markRows_c10 { background-color: #ededed; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c10:hover { background-color: #e5e5e5; }

#markRows_c11 { background-color: transparent; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c11:hover { }

#markRows_c12 { background-color: #ededed; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }
#markRows_c12:hover { }

#emptyList { background-color: transparent; background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; text-align: center; }
#emptyList td { padding: 35px; border: 0px; }

#markCell { background-image: url(../img/tab_row_bg_grad.png); background-repeat: repeat-x; background-position: top; }

.rollUpDiv {
	/*margin: 0px auto; */
	margin-left: 50px;
	height: 0px; 
	text-align: center;
	visibility: hidden; 
	border-top: 0px solid #ffcc00; 
	background-image: url(../img/bg_row_rollup.png); 
	background-repeat: repeat-x; 
	border-radius: 5px;
}

.btn_inside_table {
}

.btn_inside_table span {
	display: block; 
	margin: 5px; 
	padding: 3px 9px; 
	font-size: 1em; 
	text-align: center; 
	border-radius: 4px;
	border: 0px solid #dadada;
	background-color: #d4d4d4; 
	color: #fff;
	font-weight: bold;
	box-shadow: 1px 1px 0px 0px #858585;
	text-shadow: 0px 1px 3px #3a3a3a;
	background-image: url(../img/button_glow.png);
	background-repeat: no-repeat;
	background-position: 50%; 
}
.btn_inside_table span:hover {
	/*box-shadow: 0px 1px 4.5px 1px #b4b4b4;*/ 
	box-shadow: 0px 0px 17px 1px #30a3f9 inset; 
	background-color: #36dbf9;
	border: 0px solid #dadada;
	color: #fff;
	/*border: 1px solid #6fd8ff;*/ 
}

.sortAsc {}
.sortAsc span {
  font-size: 9pt;
  font-weight: normal;
  width: 25px;
  height: 23px;
  margin-left: 2px;
  padding: 5px 5px 4px 21px;
  background-image: url('../img/sort_asc_over.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #ededed;
}
.sortAsc span:hover {
  background-image: url('../img/sort_asc_out.png');
  background-repeat: no-repeat;
  background-color: #f9f9f9;
}
.sortDesc {}
.sortDesc span {
  font-size: 9pt;
  font-weight: normal;
  width: 25px;
  height: 23px;
  margin-left: 2px;
  padding: 5px 5px 4px 21px;
  background-image: url('../img/sort_desc_over.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #ededed;
}
.sortDesc span:hover {
  background-image: url('../img/sort_desc_out.png');
  background-repeat: no-repeat;
  background-color: #f9f9f9;
}

#infoScreen {
	position: fixed;
	background-image: url(../img/transparent_black_50prc.png);
	cursor: pointer;
	z-index: 1050;
}

.infoScreenBox {
	margin: 90px auto 0px auto;
	box-shadow: 0px 0px 21px 0px #ededed;
	border-radius: 3px;
	padding: 3px;
}

.infoScreenBoxHeader {
	float: left;
	padding: 5px 9px 3px 93px;
	text-shadow: 0px 1px 3px #3a3a3a;
	color: #fff;
	font-size: 15pt
}
.infoScreenCloseButton {
	text-align: right;
	float: right;
	padding: 5px;
	background-color: #fff;
	border-radius: 3px 3px 0px 0px;
}

.infoScreenBoxMsgTable{
	padding: 0px;
	width: 100%;
	background-color: #FFF;
	border-radius: 3px 0px 3px 3px;
}
.infoScreenMsgCounter {
	width: 50px;
	vertical-align: top;
	background-image: url(../img/shadow_top.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
.infoScreenMsgCounterLastRecord {
	width: 50px;
	vertical-align: top;
}
.infoScreenMsgContent {
	/*padding: 0px 90px 20px 0px;*/
	background-color: #FFF;
	text-align: left;
	vertical-align: middle;
	background-image: url(../img/shadow_top.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
.infoScreenMsgContentLastRecord {
	/*padding: 0px 90px 20px 0px;*/
	background-color: #FFF;
	text-align: left;
	vertical-align: middle;
}
.infoScreenMsgColorMarker {
	padding: 5px 15px 15px 20px;
	color: #3a3a3a;
	text-align: justify;
}
.infoScreenMsgTitleBox {
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #3a3a3a;
	margin-bottom: 0;
}
.errLevelBox {
	border-radius: 3px;
	margin: 5px;
	background-color: #c4c4c4;
	padding: 5px;
	text-align: right;
	font-size: 8pt;
	width: 37px;
	height: 37px;
	color: #fff;
}
.errLevelBoxCounter{
	font-size: 15pt;
	color: #fff;
	display: block;
	border-bottom: 1px solid #fff;
}

.buttonInteractive {
	float: left; 
	font-size: 10pt; 
	margin: 7px 7px 7px 0px; 
	color: #3a3a3a; 
	cursor: pointer;
}
.buttonInteractive a {
	border-radius: 3px; 
	height: 17px; 
	padding: 5px 9px 5px 9px;
	color: #3a3a3a; 
}

.buttonInteractive a:hover {
	border-radius: 3px; 
	height: 17px; 
	padding: 5px 9px 5px 9px; 
	box-shadow: 0px 0px 3px 0px #797979 inset;
	background-color: #f9f9f9;
	text-decoration: none;
	text-shadow: 0px 0px 5px #b7b7b7; 
}

.buttonActive {
	box-shadow: 0px 0px 3px 0px #797979 inset;
	background-color: #f9f9f9;
	text-shadow: 0px 0px 5px #b7b7b7; 
}

.buttonNonActive {
	background-color: #f9f9f9;
}

.filterGroupMenu {
	cursor: pointer;
	float: left; 
	border: 1px solid #bebebe;
	padding: 0; 
	margin: 0px 3px -1px 0px; 
	border-radius: 2px 2px 0px 0px;  
}
.filterGroupMenu span {
    padding: 7px 13px; 
    display: block;
}
.filterGroupMenu span:hover {
    background-color: #ededed;
}

div.select_btn {
	float: left; 
	margin: 4px 4px 0px 0px; 
	padding: 5px 9px; 
    width: auto; 
    height: auto; 
    min-width: 30px;
	border-radius: 5px; 
	border: 1px solid #fff; 
	text-align: center; 
	background-color: #fff; 
	cursor: pointer;
}
div.select_btn:hover {
    background-color: #f1f1f1; 
}

div.select_btn_on {
    float: left; 
    margin: 4px 4px 0px 0px; 
    padding: 5px 9px; 
    width: auto; 
    height: auto;
    min-width: 30px; 
    border-radius: 5px; 
    border: 1px solid #858585; 
    text-align: center; 
    background-color: #858585; 
    cursor: pointer;
    color: #fff;
    font-weight: 400;
}

div.select_btn_on:hover {
    background-color: #d4d4d4; 
}

#dualSwitch {
	border-bottom: 1px solid #40e199; 
	width: 250px;
}
.dual_switch_left-active {
	float: left; 
	width: 50%; 
	border-radius: 11px 0px 0px 0px; 
	padding: 2px 5px; 
	cursor: pointer; 
	/*background-color: #40e199;*/
	/*background-image: linear-gradient(180deg, #1fa7f5, #40e199);*/ 
	background-image: linear-gradient(to bottom right, #1fa7f5, #40e199); 
	text-align: center; 
	font-size: 8pt;	
	color: #fff;
	font-weight: 510;
}
.dual_switch_left-active:hover{
	background-image: linear-gradient(to bottom right, #40e199, #1fa7f5); 
}

.dual_switch_left-not-active {
	float: left; 
	width: 50%; 
	border-radius: 11px 0px 0px 0px; 
	padding: 2px 5px; 
	cursor: pointer; 
	background-color: transparent;
	box-shadow: rgb(224, 224, 224) 0px 0px 7px 3px inset; 
	text-align: center; 
	font-size: 8pt;	
}

.dual_switch_right-active {
	float: left; 
	width: 50%; 
	border-radius: 0px 11px 0px 0px; 
	padding: 2px 5px; 
	cursor: pointer; 
	/*background-color: #40e199;*/ 
	background-image: linear-gradient(to bottom left, #1fa7f5, #40e199); 
	text-align: center; 
	font-size: 8pt;	
	color: #fff;
	font-weight: 510;
}
.dual_switch_right-active:hover {
	background-image: linear-gradient(to bottom left, #40e199, #1fa7f5); 
}

.dual_switch_right-not-active {
	float: left; 
	width: 50%;
	border-radius: 0px 11px 0px 0px; 
	padding: 2px 5px; 
	cursor: pointer; 
	box-shadow: rgb(224, 224, 224) 0px 0px 7px 3px inset; 
	text-align: center; 
	font-size: 8pt;
}
.dual_switch_right-not-active:hover {
	box-shadow: none; 
	background-image: linear-gradient(to bottom left, #1fa7f5, #40e199);
	color: #fff; 
}

.card:hover {
	background-color: #fff;
}
.contentResizeable {
	padding: 0 30px 30px 30px;
	margin-top: 93px;
	height: 90%;
}

#daterange {
	padding: 1px 0px 0px 11px; 
	cursor: pointer; 
	vertival-align: middle; 
	font-size: 1.2em;
}

#daterange i {
	font-size: 2.1em; 
}
#dateFromBx {
	float: left; 
	padding: 7px 5px 0px 5px;
	color: inherit;
}
#dateToBx {
	float: left; 
	padding: 7px 5px 0px 5px;
	color: inherit;
}
.datePickerRangesDescriptions {
	display: inline;
}
#searchForTN_icon {
	/*background-color: gray;*/
}
#signOut_text {
	color: inherit;
}

#buttonListSwitchHeader {
	padding: 0px 0px 7px 0px;
	border-bottom: 1px solid #d4d4d4;
}
.buttonsListSwitch {
	float: right; 
	background-color: transparent; 
	border-radius: 7px;	
}

.statusFilterBtn, .statusFilterBtn_active{
	float: left;
}

.statusFilterBtn div {
	background-color: transparent;
	border-radius: 0 0 7px 7px;
	cursor: pointer;
	box-shadow: 0px 1px 3px 1px #ededed;
}

.statusFilterBtn div:hover{
	background-color: #eee;
	box-shadow: 0px 0px 0px 0px #ededed;
}
.statusFilterBtn_active div {
	background-color: #eee;
	border-radius: 0 0 7px 7px;
	cursor: pointer;
	/*box-shadow: 0px 1px 3px 1px #ededed;*/
}

.statusFilterBtn_active div:hover{
	background-color: #f1f1f1;
	box-shadow: 0px 0px 0px 0px #ededed;
}
.statusFilterBtnItm {
	padding: 7px 35px 7px 15px; 
	margin: 0px 0px 0px 15px;
}

.statusFilterBtnItm img {
	width: 25px;
}


/* open View */

@keyframes loadingBackground {
	from {
		background-position: 0 0;
		opacity: 0.2;
	}
	to {
		background-position: 100% 0;
		opacity: 0.9;
	}
}

.showLoadingBackground {
	background-image: url(../img/loading_background.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	animation: loadingBackground 0.9s linear infinite alternate;
}

.my_main_container {
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: #011c40;/* #ccc */
}

.center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	height: 600px;
	width: 1000px;

	background-color: #e6e6e6;
	border-radius: 7px;
}
#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	color: #6487b5;
}

.loginOpenViewBox {
	float: left;
	width: 50%;
}

@media screen and (min-width: 100px) and (max-width: 946px) {
	.loginOpenViewBox {
		float: none;
		width: 100%;
	}
	.my_main_container {
		height: auto;
		padding: 15px;
	}
	.center {
		position: relative;
		width: 100%;
		margin: 15px auto;
		height: auto;
		left: auto;
		transform: none;
	}
	#footer {
		position: relative;
	}
}
@media screen and (min-width: 947px){
	.loginOpenViewBox {
		float: left;
		width: 50%;
	}
	.my_main_container {
		height: 100%;
	}
	.center {
		height: 600px;
		width: 1000px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#footer {
		position: fixed;
	}

}