@font-face {
  font-family: 'Roboto-Light';
  src: url('./fonts/Roboto-Light.ttf');
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('./fonts/Roboto-Thin.ttf');
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,dd,dl,dt,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.2;
	font-family: inherit;
	text-align: left;
}
/*-----------------------------------------------------------------------------------------*/
body{
	color: #333333;
	font-weight:800; 
	font-family: Roboto-Light, sans-serif; 
	font-size:12pt;
	cursor:default;
	color:#4B4B4B;
	overflow:hidden;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
input, textarea, select{
	border-bottom-color: #b3b3b3; 
	border-bottom-left-radius: 3px; 
	border-bottom-right-radius: 3px;
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-left-color: #b3b3b3; 
	border-left-style: solid; 
	border-left-width: 1px; 
	border-right-color: #b3b3b3; 
	border-right-style: solid; 
	border-right-width: 1px; 
	border-top-color: #b3b3b3; 
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
	border-top-style: solid; 
	border-top-width: 1px;
	font-size:13px;
	color: #4B4B4B;
}
input, select{
  	padding-left:10px;
  	padding-right:10px;
  	width: calc(100% - 20px);
}
input{
	height:36px;
}
select{
	height:40px;
}
textarea{
	padding:10px;
}
input[type="search"]{ height:40px!important; }
table{border-collapse: collapse;border-spacing: 0;width:100%;}
strong{font-weight:bold; }
a{text-decoration:none;color:#0066CC;}
a:hover{text-decoration:none;}
ul{margin:0px;padding:0px;}
input:focus, select:focus, textarea:focus{background-color:#FFFFC6;}
canvas{display:block;}

/*-----------------------------------------------------------------------------------------*/
.link{color:#577DDA;text-decoration:underline;cursor:pointer;}
.noTitleStuff {display:none;}
.rounded{-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.glow{box-shadow: 0px 0px 10px #888888;}
.hr, hr{height:0px;width:100%;border-bottom:1px solid #dfe3eb;}
.vr{height:100%;width:0%;border-left:1px solid #D3DCE3;}
.rb{border-right:1px solid #C9C9C9;overflow:hidden;}
.btn:hover{opacity:0.7;color:black;}
.pointer{cursor:pointer;}
.grey_bg{background-color:#f2f2f2;border:1px solid #DBDBDB;text-align:center;color:#525252;font-size:12px;}
.ts{text-shadow: 0px 0px 2px #888888;}
.r2{-moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;}
.r3{-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.r4{-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
.r5{-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.r10{-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}
.b1n{border:1px solid transparent;}
.b1g{border:1px solid #BFBFBF;}
.bl1g{border-left:1px solid #BFBFBF;}
.br1g{border-right:1px solid #BFBFBF;}
.bt1g{border-top:1px solid #BFBFBF;}
.bb1g{border-bottom:1px solid #BFBFBF;}
.b1b{border:1px solid #D3DCE3;}
.page{padding:15px;height:calc(100% - 90px);}
.d_page{
	padding:25px;
	height:calc(100% - 50px);
}
.d_page_in{
	height:calc(100% - 70px);
}
.d_ui_bar{
	position:absolute;
	bottom:20px;
	left:15px;
	right:15px;
	margin-top:10px;
	border-top:1px solid #D3DCE3;
	padding-top:10px;
	text-align:right;
}

/*-----------------------------------------------------------------------------------------*/
.good{color:green!important;}
.bad{color:#A42C22!important;}
.green{color:green!important;}
.red{color:red!important;}
.blue{color:blue!important;}
.grey{color:grey!important;}
.whiteish{color:#F2F2F2!important;}
.blackish{color:#464646!important;}
.bad_input{border:1px solid red!important;}
.description{font-size:9px;font-weight:bold;}
.na{font-size: 10px;text-decoration:italic;color:grey;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.selected{background-color:#f3f9ff;opacity:0.9;}
.selected td{background-color:#ADD8FF;}
.fnt8{font-size:8px!important;}
.fnt9{font-size:9px!important;}
.fnt10{font-size:10px!important;}
.fnt11{font-size:11px!important;}
.fnt12{font-size:12px!important;}
.fnt13{font-size:13px!important;}
.fnt14{font-size:14px!important;}
.fnt15{font-size:15px!important;}
.fnt16{font-size:16px!important;}
.fnt17{font-size:17px!important;}
.fnt18{font-size:18px!important;}
.fnt19{font-size:19px!important;}
.fnt20{font-size:20px!important;}
.fnt21{font-size:21px!important;}
.fnt22{font-size:22px!important;}
.fnt23{font-size:23px!important;}
.fnt24{font-size:24px!important;}
.fnt48{font-size:48px!important;}

/*-----------------------------------------------------------------------------------------*/
.lh10{height:10px;line-height:10px;}
.lh15{height:15px;line-height:15px;}
.lh16{height:16px;line-height:16px;}
.lh17{height:17px;line-height:17px;}
.lh18{height:18px;line-height:18px;}
.lh19{height:19px;line-height:19px;}
.lh20{height:20px;line-height:20px;}
.lh25{height:25px;line-height:25px;}
.lh30{height:30px;line-height:30px;}
.lh35{height:35px;line-height:35px;}
.lh40{height:40px;line-height:40px;}
.lh45{height:45px;line-height:45px;}
.lh50{height:50px;line-height:50px;}

/*-----------------------------------------------------------------------------------------*/
.center{text-align:center;}
.aleft{text-align:left;}
.aright{text-align:right;}
.indent{padding-left:5px;padding-right:5px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;width:0px;height:0px;visibility:hidden;overflow:hidden;}

/*-----------------------------------------------------------------------------------------*/
.mauto{margin:auto;}
.mlauto{margin-left:auto;}
.mrauto{margin-right:auto;}
.mtauto{margin-top:auto;}
.mbauto{margin-bottom:auto;}
.m1{margin:1px;}
.m2{margin:2px;}
.m3{margin:3px;}
.m4{margin:4px;}
.m5{margin:5px;}
.m6{margin:6px;}
.m7{margin:7px;}
.m8{margin:8px;}
.m9{margin:9px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m50{margin:50px;}
.ml1{margin-left:1px;}
.mr1{margin-right:1px;}
.ml2{margin-left:2px;}
.mr2{margin-right:2px;}
.ml3{margin-left:3px;}
.mr3{margin-right:3px;}
.ml4{margin-left:4px;}
.mr4{margin-right:4px;}
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.ml6{margin-left:6px;}
.mr6{margin-right:6px;}
.ml7{margin-left:7px;}
.mr7{margin-right:7px;}
.ml8{margin-left:8px;}
.mr8{margin-right:9px;}
.ml9{margin-left:9px;}
.mr9{margin-right:9px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.ml15{margin-left:15px;}
.mr15{margin-right:15px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.ml25{margin-left:25px;}
.mr25{margin-right:25px;}
.ml50{margin-left:50px;}
.mr50{margin-right:50px;}
.mt1{margin-top:1px;}
.mb1{margin-bottom:1px;}
.mt2{margin-top:2px;}
.mb2{margin-bottom:2px;}
.mt3{margin-top:3px;}
.mb3{margin-bottom:3px;}
.mt4{margin-top:4px;}
.mb4{margin-bottom:4px;}
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.mt6{margin-top:6px;}
.mb6{margin-bottom:6px;}
.mt7{margin-top:7px;}
.mb7{margin-bottom:7px;}
.mt8{margin-top:8px;}
.mb8{margin-bottom:9px;}
.mt9{margin-top:9px;}
.mb9{margin-bottom:9px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mt25{margin-top:25px;}
.mb25{margin-bottom:25px;}
.mt50{margin-top:50px;}
.mb50{margin-bottom:50px;}
.mt60{margin-top:60px;}
.mb60{margin-bottom:60px;}
.mt75{margin-top:75px;}
.mb75{margin-bottom:75px;}
.mt100{margin-top:100px;}
.mb100{margin-bottom:100px;}


/*-----------------------------------------------------------------------------------------*/
.pauto{padding:auto;}
.p1{padding:1px;}
.p2{padding:2px;}
.p3{padding:3px;}
.p4{padding:4px;}
.p5{padding:5px;}
.p6{padding:6px;}
.p7{padding:7px;}
.p8{padding:8px;}
.p9{padding:9px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p50{padding:50px;}
.pl1{padding-left:1px;}
.pr1{padding-right:1px;}
.pl2{padding-left:2px;}
.pr2{padding-right:2px;}
.pl3{padding-left:3px;}
.pr3{padding-right:3px;}
.pl4{padding-left:4px;}
.pr4{padding-right:4px;}
.pl6{padding-left:6px;}
.pr6{padding-right:6px;}
.pl7{padding-left:7px;}
.pr7{padding-right:7px;}
.pl8{padding-left:8px;}
.pr8{padding-right:9px;}
.pl9{padding-left:9px;}
.pr9{padding-right:9px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.pl15{padding-left:15px;}
.pr15{padding-right:15px;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}
.pl25{padding-left:25px;}
.pr25{padding-right:25px;}
.pl50{padding-left:50px;}
.pr50{padding-right:50px;}
.pt1{padding-top:1px;}
.pb1{padding-bottom:1px;}
.pt2{padding-top:2px;}
.pb2{padding-bottom:2px;}
.pt3{padding-top:3px;}
.pb3{padding-bottom:3px;}
.pt4{padding-top:4px;}
.pb4{padding-bottom:4px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.pt6{padding-top:6px;}
.pb6{padding-bottom:6px;}
.mt7{padding-top:7px;}
.pb7{padding-bottom:7px;}
.pt8{padding-top:8px;}
.pb8{padding-bottom:9px;}
.pt9{padding-top:9px;}
.pb9{padding-bottom:9px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pt15{padding-top:15px;}
.pb15{padding-bottom:15px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pt25{padding-top:25px;}
.pb25{padding-bottom:25px;}
.pt50{padding-top:50px;}
.pb50{padding-bottom:50px;}

/*-----------------------------------------------------------------------------------------*/
.hw{width:50%;}
.fw{width:100%;}
.w1{width:1px;}
.w2{width:2px;}
.w3{width:3px;}
.w4{width:4px;}
.w5{width:5px;}
.w10{width:10px;}
.w15{width:15px;}
.w15pc{width:15%;}
.w20{width:20px;}
.w20pc{width:20%;}
.w25{width:25px;}
.w25pc{width:25%;}
.w30{width:30px;}
.w33pc{width:33%;}
.w35{width:35px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w50pc{width:50%;}
.w75{width:75px;}
.w75pc{width:75%;}
.w100{width:100px;}
.w125{width:125px;}
.w150{width:150px;}
.w175{width:175px;}
.w200{width:200px;}
.w225{width:225px;}
.w250{width:250px;}
.w240{width:240px;}
.w275{width:275px;}
.w300{width:300px;}
.w325{width:325px;}
.w350{width:350px;}
.w375{width:375px;}
.w400{width:400px;}
.fh{height:100%;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h45{height:45px;}
.h50{height:50px;}
.h75{height:75px;}
.h100{height:100px;}
.h125{height:125px;}
.h150{height:150px;}
.h175{height:175px;}
.h200{height:200px;}
.h225{height:225px;}
.h250{height:250px;}
.h275{height:275px;}
.h300{height:300px;}
.h325{height:325px;}
.h350{height:350px;}
.h375{height:375px;}
.h400{height:400px;}
.h550{height:550px;}
.h600{height:600px;}
.minw25{min-width:25px;}
.minw35{min-width:35px;}
.minw40{min-width:40px;}
.minw50{min-width:50px;}
.minw75{min-width:75px;}
.minw100{min-width:100px;}
.minw125{min-width:125px;}
.minw150{min-width:150px;}
.minw175{min-width:175px;}
.minw200{min-width:200px;}
.minw225{min-width:225px;}
.minw250{min-width:250px;}
.minw275{min-width:275px;}
.minw300{min-width:300px;}
.minw325{min-width:325px;}
.minw350{min-width:350px;}
.minw375{min-width:375px;}
.minw400{min-width:400px;}
.maxw25{max-width:25px;}
.maxw50{max-width:50px;}
.maxw75{max-width:75px;}
.maxw100{max-width:100px;}
.maxw125{max-width:125px;}
.maxw150{max-width:150px;}
.maxw175{max-width:175px;}
.maxw200{max-width:200px;}
.maxw225{max-width:225px;}
.maxw250{max-width:250px;}
.maxw275{max-width:275px;}
.maxw300{max-width:300px;}

/*-----------------------------------------------------------------------------------------*/
.hidden{width:0px;height:0px;visibility:hidden;overflow:hidden;}
.none{display:none;}
.hide{visibility:hidden;}
.inline{display:inline;}
.inline-block{display:inline-block;}
.block{display:block;}
.loaddiv, .disabled{opacity:0.5;}
.disabled{cursor:default!important;}
.oh{overflow:hidden;}
.print{display:none;}

/*-----------------------------------------------------------------------------------------*/
.i_full{width:100%;}
.i_text{width:96.5%;}
.i_select{width:92.75%;padding-left:5px;}
.i_date{width:70px;overflow:hidden;font-size:12px!important;}
.i_time{width:40px;overflow:hidden;font-size:12px!important;}
.i_time24{width:40px;overflow:hidden;font-size:11px!important;}
.i_textarea{width:calc(100% - 22px);height:40px;}
.i_small{width:80px!important;overflow:hidden;padding:2px 2px 2px 5px;margin-left:5px;}
.i_one_third{width:25%!important;overflow:hidden;}
.i_half{width:37%!important;overflow:hidden;}
.i_two_thirds{width:50%!important;overflow:hidden;}
.i_label{height:40px!important;line-height:40px!important;text-align:right;font-size:13px;font-weight:bold;overflow:hidden;}
.i_label_left{height:40px!important;line-height:40px!important;float:left;font-size:13px;font-weight:bold;overflow:hidden;}
.i_label_top{font-weight:bold;font-size:13px;margin-left:6px;margin-top:5px;margin-bottom:5px}
.i_disabled{background-color:#F0F0F0;}
.i_invalid{background-color:#FFC9C9;border:1px solid red;padding:2px;}
.inactive{color:#B9B9B9!important;text-decoration:line-through;}

/*-----------------------------------------------------------------------------------------*/
.dataTables_filter { float:left; }
.dataTables_filter { margin: 2px 0px 2px 10px; }
.dataTables_filter input { margin: 2px 0px 2px 10px; font-size:12px; padding:2px}
.dataTables_processing{ color:red; font-size: 12px; padding-left: 10px; margin-top: 5px; }
.DataTables_sort_icon { float:right; }
.dataTables_scrollBody { border-left:1px solid #B6B6B6; border-right:1px solid #B6B6B6; width:99.5%!important; }
.dataTables_info { width:100%; text-align:center;padding:4px 0px 4px 0px; font-size:10px;}
.dataTables_empty{padding:25px;text-align:center;}
table tbody tr:nth-child(even){background-color:#F7F7F7;}
.no_row_bgs table tbody tr{background-color:transparent!important;}

/*-----------------------------------------------------------------------------------------*/
.page_cont{
	height: 100%;
	overflow: hidden;
}
.page_side{
	height: calc(100% - 135px);
	width: 225px;
}
.page_side_title{
	font-size: 15px;
	margin-bottom: 20px;
	color: #333333;
	font-weight:600; 
	font-family: Roboto-Light, sans-serif; 
}
.page_side_field_name{
	font-size: 11px;
	color: #333333;
	font-weight: bold; 
	font-family: Roboto-Light, sans-serif; 
}
.page_side_field_value{
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	margin-bottom: 20px;
	color: #333333;
}
.cdt_header_row{
	height: 50px;
	color: #333333;
	background-color: #f4f4f4;
	border-top: 1px solid #dfe3eb;
	border-left: 1px solid #dfe3eb;
	border-right: 1px solid #dfe3eb;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}
.cdt_header_row div{
	line-height: 50px;
}
.cdt_header_row > div:hover{
	background-color: #e0eff4;
}
.cdt_header_sort_btn{
	cursor:pointer;
}
.header_sortable{
	background-image: url('../images/sm_header_sortable.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	opacity: 0.6;
}
.header_sort_down{
	background-image: url('../images/sm_header_sort_down.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	opacity: 0.6;
}
.header_sort_up{
	background-image: url('../images/sm_header_sort_up.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	opacity: 0.6;
}
.cdt_cont, .cont{
	height: calc(100% - 100px);
	overflow: hidden;
	background-color: white;
	/*width: calc(100% - 250px);*/
	width: calc(100%);
}
.cdt_body{
	height: calc(100% - 88px);
	overflow-y: scroll;
	border-top: 1px solid #dfe3eb;
	border-left: 1px solid #dfe3eb;
	border-right: 1px solid #dfe3eb;
	border-bottom: 2px solid #dfe3eb;
}
.cdt_body_row{
	border-top: 1px solid #dfe3eb;
	border-bottom: 1px solid #dfe3eb;
}
.cdt_body_row:hover{
	background-color: #f5f8fa;
}
.cdt_body_cell{
	font-size: 12px;
	padding-top: 14px;
	padding-bottom: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}
.cdt_footer{
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 12px;
	text-align: center;
}

/*-----------------------------------------------------------------------------------------*/
.title_bar{
	padding-bottom:25px; 
	font-weight:600; 
	font-family: Roboto-Light, sans-serif; 
	border-bottom: 1px solid #cbd6e1;
}
.title_bar_title{
	font-size:25px; 
	line-height: 40px;
}
.sm_title_bar{
	padding-bottom:15px; 
	font-weight:600; 
	font-family: Roboto-Light, sans-serif; 
	border-bottom: 1px solid #cbd6e1;
}
.sm_title_bar_title{
	font-size:20px; 
	line-height: 25px;
}
.title_bar_white_btn, .title_bar_blue_btn, .title_bar_red_btn, .title_bar_green_btn, .title_bar_light_blue_btn{
	line-height: 38px; 
	text-align: center; 
	padding-left: 25px; 
	padding-right: 25px; 
	font-weight: 800; 
	font-size: 14px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px; 
	border-radius: 3px; 
	cursor: pointer;
}
.title_bar_white_btn{
	border: 1px solid #156fbe; 
	color: #156fbe; 
	background-color: white; 
}
.title_bar_blue_btn{
	border: 1px solid #156fbe; 
	color: white; 
	background-color: #156fbe; 
}
.title_bar_light_blue_btn{
	border: 1px solid #7ab5e8; 
	color: white; 
	background-color: #8bc1f1;
}
.title_bar_red_btn{
	border: 1px solid #fc3f37; 
	color: white; 
	background-color: #ee3124; 
}
.title_bar_light_red_btn{
	border: 1px solid #ccb048; 
	color: white; 
	background-color: #feeaa0; 
}
.title_bar_green_btn{
	border: 1px solid #0b9d03;
	color: white; 
	background-color: #0dbc04;
}
.title_bar_light_green_btn{
	border: 1px solid #76b783;
	color: white; 
	background-color: #c7eecf;
}
.title_bar_white_btn:hover{
	background-color:#f1f3f5;
}
.title_bar_blue_btn:hover{
	opacity: 0.8;
}
.title_bar_red_btn:hover{
	opacity: 0.8;
}
.title_bar_green_btn:hover{
	opacity: 0.8;
}
.title_bar_light_blue_btn:hover{
	opacity: 0.8;
}

.white_btn, .blue_btn, .red_btn, .light_red_btn, .green_btn, .light_green_btn, .light_blue_btn{
	height: 38px;
	line-height: 38px; 
	text-align: center; 
	padding-left: 15px; 
	padding-right: 15px; 
	font-weight: 800; 
	font-size: 12px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px; 
	border-radius: 3px; 
	cursor: pointer;
	width: calc(100% - 32px);
}
.sm_white_btn, .sm_blue_btn, .sm_red_btn, .sm_light_red_btn, .sm_green_btn, .sm_light_green_btn, .sm_light_blue_btn{
	padding: 7px 12px 7px 12px;
	font-weight: 800; 
	font-size: 12px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px; 
	border-radius: 3px; 
	cursor: pointer;
}
.white_btn, .sm_white_btn{
	border: 1px solid #156fbe; 
	color: #156fbe; 
	background-color: white; 
}
.blue_btn, .sm_blue_btn{
	border: 1px solid #156fbe; 
	color: white; 
	background-color: #156fbe; 
}
.red_btn, .sm_red_btn{
	border: 1px solid #fc3f37; 
	color: white; 
	background-color: #ee3124; 
}
.light_red_btn, .sm_light_red_btn{
	border: 1px solid #ca7f88; 
	color: #9a0511; 
	background-color: #fec7ce; 
}
.green_btn, .sm_green_btn{
	border: 1px solid #0b9d03;
	color: white; 
	background-color: #0dbc04;
}
.light_green_btn, .sm_light_green_btn{
	border: 1px solid #76b783;
	color: #09600b; 
	background-color: #c7eecf;
}
.light_blue_btn, .sm_light_blue_btn{
	border: 1px solid #7ab5e8; 
	color: white; 
	background-color: #7ab5e8; 
}
.light_red_btn, .sm_light_red_btn{
    border: 1px solid #e89c7a;
    color: white; 
    background-color: #e87a7a;
}
.btn_op7{opacity: 0.7;}
.btn_op5{opacity: 0.5;}
.btn_op3{opacity: 0.3;}
.btn_on{
	opacity: 0.7;
}
.white_btn:hover,
.sm_white_btn:hover{
	opacity: 0.8;
}
.blue_btn:hover,
.sm_blue_btn:hover{
	opacity: 0.8;
}
.red_btn:hover,
.sm_red_btn:hover{
	opacity: 0.8;
}
.green_btn:hover,
.sm_green_btn:hover{
	opacity: 0.8;
}
.light_blue_btn:hover,
.sm_light_green_btn:hover{
    opacity: 0.8;
}
.light_green_btn:hover,
.sm_light_blue_btn:hover{
	opacity: 0.8;
}
.light_red_btn:hover,
.sm_light_red_btn:hover{
    opacity: 0.8;
}

/*-----------------------------------------------------------------------------------------*/
.blue-dot {
  height: 10px;
  width: 10px;
  background-color: #156fbe;
  border-radius: 50%;
  display: inline-block;
}
.no-close .ui-dialog-titlebar-close {display: none }
#dialog,#dialog_2{
	width:100%;
	text-align:center;
	font-size:14px;
}
#dialog_a{min-width:250px!important;min-height:100px!important;}
#dialog_loading{z-index:1000000;}
#status_box{
	box-shadow: 0px 0px 50px #5D5D5D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	height:25px;
	line-height:25px;
	font-size:12px;
	display:none;
	z-index:9999;
	position:absolute;
	top:75px;
	left:250px;
	right:250px;
}
.good_status{
	border:1px solid #4D9D58;
	background-color:#bbfbbd;
	color:green;
}
.bad_status{
	border:1px solid #A42C22;
	background-color:#ffd2d2;
	color:#A42C22;
}
.play_btn{
	cursor:pointer;
}
.play16, .play14, .play12{
	border-style: solid;
	box-sizing: border-box;
	margin-top: 2px;
	border-color: transparent transparent transparent #848484;
}
.play16{
	width: 14px;
	height: 14px;
	border-width: 7px 0px 7px 14px;
}
.play14{
	width: 12px;
	height: 12px;
	border-width: 7px 0px 7px 12px;
}
.play12{
	width: 10px;
	height: 10px;
	border-width: 6px 0px 6px 10px;
}

.grey_questions_box{
text-align:center;
background-color:#C4C4C4;
color:#464646;height:417px;
line-height:417px;
width:100%;
}


.questionaire_heading, .inspect_heading{
padding-left:10px;
padding-right:10px;
background-color:#C4C4C4;
border:1px solid grey;
font-size:12px;
}

.questionaire_question, .inspect_question{
padding-left:20px;
padding-right:10px;
border:1px solid grey;
font-size:12px;
}

.inspect_answer, .possible_answer{
padding-left:0px;
padding-right:0px;
width: 20px;
height: 20px;
}

.questionaire_question .text, .questionaire_heading .text, .inspect_question .text, .inspect_heading .text{
padding-top:10px;
padding-bottom:10px;
width:625px;
}

#question_cont_in{
min-height:400px;
border:1px solid grey;

}

.remove_heading_btn, .remove_question_btn, .pos_order{
padding-top:8px;
cursor:pointer;
}

.possible_question{
width:100%;
padding-top:4px;
padding-bottom:4px;
}

.possible_answer{
padding:0px!important;
margin:0px!important;
}

#equipImgThumb{
background-image: url('../images/equip_no_pic.png');
width:200px;
height:150px;
border:1px solid grey;
}

#ptw_confined_space_rad{
width:auto!important;
}

#ptw_hot_work_rad{
width:auto!important;
}

.videoPopup{
-webkit-backface-visibility:hidden;
outline: 1px solid transparent;
overflow:hidden;
width:200px;
text-align:center;
z-index:999;
}

.end_call{
position:absolute;
height:75px;
bottom:-10px;
left:75px;
cursor:pointer;
}

.end_call:hover{
opacity: 0.7;
}

.channel_btn{
	cursor:pointer;
}

.map_context_menu{
	width:160px;
	position:absolute;
	background-color:#fff;
	border-radius:3px;
	display:none;
}

.map_menu_option{
	padding:10px;
	font-size:16px;
	cursor:pointer;
	border-bottom:1px solid #d8d8d8;
}

.map_menu_option_disabled{
	padding:10px;
	font-size:16px;
	cursor:pointer;
	border-bottom:1px solid #d8d8d8;
	color: #dbd9d9;
}

.map_menu_option:hover{
	background-color: #d8d8d8;
}
.successful_title{
	font-size: 48pt;
	color: #0dbc04;
}
.unsubscribed_title{
	font-size: 48pt;
	color: #3c3c3c;
}
.unsubscribed_title i{
	font-size: 64pt;
}
.sidebar_btn{
    height:50px;
    line-height:50px;
    width:auto;
    padding-left:25px;
    border-bottom: 1px solid #cbd6e1;
}
.sidebar_btn:hover{
    background-color:#f4f4f4;
    cursor: pointer;
}
.sidebar_btn_on{
    background-color:#f4f4f4;
}

.sidebar_menu_btn:hover{
    cursor: pointer;
    opacity: 0.8;
}

@media screen and (max-width: 1110px){
    .header_left_btns{
        display: none !important;
    }
    .sidebar_menu_btn{
        display: block !important;
    }
}

@media screen and (min-width: 1110px){
    #sidebar{
        display: none !important;
    }
}
#reports_cont{
	height: calc(100% - 125px);
	width: calc(100% - 250px)
}
#reports_cont .bigListTitle{
	color:black!important;
}
#reports_cont table{
	font-size:8pt;
}
#reports_cont table thead tr th{
	font-size:8pt;
	font-weight:bold;
	border-bottom:1px solid grey;
	padding-bottom:5px;
}
.rpt_sort_down, .rpt_sort_up{
	margin-left:3px;
}

#rpt_data_cont{
	width:calc(100% - 0px);
	height:calc(100% - 162px);
	overflow-y: auto;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
}
.rpt_table_head{

}
.rpt_table_body{
	width:100%;
}
.rpt_footer{
	border-top:1px solid grey;
	padding:8px;
}
.rpt_table_head_row .rpt_table_cell{
	font-size:14px;
 	font-weight:bold;
 	padding: 10px 0px 5px 0px;
}
.rpt_table_head_row .rpt_sort_btn{
 	
}
.rpt_table_head_row #sort_cabin{

}
.rpt_table_head_row #sort_branch{

}
.rpt_table_head_row #sort_name{

}
.rpt_table_head_row #sort_cat{

}
.rpt_table_head_row #sort_rank{

}
.rpt_table_head_row #sort_out{
	text-align: center;
	width: 90px;
}
.rpt_table_head_row #sort_in{
	text-align: center;
	width: 90px;
}
.rpt_table_head_row #sort_time{
	text-align: center;
	width: 70px;
}

.rpt_table_row .rpt_table_cell{
 	font-size:12px;
 	min-height:1px;
 	padding: 3px 0px 3px 0px;
}
.rpt_table_row_inactive .rpt_table_cell{
	text-decoration: line-through;
}
.rpt_table_row #accommodation{

}
.rpt_table_row #branch_name{

}
.rpt_table_row #name{

}
.rpt_table_row #category_name{

}
.rpt_table_row #rank_name{

}
.rpt_table_row #pob_in{
	text-align: center;
	width: 90px;
}
.rpt_table_row #pob_out{
	text-align: center;
	width: 90px;
}
.rpt_table_row #total_time{
	text-align: center;
	width: 70px;
}
.rpt_data_set_footer{
	font-size:12px;
	font-weight:bold;
	text-align:right;
	float:right;
	border-top: 1px solid #dfe3eb;
	border-bottom: 1px solid #dfe3eb;
	padding: 3px 0px 3px 0px;
	margin: 3px 0px 6px 0px;
	width:300px;
}
.rpt_data_footer{
	font-size:13px;
	font-weight:bold;
	text-align:right;
	float:right;
	padding: 3px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
}