/* common */
.fl{float:left}
.fr{float:right}
.tal {text-align:left;}
.clear{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;line-height:0%}
.go1{display:inline-block;font-size:14px;line-height:22px;color:#0066cc;background:url('../img/ic_linkgo3.gif') 0 5px no-repeat;padding-left:17px;margin-left:10px;}
.txt_map1 {display:inline-block;height:26px; color:#0066cc;font-size:12px;line-height:23px;background:url('../img/btn_map.png') 0 3px no-repeat;padding-left:23px;vertical-align:middle;}

a {font-size:12px;color:#000;text-decoration:none !important;outline-style:none !important;}
a:hover,a:active,a:visited{text-decoration:none !important;}
a.link1 {display:inline-block;}
a.link2 {font-size:14px;}
a.link1,a.link2 {color:#0066cc;}
a.link1:hover,a.link2:hover {color:#00478e;text-decoration:underline !important;}
a.link1:active,a.link2:active {color:#000;}

input[type=password] {letter-spacing:5px;}

/* Header Nav */
header nav .utility_item{position: relative;}
header nav [name=navIcon],
header nav [name=navIcon] .icon{display:inline-block;background:url('../img/utility_icons.png') no-repeat;}
header nav .ghostbuster{width:16px;height:19px;background-position: -80px -92px;}
header nav .ghostbuster:hover{background-position: -96px -92px;}
header nav .lte_4g{width:35px;height:18px;background-position: 0 -91px;}
header nav .lte_4g:hover{background-position: -35px -91px;}
header nav .lte_4g_open, header nav .lte_4g_hybrid, header nav .lte_4g_closed{background-image: none;}
header nav .lte_4g_open .icon{width:40px;height:18px;margin-left:2px;background-position: 0px -152px;}
header nav .lte_4g_open:hover .icon{background-position: -60px -152px;}
header nav .lte_4g_hybrid .icon{width:40px;height:18px;margin-left:2px;background-position: -120px -152px;}
header nav .lte_4g_hybrid:hover .icon{background-position: -180px -152px;}
header nav .lte_4g_closed .icon{width:40px;height:18px;margin-left:2px;background-position: -240px -152px;}
header nav .lte_4g_closed:hover .icon{background-position: -300px -152px;}
header nav .lte_4g_off_open{width:62px;height:19px;background-position: 0px -182px;}
header nav .lte_4g_off_open:hover{background-position: -69px -182px;}
header nav .lte_4g_off_hybrid{width:62px;height:19px;background-position: -148px -182px;}
header nav .lte_4g_off_hybrid:hover{background-position: -217px -182px;}
header nav .lte_4g_off_closed{width:62px;height:19px;background-position: -296px -182px;}
header nav .lte_4g_off_closed:hover{background-position: -365px -182px;}
header nav .icon_gps_1588_1{width:22px;height:25px;background-image:url('../img/icon_locOn_timeOn.png');}
header nav .icon_gps_1588_1:hover{background-position:0 -25px;}
header nav .icon_gps_1588_2{width:22px;height:25px;background-image:url('../img/icon_locOff_timeOn.png');}
header nav .icon_gps_1588_2:hover{background-position:0 -25px;}
header nav .icon_gps_1588_3{width:22px;height:25px;background-image:url('../img/icon_locOn_timeOff.png');}
header nav .icon_gps_1588_3:hover{background-position:0 -25px;}
header nav .icon_gps_1588_4{width:13px;height:25px;background-position: 0 -61px;}
header nav .icon_gps_1588_4:hover{background-position: -13px -61px;}
header nav .icon_gps_on{width:13px;height:20px;background-position: 0 -61px;}
header nav .icon_gps_on:hover{background-position: -13px -61px;}
header nav .icon_gps_off{width:20px;height:21px;background-image:url('../img/icon_gps_off.png');}
header nav .icon_gps_off:hover{background-image:url('../img/icon_gps_off_hover.png');}
header nav .ic_util3 .icon{display:inline-block;width:12px;height:18px;background: url(../img/utility_icons.png) no-repeat 0px 0px;}
header nav .ic_util3:hover .icon{background-position: -12px 0px;}
header nav .ic_util6 .icon{display:inline-block;width:10px;height:18px;background: url(../img/utility_icons.png) no-repeat -30px 0px;}
header nav .ic_util6:hover .icon{background-position: -40px 0px;}
header nav .txt_4g{font-size:14px;color:#333;letter-spacing:-0.5px;margin-top:-1px;cursor:default;}
header nav .txt_4g:hover{color:#cd040b;}
header nav .tip_box {background:#fff; position:absolute; left:-7px; top:45px; width:auto;border-radius: 2px;-webkit-border-radius: 2px;box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.2);}
header nav .tip_box .tip_loading {padding:4px 0 6px 0; position:relative;text-align:center;}
header nav .tip_box .tip_loading img {vertical-align:middle; margin-right:5px;}
header nav .tip_box .tip_loading span {display:inline-block; font-size:12px; color:#595a5d; letter-spacing:0px; vertical-align:middle;}


/* table */
.tblH_wrap{width:100%;border-top:2px solid #141d24;border-bottom:1px solid #999;}
.tblH thead th{border-bottom:1px solid #999;border-left:1px solid #e5e5e5;font-weight:normal;font-size:12px;line-height:18px;text-align:center;padding:3px 0 3px 0;vertical-align:top}
.tblH thead th:first-child{border-left:0;}
.tblH tbody th{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-weight:normal;font-size:12px;line-height:18px;text-align:left;padding:3px 0 3px 0px;vertical-align:top}
.tblH tbody th:first-child{border-left:0}
.tblH tbody td{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-size:12px;line-height:18px;padding:3px 0 3px 14px;vertical-align:top}
.tblH tbody tr:last-child th, .tblH tbody tr:last-child td{border-bottom:0}

.tblH_wrap .color1{color:#2cba00;}
.tblH_wrap .color2{color:#ed1c24;}

.tblW_area{margin:0;padding:0;overflow-x:hidden;overflow-y:auto;height: 100%;width:100%;overflow: hidden auto;border-top: 2px solid rgb(109, 110, 113);border-bottom: 2px solid rgb(109, 110, 113);position: relative;}
.tblW_wrap{width:100%;display: block;margin: 0px 0;padding: 0;width: 100%;border: 0px !important;overflow-y: auto;overflow-x: hidden;height: 100%;}
.tblW thead th{height:auto;font-size:12px;font-weight:800;color:#000;background:#fff;vertical-align:middle;text-align:center;border-bottom:1px solid #999;border-left:1px solid #e5e5e5;padding:7px 0;background-position: right 1px center !important;}
.tblW thead th:first-child{border-left:0 !important}
.tblW tbody td{height:25px;font-size:12px;font-weight:normal;color:#000;background:#fff;vertical-align:middle;text-align:center;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5; padding:7px 0;}
.tblW tbody td:first-child{border-left:0}
.tblW tbody td span,.tblW tbody td span a{font-size:12px;}
.tblW tbody tr:last-child td{border-bottom:1px solid #999;}
.tblW tbody th{border-bottom:1px solid #d1d2d4;border-left:1px solid #d1d2d4;font-size:12px;line-height:18px;padding:9px 0 9px 0;vertical-align:top}
.tblW .img_ckstate{display:inline-block;margin:0px 0 -4px 8px;vertical-align:top}
.tblW em{display:inline;text-align:right;font-style:normal;}
.tblW em.color1{color:#ed1c24;}
.tblW em.color2{color:#595a5d;}
.tblW em.color3{color:#0096ff;}
.tblW em.color4{color:#000000;}

/* jquery dataTables */
table.dataTable {width: 100%;margin: 0 auto;clear: both;border-collapse: separate;border-spacing: 0;table-layout: fixed;}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {background-repeat: no-repeat;background-position: right;}
table.dataTable thead .sorting {background-image: url("../img/sort_both.png?a=1");}
table.dataTable thead .sorting_asc {background-image: url("../img/sort_asc.png");}
table.dataTable thead .sorting_desc {background-image: url("../img/sort_desc.png");}
table.dataTable thead .sorting_asc_disabled {background-image: url("../img/sort_asc_disabled.png");}
table.dataTable thead .sorting_desc_disabled {background-image: url("../img/sort_desc_disabled.png");}
.dataTables_scrollHead{position: absolute !important;z-index:1;}


/* loading Bar */
#loadingBar {width:100%;height:100%;background:rgba(000,000,000,0.3);z-index:6000;top:0;left:0;text-align: center;position:fixed;}
#loadingBar .loadingIcon {position:relative;margin:0 auto; width:60px; height:60px;margin-top: 250px;background: url(../img/loadingbar.gif) center center no-repeat;background-size:contain;opacity: 0.5;}


/* Modal */
.vertical-alignment-helper {
    display:table;height: 100%;width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;vertical-align: middle;pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;height:inherit;
    /* To center horizontally */
    margin: 0 auto;pointer-events: all;
}
.input_modal {
	display: block;
	width: 700px;
	padding: 38px 48px;
}
.input_modal h2 {
	display: block;
	font-size: 25px;
	line-height: 40px;
	color: #cb0005;
	font-family: "Roboto-M", Arial, PMingLiU, "STHeiti TC";
	font-weight: bold;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
}
.input_modal .list_box {margin: 0 5px;}



.modal-backdrop.show {opacity: 0.3;}
/* popup */
.wrap_pop1{display:block;width:528px;background:#fff;padding:38px 48px 36px 48px;position:relative;border-radius:0;}
.wrap_pop1 .title{display:block;font-size:21px;color:#cb0005;font-family:"f-Bd", Arial, PMingLiU, "STHeiti TC";    font-weight: 800;}
.wrap_pop1 .pop_btn {text-align:right;}
.wrap_pop1 .btnwrap_right{margin-top:24px;display:block;text-align:right;}
.wrap_pop1 .wrap_txt1{font-size:14px;line-height:22px;padding:28px 0 0 0;}
.wrap_pop1 .wrap_txt1 strong{font-size:14px;line-height:19px;}
.wrap_pop1 .wrap_txt1 .row .col{font-size:13px;line-height: 36px;height: 36px;}
.wrap_pop1 .wrap_txt1 .row .col.title{color:#000000;}
.wrap_pop1 .wrap_txt1 .error_txt{font-size:13px;}
.wrap_pop1 .wrap_txt1 .input_type3 {font-size:12px;border:1px solid #959595;width:100%;height:26px;}
.wrap_pop1 .close2 {display:inline-block;width:12px;height:12px;position:absolute;right:18px;top:18px;z-index:1000000;}
.wrap_pop1 .close2 a {display:inline-block;width:12px;height:12px;text-indent:-9999px;background:url('../img/btn_close.png') no-repeat;}
.wrap_pop1 .close2 a:hover {background:url('../img/btn_close_over.png') no-repeat;}
.wrap_pop1 .close2 a:active {background:url('../img/btn_close_pressed.png') no-repeat;}
.wrap_pop1 .pw_info li {line-height: 18px;background: url('../img/bu2.gif') 0 23px no-repeat; padding-left: 12px; padding-top: 16px;list-style-type:none;}
.wrap_pop1 .progress_loading2 {text-align:center; padding-top:13px;}
.wrap_pop1 .progress_loading2 img {vertical-align:middle;margin-right:5px; }
.wrap_pop1 .progress_loading2 span {display:inline-block; font-size:14px; vertical-align:middle;font-size:14px;}

.wrap_layer_info1 { position: absolute;right:-170px; z-index: 50; background-color: #fff; padding: 13px 11px 8px 11px; border:1px solid #d0d0d0; max-width:155px; min-width:155px;
	-webkit-box-shadow:0px 0px 15px rgba(8, 8, 8, 0.1);
			box-shadow:0px 0px 15px rgba(75, 75, 75, 0.1);
}
.wrap_layer_info1 img.edge { display: block; top: -4px; left: -26px; position: relative;}
.wrap_layer_info1 ul { margin-top: -37px;margin-left: 7px;list-style-type:none; }
.wrap_layer_info1 ul>li:first-child { padding-top: 0; padding-left: 0; background:url(''); background-position: 0 7px;}
.wrap_layer_info1 ul>li {font-size: 12px;font-weight:800;  line-height: 18px;word-break: break-word; color: #595a5d; background: url('../img/bu2.gif') 0 23px no-repeat; padding-left: 9px; padding-top: 16px;}
.wrap_layer_info1 ul>li.green {color: #27a600; background: url('../img/bu2_green.gif') 0 23px no-repeat;}
.wrap_layer_info1 ul>li.red {color: #cd040b; background: url('../img/bu2_red.gif') 0 23px no-repeat;}

.pop_login {width:600px;height:427px;}
.pop_login .header {width:100%;height:266px;border-bottom:1px solid #e5e5e5;padding:135px 0 0 54px;position:relative;background:#ececec no-repeat 54px 40px;}
.pop_login .header .txt1 {font-size:24px;color:#cd040b;line-height:48px;font-weight: 800;}
.pop_login .header .txt2 span{font-size:36px;color:#cd040b;line-height:48px;font-weight: 800;}
.pop_login .header .txt2 span.bold {}
.pop_login .adminPassword {width:100%;height:161px;padding:35px 0 0 54px;background:#fff;}
.pop_login .adminPassword p {font-size:14px;margin-bottom:8px;}
.pop_login .adminPassword .btn_pw {width:490px;padding-top:10px;position:relative;}
.pop_login .adminPassword .btn_pw .input_error{display: inline-block;font-size: 12px;color: #cd050b;}
.pop_login .adminPassword .btn_pw .invalid {float:left;color:#cd040b;}
.pop_login .adminPassword .btn_pw .layer_help {position:relative;}
.pop_btn_close {display:inline-block;width:12px;height:12px;text-indent:-9999px;background:url('../img/btn_close.png') no-repeat;position:absolute;right:18px;top:18px;z-index:1000000;}
.pop_btn_close:hover {background:url('../img/btn_close_over.png') no-repeat;}
.pop_btn_close:active {background:url('../img/btn_close_pressed.png') no-repeat;}

.input_type_sign {width:350px;height:40px;font-size:12px;color:#000;letter-spacing:5px;background:#fff;padding:0 12px;border:1px solid #a1a1a1;border-right:0;vertical-align:middle;}
.btn_type_sign {display:inline-block;width:142px;height:40px;font-size:14px;color:#fefefe;text-align:center;background:#cd050b;vertical-align:middle;}
.btn_type_sign span {display:inline-block;width:auto;height:40px;background:url('../img/arr3.png') no-repeat right 16px;padding:14px 19px 0 0;color:#fefefe;}
.btn_type_sign:visited {color:#fefefe;}
.btn_type_sign:hover {color:#fefefe; background:#a80309;}

.floating_box {background:#fff; border:1px solid #d0d0d0; position:absolute;}
.floating_box .floating_con {padding:9px 0 9px 12px; position:relative;}
.floating_box .floating_con img {float:none !important; vertical-align:middle; margin-right:9px;}
.floating_box .floating_con span {display:inline-block;float:none !important;font-size:12px;color:#595a5d;margin:0 !important;vertical-align:middle;}

.btn_type2 {display:inline-block;width:auto;padding:5px 15px;font-size:16px;color:#fefefe;text-align:center;background:#cd050b;vertical-align:middle;transition: 1s;-webkit-transition: 1s;}
.btn_type2:visited {color:#fefefe;}
.btn_type2:hover {color:#fefefe; background:#a80309}
.btn_type2.disabled {background:#e4e5e3;transition: 0s;-webkit-transition: 0s;opacity: 1;}
.btn_cancel {display:inline-block;width:auto;font-size:16px;padding:5px 15px;color:#000;line-height:15px;margin:0 38px 4px 30px;vertical-align:middle;}
.btn_cancel:visited{color:#000;}
.btn_cancel.disabled{color:#6d6d6d;opacity: 1;}


/* slider */
.wrap_range1{display:block;position:relative;margin-top:20px}
.wrap_range1 .layer_range1{display:block;border:1px solid #6d6e70;padding:5px 10px 7px 10px;font-size:12px;line-height:15px;margin:14px 0 0 -20px;
	-webkit-border-radius:3px;	-moz-border-radius:3px;border-radius:3px}
.wrap_range1 .layer_range1 .edge{display:block;position:relative}
.wrap_range1 .layer_range1 .edge>span{display:block;background:url('../img/ic_edge2.png') no-repeat;width:28px;height:15px;position:absolute;z-index:5;left:5px;top:-20px}
.wrap_range1 .layer_range1 .edge.bottom>span{display:block;background:url('../img/ic_edge7.png') no-repeat;width:28px;height:15px;position:absolute;z-index:5;left:5px;top:7px;}
.wrap_range1 .layer_range1 .edge.bottom>span:after{content:'';display:block;background:#959595;width:14px;height:14px;position:absolute;z-index:5;left:6px;top:17px;border:2px solid #fff;border-radius:50%;-webkit-border-radius:50%;}
.slider-horizontal .tooltip{z-index:500 !important}


/* validate - tooltipUnder style */
.tooltipUnder { margin-top:-1px; color: #c10054; font-size: 12px; overflow:visible; position: absolute; display: block; z-index: 12; white-space: nowrap;outline: none; opacity: 1; padding: 0 3px; border-width: 0px; border-style: solid; border-radius: 5px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; }


/* selectbox */
select.select_ui1 {width:100%;height:45px;font-size:12px;color:#000;border:1px solid #959595;background:url('../img/sel_bg1.png') no-repeat right 0px;padding:0 0 0 10px;background: none;position: relative;}
select.select_ui1+.tooltipUnder{margin-top:44px;}
.sbHolder_wrap{position: relative;}
.sbHolder{position: relative;color:#000;height: 100%;}
.sbSelector{
	display: block;
	line-height: 43px;
	border: 1px solid #d8dada;
	border-bottom: 1px solid #000;
	outline: none;
	overflow: hidden;
	position: relative;
	border-radius: 2px;
	text-indent: 0px;
	width: calc(100%);
	font-family: "f-Rm", Arial, PMingLiU, "STHeiti TC";
	padding: 0 8px;
	font-size: 13px;
	height: 100%;
}
.sbToggle{background:url('../img/bu/sel_down.png') no-repeat right 0px;display: block;height: 30px;outline: none;position: absolute;right: 0;top: 0;width: 30px;bottom: 0px;margin: auto;}
.sbToggleOpen{background:url('../img/bu/sel_up.png') no-repeat right 0px;}
.sbHolderDisabled{background-color: #eeeeee;color: #5e5e5e;}
.sbHolderDisabled .sbSelector{color: #5e5e5e;border: 1px solid #d8dada;}

.sbOptions{background-color: #fff;border: solid 1px #d9d9d9;list-style: none;left: 0px;margin: 0;margin-top: 1px;padding: 0;position: absolute;width: 100%;z-index: 999;overflow-y: auto;
		   -webkit-box-shadow:0px 0px 15px rgba(10, 7, 7, 0.1);
				   box-shadow:0px 0px 15px rgba(75, 75, 75, 0.1);
}
.sbOptions.popOption{margin: 0;z-index: 1;margin-top: 10px;border-top:1px solid #f2f2f2;
		   -webkit-box-shadow:0px 5px 12px rgba(75, 75, 75, 0.1);
				   box-shadow:0px 5px 12px rgba(75, 75, 75, 0.1);
}
.sbOptions li,.sbOptions li a{margin:0;}
.sbOptions li a{color : #4b4b4b;border-bottom: solid 1px #f2f2f2;display: block;outline: none;padding: 0px 0 0px 33px !important;min-height: 43px;line-height: 43px;}
.sbOptions a:link, .sbOptions a:visited{text-decoration: none;}
.sbOptions a:focus,.sbOptions a:hover, .sbOptions a.sbFocus{background : #f5f5f5}
.sbOptions a.selected {color:#000;background:url('../img/bu/sel_chk.png') no-repeat left 0px center;}
.sbOptions li.last a{border-bottom: none;}
.sbOptions .sbDisabled{border-bottom: dotted 1px #515151;color: #999;display: block;padding: 7px 0 7px 3px;}
.sbOptions .sbSub{padding-left: 17px;}


/* graph */
.wrap_graph1{position:relative;}
.wrap_graph1 .legend ul{list-style:none;margin-left: 0px;}
.wrap_graph1 .legend li{font-size:12px;margin: 15px 0;}
.wrap_graph1 .legend li span{font-size:12px;line-height: 12px;margin:0;margin-left:3px;}
.wrap_graph1 .legend li span.ic_dottedPink{width:18px;margin-left:0px;margin-right:-3px;}
.wrap_graph1 .legend.legend_horiz ul {width:100%;text-align:center;padding-top:10px;}
.wrap_graph1 .legend.legend_horiz ul li {display:inline-block;letter-spacing:0.3px;margin:15px 20px;}
.wrap_graph1 .legend.legend_horiz li span{margin-left:6px;}
.graph_ic {display:inline-block;width:12px;height:12px;background-position: center;background-repeat: no-repeat;}
.ic_sky{background-image:url('../img/legendSky.png');}
.ic_green{background-image:url('../img/legendGreen.png');}
.ic_navy{background-image:url('../img/legendNavy.png');}
.ic_dottedPink{background-image:url('../img/legendDottedPink.png');}
.ic_status1{background-image:url('../img/gps_status_ic1.png');}
.ic_status2{background-image:url('../img/gps_status_ic2.png');}
.ic_status3{background-image:url('../img/gps_status_ic3.png');}
.ic_gps1{background-image:url('../img/gps_graph_ic1.png');}
.ic_gps2{background-image:url('../img/gps_graph_ic2.png');}
.ic_gps3{background-image:url('../img/gps_graph_ic3.png');}
.ic_gps4{background-image:url('../img/gps_graph_ic4.png');}
.ic1 {background:#f64431;}
.ic2 {background:#2a398b;}
.ic3 {background:#2292f5;}
.ic4 {background:#78d2c7;}


/* chart */
.line {fill: none;stroke: red;stroke-width: 2px;}
.axis {font-size: 12px;font-weight: normal;font-family:"f-Rm", Arial, PMingLiU, "STHeiti TC"}
.axis path,
.axis line {fill: none;stroke: #e0e0e0;shape-rendering: crispEdges;stroke-width: 1px;}
.x.axis path {display: none;}
.y.axis line {stroke: #d0d0d0;}
.axis line.bold {stroke: #e0e0e0;}
.axis line.thin {stroke: #f5f5f5;}
.horizontalGrid {stroke: #b00000;stroke-width: 2;stroke-dasharray:4;}
.domain {display: none;}

/* chart tooltip */
.chart_tooltip {padding:15px 0 0 15px;border:1px solid #ccc;-webkit-box-shadow:0px 3px 12px rgba(75, 75, 75, 0.3);box-shadow:0px 3px 12px rgba(75, 75, 75, 0.3);
-webkit-border-radius:7px;border-radius:7px;position:absolute;background:#fff;}
.chart_tooltip .edge {display:block;width:24px;height:12px;background:url('../img/ic_edge6.png') no-repeat;position:absolute;left:0;bottom:-12px;right:0;margin:0 auto;}
.chart_tooltip div{margin-bottom:2px;}
.chart_tooltip div .clause{display:inline-block;width:40px;}
.chart_tooltip .tt_num{width:25px;}
.chart_tooltip3 {padding:12px 0 0 12px;z-index: 5000;width: 50px;height: 50px;}
.chart_tooltip3 ul{list-style: none;}
.chart_tooltip3 ul li {font-size:11px;letter-spacing:0.3px;margin-bottom:7px;}
.chart_tooltip3 ul li .txt1 {display:inline-block;width:35px;}
.chart_tooltip3 ul li em {font-size:12px;}



/* Settings - Advanced */
.advanced_cell_update {margin-left:10px;}
.advanced_cell_loading {display:inline-block;position: absolute; width:28px;height:28px;background:url('../img/add00_loading_left.gif') no-repeat;background-size:28px;left:0;top:-4px;}
.advanced_cell_loading.picOnly{top: 7px;margin-top: -12px;position: relative;}
.advanced_cell_text {display: inline-block;padding-left: 35px;}
.text_two_cols{text-align: left;margin: auto 10px;}
.text_two_cols>div{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0 10px;}
.text_two_cols>div>span:first-child{grid-column: 1 / 2;}
.text_two_cols>div>span:last-child{grid-column: 2 / 3;}

/* Settings - Timezone */
/* About - Status & Alarms */
.lcdArea {padding:23px 0 18px 0;}
.lcdArea .lcdBox {width:296px;height:222px;background-size: 100% 100%;position:relative;color:#fff;}
.lcdArea .lcdBox.lcdView{float:left;background-image: url("../img/lcd_display.png");background-color:#000000;}
.lcdArea .lcdBox.lcdConnCnt{float:right;background-image: url("../img/lcd_connected.png");}
.lcdArea .lcdBox::after{clear: both;}
.lcdArea .lcdBox .numArea{position: absolute;left: 30%;top: 11%;width: 100%;height: 100%;}
.lcdArea .lcdBox .numArea .line{width: 100%;position: absolute;}
.lcdArea .lcdBox .numArea .line.l1{top: 0%;}
.lcdArea .lcdBox .numArea .line.l2{top: 48%;}
.lcdArea .lcdBox .numArea .line .text{font-size: 30px; width: 12%; position: absolute;}
.lcdArea .lcdBox .numArea .line .text.textL{left: 0%; text-align: right;}
.lcdArea .lcdBox .numArea .line .text.textR{left: 18%; text-align: left;}

/* About - GPS */
.gps_state{display:block;width:76px;margin-left:83px;text-align:left;padding-left:18px;}
.gps_state1{background:url('../img/gps_status_ic1.png') left center no-repeat}
.gps_state2{background:url('../img/gps_status_ic2.png') left center no-repeat}
.gps_state3{background:url('../img/gps_status_ic3.png') left center no-repeat}
.gps_state4{background:url('../img/gps_state4.gif') left center no-repeat}
.modal_guide_link {color:#0066cc;font-size:12px;line-height:25px;}
.color_green {color:#2cba00 !important;}
.color_red {color:#ed1c24 !important;}
.color_yellow {color:#ffc000 !important;}

/* About - Support */
.text_box a.external-link {text-decoration:none;color:#ffffff !important;}
.text_box a.external-link:visited {text-decoration:none;color:#ffffff !important;}
.text_box a.external-link:hover {text-decoration:none;opacity:1.0 !important;color:#ffffff !important;}
.text_box a.external-link:active {text-decoration:none;color:#ffffff !important;}

.modal.screenSole {background-color: #fff;}
.modal.screenSole.bgDark {background-color:transparent;}
.modal.screenSole.backdrop_static .vertical-alignment-helper {pointer-events: auto;}
#modal_signin.screenSole .modal-content {flex-direction: initial;}
#modal_signin.screenSole .pop_login{border-radius: 0.3rem;}
#modal_signin.screenSole .header{border-top-left-radius: 0.3em;border-top-right-radius: 0.3em;}
#modal_signin.screenSole .adminPassword{border-radius: 0.3rem;}