.bg0col{background-color:rgba(14,20,29,1.00);}

.body{position:fixed;top:0px;right:0px;bottom:0px;left:0px;overflow:hidden;display:none;}
.fadeio{}


.btnc{position:absolute;top:0px;left:0px;width:80px;height:80px;background-color:rgba(14,20,29,1.00);border-radius:50%;display:inline-block;cursor:pointer;z-index:10;}
.btnc .in{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:solid 3px rgba(252,188,0,0.5);border-radius:50%;}
.btnc .inn{position:absolute;top:5px;right:5px;bottom:5px;left:5px;color:rgba(255,255,255,0.7);border-radius:50%;}
.btnc span{font-size:30px;line-height:30px;position:absolute;top:50%;left:50%;font-size:20px;text-align:center;transform:translate(-50%,-50%);display:inline-block;}
.btnc.on .in{border:solid 3px rgba(252,188,0,0.9);background-color:rgba(252,188,0,0.9)}
.btnc.on .inn{color:rgba(14,20,29,1.00);}


#inloading{position:relative;width:100px;height:100px;margin:0px auto 0px auto;display:none;}
#inloading span{position:absolute;top:35px;left:35px;font-size:30px;line-height:30px;}

#userin{}
#userin_nick{width:100%;max-width:500px;min-width:100px;margin:0px;padding:10px;font-size:30px;text-align:left;color:rgba(255,255,255,0.8);background-color:rgba(14,20,29,1.00);border:solid 1px rgba(255,255,255,0.5);border-right-width:0px;border-radius:8px 0px 0px 8px;}
#userin .table{width:100%;max-width:500px;margin:10px auto 0px auto;}
#userin .table .td:last-child{position:relative;width:60px;border:solid 1px rgba(255,255,255,0.5);border-left-width:0px;border-radius:0px 8px 8px 0px;}
#useringo{position:absolute;top:5px;bottom:5px;right:5px;width:55px;font-weight:bold;color:rgba(14,20,29,1);color:rgba(255,255,255,0.6);background-color:rgba(216,48,15,0.8);border:solid 1px rgba(216,48,15,1);border-radius:4px;cursor:pointer;}
#userin .note{font-size:60%;color:rgba(255,255,255,0.6);}
#userin .nfo{width:55%;min-width:200px;margin-left:12%;font-size:15px;}
#userin .nfo .error{padding:20px;color:rgba(255,255,255,0.8);background-color:rgba(216,48,15,1);border-radius:0px 0px 8px 8px;}

#pinin{display:none;}
#pinin_pin{width:100%;max-width:300px;min-width:100px;margin:0px;padding:10px;font-size:30px;text-align:left;color:rgba(255,255,255,0.8);background-color:rgba(14,20,29,1.00);border:solid 1px rgba(255,255,255,0.5);border-right-width:0px;border-radius:8px 0px 0px 8px;}
#pinin .table{width:100%;max-width:300px;margin:10px auto 0px auto;}
#pinin .table .td:last-child{position:relative;width:60px;border:solid 1px rgba(255,255,255,0.5);border-left-width:0px;border-radius:0px 8px 8px 0px;}
#piningo{position:absolute;top:5px;bottom:5px;right:5px;width:55px;font-weight:bold;color:rgba(14,20,29,1);color:rgba(255,255,255,0.6);background-color:rgba(216,48,15,0.8);border:solid 1px rgba(216,48,15,1);border-radius:4px;cursor:pointer;}
#pinin .note{font-size:60%;color:rgba(255,255,255,0.6);}

#main{background-color:rgba(0,159,227,0.1);}


.nav{cursor: pointer;}

.nav .btn,.navedge .btn{position:absolute;top:0px;left:0px;width:120px;height:120px;border:solid 1px rgba(0,159,227,0.3);background-color:rgba(14,20,29,1.00);border-radius:50%;cursor:pointer;}
.nav .btn .in,.navedge .btn .in{position:absolute;top:50%;left:50%;width:106px;height:106px;color:rgba(255,255,255,0.7);border:solid 2px rgba(252,188,0,0.8);border-radius:50%;transform:translate(-50%,-50%);}
.nav .btn .inn,.navedge .btn .inn{position:absolute;top:50%;left:50%;width:80px;height:80px;background-color:rgba(182,23,11,0);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0px 0px 20px rgba(182,23,11,0);}
.nav .btn .innn,.navedge .btn .innn{position:absolute;top:0px;left:0px;width:80px;height:80px;border-radius:50%;box-shadow:inset 0px 0px 30px rgba(0,0,0,0);}

.nav .btns{position:absolute;top:0px;left:0px;width:80px;height:80px;border:solid 1px rgba(0,159,227,0.15);background-color:rgba(14,20,29,1.00);border-radius:50%;cursor:pointer;}
.nav .btns .in{position:absolute;top:50%;left:50%;width:66px;height:66px;color:rgba(255,255,255,0.6);border:solid 0px rgba(252,188,0,0.5);background-color:rgba(0,159,227,0.25);border-radius:50%;transform:translate(-50%,-50%);}
.nav .btns .inn{position:absolute;top:50%;left:50%;width:60px;height:60px;background-color:rgba(182,23,11,0);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0px 0px 20px rgba(182,23,11,0);}
.nav .btns .innn{position:absolute;top:0px;left:0px;width:60px;height:60px;border-radius:50%;box-shadow:inset 0px 0px 30px rgba(0,0,0,0);}

.nav .btn1{position:absolute;top:0px;left:0px;width:160px;height:160px;background-color:rgba(14,20,29,1.00);border-radius:50%;cursor:pointer;}
.nav .btn1 .in{position:absolute;top:10px;right:10px;bottom:10px;left:10px;color:rgba(255,255,255,0.8);border:solid 6px rgba(252,188,0,0.8);border-radius:50%;}

.nav .btn span,.navedge .btn span,.nav .btns span,.nav .btn1 span,.nav .btnc span{position:absolute;top:50%;left:50%;font-size:20px;text-align:center;transform:translate(-50%,-50%);display:inline-block;}


.nav .btne{padding:10px;background-color:rgba(14,20,29,1.00);border-radius:10px;display:inline-block;cursor:pointer;}
.nav .btne .in{padding:5px;border:solid 0px rgba(0,159,227,0.3);border-radius:8px;}
.nav .btne .inn{padding:20px 30px 20px 30px;color:rgba(14,20,29,1.00);font-size:23px;line-height:23px;font-weight:700;letter-spacing:2px;background-color:rgba(255,255,255,0.8);text-shadow:1px 1px 5px rgba(0,0,0,0);box-shadow:inset 0px 0px 30px rgba(0,0,0,0);border-radius:4px;}

.nav .btnc{position:absolute;top:0px;left:0px;width:80px;height:80px;background-color:rgba(14,20,29,1.00);border-radius:50%;display:inline-block;cursor:pointer;z-index:10;}
.nav .btnc .in{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:solid 3px rgba(252,188,0,0.8);border-radius:50%;}
.nav .btnc .inn{position:absolute;top:5px;right:5px;bottom:5px;left:5px;color:rgba(255,255,255,0.7);border-radius:50%;}
.nav .btnc span{font-size:30px;line-height:30px;}
.nav .btnc.on .in{border:solid 3px rgba(252,188,0,0.9);background-color:rgba(252,188,0,0.9)}
.nav .btnc.on .inn{color:rgba(14,20,29,1.00);}

.nav.back{position:absolute;top:20px;left:20px;}
.nav.new{position:absolute;top:60px;right:120px;}

.nav .sup{position:absolute;top:-10px;left:50px;width:40px;height:40px;background-color:rgba(14,20,29,1.00);border-radius:50%;z-index:50;display:none;}
.nav .sup div{position:absolute;top:3px;left:3px;right:3px;bottom:3px;border:solid 3px rgba(252,188,0,0.6);border-radius:50%;}
.nav .sup div span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;}

#envi_data{position:absolute;top:0px;left:40px;right:40px;text-align:center;}
#envi_data .btn{padding:10px 20px 10px 20px;font-size:21px;text-align:right;border:solid 0px rgba(252,188,0,0.3);border-radius:5px;display:inline-block;}
#envi_data .btn b{}
#envi_data .btn b.dim{color:rgba(252,188,0,0.6);}
#envi_data .btn span{padding:0px 0px 0px 3px;color:rgba(252,188,0,0.5);font-size:60%;font-weight:bold;}

#clock{position:absolute;bottom:10px;left:50%;width:140px;font-size:21px;text-align:center;font-weight:bold;transform:translateX(-50%);}
#clock div{padding:10px 20px 10px 20px;display:inline-block;}



#measure_v0{position:absolute;top:50%;left:50%;width:629px;transform:translate(-50%,-50%);color:rgba(255,255,255,1);font-weight:bold;display:none;}
#measure_v0 .td:first-child{width:480px;text-align:right;}
#measure_nfo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;}
#measure_nfo .h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:110px;color:rgba(156,216,247,0.5);font-weight:bold;cursor:pointer;}

#armbtn{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:50;}
#armbtn .in{padding:10px;border-radius:10px;background-color:rgba(14,20,29,1.00);}
#armbtn .inn{padding:5px;border:solid 0px rgba(0,159,227,0.3);border-radius:8px;}
#armbtn .innn{padding:30px 40px 28px 40px;color:rgba(14,20,29,1.00);font-size:23px;line-height:23px;font-weight:900;letter-spacing:2px;background-color:rgba(252,188,0,0.9);text-shadow:1px 1px 5px rgba(0,0,0,0);box-shadow:inset 0px 0px 40px rgba(0,0,0,0);border-radius:10px;cursor:pointer;}


#weapon_btn .sup{top:25px;left:128px;color:rgba(255,255,255,0.5);}
#weapon_btn .sup div{border:solid 3px rgba(252,188,0,0.4);}
#weapon_btn .sup div span{font-size:15px;font-weight:700;}
#ammo_btn .sup{top:25px;left:-4px;color:rgba(255,255,255,0.5);}
#ammo_btn .sup div span{font-size:15px;font-weight:700;}
#ammo_btn .sup div{border:solid 3px rgba(252,188,0,0.4);}

#sys_btn{position:absolute;top:50%;left:-255px;width:100px;height:100px;transform:translateY(-50%);z-index:20;}
#sys_btn .btn1{width:100px;height:100px;}
#sys_btn .btn1 .in{border-width:4px;}




.page{position:absolute;top:10px;right:10px;bottom:10px;left:10px;}
.page .title{position:absolute;top:20px;right:20px;padding:0px 80px 0px 0px;font-size:20px;color:rgba(252,188,0,1);text-align:right;text-transform:uppercase;letter-spacing:2px;}
.page .title span{position:absolute;top:3px;right:0px;font-size:70px;}
.page .title b{display:block;font-size:40px;}
.page .titlesub{position:absolute;top:-50px;right:77px;font-size:50px;text-transform:uppercase;letter-spacing:2px;}

.page .tpm{position:absolute;top:20px;left:20px;right:20px;}

.page .tpm .table{margin:0px auto 0px auto;border:solid 1px rgba(252,188,0,0.5);border-radius:10px;}
.page .tpm .table .td{padding:15px 20px 15px 20px;text-align:center;color:rgba(252,188,0,0.9);border-right:solid 1px rgba(252,188,0,0.5);text-transform:uppercase;letter-spacing:1px;cursor:pointer;}
.page .tpm .table .td:first-child{border-radius:10px 0px 0px 10px;}
.page .tpm .table .td:last-child{border-radius:0px 10px 10px 0px;border-width:0px;}
.page .tpm .table .td.on{color:rgba(14,20,29,1.00);font-weight:700;background-color:rgba(252,188,0,0.9);}

.page .data{position:absolute;top:140px;left:20px;right:20px;bottom:200px;}

.page .data .setbox{position:relative;width:300px;height:360px;margin:0px 30px 30px 0px;display:inline-block;border:solid 0px rgba(252,188,0,0.1);border-radius:10px;}
.page .data .setbox .graph_range{position:absolute;top:30px;left:50%;transform:translateX(-50%) rotate(180deg);}
.page .data .setbox .graph_value{position:absolute;top:30px;left:50%;transform:translateX(-50%) rotate(180deg);z-index:1;}
.page .data .setbox .value{position:absolute;top:110px;left:0px;right:0px;text-align:center;font-size:70px;font-weight:500;letter-spacing:1px;color:rgba(255,255,255,0.9);}
.page .data .setbox .unit{position:absolute;top:230px;left:0px;right:0px;text-align:center;font-size:30px;font-weight:500;letter-spacing:1px;}
.page .data .setbox .name{position:absolute;top:300px;left:0px;right:0px;text-align:center;font-size:20px;font-weight:500;letter-spacing:1px;color:rgba(252,188,0,0.5);}

.page .btne{padding:10px;background-color:rgba(14,20,29,1.00);border-radius:10px;display:inline-block;cursor:pointer;}
.page .btne .in{padding:5px;border:solid 0px rgba(0,159,227,0.3);border-radius:8px;}
.page .btne .inn{padding:20px 30px 20px 30px;color:rgba(14,20,29,1.00);font-size:23px;line-height:23px;font-weight:700;letter-spacing:2px;background-color:rgba(252,188,0,0.9);text-shadow:1px 1px 5px rgba(0,0,0,0);box-shadow:inset 0px 0px 30px rgba(0,0,0,0);border-radius:4px;}



.save, .cancel {display: inline-block;}
.save .btne, .cancel .btne {padding:10px;background-color:rgba(14,20,29,0);border-radius:10px;display:inline-block;cursor:pointer;}
.save .btne .in, .cancel .btne .in {padding:5px;border:solid 0px rgba(252,188,0,0.5);border-radius:8px;}
.save .btne .inn, .cancel .btne .inn {padding:20px 30px 20px 30px;color:rgba(14,20,29,1.00);font-size:23px;line-height:23px;font-weight:700;letter-spacing:2px;background-color:rgba(252,188,0,0.9);border-radius:4px;}


.cards{position:relative;width:100%;max-width:1200px;margin:0px auto 0px auto;text-align:justify;}
.cards article{position:relative;width:25%;overflow:hidden;}
.cards article:before {content: "";display: block;padding-top: 100%;} 
.cards article .in{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;background-color:rgba(252,188,0,0.1);background-color:rgba(252,188,0,0);}
.cards article.rowtitle .in {top: 0px;right: 0px;bottom: 0px;left: 0px;}
.cards article .in .sign{position:absolute;top:5px;right:5px;width:45px;height:45px;background-color:rgba(14,20,29,1.00);border-radius:50%;display:block;}
.cards article .in .sign div{position:absolute;top:2px;left:2px;width:40px;height:40px;background-color:rgba(252,188,0,0.8);border-radius:50%;}
.cards article .in .sign div span{position:absolute;top:50%;left:50%;font-size:17px;color:rgba(14,20,29,1);transform:translate(-50%,-50%);}
.cards article .symbol{position:absolute;top:50%;left:50%;width:150px;height:150px;border-radius:50%;background-color:rgba(14,20,29,0);transform:translate(-50%,-50%);z-index:10;}
.cards article .symbol span{position:absolute;top:50%;left:50%;font-size:100px;color:rgba(255,255,255,0.8);transform:translate(-50%,-50%);}
.cards article .opener{position:absolute;bottom:-100px;left:50%;width:200px;height:200px;background-color:rgba(14,20,29,1);transform:translateX(-50%) rotate(45deg);}
/*.cards article .in .head{position:absolute;top:0px;left:0px;right:0px;height:208px;background-color:rgba(0,159,227,0);border-radius:0px 5px 0px 0px;}*/
.cards article .in h2{position:absolute;top:54%;left:15%;right:15%;padding:10px 0px 10px 0px;font-size:1.17vw;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,0.8);font-weight:bold;text-align:center;z-index:10;height: 3rem;}
.cards article.rowtitle .in h2 {top: 47%;left: 0%;right:0%;padding: 0px;color: rgba(252,188,0,0.8);height: auto;}
.cards article .in .show{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background-color:rgba(14,20,29,0);border-radius:50%;z-index:5;}
.cards article .in .bez{position:absolute;left:20px;font-size:15px;color:rgba(216,48,15,1);font-weight:bold;}
.cards article .in .info{position:absolute;left:0px;bottom:0px;width:138px;height:170px;color:rgba(14,20,29,1);text-align:center;border-top:solid 2px rgba(14,20,29,1);border-radius:0px 0px 0px 5px;background-color:rgba(252,188,0,0.6);background-color:rgba(0,159,227,0);}
.cards article .in .info span{position:absolute;left:30%;bottom:20px;}
.cards article .in .run{position:absolute;right:0px;bottom:0px;width:138px;height:170px;color:rgba(14,20,29,1);text-align:center;border-top:solid 2px rgba(14,20,29,1);border-radius:0px 0px 5px 0px;background-color:rgba(252,188,0,0);}
.cards article .in .run span{position:absolute;right:30%;bottom:20px;}

.cards article .in.aval{background-color:rgba(216,48,15,0);}
.cards article .in.aval .sign div{background-color:rgba(216,48,15,0.8);}
.cards article .in.aval h2{color:rgba(216,48,15,0.9);}

.search{position:fixed;top:120px;left:0px;right:0px;height:110px;background-color:rgba(14,20,29,1);z-index:2;}
.search .in{position:absolute;top:5px;left:30px;right:30px;border:solid 3px rgba(252,188,0,0.5);border-radius:40px;}
.search .in input{width:90%;padding:10px 10px 10px 20px;margin:1px;font-size:35px;color:rgba(255,255,255,0.9);border:solid 1px rgba(252,188,0,0);border-radius:36px;background-color:rgba(252,188,0,0.1);background-color:rgba(14,20,29,1);}
.search .in .select{position:absolute;top:5px;right:67px;bottom:5px;width:160px;font-size:16px;font-weight:bold;letter-spacing:2px;color:rgba(14,20,29,1);background-color:rgba(252,188,0,0.9);border-radius:6px 0px 0px 6px;cursor:pointer;}
.search .in .select b{position:absolute;top:50%;left:20px;transform:translateY(-50%);}
.search .in .select span{position:absolute;top:18px;right:10px;font-size:19px;z-index:5;}
.search .in .favs{position:absolute;top:50%;right:120px;transform:translateY(-50%);font-size:40px;color:rgba(252,188,0,0.9);}
.search .in button{position:absolute;top:5px;right:5px;bottom:5px;width:80px;font-size:21px;line-height:21px;background-color:rgba(252,188,0,0.9);border:solid 1px rgba(252,188,0,0);border-radius:6px 36px 36px 6px;z-index:5;cursor:pointer;}
.search .in button span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

#listloading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:none;z-index:100;}
#listloading span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;line-height:50px;}

.setselect{width:100%;color:rgba(14,20,29,1.00);border-radius:10px;}
.setselect .td{position:relative;vertical-align:middle;cursor:pointer;}
.setselect .td span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60px;line-height:60px;}
.setselect .name_selected{font-size:40px;font-weight:900;}
.setselect .name_selected_info{font-size:25px;font-weight:500;color:rgba(14,20,29,0.8);}
.setselect .td:nth-child(1){width:120px;border-radius:10px 0px 0px 10px;background-color:rgba(252,188,0,0.9);}
.setselect .td:nth-child(2){padding:20px 20px 20px 20px;background-color:rgba(252,188,0,0.9);}
.setselect .td:nth-child(3){width:150px;border-left:solid 3px rgba(14,20,29,1.00);background-color:rgba(252,188,0,0.8);border-radius:0px 10px 10px 0px;}



.setselectlist{width:100%;margin-top:20px;margin-bottom:30px;color:rgba(255,255,255,0.9);}
.setselectlist .td{position:relative;vertical-align:middle;cursor:pointer;}

.setselectlist .td:nth-child(1){width:120px;border-radius:10px 0px 0px 10px;font-size:60px;line-height:60px;color:rgba(252,188,0,0.5);}
.setselectlist .td:nth-child(1) span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.setselectlist .td:nth-child(2){padding:20px 20px 20px 20px;font-size:40px;font-weight:500;}
.setselectlist .td:nth-child(2) div{font-size:60%;color:rgba(252,188,0,0.5);}
.setselectlist .td:nth-child(3){width:150px;border-radius:0px 10px 10px 0px;font-size:45px;line-height:45px;color:rgba(252,188,0,0.5);}
.setselectlist .on .td{color:rgba(14,20,29,1.00);font-weight:900;background-color:rgba(252,188,0,0.9);}
.setselectlist .on .td:nth-child(2) div{color:rgba(14,20,29,1.00);}
.setselectlist .on .td:last-child{background-color:rgba(252,188,0,0.9);color:rgba(14,20,29,0.5);}
.setselectlist .td:last-child span{display:inline-block;margin:0px 10px 0px 10px;}

.setlist{width:100%;}
.setlist .td{vertical-align:middle;}
.setlist .td:nth-child(1){width:150px;text-align:center;}
.setlist .td:nth-child(2){padding:15px 0px 15px 0px;font-size:30px;}
.setlist .td:nth-child(3){padding:15px 0px 15px 0px;text-align:right;font-weight:500;color:rgba(255,255,255,0.9);}
.setlist .td:nth-child(4){width:80px;padding:15px 0px 15px 5px;color:rgba(252,188,0,0.5);}


#weapon_list_select{position:absolute;top:29px;left:250px;right:20px;display:none;}
#ammo_list_select{position:absolute;top:29px;left:250px;right:20px;display:none;}
#analytics_graph_select{position:absolute;top:29px;left:150px;right:20px;display:block;}

.graph_body{position:absolute;top:150px;left:130px;right:50px;bottom:100px;}
.graph_body_box{position:absolute;top:20px;right:20px;bottom:20px;left:20px;}



.table.variances{position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:100%;height:100%;}
.table.variances .tr .td{position:relative;width:10%;}
.table.variances .tr .td div{position:absolute;}
.table.variances .tr .td .graph{left:2px;right:2px;}
.table.variances .tr .td .graph .val{left:2px;right:2px;text-align:center;font-size:17px;font-weight:500;color:rgba(156,216,247,0.8);}
.table.variances .tr:nth-child(1) .td{height:49%;}
.table.variances .tr:nth-child(1) .td .graph{bottom:2px;background-color:rgba(252,188,0,0.9);}
.table.variances .tr:nth-child(1) .td .graph .val{top:-25px;}
.table.variances .tr:nth-child(2) .td{height:2%;}
.table.variances .tr:nth-child(2) .td .graph{top:2px;bottom:2px;background-color:rgba(0,159,227,0.3);}
.table.variances .tr:nth-child(3) .td{height:49%;}
.table.variances .tr:nth-child(3) .td .graph{top:2px;background-color:rgba(252,188,0,0.9);}
.table.variances .tr:nth-child(3) .td .graph .val{bottom:-25px;}


.table.trajectory{position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:100%;height:100%;}
.table.trajectory .tr{position:relative;}
.table.trajectory .tr .td{position:relative;}
.table.trajectory .tr:nth-child(1) .td{height:98%;}
.table.trajectory .tr:nth-child(1) .td:nth-child(1){width:10%;}
.table.trajectory .tr:nth-child(1) .td:nth-child(2){width:80%;}
.table.trajectory .tr:nth-child(1) .td:nth-child(3){width:10%;}
.table.trajectory .tr:nth-child(2) .td{height:2%;}
.table.trajectory .tr:nth-child(2) .td .axe{position:absolute;top:2px;bottom:2px;left:2px;right:2px;background-color:rgba(0,159,227,0.3);}

.table.trajectory .graph{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:table;width:100%;height:100%;}
.table.trajectory .graph .col{position:relative;display:table-cell;z-index:0;}.table.trajectory .graph .col:hover{z-index:10;}
.table.trajectory .graph .col .bar{position:absolute;left:1px;right:1px;bottom:1px;background-color:rgba(0,159,227,0);z-index:10;}
.table.trajectory .graph .col .bar .val{position:absolute;top:0%;left:50%;width:80%;padding:0px 0px 80% 0px;transform:translate(-50%,-50%);border-radius:50%;color:rgba(14,20,29,1);}
.table.trajectory .graph .col .bar .val .point{position:absolute;top:1%;right:1%;bottom:1%;left:1%;background-color:rgba(252,188,0,1);border-radius:50%;}
.table.trajectory .graph .col .bar .val .nfo{position:absolute;top:-135px;left:50%;transform:translateX(-50%);width:150px;height:120px;text-align:center;background-color:rgba(14,20,29,1);border-radius:8px;display:none;}
.table.trajectory .graph .col .bar .val .nfo .box{position:absolute;top:5px;right:5px;bottom:5px;left:5px;color:rgba(14,20,29,1);background-color:rgba(252,188,0,1);border-radius:5px;}
.table.trajectory .graph .col .bar .val .nfo span{position:absolute;top:50%;left:50%;font-size:15px;font-weight:500;transform:translate(-50%,-50%);}
.table.trajectory .graph .col .bar .val .nfo span b{padding:0px 3px 0px 0px;font-size:120%;font-weight:700;}
.table.trajectory .graph .col .bar .val .nfo .arr{position:absolute;bottom:0px;left:50%;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background-color:rgba(252,188,0,1);}

.table.trajectory .graph .col .bar .axe .nfo{position:absolute;bottom:-90px;left:50%;transform:translateX(-50%);width:150px;height:80px;text-align:center;background-color:rgba(14,20,29,1);border-radius:8px;display:none;}
.table.trajectory .graph .col .bar .axe .nfo .box{position:absolute;top:5px;right:5px;bottom:5px;left:5px;color:rgba(14,20,29,1);background-color:rgba(252,188,0,1);border-radius:5px;}
.table.trajectory .graph .col .bar .axe .nfo span{position:absolute;top:50%;left:50%;font-size:15px;font-weight:500;transform:translate(-50%,-50%);}
.table.trajectory .graph .col .bar .axe .nfo span b{padding:0px 3px 0px 0px;font-size:120%;font-weight:700;}
.table.trajectory .graph .col .bar .axe .nfo .arr{position:absolute;top:0px;left:50%;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background-color:rgba(252,188,0,1);}


.table.drop{position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:100%;height:100%;}
.table.drop .tr{position:relative;}
.table.drop .tr .td{position:relative;}
.table.drop .tr:nth-child(1) .td{height:98%;}
.table.drop .tr:nth-child(1) .td:nth-child(1){width:10%;}
.table.drop .tr:nth-child(1) .td:nth-child(2){width:80%;}
.table.drop .tr:nth-child(1) .td:nth-child(3){width:10%;}
.table.drop .tr:nth-child(2) .td{height:2%;}
.table.drop .tr:nth-child(2) .td .axe{position:absolute;top:2px;bottom:2px;left:2px;right:2px;background-color:rgba(0,159,227,0.3);}

.table.drop .graph{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:table;width:100%;height:100%;}
.table.drop .graph .col{position:relative;display:table-cell;z-index:0;}.table.trajectory .graph .col:hover{z-index:10;}
.table.drop .graph .col .bar{position:absolute;left:1px;right:1px;bottom:1px;background-color:rgba(0,159,227,0);z-index:10;}
.table.drop .graph .col .bar .val{position:absolute;top:0%;left:50%;width:80%;padding:0px 0px 80% 0px;transform:translate(-50%,-50%);border-radius:50%;color:rgba(14,20,29,1);}
.table.drop .graph .col .bar .val .point{position:absolute;top:1%;right:1%;bottom:1%;left:1%;background-color:rgba(252,188,0,1);border-radius:50%;}
.table.drop .graph .col .bar .val .nfo{position:absolute;top:-135px;left:50%;transform:translateX(-50%);width:150px;height:120px;text-align:center;background-color:rgba(14,20,29,1);border-radius:8px;display:none;}
.table.drop .graph .col .bar .val .nfo .box{position:absolute;top:5px;right:5px;bottom:5px;left:5px;color:rgba(14,20,29,1);background-color:rgba(252,188,0,1);border-radius:5px;}
.table.drop .graph .col .bar .val .nfo span{position:absolute;top:50%;left:50%;font-size:15px;font-weight:500;transform:translate(-50%,-50%);}
.table.drop .graph .col .bar .val .nfo span b{padding:0px 3px 0px 0px;font-size:120%;font-weight:700;}
.table.drop .graph .col .bar .val .nfo .arr{position:absolute;bottom:0px;left:50%;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background-color:rgba(252,188,0,1);}

.table.drop .graph .col .bar .axe .nfo{position:absolute;bottom:-90px;left:50%;transform:translateX(-50%);width:150px;height:80px;text-align:center;background-color:rgba(14,20,29,1);border-radius:8px;display:none;}
.table.drop .graph .col .bar .axe .nfo .box{position:absolute;top:5px;right:5px;bottom:5px;left:5px;color:rgba(14,20,29,1);background-color:rgba(252,188,0,1);border-radius:5px;}
.table.drop .graph .col .bar .axe .nfo span{position:absolute;top:50%;left:50%;font-size:15px;font-weight:500;transform:translate(-50%,-50%);}
.table.drop .graph .col .bar .axe .nfo span b{padding:0px 3px 0px 0px;font-size:120%;font-weight:700;}
.table.drop .graph .col .bar .axe .nfo .arr{position:absolute;top:0px;left:50%;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background-color:rgba(252,188,0,1);}





#trajectory_graph,#trajectory_list{position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
#trajectory_list{display:none;}
#drop_graph,#drop_list{position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
#drop_list{display:none;}

.table.list{width:100%;}
.table.list .tr{color:rgba(252,188,0,0.6);}
.table.list .tr:hover{color:rgba(14,20,29,1);background-color:rgba(252,188,0,0.9);}
.table.list .tr:hover .td b{color:rgba(14,20,29,1);}
.table.list .tr .td{padding:15px;text-align:right;font-size:15px;border-bottom:solid 1px rgba(0,159,227,0.3);vertical-align:bottom;}
.table.list .tr .td b{padding:0px 3px 0px 0px;font-size:150%;font-weight:500;color:rgba(255,255,255,0.8);}

.table.list.logs .tr .td{padding:10px;}


input,select,textarea{margin:5px 5px 0px 5px;padding:12px 10px 10px 10px;font-size:17px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:15px;font-weight:bold;background-color:#ffffff;border:solid 2px #ffffff;box-shadow:1px 1px 5px rgba(0,0,0,0);display:inline-block;}select{cursor:pointer;}
select{padding:10px 10px 9px 10px;}

.setpop{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;cursor:pointer;}



.notfound{position:absolute;top:20px;right:20px;bottom:20px;left:20px;overflow:hidden;}
.notfound .box{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;}
.notfound .box h3{color:rgba(252,188,0,0.5)}
.notfound .box p{padding:30px 0px 0px 0px;}

.numblock{text-align:center;}
.numblock div{position:relative;margin:5px;width:50px;height:50px;border:solid 2px rgba(255,255,255,0.3);display:inline-block;border-radius:50%;cursor:pointer;}
.numblock div span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:500;}
.numblock div:nth-child(13),.numblock div:nth-child(15){border:solid 2px rgba(14,20,29,0.1);}
.numblock div:nth-child(13){cursor:default;}
.numblock div:nth-child(15){color:rgba(255,255,255,0.6);background-color:rgba(216,48,15,0.3);}

#shold{position:fixed;top:0px;right:0px;bottom:0px;left:0px;background-color:rgba(0,0,0,0.8);overflow:hidden;display:none;z-index:100;}
#sholdcont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:50px;width:100%;max-width:800px;text-align:center;}




@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}


.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}