/** Typograpie **/
* {box-sizing: border-box;}
span {font-size: 1.3026vw;}
.data h3 {font-size: 1.719vw;}
.data h2 {font-size: 2vw;text-transform: uppercase;letter-spacing: 2px;color: rgba(255,255,255,0.8);font-weight: normal;
}
h5 {padding: 0px;margin: 0px;font-size: 1.3026vw;}
h6 {font-size: 1vw;margin: 0px;}
.ylwbld {color: rgba(252,188,0,1);font-weight: bold;}
.blundrl {border-bottom: 1px solid #062D6A;}

/** Global Std. Classes **/
.halfwidth {width:50%;}
.fullh {height:100%;}
.fullw {width:100%;}
.h90 {height:90%;}
.inline {display: inline-block;}
.disabled {opacity: 0.5;}
.disabled .btne {cursor:default !important;}
.scroll {overflow: scroll;}
.row {display: flex;max-height: 100%;flex-wrap: wrap;}
.rel {position: relative;}
.valign-cntr {vertical-align: middle;}
.text-cntr {text-align: center;}
.inactvbtn {opacity: 0.2;}
.txtup {text-transform: uppercase;}

.td50 {padding: 30px;display: table-cell;vertical-align: top;}

.colw25 {width: 25%;}
.colw33 {width:33%;}
.colw40 {width: 40%;}
.colw50, .td50 {width: 50%;}
.colw60 {width: 60%;}
.box150 {padding:10px;text-align:center;width:150px;color:rgba(255,255,255,0.8);border:solid 3px rgba(252,188,0,0.5);border-radius:8px;display:inline-block;}
.col50 {float: left;width: 49.5%;position: relative;}  
.flxcntr {display: flex;align-items: center;flex-direction: column;}
.flxcntrh {justify-content: center;}
.flxspcbetw {justify-content: space-between;}

.p-1v {padding: 1vw;}
.p-2v {padding: 2vw;}
.p-lr-1v {padding-left: 1vw;padding-right: 1vw;}
.p-lr-2v {padding-left: 2vw;padding-right: 2vw;}
.p-t-15v {padding-top: 1.5vw;}
.p-t-2v {padding-top: 2vw;}
.p-l-1v {padding-left: 1vw;}
.p-l-2v {padding-left: 2vw;}
.p-r-2v {padding-right: 2vw;}
.p-b-1v {padding-bottom: 1vw;}
.m-r-1v {margin-right: 1vw !important; }
.m-r-2v {margin-right: 2vw;}
.m-r-3v {margin-right: 3vw;}
.m-l-1v {margin-left: 1vw;}
.m-l-2v {margin-left: 2vw;}
.m-l-3v {margin-left: 3vw;}
.m-r-05v {margin-right: 0.5vw;}
.m-t-1v {margin-top: 1vw;}
.m-t-2v {margin-top: 2vw;}
.m-b-1v {margin-bottom: 1vw;}
.m-b-15v {margin-bottom: 1.5vw;}
.m-b-2v {margin-bottom: 2vw;}
.m-b-3v {margin-bottom: 3vw;}

.datbox.colw33 {width: 33%;}
select.datbox {background-color: rgba(14,20,29,0.6); -webkit-appearance: none;-moz-appearance: none;appearance: none;}
	
.gencol1 {width: 33%;margin-top: 0;margin-right: 1vw;}
.gencol1 .datbox {padding: 8.3%;width: 100%;margin: 0;position: relative;z-index: 15}
.gencol1 select.datbox {padding-right: 22%;width: 100%;margin: 0;position: relative;z-index: 15}
.page .gencol1 .btne {padding: 9.3%;background-color: rgba(14,20,29,1.00);border-radius: 8px;display: inline-block;cursor: pointer;width: 100%;height: 3vw;background-color: rgba(252,188,0,0.9);}
.page .gencol1 .btne .inn.resp {font-size: 1.2vw;line-height: normal;padding: 0;text-align: center;background-color: inherit;}
.page .gencol1 .btne.sm {padding: 11.6%;}
.page .gencol1 .btne.sm .inn.resp {font-size: 0.9vw;}
.general.col2 {align-self: center;width: 62%;line-height: 1.2vw}
.general.col2 span, div.gencol1 span {font-size: 1.2vw;text-transform: uppercase;}
.gencol1 .clippingled {top: 50%;height: 50%;width: 18%;left: 50%;transform: translate(-50%,-50%);}
.select.icon-chevron-down {font-size: 2vw;position: absolute;top: 50%;transform: translateY(-50%);right:2%;z-index: 12;color: rgba(255,255,255,0.5);}

.blink {
  animation: blinker 2s linear infinite;
  	color: rgba(252,188,0);
}

#system_data, .page .data {padding-top: 1.4vw;}

.opoverlay {width: 100%;height: 100%;position: absolute;z-index: 1;opacity: 0;background-color: rgba(14,20,29,1.00);}
.rotloading {display:none;position:absolute;top:50%;left:50%;width:100%;max-width:500px;transform:translate(-50%,-50%);color:rgba(255,255,255,0.5);text-align:center;}
.rotloading span {width: 40px;line-height: 40px;position: absolute;font-size: 40px;}

@keyframes blinker {
	0% { opacity: 0.9; }
 	50% { opacity: 0.1; }
 	100% { opacity: 0.9; }
}

.btnf .inn {
padding: 20px 30px 20px 30px;
color: white;
font-size: 23px;
line-height: 23px;
font-weight: 700;
letter-spacing: 2px;
background-color: transparent;
text-shadow: 1px 1px 5px rgba(0,0,0,0);
box-shadow: inset 0px 0px 30px rgba(0,0,0,0);
border-radius: 4px;
border: solid 3px rgba(252,188,0,0.5);
cursor: pointer;
}
.page .setuplist .btnf .inn.tiny {padding: 0.475vw 1.4vw; }
.btnf.inverted .inn {background-color: rgba(252,188,0,0.9);color: rgba(14,20,29,1.00);}




.tabcont {position: absolute;top: 14px;left: 140px;font-weight: 700;}
.tab {display: inline-block;}

.setuplist .td, .setuplist .th {min-width: 4rem;text-align:center;vertical-align: middle;padding:0.76vw;display: table-cell;}
.setuplist .td.heading {width: 9.47vw;}
.setuplist .setpop {width:auto;min-width:3rem;}


hr {color: rgba(252,188,0,0.5);border: 2px solid;border-radius: 2px;}
.clear {clear:both;}

.rspcont {overflow: hidden;}

.stdinput {background-color: black;border: 3px solid rgba(252,188,0,0.5);border-radius: 4px;color: white;margin: 2px 5px 0px 5px;}

.usernfo {display:none; color:orange;position: absolute;padding: 3px;width: 100%;}
.mainnfo {color: rgba(234, 216, 0, 0.8);font-size: 3vw;text-align: center;width: 35vw;}

/** Tables **/
.thead {display: table-header-group;}
.hlist {margin-right: 30px;}
.tbody {height: 100%;}


/** Override */

.cards article .in .show img {max-width:100%;}

.nav.back {top: 1.888%;left: 1.053%;}
.nav .btnc, .setpop.new .btnc {width: 4.167vw;height: 4.167vw;}
.page .btne .inn.resp, .page .btnf .inn.resp {font-size: 1.198vw;line-height: 1.198vw;padding: 1.042vw 1.563vw;text-align: center;}

.page .data {top: 13.209%;bottom: 15%}
.page #weapon_data.data, .page #ammo_data.data {bottom: 5%}

h3.datatitle {font-size: 1.563vw;text-transform: uppercase;font-weight: 300;color: rgba(252,188,0,1);letter-spacing: 2px;}
.page .title {font-size: 1.042vw;top: 1.888%;right: 1.053%;padding: 0px 4.167vw 0px 0px;}
.page .title b {font-size: 2.084vw;}
.page .title span {font-size: 3.646vw;}
.page .titlesub {font-size: 2.605vw;top: -5%;right: 4.14%;}
.jconfirm .jconfirm-box .jconfirm-buttons > button {margin-right: 1vw;}
.setpop {font-size: 1.3023vw;width: 18.84%;}

/**  Lists **/
.setlist .td:nth-child(1) {width: 7%;}
.setlist .td:nth-child(2) {font-size: 1.563vw;}
.setlist .td:nth-child(4) {width: 5%;padding-left: 0.5vw;font-size: 1.3023vw;}
.setselectlist .td.toolb {width: 150px;border-radius: 0px 10px 10px 0px;font-size: 45px;line-height: 45px;color: rgba(252,188,0,0.5);}
.setselectlist .td.dat {padding: 20px 20px 20px 20px;font-size: 40px;font-weight: 500;width: auto; line-height: normal;color: inherit;border-radius:0;}
.setselectlist .td.dat div {font-size: 60%;color: rgba(252,188,0,0.5);}
.setselectlist .on .td.dat {color: rgba(14,20,29,1.00);font-weight: 900;background-color: rgba(252,188,0,0.9);}
.setselectlist .on .td.dat div {color: rgba(14,20,29,1.00);}

/**  Yellow Title Container   **/

.bigyelttl {position: relative;padding: 1.3027vw 2.084vw 1.3027vw 2.084vw;text-align: left;color: rgba(14,20,29,1.00);background-color: rgba(252,188,0,0.9);border-radius: 20px;}
.bigyelttl h1 {font-size: 3.12vw;text-align: left;}
.bigyelttl h3 {font-size: 1.88vw;}
.bigynametool {display: flex;justify-content: space-between;align-items: center;width: 97%;font-size: 2vw;font-weight: 700;color: rgba(14,20,29,1.00);text-align: right;overflow: hidden;}
.invbtn {border: 0px;width: 80px;height: 80px;}
.invbtn.btnc {width: 4.167vw;height: 4.167vw;position: relative;}
.invbtn.btnc .in {background-color: rgba(252,188,0,0.9);border-color: rgba(252,188,0,0);}
.invbtn.btnc .inn {color: rgba(14,20,29,1);}
.bigyname {display: inline-block;vertical-align: middle;}


/** Search **/
.search {top: 11.112%;}
.search .in input {font-size: 1.823vw;}
.search .in button {width: 4.315%;}

/** Slots **/
.slotbtn {position: absolute;top: 1.888%;font-weight: 700;opacity: 1;}
#ammo_slot_1, #weapon_slot_1 {left: 7.37%;}
#ammo_slot_2, #weapon_slot_2 {left: 12.106%;}
#ammo_slot_3, #weapon_slot_3 {left: 16.8425%;}

/** Filter **/
.topfiltcont {position: relative;top: -17.412%;left: 33%;width: 54%;}
.topfiltcont .filter {position: relative;font-weight: 700;display: inline-block;}
.topfiltcont .filter .btnc {position: relative;}

/** Ammos / Weapons **/

.nav.new {top: 1.888%;left: 24.8%;}
.slotsdata {position:absolute;top: 23.069%;left:0px;right:0px;bottom:0px;overflow:hidden;}
.setlist .setpop {min-width: 150px;}
.barrelicon {font-size: 2vw;color:rgba(252,188,0,0.5);}
.barselct .barrelicon {cursor: pointer;} 
.barrelicon[data-selected="true"] {color:rgba(252,255,255,0.8);}
.highlred .barrelicon {color: rgba(252,0,0,0.8);}
.statenfo {display:none;position:absolute; top: 1.888%;left: 33%;}
.statenfo .con {display: table;height: 4.167vw;}
.statenfo .red {color: rgba(252,0,0,0.8);display: table-cell;vertical-align: middle;font-weight: bold;}
.statenfo .green {color:#1BC719;display: table-cell;vertical-align: middle;font-weight: bold;}
.custmanubtn {width: 50%;padding: 20px 10px 20px 10px;background-color: rgba(252,188,0,0.5);}
.custmanubtn.left {border-radius:40px 0px 0px 40px;}
.custmanubtn.right {border-radius:0px 40px 40px 0px;}
.custmanubtn.on {background-color: rgba(252,188,0,0.9);}
.custmanubtn:hover {background-color: rgba(252,188,0,0.7);}

 /**  Radar Position   **/
.radargraf {width: 56%;position: relative;overflow: hidden;display: table;}
.radargraf .radarwinkel {position: absolute;top: 0%;left: 36.5%;width: 26%;}
.radarcontrol {width: 44%;padding: 1vw 1vw 1vw 10vw;}
.radarcontrol .setpop, .rangeboxes .setpop {width: 26.76%;padding: 0.5vw;font-size: 1.3026vw;}
.radarcontrol .btne {padding:0;}
#angle {position:absolute; top:51%; width: 100%; font-size:1.3026vw; text-align:center;}
#radarwinklobj {transition: all 0.3s;}
#weaponobj {transition: all 1s;}
.posnfo {display:none; position: absolute; top: 100%; font-size: 1.1vw; z-index:10; padding: 10px;color: rgba(255,255,255,0.8);background-color: rgba(216,48,15,1);border-radius: 8px;width: 60%;min-width: 200px;cursor: pointer;}
#lefrightsw {position:absolute; top:65%; width: 100%; font-size:1.3026vw; text-align:center;}
#lefrightsw .lswitch {width: 3vw;} 

/** Radar Trigger **/
#gcontmicro, #gcontradar {transition: opacity 0.25s;}
.ttroundslider .rs-range-color  {background-color: #C18A0C;}
.ttroundslider .rs-path-color  {background-color: #142C3D;}
.ttroundslider .rs-bg-color {background-color: rgba(14,20,29,1.00);}
.ttroundslider .rs-border  {border: 1px solid rgba(14,20,29,1.00);}
.ttroundslider .rs-handle  {background-color: #FFFFFF; border-radius: 5px;}
.ttroundslider .rs-tooltip {font-size: 3.12vw;}
.slidumrnd {width: 39%;top: 50%;transform: translate(-50%,-50%);z-index: 10;position: absolute;left: 50%;}
.ttroundsl-cont {margin-bottom: 2vw;}
.ttroundsl-cont h5, .ttroundsl-cont h6 {z-index: 11;position: absolute;top: 14%;color: rgba(252,188,0,1);text-transform: uppercase;}
.ttroundsl-cont h6 {top: 76%;}
.ttroundsl-cont h6 small{color: #556173;}
.clippingled {z-index: 11;position: absolute;background-color: #1BC719;top: 83%;height: 5%;width: 7%;border-radius: 50%;}
.signalmeter {z-index: 11;position: absolute;top: 73%;left: 45%;height:25%;width:3%;display: inline-block;background: -webkit-linear-gradient(#e21d1d 4%, #ff9d00 12%, #fff200 22%, #f2ea00 37%, #52b152 59%, #52b152 59%, #008a00 79%);transform: rotate(-90deg);}
.signalmeter .meter {position: absolute;height: 19%;background: black;width: 100%;bottom: 0;}
#signalvalue {position: absolute;z-index: 11;font-size: 0.8vw;top: 83%;left: 58%;}
#noisclbn, #testshotbn {z-index: 110}
.blinfo {z-index: 11;position: absolute;top: 95%;padding: 1% 5%;border-top: 1px solid #062D6A;border-bottom: 1px solid #062D6A;}
.blinfo small {color: rgba(252,188,0,1);font-size: 0.9vw;}
.rangeboxes .rel {text-align: center;}
.rangeboxes .rtitle h3 {color: rgba(252,188,0,1);text-align: center;padding: 4% 17%;margin-bottom: 4%;border-bottom: 1px solid #062D6A;}
.rangeboxes .rtitle {padding: 4% 17%;}

/* Settings */
.serviceled {top: 50%;height: 50%;width: 18%;left: 50%;transform: translate(-50%,-50%);z-index: 11;position: absolute;background-color: rgb(255, 0, 0);border-radius: 50%;}
.serviceled.green {background-color: #1BC719;}
.titlesym {width: 6%;padding-bottom: 0.7vw;height: 6%;margin: auto 0;}

/**  SVG Obj **/
.svgobj {position: absolute;top: 0;left: 0;width: 100%;}
.anyobj .cls-3 {display: none;}

/** Buttons **/
.btn-toggle {margin: 0 4rem;padding: 0;position: relative;border: none;height: 1.5rem;width: 3rem;border-radius: 1.5rem;color: #6b7381;background: #bdc1c8;cursor: pointer;}
.btn-toggle:focus, .btn-toggle.focus, .btn-toggle:focus.active, .btn-toggle.focus.active { outline: none; }
.btn-toggle:before, .btn-toggle:after {line-height: 1.5rem;width: 4rem;text-align: center;font-weight: 600;font-size: 0.75rem;text-transform: uppercase;letter-spacing: 2px;position: absolute;bottom: 0;transition: opacity 0.25s;}
.btn-toggle:before {content: 'Off';left: -4rem;}
.btn-toggle:after {content: 'On';right: -4rem;opacity: 0.5;}
.btn-toggle > .handle {position: absolute;top: 0.1875rem;left: 0.1875rem;width: 1.125rem;height: 1.125rem;border-radius: 1.125rem;background: #fff;transition: left 0.25s;}
.btn-toggle.active {transition: background-color 0.25s;}
.btn-toggle.active > .handle {left: 1.6875rem;transition: left 0.25s;}
.btn-toggle.active:before {opacity: 0.5;}
.btn-toggle.active:after {opacity: 1;}
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {line-height: -0.5rem;color: #fff;letter-spacing: 0.75px;left: 0.4125rem;width: 2.325rem;}
.btn-toggle.btn-sm:before {text-align: right;}
.btn-toggle.btn-sm:after {text-align: left;opacity: 0;}
.btn-toggle.btn-sm.active:before {opacity: 0;}
.btn-toggle.btn-sm.active:after {opacity: 1;}
.btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after {display: none;}
.btn-toggle:before, .btn-toggle:after {color: #6b7381;}
.btn-toggle.active {background-color: #29b5a8;}
.btn-toggle.btn-lg {margin: 0 5rem;padding: 0;position: relative;border: none;height: 2.5rem;width: 5rem;border-radius: 2.5rem;}
.btn-toggle.btn-lg:focus, .btn-toggle.btn-lg.focus, .btn-toggle.btn-lg:focus.active, .btn-toggle.btn-lg.focus.active {outline: none;}
.btn-toggle.btn-lg:before, .btn-toggle.btn-lg:after {line-height: 2.5rem;width: 5rem;text-align: center;font-weight: 600;font-size: 1rem;text-transform: uppercase;letter-spacing: 2px;position: absolute;bottom: 0;transition: opacity 0.25s;}
.btn-toggle.btn-lg:before {content: 'Off';left: -5rem;}
.btn-toggle.btn-lg:after {content: 'On';right: -5rem;opacity: 0.5;}
.btn-toggle.btn-lg > .handle {position: absolute;top: 0.3125rem;left: 0.3125rem;width: 1.875rem;height: 1.875rem;border-radius: 1.875rem;background: #fff;transition: left 0.25s;}
.btn-toggle.btn-lg.active {transition: background-color 0.25s;}
.btn-toggle.btn-lg.active > .handle {left: 2.8125rem;transition: left 0.25s;}
.btn-toggle.btn-lg.active:before {opacity: 0.5;}
.btn-toggle.btn-lg.active:after {opacity: 1;}
.btn-toggle.btn-lg.btn-sm:before, .btn-toggle.btn-lg.btn-sm:after {line-height: 0.5rem;color: #fff;letter-spacing: 0.75px;left: 0.6875rem;width: 3.875rem;}
.btn-toggle.btn-lg.btn-sm:before {text-align: right;}
.btn-toggle.btn-lg.btn-sm:after {text-align: left;opacity: 0;}
.btn-toggle.btn-lg.btn-sm.active:before {opacity: 0;}
.btn-toggle.btn-lg.btn-sm.active:after {opacity: 1;}

.btn-title.btn-toggle {margin: 0; vertical-align: middle;background-color: #000000;border: 2px solid #4F5A72;}
.btn-title.btn-toggle:before, .btn-title.btn-toggle:after {content:"";}
.btn-title.btn-toggle > .handle {background-color: #4F5A72;top: 0.2125rem;left: 0.2125rem;}
.btn-title.btn-toggle > .handle.ylw {background-color: rgba(252,188,0,1);}
.btn-title.btn-toggle.active > .handle {left: 2.6525rem;}
.btntoggleoff, .btntoggleon {transition: opacity 0.25s; opacity: 0.6}
.btntoggleoff.active, .btntoggleon.active {opacity: 1}
.btntoggleoff.active.ylw, .btntoggleon.active.ylw {color: rgba(252,188,0,1);}
.lswitch {text-align: right;width: 4vw;display: inline-block;}
.nav .btn1 .in.highlred {border: solid 6px rgba(252,0,0,0.8);}
.nav .btn1 .in.highlgreen {border: solid 6px rgba(0,252,0,0.8);}
.setpop.new .btnc .in.highlgreen {border: solid 3px rgba(0,252,0,0.8);}
.nav.filter .btnc .in {border-radius: 40px;}
.nav.filter .btnc .in span {font-size: 1.5vw;width: 90%;}


/** Log Data **/
.seriesnamcont {display: flex;justify-content: flex-end;align-items: center;width: 64%;position: relative;top: 50%;left: 26%;height: 80%;font-size: 2vw;font-weight: 700;color: rgba(14,20,29,1.00);transform: translateY(-50%);text-align: right;overflow: hidden;}
.setpop.new {position: absolute;left: 8.158%;top: 1.888%;padding:inherit;width:auto;border: 0px;}
.setpop.new .btnc .in {border: solid 3px rgba(252,188,0,0.8);}
.setpop.edit {border: 0px;width: 80px;height: 80px;}
.setpop.edit .btnc {width: 100%;height: 100%;position: relative;}
.setpop.edit .btnc .in {background-color: rgba(252,188,0,0.9);border-color: rgba(252,188,0,0);}
.setpop.edit .btnc .inn {color: rgba(14,20,29,1);}
#seriesname {display: inline-block;vertical-align: middle;}
.footnavbuttns {position: absolute;top: 105%;left: 8%;display: flex;width: 40%;height: 11%;}
.footnavbuttns .nav {width: 13%;position: relative;}

#chn_ser {position: absolute;right: -350px;top: 399px;}
#chn_ser .btn1 {width: 100px;height: 100px;}
#chn_ser .btn1 .in {border-width: 4px;}



/** System Data Network **/
#system_network_data {padding-top: 4vw;padding-left: 2.084vw;padding-right: 2.084vw;height: 100%;}
.actbtn.checked .inn {color: white;}
.lanip {font-size: 1.3vw;}
.lanip .input {min-width: 3.79vw;}
.lanip .heading {text-align: left;}
.wlanlist.setuplist .th {font-size: 1.4vw;font-weight: bold;color: rgba(252,188,0,1);border-bottom: 1px solid #062D6A;padding: 0.4rem 2rem;}
.wlanlist.setuplist .name {text-align: left;min-width: 53%;}
.wlanlist .td {border-bottom: 1px solid #062D6A;padding: 0.4rem 2rem;font-size: 1.2vw;}
.wlanlist .td.cnbtn {border-bottom: 0px solid #062D6A;}
.wlanlist {color: rgba(255,255,255,0.7);}
.wlanlist .connected {color: rgba(255,255,255,1);}
#getwlans, #wlanactbtn {display: inline-block;}
#wlcont {height: 80%;width: 60%;}
#wliptable {padding-top: 2.3vw;}
#oklan.wl {float: right;}
#oklan.wl .btne {padding: 0;}
#wlanstatus, #ipstatus {font-size: 1.2vw;}
#iprebootbtn {display: none;}

/** Analytics Global **/
#analytics_data .graph_body.deviation {position: relative;top: auto;left: auto;right: auto;bottom: auto;height: 95%;}
#analytics_data .deviation .graph_body_box {position: static;display: flex;padding-top: 3%;height: 100%;}
#analytics_data .deviation .graph-info-column {width: 25%;font-size: 0.782vw;border-right: 1px solid rgb(4 42 99);padding: 2vw 2vw 0 0; }
#analytics_data .deviation .graph-info-column .datbox {width: 42.76%;padding: 0.5vw;font-size: 1.3026vw;margin: 0 0.5vw 0 0;}
#analytics_data .deviation .graph-table-cont {width: 100%;padding: 2vw 2vw 0 2vw;}
.compbtn {position:absolute;top:85px;left:-120px;width:90px;padding:20px 10px 20px 10px;color:rgba(14,20,29,1);background-color:rgba(252,188,0,0.8);border-radius:6px;display:inline-block;font-size:15px;font-weight:500;text-align:center;z-index:20;}
.compmanu {color: rgba(10, 85, 164, 1);}
#weapborder {position:absolute;top:75px;left:-130px;right:0px;height:75px;border:solid 2px rgba(252,188,0,0.2);border-radius:9px;}
#weapborder.comp.main {position:absolute;top:-5px;transition: top 0.5s;border: 2px solid rgba(252,188,0,0.8);}
#weapborder.comp {transition: top 0.5s;border: 2px solid rgba(10, 85, 164,1);top:75px;}
.curs {cursor:pointer;}
.graph_body.anly {top: 225px;bottom: 25px;}

/** Trajectory - Drop **/
.weapdcomp {position:relative;top:25px;left:130px;right:0px;}
.datbox {padding:10px;text-align:center;color:rgba(255,255,255,0.8);background-color: rgb(35 33 20);border:solid 3px rgba(252,188,0,0.5);border-radius:8px;display:inline-block;width: 83%;font-size: 1.2vw;margin: 2.35% 0px 0 0px;}
#drop_graph .datbox, #trajectory_graph .datbox {margin-bottom: 1vw;}
.table.drop, .table.trajectory {transition: opacity 0.5s;opacity: 1;z-index:30;}
.table.drop.inact, .table.trajectory.inact {opacity: 0.3;z-index:10;}
.table.drop .graph .col.zeropoint, .table.trajectory .graph .col.zeropoint {width:0px;z-index: 120;}
.table.drop .graph .zeropoint.col .bar .val .point, .table.trajectory .graph .zeropoint.col .bar .val .point {top: -0.4vw;bottom: -0.4vw;left: -0.4vw;right: -0.4vw;background-color: rgba(252,120,0,1);}
.table.drop .graph .col .bar .val .nfo .box, .table.trajectory .graph .col .bar .val .nfo .box {z-index: 125;}
#drop_graph_comp, #trajectory_graph_comp {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;}
#drop_graph_comp .table.drop .graph .col .bar .val .point, #trajectory_graph_comp .table.trajectory .graph .col .bar .val .point {background-color: rgba(10,85,164,1);}
#trajectory_graph_comp .table.trajectory .graph .zeropoint.col .bar .val .point, #drop_graph_comp .table.trajectory .graph .zeropoint.col .bar .val .point {background-color: rgba(10,85,50,1);}
#drop_graph_comp .aymax, #trajectory_graph_comp .aymax {background-color:rgba(10,85,164,1); color:rgba(10,85,164,1);}
.lastkey {position:absolute;bottom:-7%;left:50%;width:2px;height:8vw;transform:translateX(-50%);background-color:rgba(252,188,0,0.5); color:rgba(252,188,0,0.8);z-index:0;min-height: 150px;}
.lastkey.bt {bottom: -31px;}
#drop_graph_comp .lastkey, #trajectory_graph_comp .lastkey {background-color:rgba(10,85,164,0.7);color:rgba(10,85,164,1);}
.lastkey .topnfo {position: absolute;left: 20px;top: -4px;white-space: nowrap;}
.lastkey .botmnfo {position: absolute;left: 20px;bottom: 32px;white-space: nowrap;}
.lastkey.bt .topnfo {top: 134px;}
.lastkey.bt .botmnfo {bottom: -103px;}

#trajectory_graph_comp .table.trajectory .graph .col .bar .val .nfo .arr,
#trajectory_graph_comp .table.trajectory .graph .col .bar .axe .nfo .arr, 
#trajectory_graph_comp .table.trajectory .graph .col .bar .axe .nfo .box, 
#trajectory_graph_comp .table.trajectory .graph .col .bar .val .nfo .box,
#drop_graph_comp .table.drop .graph .col .bar .val .nfo .arr,
#drop_graph_comp .table.drop .graph .col .bar .axe .nfo .arr, 
#drop_graph_comp .table.drop .graph .col .bar .axe .nfo .box, 
#drop_graph_comp .table.drop .graph .col .bar .val .nfo .box {background-color: rgba(10,85,164,1);}
.firstbar {background-color: rgba(252,188,0,0.15);}
.btmbarinf {background-color:rgba(252,188,0,0.5);color:rgba(252,188,0,0.8);position:absolute;bottom:0%;left:50%;width:2px;height:98%;transform:translateX(-50%);z-index:0;min-height: 150px;}
.btmbarinf .topnfo {position:absolute;right:20px;top:0px;white-space:nowrap;}
.btmbarinf .botmnfo {position:absolute;right:20px;bottom:20px;white-space:nowrap;}
#drop_graph_comp .btmbarinf, #trajectory_graph_comp .btmbarinf {background-color:rgba(10,85,164,1);color:rgba(10,85,164,1);}
#drop_graph_comp .btmbarinf .topnfo, #drop_graph_comp .btmbarinf .botmnfo, #trajectory_graph_comp .btmbarinf .topnfo, #trajectory_graph_comp .btmbarinf .botmnfo {left:20px;}
#drop_graph_comp .btmbarinf .topnfo, #trajectory_graph_comp .btmbarinf .topnfo {top: -1.5vw;}
#drop_graph_comp .firstbar, #drop_graph_comp .firstbar {background-color: rgba(10,85,164,0.15);}
#drop_graph_comp .datbox, #trajectory_graph_comp .datbox {border: solid 3px rgba(10,85,164,0.5); background-color: rgb(0 19 27);margin-bottom: 1vw;}
.dataleft {position:absolute;top:0px;left:-150px;font-size:0.8vw;color:rgba(252,188,0,0.5);text-align:center;width: 8%;}
.dataleft .setpop {width:77%;}
.dataleft .table {width:100%;font-weight:500;margin-top:3px;}
#drop_graph_comp .dataleft, #trajectory_graph_comp .dataleft {color:rgba(10,85,164,0.9);display: none;}
.graphlist {position: absolute;bottom: -10%;left: -125px;}
#drop_list .table.list .tr .td, #trajectory_list .table.list .tr .td {width: 20%;}
#drop_list.comp .table.list .thead .tr .td, #trajectory_list.comp .table.list .thead .tr .td {width: 20%;}
#drop_list.comp .table.list .tr .td, #trajectory_list.comp .table.list .tr .td {width: 10%;}
.table.list .comp {color: rgba(10, 85, 164, 1);}


/** Deviation **/
#analytics_data .graph-table-cont .dataline .datbox {width:66%;margin-right:0.5vw;margin-top: 0;}
#analytics_data .graph-table-cont .dataline .rel {width:45%;}
#analytics_data .graph-table-cont .dataline .average {width: 26%; text-align: right;}
#analytics_data .graph-table-cont .dataline h3 {line-height: 1.76vw;}
#analytics_data .graph-table-cont .dataline .average h3 {color: rgba(252,188,0,1)}
#analytics_data .graph-table-cont .dataline .dat {width: 42.27%;}
#analytics_data .graph-table-cont .deviation-box {margin-bottom: 1vw;border-bottom: 1px solid rgb(4 42 99);height: 66%; padding-bottom: 1vw;}
#analytics_data .graph-table-cont .deviation-box .table-arrows {width:2%;position: relative;}
#analytics_data .graph-table-cont .deviation-box .table-arrows .mainline {width:3px;height: 100%;background-color:rgba(10,46,72,1);position:absolute;left:50%;transform:translateX(-50%);}
#analytics_data .graph-table-cont .deviation-box .table-arrows .topbrd {position: absolute;width: 100%;height: 2px;background-color: rgba(10,46,72,1);top: 5%;}
#analytics_data .graph-table-cont .deviation-box .table-arrows .bottmbrd {position: absolute;width: 100%;height: 2px;background-color: rgba(10,46,72,1);bottom: 5%;}
#analytics_data .graph-table-cont .deviation-box .table-arrows .arrup {color: rgba(10,46,72,1);font-size: 2vw;position: absolute;top: -0.85vw;left: -0.27vw;}
#analytics_data .graph-table-cont .deviation-box .table-arrows .arrdwn {color: rgba(10,46,72,1);font-size: 2vw;position: absolute;bottom: -0.85vw;left: -0.27vw;}
#analytics_data .graph-table-cont .deviation-box .table.variances {position: static;width: 98%;padding-top: 1.6%;padding-bottom: 1.6%;}
#analytics_data .graph-table-cont .deviation-box .max5 {position: absolute;font-size: 1vw;top: 2.1%;left: 120%;color: rgba(252,188,0,1);}
#analytics_data .graph-table-cont .deviation-box .min5 {position: absolute;font-size: 1vw;bottom: 2.4%;left: 120%;color: rgba(252,188,0,1);}
#analytics_data .graph-table-cont .deviation-box .table.variances .td .val {text-align: center;display: block;width: 100%;font-size: 1vw;}
#analytics_data .graph-table-cont .deviation-box .table.variances .td .val div {position: static;}

/** Main Info Screen **/
#measure_v0 {width: auto;}
#measure_nfo .h1 {font-size: 6vw;}
.maindat {line-height: 1vw;text-align: right;}
.mrangbx {position: absolute;top: 145%;left: 50%;transform: translateX(-50%);width: 90%;}
.mval {color: rgba(252,188,0,1);margin-right: 0.3vw;font-size: 1vw;}
.meinh {color: rgba(34,104,157,1);font-size: 0.9vw;}
.mval.jl {color: rgba(252,188,0,1);margin-right: 0.3vw;font-size: 1.3026vw;}
.meinh.jl {color: rgba(34,104,157,1);font-size: 0.9vw;}
.signalmain {width: 40%;position: absolute;top: 120%;left: 50%;transform: translateX(-50%);height: 70%;}
.signalmain .signalmeter {top: -45%;left: 40%;height: 100%;width: 7%;}
.signalmain .signalmeter .meter {height: 100%;}
.signalmain #signalvalue {top: 0.5%;left: 84%;}
.mdeviationbox {position: absolute;top: -100%;left: 50%;transform: translateX(-50%);width: 90%;height: 30%;}
#minidevi .table.variances .tr .td {width: 12.5%;}
#minidevi .table.variances .tr:nth-child(1) .td {height: 47%;}
#minidevi .table.variances .tr:nth-child(2) .td {height: 0%;}
#minidevi .table.variances .tr:nth-child(2) .td .graph {top: 1px;bottom: 1px;}
#minidevi .table.variances .tr:nth-child(3) .td {height: 47%;}


/** User Profile **/
.data .sectheader {position: absolute;top: -40px;left: 20px;padding: 10px;color: rgba(252,188,0,0.8);background-color: rgb(14, 20, 29);}
.data .sectdiv {position: relative;padding: 45px;border: solid 3px rgba(252,188,0,0.8);border-radius: 20px;}

/** Setpop **/
.setpop.along {width: auto;padding-left: 4%;padding-right: 4%;}
.setpop.select {position: relative;padding-right: 7.5%;}
.setpopselect {width: 100%;max-width: 800px;min-width: 200px;padding: 20px;font-size: 48px;font-weight: 700;text-align: center;color: rgba(255,255,255,0.8);background-color: rgba(14,20,29,1.00);border: solid 2px rgba(255,255,255,0.3);border-radius: 10px;max-height: 30vw;min-height: 25vw;}
.setpopnfo {font-size:60%;color:rgba(255,255,255,0.6);}
#setpopselect_list {height: 22vw;}
#setpopselect_list .table {width:100%;}
#setpopselect_list .td {font-size: 2vw;}
#setpopselect_list .tr {cursor: pointer;}
#setpopselect_list .tr:hover {background-color: rgba(252,188,0,0.8); }
#setpopselect_list .tr.on {background-color: rgba(252,188,0,0.5); }
#setpopselect_list .tr[data-selected="true"] {background-color: rgba(252,188,0,0.5); }
#setpop .search {position: relative;top:auto;left:auto;right:auto;background-color:transparent;}
#setpop .search .in {position: relative;top:auto;left:auto;right:auto;background-color: rgba(14,20,29,1);}
#sholdcont.select {top: 0%;transform: translate(-50%,0%);}
.setlist .setpopro {min-width: 150px;}
.setpopro {width: 18.84%;font-size: 1.3023vw;padding: 10px 4%;text-align: center;color: rgba(255,255,255,0.8);border: solid 3px rgba(252,188,0,0.5);border-radius: 8px;display: inline-block;}
.setpopro.along {width: auto;}
.setpop.highlred {border: solid 3px rgba(252,0,0,0.8);}