:root {
	--Black:#000000;
	--BlueM:#0066FF;
	--GrayD:#27343E;
	--GrayD2:#333333;
	--GrayDInv:#d8cbc1;
	--GrayMD:#666666;
	--GrayM:#808080;
	--GrayM2:#999999;
	--GrayL:#e0e0e0;
	--GrayL2:#e9e9e9;
	--Green:#1EA896;
	--GreenM:#009E2F;
	--OrangeM:#FF9900;
	--PurpleD:#3D1A52;
	--PurpleM:#E3D1F1;
	--PurpleL:#F6F0FA;
	--White:#FFFFFF;
	--Red:#F71735;
	--Trans:rgba(128,128,128,0.1);
	--color4:#0066CC;
	--color8:#E0ECFF;
	--color9:#F0F9FF;
	--color10:#23967F;
	--color11:#2589BD;
	--color12:#67AAF9;
}

@font-face {
	font-family:"RobotoMono";
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url("/fonts/RobotoMono-Regular.ttf") format("truetype")
}

/* Universal */
* {margin:0; padding:0; font-family:Calibri,sans-serif; box-sizing:border-box;}
body{min-width:399px; font-size:13px; overflow:hidden;}
a{text-decoration:none; cursor:pointer;}
p{cursor:default;}
span{cursor:default;}
input{font-family:inherit; font-size:inherit; transition:background .25s, color .25s, border-color .25s;}
input[type=date]{float:left; outline:none; font-size:16px;}
input[type=text]{float:left; outline:none; font-size:16px;}
input[type=password]{float:left; outline:none; font-size:16px;}
input[type=file]{padding:2px 0; border-radius:5px; cursor:pointer; float:left;}
textarea{float:left; font-family:inherit; font-size:inherit; padding:2px 4px; border-radius:3px; transition:background .25s, color .25s, border-color .25s; outline:none;}

::-webkit-scrollbar{width:12px;}
::-webkit-scrollbar-track{background:none;}
::-webkit-scrollbar-thumb{background-color:var(--BlueM); border-radius:20px; border:2px solid #e9e9e9;}

body.light{color:var(--GrayD); background:#f9f9f9;}

.light input[type=date]{background:var(--White); color:var(--PurpleD); border:1px solid #b6b6b6; box-shadow:inset 0.5px 0.5px 2px rgba(0,0,0,0.08);}
.light input[type=date]:focus{background:var(--White); border-color:var(--BlueM); color:var(--BlueM); box-shadow:inset 0.5px 0.5px 2px rgba(0,102,255,0.5);}
.light input[type=text]{background:var(--White); color:var(--PurpleD); border:1px solid #b6b6b6; box-shadow:inset 0.5px 0.5px 2px rgba(0,0,0,0.08);}
.light input[type=text]:focus{background:var(--White); border-color:var(--BlueM); color:var(--BlueM); box-shadow:inset 0.5px 0.5px 2px rgba(0,102,255,0.5);}
.light input[type=password]{background:var(--White); color:var(--PurpleD); border:1px solid #b6b6b6; box-shadow:inset 0.5px 0.5px 2px rgba(0,0,0,0.08);}
.light input[type=password]:focus{background:var(--White); border-color:var(--BlueM); color:var(--BlueM); box-shadow:inset 0.5px 0.5px 2px rgba(0,102,255,0.5);}
.light textarea{background:var(--White); color:var(--PurpleD); border:1px solid #b6b6b6; box-shadow:inset 0.5px 0.5px 2px rgba(0,0,0,0.08);}
.light textarea:focus{background:var(--White); border-color:var(--BlueM); color:var(--BlueM); box-shadow:inset 0.5px 0.5px 2px rgba(0,102,255,0.5);}

.dark input[type=date]{background:#444444; color:var(--White); border:none;}
.dark input[type=date]:focus{background:#666666; border-color:var(--BlueM); color:var(--White); box-shadow:inset 0.5px 0.5px 2px rgba(0,102,255,0.5);}
.dark input[type=text]{background:#444444; color:var(--White); border:none;}
.dark input[type=text]:focus{background:#666666; border-color:var(--BlueM); color:var(--White); box-shadow:inset 0.5px 0.5px 2px rgba(0,102,255,0.5);}
.dark input[type=password]{background:#444444; color:var(--White); border:none;}
.dark input[type=password]:focus{background:#666666; border-color:var(--BlueM); color:var(--Wwhite); box-shadow:inset 0.5px 0.5px 2px rgba(0,102,255,0.5);}
.dark textarea{background:#444444; color:var(--White); border:none;}
.dark textarea:focus{background:#666666; border-color:var(--BlueM); color:var(--White); box-shadow:inset 0.5px 0.5px 2px rgba(0,102,255,0.5);}

/* Buttons */
.button{position:relative; top:0; left:0; padding:4px 0; float:left; border-radius:6px; text-align:center; font-size:14px; border-width:1px; border-style:solid; font-weight:bold; cursor:pointer; outline:0; transition:background .1s linear, color .1s linear; box-shadow:0 1px 1px 0 rgba(0,0,0,0.14), 0 1px 1px -2px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2); text-shadow:0px -1px 1px rgba(0, 0, 0, 0.5);}

.light .button{background:var(--PurpleL); color:var(--PurpleD); border-color:var(--PurpleL);}
.light .button:hover{background:var(--PurpleD); color:var(--PurpleL); border-color:var(--PurpleD); text-shadow:none;}
.light .button:focus{background:var(--PurpleD); color:var(--PurpleL); border-color:var(--PurpleD); text-shadow:none;}

.dark .button{background:var(--PurpleL); color:var(--PurpleD); border-color:var(--PurpleL);}
.dark .button:hover{background:var(--PurpleD); color:var(--PurpleL); border-color:var(--PurpleD); text-shadow:none;}
.dark .button:focus{background:var(--PurpleD); color:var(--PurpleL); border-color:var(--PurpleD); text-shadow:none;}

.light .button.blue{background:var(--BlueM); color:var(--White); border-color:var(--BlueM);}
.light .button.blue:hover{background:var(--White); color:var(--BlueM); border-color:var(--White);}
.light .button.blue:focus{background:var(--White); color:var(--BlueM); border-color:var(--White);}
.light .button.blue:hover .icon-push{color:var(--BlueM);}

.dark .button.blue{background:var(--BlueM); color:var(--White); border-color:var(--BlueM);}
.dark .button.blue:hover{background:var(--White); color:var(--BlueM); border-color:var(--White);}
.dark .button.blue:focus{background:var(--White); color:var(--BlueM); border-color:var(--White);}
.dark .button.blue:hover .icon-push{color:var(--BlueM);}

.light .button.gray{background:var(--GrayM2); color:var(--White); border-color:var(--GrayM2);}
.light .button.gray:hover{background:var(--GrayM2); color:var(--GrayM); border-color:var(--White);}
.light .button.gray:focus{background:var(--White); color:var(--GrayM); border-color:var(--White);}

.dark .button.gray{background:#aaaaaa; color:var(--Black); border-color:var(--GrayM); text-shadow:none;}
.dark .button.gray:hover{background:var(--White); color:var(--GrayM); border-color:var(--White);}
.dark .button.gray:focus{background:var(--White); color:var(--GrayM); border-color:var(--White);}

.light .button.red{background:var(--Red); color:var(--White); border-color:var(--Red);}
.light .button.red:hover{background:var(--White); color:var(--Red); border-color:var(--White);}
.light .button.red:focus{background:var(--White); color:var(--Red); border-color:var(--White);}

.dark .button.red{background:var(--Red); color:var(--White); border-color:var(--Red);}
.dark .button.red:hover{background:var(--White); color:var(--Red); border-color:var(--White);}
.dark .button.red:focus{background:var(--White); color:var(--Red); border-color:var(--White);}

.light .button.redTrans{background:var(--Trans); color:var(--GrayD); border-color:var(--Trans); box-shadow:none; text-shadow:none;}
.light .button.redTrans:after{display:none;}
.light .button.redTrans:hover{background:var(--Red); color:var(--White); border-color:var(--Red);}
.light .button.redTrans:focus{background:var(--Red); color:var(--White); border-color:var(--Red);}

.dark .button.redTrans{background:var(--Trans); color:var(--GrayDInv); border-color:var(--Trans);}
.dark .button.redTrans:after{display:none;}
.dark .button.redTrans:hover{background:var(--Red); color:var(--White); border-color:var(--Red);}
.dark .button.redTrans:focus{background:var(--Red); color:var(--White); border-color:var(--Red);}

.light .button.trans{background:var(--Trans); color:var(--GrayD); border-color:var(--Trans); box-shadow:none; text-shadow:none;}
.light .button.trans:after{display:none;}
.light .button.trans:hover{background:var(--GrayM); color:var(--White); border-color:var(--GrayM);}
.light .button.trans:focus{background:var(--GrayM); color:var(--White); border-color:var(--GrayM);}

.dark .button.trans{background:rgba(255,255,255,0.2); color:#e6e6e6; border-color:rgba(255,255,255,0.1);}
.dark .button.trans:after{display:none;}
.dark .button.trans:hover{background:var(--White); color:var(--GrayD); border-color:var(--White);}
.dark .button.trans:focus{background:var(--White); color:var(--GrayD); border-color:var(--White);}

.button.disabled{box-shadow:none; text-shadow:none; cursor:default;}
.button.disabled:after{display:none;}
.button:not(.disabled):active{top:1px; left:1px; box-shadow:none;}

.light .button.disabled{background:var(--Trans); color:var(--GrayM); border-color:var(--Trans);}
.light .button.disabled:hover{background:var(--Trans); color:var(--GrayM); border-color:var(--Trans);}
.light .button.disabled:focus{background:var(--Trans); color:var(--GrayM); border-color:var(--Trans);}

.dark .button.disabled{background:var(--Trans); color:var(--GrayM); border-color:var(--Trans);}
.dark .button.disabled:hover{background:var(--Trans); color:var(--GrayM); border-color:var(--Trans);}
.dark .button.disabled:focus{background:var(--Trans); color:var(--GrayM); border-color:var(--Trans);}

/* Custom Checkbox */
.custcheck{position:relative; float:left; border-radius:3px; background-image:url('../img/checkbox/check_green.png'); background-size:0 0; background-position:center center; background-repeat:no-repeat; transition:background-size .15s;}
.custcheck:focus{outline:0}
.custcheck.black{background-image:url('../img/checkbox/check_black.png');}
.custcheck.white{background-image:url('../img/checkbox/check_white.png');}
.custcheck.checked{background-size:60% 60%}

.light .custcheck{background:#ffffff; border:1px solid #999999; box-shadow:inset 0.5px 0.5px 2px rgba(0,0,0,0.15);}

.dark .custcheck{background:#000000; border:1px solid #999999; box-shadow:inset 0.5px 0.5px 2px rgba(0,0,0,0.15);}

/* Custom Date Input */
.custdate{position:relative; float:left;}
.custdate input{width:100% !important; margin:0 !important; text-align:left;}
.custdate a{position:absolute; width:15%; padding:0 0 3px 0; right:0;}
.custdate .icon-push:after{font-size:14px; top:5px; right:5px;}
.custdate .icon-x:hover:after{color:var(--Red);}

.light .custdate .icon-push:after{color:var(--PurpleD);}

.dark .custdate .icon-push:after{color:var(--PurpleD);}

/* Custom Dropdown */
.custdrop{position:relative;}
.custdrop input{width:100% !important; margin:0 !important; text-align:left; float:left; cursor:pointer;}
.custdrop .list{position:absolute; width:100%; max-height:240px; overflow:hidden; z-index:21; display:none; border-radius:0 0 5px 5px; box-shadow:2px 2px 2px rgba(0,0,0,0.5);}
.custdrop .list a{width:100%; float:left; font-size:16px;}
.custdrop .list a:first-of-type{margin-top:5px;}
.custdrop .list a:last-of-type{margin-bottom:5px;}
.custdrop .icon-chevronDown{position:absolute; width:15%; padding:0 0 3px 0; right:0; cursor:pointer;}
.custdrop .icon-chevronDown:after{font-size:14px; top:5px; right:5px;}
.custdrop.disabled .icon-chevronDown:after{opacity:0;}

.light .custdrop.disabled input{background:var(--GrayL); color:var(--GrayMD);}
.light .custdrop .list{background:var(--PurpleD); color:var(--White);}
.light .custdrop .list a:hover{background:var(--BlueM); color:var(--White);}
.light .custdrop .list a.hover{background:var(--BlueM); color:var(--White);}
.light .custdrop .icon-chevronDown:after{color:var(--PurpleD);}
.light .custdrop .icon-chevronDown:hover:after{color:var(--BlueM);}

.dark .custdrop.disabled input{background:var(--GrayL); color:var(--GrayMD);}
.dark .custdrop .list{background:#444444; color:var(--White);}
.dark .custdrop .list a:hover{background:var(--BlueM); color:var(--White);}
.dark .custdrop .list a.hover{background:var(--BlueM); color:var(--White);}
.dark .custdrop .icon-chevronDown:after{color:#c0c0c0;}
.dark .custdrop .icon-chevronDown:hover:after{color:var(--BlueM);}

/* Custom Input */
.custinput{position:relative; float:left;}
.custinput input[type=text]{width:100% !important; margin:0 !important; padding:1px 3px;}
.custinput a{position:absolute; width:15%; padding:0 0 3px 0; right:0;}
.custinput .icon-push:after{font-size:14px; top:5px; right:0;}

.light .custinput .icon-push:after{color:var(--GrayD);}

.dark .custinput .icon-push:after{color:var(--GrayD);}

/* Custom Toggle */
.custtoggle{position:relative; float:left; border-radius:10px;}
.custtoggle span{width:50%; padding:0 8px; float:left; border-radius:10px; transition:all .2s ease-in-out;}
.custtoggle span:nth-of-type(1){text-align:left; cursor:pointer;}
.custtoggle span:nth-of-type(2){text-align:right; cursor:pointer;}
.custtoggle span:nth-of-type(3){position:absolute; top:0; left:0; font-weight:bold;}
.custtoggle span:nth-of-type(3):after{content:''; position:absolute; top:0; left:0; border-radius:10px 10px 0 0; width:100%; height:50%;}

.light .custtoggle{background:#e9e9e9; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5); border:1px solid var(--GrayD);}
.light .custtoggle span{color:var(--GrayD);}
.light .custtoggle span:nth-of-type(-n+2):hover{background:#ffffff; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5);}
.light .custtoggle span:nth-of-type(3){background:var(--color3); color:#ffffff;}
.light .custtoggle span:nth-of-type(3):after{background:linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0.2));}

.dark .custtoggle{background:#e9e9e9; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5); border:1px solid var(--GrayD);}
.dark .custtoggle span{color:var(--GrayD);}
.dark .custtoggle span:nth-of-type(-n+2):hover{background:#ffffff; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5);}
.dark .custtoggle span:nth-of-type(3){background:var(--color3); color:#ffffff;}
.dark .custtoggle span:nth-of-type(3):after{background:linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0.2));}

/* Splash */
.splash{position:absolute; width:100vw; height:calc(100 * var(--vh)); background:var(--PurpleD); z-index:1000;}
.splash img{position:absolute; width:20vw; left:40vw; top:calc(50vh - 10vw); opacity:0;}
.splash img:nth-of-type(1){opacity:1;}

/* Background */
.bkgd{position:fixed; width:320px; left:calc(50vw - 160px); top:calc(50vh + 34px - 160px); opacity:0; z-index:-1; filter:contrast(50%) grayscale(100%);}
.overlay{position:fixed; width:100vw; height:calc(100 * var(--vh)); top:0; left:0; background:rgba(0,0,0,0.55); z-index:200; display:none;}
.overlay.black40{background:rgba(0,0,0,0.40);}
.overlay.black55{background:rgba(0,0,0,0.55);}
.overlay.black60{background:rgba(0,0,0,0.60);}
.overlay.black75{background:rgba(0,0,0,0.75);}
.overlay.black90{background:rgba(0,0,0,0.90);}
.overlay.black100{background:rgba(0,0,0,1);}
.menu_overlay{position:fixed; width:100vw; height:calc(100 * var(--vh)); top:0; left:0; background:rgba(0,0,0,0); z-index:20; display:none;}

.dark .overlay.black55{background:rgba(0,0,0,0.55);}

/* Header */
.header{position:fixed; z-index:202; width:100%; font-size:16px; text-align:center;}
.header .logo{position:absolute; left:0; top:0; opacity:0.8; transition:all 0.25s ease-in-out;}
.header .logo:hover{opacity:1;}
.header .logo img{height:100%; float:left;}
.header .menuBtn{position:absolute; left:0; top:0; opacity:0.7; transition:all 0.25s ease-in-out;}
.header .menuBtn:hover{opacity:1;}
.header .menuBtn img{height:100%; float:left;}

.light .header{background:var(--PurpleD); color:var(--White);}
.light .header .logo{filter:brightness(100);}

.dark .header{background:#000000; color:var(--White); border-bottom:1px solid #444444;}
.dark .header .logo{filter:brightness(80);}

/* Header Search */
.header .search{position:absolute; line-height:normal; transition:0.5s width ease-in-out;}
.header .search:not(.ready){width:25px;}
.header .search .icon-search{width:0; line-height:0; float:left;}
.header .search input{float:left; padding:0 0 0 28px; box-sizing:border-box; border-radius:6px; border-color:none; font-size:16px; transition:0.25s all ease-in-out; box-shadow:none;}
.header .search .list{border-width:0 2px 2px 2px; border-style:solid;}
.header .search .list a{transition:color .25s ease-in-out, background .25s ease-in-out;}
.header .search .list a .icon-push:after{transition:color .25s ease-in-out;}
.header .search .list a p{padding:5px 0; cursor:pointer; float:left; white-space:nowrap; overflow:hidden;}
.header .search .list a p:nth-of-type(1){width:6%; text-align:left; font-weight:bold; overflow:unset;}
.header .search .list a p:nth-of-type(1):after{text-align:center; width:100%; float:left;}
.header .search .list a p:nth-of-type(2){width:94%; text-align:left;}

.light .header .search .icon-search:after{color:var(--GrayM);}
.light .header .search input{background:rgb(255,255,255,0.9); color:var(--GrayM); border:2px solid rgb(255,255,255,0);}
.light .header .search .list{border-color:var(--BlueM); background:#ffffff;}
.light .header .search .list a{color:var(--GrayD);}
.light .header .search .list a:nth-of-type(2n){background:#f6f6f6;}
.light .header .search .list a:nth-of-type(2n):hover{background:var(--BlueM);}
.light .header .search .list a:nth-of-type(2n).hover{background:var(--BlueM);}
.light .header .search .list a:hover{color:#ffffff;}
.light .header .search .list a.hover{color:#ffffff;}
.light .header .search .list a:hover .icon-push:after{color:#ffffff;}
.light .header .search .list a.hover .icon-push:after{color:#ffffff;}
.light .header .search.open > .icon-push:after{color:var(--GrayD);}
.light .header .search:hover > .icon-push:after{color:var(--GrayD);}
.light .header .search:focus > .icon-push:after{color:var(--GrayD);}
.light .header .search.open input{background:var(--White); border-color:var(--BlueM); color:var(--GrayD);}
.light .header .search:hover input{background:var(--White); border-color:var(--BlueM); color:var(--GrayD);}
.light .header .search:focus input{background:var(--White); border-color:var(--BlueM); color:var(--GrayD);}

.dark .header .search .icon-search:after{color:#e6e6e6;}
.dark .header .search input{background:#333333; color:#e6e6e6; border:2px solid rgb(0,0,0,0);}
.dark .header .search input::placeholder{color:#e6e6e6;}
.dark .header .search .list{background:#444444; color:var(--White); border-color:#999999;}
.dark .header .search .list a{color:var(--White);}
.dark .header .search .list a:nth-of-type(2n){background:#4b4b4b;}
.dark .header .search .list a:nth-of-type(2n):hover{background:var(--White); color:var(--BlueM);}
.dark .header .search .list a:nth-of-type(2n).hover{background:var(--White); color:var(--BlueM);}
.dark .header .search .list a:hover{background:var(--White); color:var(--BlueM);}
.dark .header .search .list a.hover{background:var(--White); color:var(--BlueM);}
.dark .header .search .list a:hover .icon-push:after{color:var(--BlueM);}
.dark .header .search .list a.hover .icon-push:after{color:var(--BlueM);}
.dark .header .search.open > .icon-push:after{color:var(--White); font-weight:normal;}
.dark .header .search:hover > .icon-push:after{color:#ffffff;}
.dark .header .search:focus > .icon-push:after{color:#ffffff;}
.dark .header .search.open input{background:#505050; border-color:#999999; color:var(--White);}
.dark .header .search:hover input{background:#505050; border-color:#999999; color:var(--White);}
.dark .header .search:focus input{background:#505050; border-color:#999999; color:var(--White);}

/* Tree */
.tree{position:fixed; height:calc(100 * var(--vh)); top:0; z-index:100; overflow:hidden; font-size:16px; font-weight:bold; transition:right 0.25s linear;}
.tree:not(.shown){right:100vw;}
.tree > div:first-child{width:100%; float:left;}

.tree .head{width:100%; float:left; transition:background .25s ease-in-out, color .25s ease-in-out, border-color .25s ease-in-out; border-width:1px; border-style:solid; border-color:rgba(0,0,0,0); border-left:0; border-right:0;}
.tree .head p{width:calc(100% - 20px); line-height:0; float:left; pointer-events:none;}
.tree .head .icon-chevronLeft{width:20px; float:left; cursor:pointer; font-weight:normal;}
.tree .head .icon-chevronLeft:after{right:0; top:0; line-height:20px;}
.tree .head.open .icon-rotate:after{transform:rotate(-90deg);}
.tree .sec{width:100%; float:left; display:none;}
.tree .sec a{width:100%; float:left; transition:background .25s ease-in-out, color .25s ease-in-out, border-color .25s ease-in-out; border-width:1px 0 1px 0; border-style:solid; border-color:rgba(0,0,0,0);}
.tree .sec a img{width:18px; margin:2px 6% 2px 6%; float:left; display:none;}
.tree .sec a p{width:100%; line-height:0; float:left; pointer-events:none; white-space:nowrap;}
.tree .sec_units > div{width:100%; float:left; display:none; transition:background 0.25s ease-in-out;}
.tree .sec_units a.icon-push{width:16%;}
.tree .sec_units a.icon-push{line-height:0; text-align:center;}
.tree .sec_units a.icon-push:after{width:100%; float:left; text-align:center; left:0;}
.tree .sec_units a.unit{width:84%; padding-left:0;}
.tree .sec_units a.unit p{padding-left:10px;}
.tree_close_div{position:fixed; z-index:19; right:0; top:0; height:100vh; background:rgba(0,0,0,0.25); width:100vw;}

.light .tree{background:#e9e9e9; color:#666666; border-right:1px solid #c0c0c0; box-shadow:0 0 12px 6px rgba(0,0,0,0.15);}
.light .tree .head .icon-chevronLeft{color:var(--GrayM);}
.light .tree .head.open{background:var(--White);}
.light .tree .head:hover{background:var(--BlueM); color:var(--White); border-color:var(--BlueM);}
.light .tree .head:hover .icon-chevronLeft{color:var(--White);}
.light .tree .sec a{background:var(--White); color:#666666;}
.light .tree .sec:not(.sec_units) a:last-of-type{border-bottom:1px solid #c0c0c0;}
.light .tree .sec.sec_units div.active{background:#c0c0c0;}
.light .tree .sec.sec_units div:last-of-type{border-bottom:1px solid #c0c0c0;}
.light .tree .sec a img{filter:grayscale(100);}
.light .tree .sec a:hover{background:var(--BlueM); color:var(--White);}
.light .tree .sec a:hover img{filter:grayscale(0);}
.light .tree .sec_units a.icon-push:hover{background:var(--Red); border-color:var(--Red); color:var(--White);}

.dark .tree{background:#000000; color:#cccccc; border-right:1px solid #444444; box-shadow:0 0 12px 6px rgba(255,255,255,0.15);}
.dark .tree .head{border-color:rgba(0,0,0,0);}
.dark .tree .head.open{background:#222222;}
.dark .tree .head .icon-chevronLeft{color:#cccccc;}
.dark .tree .head:hover{background:var(--BlueM); color:var(--White); border-color:var(--BlueM);}
.dark .tree .head:hover .icon-chevronLeft{color:var(--White);}
.dark .tree .sec{background:#222222;}
.dark .tree .sec a{color:#cccccc;}
.dark .tree .sec:not(.sec_units) a:last-of-type{border-bottom:1px solid #444444;}
.dark .tree .sec.sec_units div.active{background:#444444;}
.dark .tree .sec.sec_units div:last-of-type{border-bottom:1px solid #444444;}
.dark .tree .sec a img{filter:grayscale(100) brightness(2.0);}
.dark .tree .sec a:hover{background:var(--BlueM); color:var(--White); border-color:var(--BlueM);}
.dark .tree .sec a:hover img{filter:grayscale(100) brightness(100);}
.dark .tree .sec_units a.icon-push:hover{background:var(--Red); border-color:var(--Red);}

/* Editor */
.editor{position:fixed; width:385px; height:calc(100 * var(--vh)); top:0; right:-385px; z-index:201; overflow:hidden; opacity:0; font-size:16px; font-size:16px; transition:all 0.5s ease-in-out;}
.editor.shown{right:0; opacity:1;}
.editor > div:first-child{width:100%; float:left; box-sizing:border-box;}
.editor .form{width:100%; float:left; display:none;}
.editor .head{width:100%; float:left; padding:15px 15px; font-size:20px;}
.editor .head p{width:80%; float:left;}
.editor .head a{width:20%; float:left; text-align:right; cursor:pointer;}
.editor .head a:after{right:0; top:2px;}
.editor .inputs{width:100%; float:left; padding:15px 0 0 0;}
.editor .inputs .sec_head{width:100%; float:left; padding:15px 15px; font-size:20px; cursor:pointer; transition:color 0.15s ease-in-out;}
.editor .inputs .sec_head p{width:60%; float:left; pointer-events:none;}
.editor .inputs .sec_head a{width:40%; float:left; text-align:right; font-size:16px;}
.editor .inputs .sec_head a:after{right:0; top:4px;}
.editor .inputs .sec_head.open .icon-rotate:after{transform:rotate(-90deg);}
.editor .inputs .sec_body{width:100%; padding:0 15px 8px 15px; float:left; display:none; box-sizing:border-box;}
.editor .inputs .line{width:100%; float:left; padding:0 0 12px 0;}
.editor .inputs .line p{width:32%; float:left; padding:5px 0 0 0;}
.editor .inputs .line input{width:68%; float:left;}
.editor .inputs .line textarea{width:68%; float:left; min-width:68%; max-width:68%;}
.editor .inputs .line .custdrop{width:68%; float:left;}
.editor .inputs .line .custcheck{width:29px; height:29px; margin:4px calc(60% - 27px) 4px 0;}
.editor .inputs .line.w_button .custdrop{width:calc(68% - 60px);}
.editor .inputs .line.w_button .button{width:48px; margin:0 0 0 12px;}
.editor .photos{width:80%; position:relative; padding-top:80%; margin:0 10% 0 10%; float:left; overflow:hidden;}
.editor .photos .photos_inner{position:absolute; top:0; left:0; width:4000px; height:100%;}
.editor .photos .photos_inner a{position:relative; background-color:#303030; height:100%; width:100%; float:left; justify-content:center; cursor:zoom-in;}
.editor .photos .photos_inner img{max-width:100%; max-height:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.editor .photos_buttons{width:80%; float:left; margin:15px 10% 10px 10%;}
.editor .photos_buttons a{width:calc((100% - 40px) / 5); margin:0 0 0 10px; float:left; text-align:center; padding:8px 0; transition:all 0.15s ease-in-out; border-radius:7px;}
.editor .photos_buttons a:nth-of-type(1){margin-left:0;}
.editor .photos_buttons a:nth-of-type(1):after{left:calc(50% - 0.4em);}
.editor .photos_buttons a:nth-of-type(2):after{left:calc(50% - 0.5em);}
.editor .photos_buttons a:nth-of-type(3):after{left:calc(50% - 0.55em);}
.editor .photos_buttons a:nth-of-type(4):after{left:calc(50% - 0.45em);}
.editor .photos_buttons a:nth-of-type(5):after{left:calc(50% - 0.3em);}
.editor .photos_buttons a:not(.disabled):hover{opacity:1;}
.editor input[type="file"]{display:none}
.editor .buttons .message{width:100%; float:left;}
.editor .buttons{width:100%; float:left; box-sizing:border-box;}
.editor .buttons a{width:calc(25% + 1px); padding:8px 0; float:left; margin-left:-1px; box-sizing:border-box; text-align:center; transition:background .1s linear, color .1s linear;}
.editor .log{width:100%; float:left; padding:12px 12px; box-sizing:border-box; float:left; font-style:italic; font-weight:normal;}
.editor .log .user{width:40%; float:left;}
.editor .log .time{width:60%; float:left; text-align:right;}

.light .editor{background:#f3f3f3; color:#666666; border-left:1px solid #c0c0c0; box-shadow:0 0 12px 6px rgb(0,0,0,0.5);}
.light .editor .head{background:var(--GrayL); border-bottom:1px solid #c0c0c0;}
.light .editor .head a:hover{color:var(--Red);}
.light .editor .inputs .sec_head{border-top:1px solid #c0c0c0;}
.light .editor .inputs .sec_head:hover{color:var(--BlueM);}
.light .editor .inputs .sec_head:focus{color:var(--BlueM); outline:none;}
.light .editor .inputs .line input:disabled{background:var(--GrayL2); color:var(--GrayMD);}
.light .editor .inputs .line textarea:disabled{background:var(--GrayL2); color:var(--GrayMD);}
.light .editor .inputs .line.mismatch input:disabled{background:var(--GrayL2); color:var(--Red);}
.light .editor .inputs .line.mismatch textarea:disabled{background:var(--GrayL2); color:var(--Red);}
.light .editor .photos_buttons a{background:var(--PurpleM); color:var(--PurpleD); opacity:0.8; box-shadow:1px 1px 1px 0 rgba(0,0,0,0.12), 0 1px 1px -2px rgba(0,0,0,0.10), 0 1px 3px 0 rgba(0,0,0,0.14);}
.light .editor .photos_buttons a:not(.disabled):hover{background:var(--PurpleD); color:var(--White);}
.light .editor .photos_buttons a.disabled{opacity:0.2; cursor:unset;}
.light .editor .buttons a{border:1px solid #c0c0c0;}
.light .editor .buttons a.blank{border:none; border-top:1px solid #c0c0c0;}
.light .editor .log{color:#666666;}
.light .editor .buttons a.blue{background:var(--BlueM); color:var(--White);}
.light .editor .buttons a.gray{background:#e9e9e9; color:#666666;}
.light .editor .buttons a.grayRed{background:#e9e9e9; color:#666666;}
.light .editor .buttons a.hidden{opacity:0; cursor:default;}
.light .editor .buttons a.blank{background:none; color:rgb(0,0,0,0); cursor:default; pointer-events:none;}
.light .editor .buttons a.blue:hover{background:var(--White); color:var(--BlueM); border-color:var(--BlueM);}
.light .editor .buttons a.gray:hover{background:#999999; color:var(--White);}
.light .editor .buttons a.grayRed:hover{background:var(--Red); color:var(--White);}
.light .editor .buttons a.blank:hover{background:none; color:rgb(0,0,0,0); cursor:default;}
.light .editor .photos_buttons a{background:var(--PurpleM); color:var(--PurpleD); opacity:0.8; box-shadow:1px 1px 1px 0 rgba(0,0,0,0.12), 0 1px 1px -2px rgba(0,0,0,0.10), 0 1px 3px 0 rgba(0,0,0,0.14);}
.light .editor .photos_buttons a:not(.disabled):hover{background:var(--PurpleD); color:var(--White);}
.light .editor .photos_buttons a.disabled{opacity:0.2; cursor:unset;}
.light .editor .log{color:#666666;}
.light .editor .buttons a{border:1px solid #c0c0c0;}
.light .editor .buttons a.blank{border:none; border-top:1px solid #c0c0c0;}
.light .editor .buttons a.blue{background:var(--BlueM); color:var(--White);}
.light .editor .buttons a.gray{background:#e9e9e9; color:#666666;}
.light .editor .buttons a.grayRed{background:#e9e9e9; color:#666666;}
.light .editor .buttons a.hidden{opacity:0; cursor:default;}
.light .editor .buttons a.blank{background:none; color:rgb(0,0,0,0); cursor:default; pointer-events:none;}
.light .editor .buttons a.blue:hover{background:var(--White); color:var(--BlueM); border-color:var(--BlueM);}
.light .editor .buttons a.gray:hover{background:#999999; color:var(--White);}
.light .editor .buttons a.grayRed:hover{background:var(--Red); color:var(--White);}
.light .editor .buttons a.blank:hover{background:none; color:rgb(0,0,0,0); cursor:default;}
.light #routers_editor.offline .head{background:#ffcccc;}
.light #routers_editor.online .head{background:#ccffcc;}

.dark .editor{background:#161616; color:#ffffff; border-left:1px solid #444444; box-shadow:0 0 12px 6px rgb(255,255,255,0.1);}
.dark .editor .head{color:var(--White); border-bottom:1px solid #444444;}
.dark .editor .head a:hover{color:#ff0000;}
.dark .editor .inputs .sec_head{border-top:1px solid #444444;}
.dark .editor .inputs .sec_head:hover{color:var(--BlueM);}
.dark .editor .inputs .sec_head:focus{color:var(--BlueM); outline:none;}
.dark .editor .inputs .line input:disabled{background:#191919; color:var(--White); border-color:#1f1f1f;}
.dark .editor .inputs .line textarea:disabled{background:#191919; color:var(--White); border-color:#1f1f1f;}
.dark .editor .inputs .line.mismatch input:disabled{background:#191919; color:var(--Red);}
.dark .editor .inputs .line.mismatch textarea:disabled{background:#191919; color:var(--Red);}
.dark .editor .photos_buttons a{background:var(--White); color:var(--GrayD); box-shadow:1px 1px 1px 0 rgba(0,0,0,0.12), 0 1px 1px -2px rgba(0,0,0,0.10), 0 1px 3px 0 rgba(0,0,0,0.14);}
.dark .editor .photos_buttons a:not(.disabled):hover{background:var(--BlueM); color:var(--White);}
.dark .editor .photos_buttons a.disabled{opacity:0.2; cursor:unset;}
.dark .editor .log{color:#666666;}
.dark .editor .buttons a{border:1px solid #444444;}
.dark .editor .buttons a.blank{border:none; border-top:1px solid #444444;}
.dark .editor .buttons a.blue{background:var(--BlueM); color:var(--White);}
.dark .editor .buttons a.gray{background:#666666; color:#ffffff;}
.dark .editor .buttons a.grayRed{background:#e9e9e9; color:#666666;}
.dark .editor .buttons a.hidden{opacity:0; cursor:default;}
.dark .editor .buttons a.blank{background:none; color:rgb(0,0,0,0); cursor:default; pointer-events:none;}
.dark .editor .buttons a.blue:hover{background:var(--White); color:var(--BlueM); border-color:var(--BlueM);}
.dark .editor .buttons a.gray:hover{background:#ffffff; color:var(--GrayD);}
.dark .editor .buttons a.grayRed:hover{background:var(--Red); color:var(--White);}
.dark .editor .buttons a.blank:hover{background:none; color:rgb(0,0,0,0); cursor:default;}
.dark #routers_editor.offline .head{background:#663333;}
.dark #routers_editor.online .head{background:#336633;}

/* Login */
.login{background:var(--PurpleD); font-size:16px;}
.login .login_bkgd{position:absolute; width:100vw; right:0; bottom:0; opacity:0.5;}
.login .term{position:fixed; width:300px; color:var(--PurpleD); left:calc(50vw - 150px); top:30vh;}
.login .term input{width:100%; margin:0 0 15px 0; float:left; padding:7px 5px; font-size:inherit; color:var(--PurpleD); text-align:center; border-radius:5px;}
.login .term input:focus{border-color:var(--White); box-shadow:0 0 10px var(--PurpleM);}
.login .term a{width:100%; float:left; background:var(--White); padding:8px 5px; border-radius:5px; font-weight:bold; font-size:inherit; text-align:center; transition:all 0.25s ease-in-out;}
.login .term a:hover{background:var(--BlueM); color:var(--White);}
.login .term .msg{width:100%; float:left; color:var(--White); text-align:center; margin:15px 0 0 0;}

/* General Div */
.gen_div{width:100%; float:left; padding-bottom:10px;}
.gen_div .head{width:100%; padding:0 0 0 10px; margin:0 0 10px 0; float:left; text-align:left; font-size:16px; font-weight:bold;}
.gen_div .head p{float:left; white-space:nowrap; /*direction:rtl;*/} 
.gen_div .head p:nth-of-type(1){direction:ltr;}
.gen_div .head p:nth-of-type(2){text-align:right; cursor:pointer; transition:color .15s ease-in-out;}
.gen_div .head a{width:45px; float:left; text-align:center; cursor:pointer; transition:color .15s ease-in-out;}
.gen_div .head .icon-push:not(.icon-grid):after{right:calc(50% - 0.5ch); width:100%; left:0;}
.gen_div .head .icon-grid{cursor:pointer; padding-left:27px;}
.gen_div .head .icon-grid:after{left:0; right:unset; width:30px; cursor:pointer; font-size:20px;}
.gen_div .head .icon-bars{cursor:pointer; padding-left:27px;}
.gen_div .head .icon-bars:after{left:0; right:unset; width:30px; cursor:pointer; font-size:20px;}
.gen_div .head .icon-x:hover{color:#ff0000;}
.gen_div .sec_head{width:100%; line-height:40px; padding:0 10px; margin:10px 0 10px 0; float:left; text-align:left; font-size:16px; font-weight:bold;}
.gen_div > p{font-weight:bold; text-align:left; float:left; white-space:nowrap; overflow:hidden;}
.gen_div .line p{font-weight:bold; text-align:left; float:left; white-space:nowrap; overflow:hidden;}
.gen_div p.text{width:100%; padding:0 8px 10px 8px; font-weight:bold; text-align:left; float:left; white-space:nowrap; overflow:hidden;}
.gen_div .gen_sec{width:100%; float:left;}
.gen_div .gen_sec p{width:34%; margin:8px 3% 0 3%; font-weight:bold; text-align:left; float:left; white-space:nowrap; overflow:hidden;}
.gen_div .line{width:100%; float:left;}
.gen_input_desc{width:50%; margin:-5px 3% 5px 47%; text-align:center; font-weight:bold; float:left;}
.gen_div input[type=date]{width:calc(60% - 10px);}
.gen_div input[type=text]{width:calc(60% - 10px);}
.gen_div input[type=password]{width:calc(100% - 8px);}
.gen_div select{width:calc(100% - 15px); height:21px; margin:4px 15px 4px 0;}
.gen_div .custcheck{width:19px; height:19px;}
.gen_div .custdate{width:calc(60% - 8px); float:left;}
.gen_div .custdrop{width:calc(60% - 10px); margin:4px 10px 4px 0; float:left;}
.gen_div textarea{width:calc(60% - 10px); resize:none;}
.gen_div .icon_box{position:relative; width:calc(60% - 8px); margin:4px 8px 4px 0; float:left;}
.gen_div .icon_box input[type=text]{width:100%; margin:0;}
.gen_div .icon_box a{position:absolute; width:15%; padding:0 0 3px 0; right:0;}
.gen_div .icon_box .icon-push:after{font-size:14px; top:5px; right:5px;}
.gen_div .buttons{width:100%; margin-top:10px; float:left;}
.gen_div .buttons a{float:left; line-height:0; padding:16px 10px 16px 0; font-size:14px; font-weight:bold; text-align:center; transition:background .1s linear, color .1s linear; background:var(--GrayL); border-right:1px solid #c0c0c0;}
.gen_div .buttons a:last-of-type{border-right:0}
.gen_div .buttons a.icon-push:after{padding-left:10px; font-weight:normal;}
.gen_div .buttons.double a{width:50%;}
.gen_div .buttons.triple a{width:calc(100% / 3);}
.gen_div .button{width:54%; margin:7px 4.6% 5px 41.4%; font-weight:bold;}
.gen_div .button:after{top:0.38em;}
.gen_div .button.double{width:calc(50% - 30px); margin:8px 15px 4px 15px;}
.gen_div .button.full{width:calc(100% - 30px); margin:8px 15px 4px 15px;}
.gen_div .button.icon-push:after{right:10px;}
.gen_div p.message{width:100%; margin:4px 8px 4px 8px; text-align:right; font-weight:bold; opacity:0; float:left;}

.light .gen_div{color:var(--PurpleD); border-bottom:1px solid #c0c0c0;}
.light .gen_div .head{background:#e9e9e9; color:var(--PurpleD); border-bottom:1px solid #c0c0c0;}
.light .gen_div .head p.icon-push:hover{color:var(--BlueM);}
.light .gen_div .head a:not(.blank){border-left:1px solid #c0c0c0;}
.light .gen_div .head a:not(.blank):hover{background:var(--BlueM); color:var(--White);}
.light .gen_div .sec_head{background:#e9e9e9; color:var(--PurpleD); border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;}
.light .gen_div input[type=text]:not(:disabled):focus{box-shadow:0 0 5px #0066ff88; border-color:var(--BlueM); color:var(--BlueM);}
.light .gen_div input[type=text]:not(:disabled):hover{box-shadow:0 0 5px #0066ff88; border-color:var(--BlueM); color:var(--BlueM);}
.light .gen_div input[type=text]:disabled{background:#eeeeee;}
.light .gen_div .custcheck:focus{box-shadow:0 0 5px var(--PurpleD); border-color:var(--PurpleD);}
.light .gen_div textarea:disabled{background:#eeeeee;}
.light .gen_div textarea:focus{box-shadow:0 0 5px #0066ff88; border-color:var(--color7);}
.light .gen_div textarea:hover{box-shadow:0 0 5px #0066ff88; border-color:var(--color7);}
.light .gen_div .icon_box .icon-push:after{color:var(--PurpleD);}
.light .gen_div .icon_box .icon-circleRight:hover:after{color:#00bb00;}
.light .gen_div .icon_box .icon-upload:hover:after{color:#00bb00;}
.light .gen_div .icon_box .icon-x:hover:after{color:#ff0000;}
.light .gen_div .buttons a.blue{background:var(--BlueM); color:var(--White); border-top:1px solid var(--BlueM); border-bottom:1px solid var(--BlueM);}
.light .gen_div .buttons a.gray{background:#e9e9e9; color:var(--GrayD); border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;}
.light .gen_div .buttons a.blue:hover{background:var(--White); color:var(--BlueM);}
.light .gen_div .buttons a.gray:hover{background:var(--White); color:var(--GrayD);}
.light .custdrop.open input{box-shadow:0 0 5px #0066ff88; border-color:var(--BlueM); color:var(--BlueM);}
.light .custdrop.open span:after{color:var(--BlueM);}
.light .custdrop:hover span:after{color:var(--BlueM);}

.dark .gen_div{color:var(--White); border-bottom:1px solid #444444;}
.dark .gen_div .head{background:#000000; color:var(--White); border-bottom:1px solid #444444;}
.dark .gen_div .head .icon-push:hover{color:var(--BlueM);}
.dark .gen_div .head .icon-plus:after:hover{color:var(--BlueM);}
.dark .gen_div .head a:not(.blank){border-left:1px solid #444444;}
.dark .gen_div .head a:not(.blank):hover{background:var(--BlueM); color:var(--White);}
.dark .gen_div .sec_head{background:#000000; color:var(--White); border-top:1px solid #444444; border-bottom:1px solid #444444;}
.dark .gen_div input[type=text]:not(:disabled):focus{box-shadow:0 0 5px #ffffff00; border-color:var(--White); background:#666666;}
.dark .gen_div input[type=text]:not(:disabled):hover{box-shadow:0 0 5px #ffffff00; border-color:var(--White); background:#666666;}
.dark .gen_div input[type=text]:disabled{background:#191919;}
.dark .gen_div .custcheck:focus{box-shadow:0 0 5px var(--PurpleD); border-color:var(--PurpleD);}
.dark .gen_div textarea:disabled{background:#eeeeee;}
.dark .gen_div textarea:focus{box-shadow:0 0 5px #0066ff88; border-color:var(--color7);}
.dark .gen_div textarea:hover{box-shadow:0 0 5px #0066ff88; border-color:var(--color7);}
.dark .gen_div .icon_box .icon-push:after{color:var(--PurpleD);}
.dark .gen_div .icon_box .icon-circleRight:hover:after{color:#00bb00;}
.dark .gen_div .icon_box .icon-upload:hover:after{color:#00bb00;}
.dark .gen_div .icon_box .icon-x:hover:after{color:#ff0000;}
.dark .gen_div .buttons a.blue{background:var(--BlueM); color:var(--White); border-top:1px solid var(--BlueM); border-bottom:1px solid var(--BlueM);}
.dark .gen_div .buttons a.gray{background:#999999; color:#ffffff; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;}
.dark .gen_div .buttons a.blue:hover{background:var(--White); color:var(--BlueM);}
.dark .gen_div .buttons a.gray:hover{background:var(--White); color:var(--GrayD);}

/* Table */
.table{color:var(--GrayM); padding-bottom:0; margin-bottom:0; font-size:14px;}
.table .head{margin-bottom:0;}
.table .head p:nth-of-type(1) span:nth-of-type(1){width:42.86%; float:left;}
.table .head p:nth-of-type(1) span:nth-of-type(2){width:57.14%; float:left; text-align:center;}
.table .data{width:100%; float:left;}
.table .row{width:100%; float:left; transition:background .15s ease-in-out, color .15s ease-in-out; overflow:hidden;}
.table .row.icon-pencil:after{padding:6px 0 0 6px;}
.table .row p{float:left; white-space:nowrap; overflow:hidden;}

.table .row p:after{top:10px;}
.table .row p.center{text-align:center;}
.table .row p.right{direction:rtl;}
.table .row p:empty:after{content:"\00a0";}
.table .row p.center:after{left:calc(50% - 0.5em);}
.table .row .custcheck{width:19px; height:19px; margin:2px calc(10% - 19px) 2px 0;}
.table .row.mid p{padding-top:10px; padding-bottom:10px; font-weight:bold; cursor:pointer; transition:all .15s ease-in-out;}
.table .row.mid p:hover{color:var(--BlueM);}
.table .row.mid p.chosen{color:var(--BlueM);}
.table .row.mid p.icon-sort-down:after{padding-left:5px;}
.table .row.mid p.icon-sort-up:after{padding-left:5px;}
.table .row.mid p.right{direction:rtl;}
.table .row.mid p.right.icon-sort-down:after{padding-right:5px;}
.table .row.mid p.right.icon-sort-up:after{padding-right:5px;}
.table .row.none p{width:100% !important; text-align:right; font-style:italic;}
.table .row.hover{cursor:pointer;}
.table .row.hover p{cursor:pointer;}
.table .row.blank p{width:100% !important; font-style:italic;}
.table .group_head{width:100%; float:left; padding:10px 0; font-weight:bold; transition:all .15s ease-in-out;}
.table .group_head{padding-left:90px;}
.table .group_head p{cursor:pointer; float:left;}
.table .group_head p:nth-of-type(1){width:calc(100% - 80px);}
.table .group_head p:nth-of-type(1):after{left:-60px; top:1px; font-weight:normal;}
.table .group_head.level_0 p:nth-of-type(1):after{left:-80px;}
.table .group_head.level_1 p:nth-of-type(1):after{left:-65px;}
.table .group_head.level_2 p:nth-of-type(1):after{left:-50px;}
.table .group_head.level_3 p:nth-of-type(1):after{left:-35px;}
.table .group_head.level_4 p:nth-of-type(1):after{left:-20px;}
.table .group_head.level_5 p:nth-of-type(1):after{left:-20px;}
.table .group_head p:nth-of-type(2){width:80px; padding-right:10px;text-align:right;}
.table .group_head.closed p:nth-of-type(1):after{transform:rotate(-90deg);}
.table .group_cont{width:100%; float:left;}
.table .scroll_cont{width:100%; float:left; overflow:hidden;}
.table .icon-drop{padding:0 20px 0 0;}
.table .icon-drop:after{right:0; padding:1px 0 0 0;}
.table .icon-drop:hover{color:#69dc9e;}

.light .table .row{background:#ffffff;}
.light .table .row:nth-of-type(2n-1){background:#f9f9f9;}
.light .table .row.mid{background:#e9e9e9; border-bottom:1px solid #c0c0c0;}
.light .table .row.mid p{border-left:1px solid #c0c0c0;}
.light .table .row.mid p:nth-of-type(1){border-left:0;}
.light .table .row.mid p.chosen{background:#f6f6f6;}
.light .table .row.mid p:hover{background:#f6f6f6;}
.light .table .row.hover:hover{background:var(--BlueM) !important; color:var(--White);}
.light .table .row.hover.selected{background:var(--BlueM); color:var(--White);}
.light .table .row.hover:hover p{color:var(--White);}
.light .table .row.hover.selected p{color:var(--White);}
.light .table .group_head{background:#e9e9e9; border-bottom:1px solid #c0c0c0;}

.dark .table .row{background:#333333;}
.dark .table .row:nth-of-type(2n-1){background:#2c2c2c;}
.dark .table .row.mid{background:#000000; border-bottom:1px solid #444444;}
.dark .table .row.mid p{border-left:1px solid #444444;}
.dark .table .row.mid p:nth-of-type(1){border-left:0;}
.dark .table .row.mid p.chosen{background:#2c2c2c; color:var(--White);}
.dark .table .row.mid p:hover{background:#2c2c2c; color:var(--White);}
.dark .table .row.hover:hover{background:var(--BlueM) !important; color:var(--White);}
.dark .table .row.hover.selected{background:var(--BlueM); color:var(--White);}
.dark .table .row.hover:hover p{color:var(--White);}
.dark .table .row.hover.selected p{color:var(--White);}
.dark .table .group_head{background:#000000; border-bottom:1px solid #444444;}
.dark .table .group_head:hover{background:var(--BlueM);}

.button_bar{width:100%; margin:0 0 15px 0; float:left;}
.button_bar .button{width:120px; margin-left:15px; float:left;}

.confirm{position:fixed; z-index:210; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.confirm .text{width:100%; padding:10px 3% 15px 3%; margin:0;}

.dark .confirm{background:#333333; box-shadow:0 0 12px 6px rgba(255,255,255,0.15);}
.dark .confirm .head{background:#161616;}

.info{position:fixed; width:160px; z-index:201; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.info .button{width:calc(100% - 16px); margin:6px 8px 2px 8px;}

.actions_menu{position:absolute; top:0; left:0; z-index:202; width:240px; display:none;}
.actions_menu a{width:100%; padding:10px 10px; float:left; transition:all 0.15s ease-in-out;}

.light .actions_menu{background:#ffffff; border:1px solid var(--GrayM); box-shadow:2px 2px 12px 0 rgba(0,0,0,0.4);}
.light .actions_menu a{color:var(--GrayM);}
.light .actions_menu a:hover{background:var(--BlueM); color:var(--White);}
.light .actions_menu a:not(:nth-of-type(1)){border-top:1px solid var(--GrayL);}

.dark .actions_menu{background:#000000; border:1px solid #999999; box-shadow:2px 2px 12px 0 rgba(255,255,255,0.4);}
.dark .actions_menu a{color:var(--White);}
.dark .actions_menu a:hover{background:var(--White); color:var(--BlueM);}
.dark .actions_menu a:not(:nth-of-type(1)){border-top:1px solid #505050;}

.right_click{position:absolute; top:0; left:0; z-index:202; width:150px; display:none;}
.right_click a{width:100%; padding:5px 8px; float:left; transition:all 0.15s ease-in-out;}

.light .right_click{background:#eeeeee; border:1px solid var(--GrayD); box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.light .right_click a{color:var(--GrayD);}
.light .right_click a:hover{background:var(--BlueM); color:var(--White);}
.light .right_click a:not(:nth-of-type(1)){border-top:1px solid var(--GrayD);}

.dark .right_click{background:#808080; border:1px solid #505050; box-shadow:0 2px 2px 0 rgba(128,128,128,0.14), 0 3px 1px -2px rgba(128,128,128,0.12), 0 1px 5px 0 rgba(128,128,128,0.2);}
.dark .right_click a{color:var(--White);}
.dark .right_click a:hover{background:var(--White); color:var(--BlueM);}
.dark .right_click a:not(:nth-of-type(1)){border-top:1px solid #505050;}

.dropFloat{position:absolute; top:0; left:0; z-index:202; width:150px; display:none;}
.dropFloat input{text-align:right; border:none; cursor:pointer; background:none; color:rgba(0,0,0,0);}
.dropFloat span{display:none;}

.window_message{position:fixed; right:20px; bottom:-40px; padding:7.5px 15px; z-index:203; border-radius:500px; text-align:center; font-size:14px; font-weight:bold;}

.light .window_message{background:var(--PurpleD); color:var(--White); border:1px solid var(--PurpleD); box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.light .window_message.positive{background:var(--GreenM); color:var(--White); border-color:var(--GreenM);}
.light .window_message.negative{background:var(--Red); color:var(--White); border-color:var(--Red);}

.dark .window_message{background:var(--PurpleD); color:var(--White); border:1px solid var(--PurpleD); box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.dark .window_message.positive{background:#009933; color:var(--White); border-color:#009933;}
.dark .window_message.negative{background:#ff0000; color:var(--White); border-color:#ff0000;}

.popup{position:fixed; width:320px; z-index:201; transform:translate(calc(50vw - 52.3%),calc(50vh - 50%)) translateZ(0); display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.popup .body{width:100%; float:left;}
.popup .body{width:100%; float:left;}
.popup .body #drops{width:100%; float:left;}

.light .popup{box-shadow:0 0 20px rgba(255,255,255,0.25); border:1px solid #444444; background:#ffffff;}

.dark .popup{box-shadow:0 0 20px rgba(255,255,255,0.25); border:1px solid #444444; background:#000000;}

.popup.sims_batchPopup{width:420px;}
.popup.sims_batchPopup .line{width:100%; float:left; padding:10px 15px 0 15px;}
.popup.sims_batchPopup .line p{width:25%; float:left; box-sizing:border-box; font-weight:bold; font-size:16px; line-height:27px; padding-top:0;}
.popup.sims_batchPopup .line .custdrop{width:50%; float:left; margin:0;}
.popup.sims_batchPopup .line textarea{width:75%; margin-right:0;}
.popup.sims_batchPopup .line > a{width:calc(25% - 15px); float:left; margin:0 0 0 15px; background:#aaaaaa; line-height:27px; text-align:center; border-radius:5px; font-size:14px; color:#000000; font-weight:bold;}
.popup.sims_batchPopup .headers{width:100%; float:left; padding:25px 15px 0 15px; box-sizing:border-box; font-size:16px;}
.popup.sims_batchPopup .headers p{font-weight:bold; padding-left:10px; float:left;}
.popup.sims_batchPopup .headers p:nth-of-type(1){width:55%;}
.popup.sims_batchPopup .headers p:nth-of-type(2){width:37%;}
.popup.sims_batchPopup .button:nth-of-type(1){width:35%; margin-left:calc(20% - 7.5px); margin-right:0;}
.popup.sims_batchPopup .button:nth-of-type(2){width:35%; margin-left:15px;}

.popup.routers_batchPopup{width:640px;}
.popup.routers_batchPopup .line{width:100%; float:left; padding:10px 15px 0 15px;}
.popup.routers_batchPopup .line p{width:15%; float:left; box-sizing:border-box; font-weight:bold; font-size:16px; line-height:27px; padding-top:0;}
.popup.routers_batchPopup .line .custdrop{width:35%; float:left; margin:0;}
.popup.routers_batchPopup .line textarea{width:85%; float:left; margin:0;}
.popup.routers_batchPopup .line > a{width:calc(10% - 15px); float:left; margin:0 0 0 calc(60% + 15px); background:#aaaaaa; line-height:27px; text-align:center; border-radius:5px; font-size:14px; color:#000000; font-weight:bold;}
.popup.routers_batchPopup .headers{width:100%; float:left; padding:25px 15px 0 15px; box-sizing:border-box; font-size:16px;}
.popup.routers_batchPopup .headers p{font-weight:bold; padding-left:10px; float:left;}
.popup.routers_batchPopup .headers p:nth-of-type(1){width:19%;}
.popup.routers_batchPopup .headers p:nth-of-type(2){width:18%;}
.popup.routers_batchPopup .headers p:nth-of-type(3){width:19%;}
.popup.routers_batchPopup .headers p:nth-of-type(4){width:16%;}
.popup.routers_batchPopup .headers p:nth-of-type(5){width:28%;}
.popup.routers_batchPopup .button:nth-of-type(1){width:25%; margin-left:calc(30% - 7.5px); margin-right:0;}
.popup.routers_batchPopup .button:nth-of-type(2){width:25%; margin-left:15px;}

/* Main */
.main{position:absolute; width:100%; left:0; box-sizing:border-box; overflow-x:hidden;}
.main > div{width:100%; height:100%; display:none; overflow-y:hidden; overflow-x:hidden; white-space:nowrap;}
.main .left{display:inline-block; transition:width 0.25s linear;}
.main .right_sec{position:relative; display:inline-block; margin-left:-4px; transition:width 0.25s linear;}

.light .main{background:#ffffff;}
.light .main .right_sec{border-left:1px solid #c0c0c0;}
.light .main .right_sec:last-of-type .table{border-right:1px solid #c0c0c0;}

.dark .main{color:var(--GrayD); background:#0A0A0A;}
.dark .main .right_sec{border-left:1px solid #444444;}
.dark .main .right_sec:last-of-type .table{border-right:1px solid #444444;}

/* Main - Home */
.home .left .gen_div .head p:nth-of-type(2):after{font-size:16px;}
.home .table{width:100%; max-width:1200px;}
.home .table .head{width:100%;}
.home .table .data{width:100%; overflow-x:scroll;}
.home .table .scroll_cont{width:100%; min-width:900px; overflow-y:hidden;}
.home .table .row{width:100%; min-width:900px;}

.light .home .table .row.offline.noalarm{background:#f9f9f9; color:#666666; border-bottom:1px solid #cccccc;}
.light .home .table .row.offline.alarm{background:#f9f9f9; color:#666666; border-bottom:1px solid #cccccc;}
.light .home .table .row.online.noalarm{background:#ccffcc; color:#004400; border-bottom:1px solid #aaddaa;}
.light .home .table .row.online.alarm{background:#ffcccc; color:#440000; border-bottom:1px solid #ddaaaa;}

.dark .home .table .row.offline.noalarm{background:#000000; color:#ffffff; border-bottom:1px solid #333333;}
.dark .home .table .row.offline.alarm{background:#000000; color:#ffffff; border-bottom:1px solid #333333;}
.dark .home .table .row.online.noalarm{background:#336633; color:#ffffff; border-bottom:1px solid #225522;}
.dark .home .table .row.online.alarm{background:#663333; color:#ffffff; border-bottom:1px solid #552222;}

.light .home .table .row.hover:hover{background:var(--BlueM); color:var(--White); border-bottom:1px solid var(--BlueM);}
.light .home .table .row.hover.selected{background:var(--BlueM); color:var(--White); border-bottom:1px solid var(--BlueM);}
.light .home .table .row.hover:hover p{color:var(--White);}
.light .home .table .row.hover.selected p{color:var(--White);}

.dark .home .table .row.hover:hover{background:var(--BlueM); color:var(--White); border-bottom:1px solid var(--BlueM);}
.dark .home .table .row.hover.selected{background:var(--BlueM); color:var(--White); border-bottom:1px solid var(--BlueM);}
.dark .home .table .row.hover:hover p{color:var(--White);}
.dark .home .table .row.hover.selected p{color:var(--White);}

/* Alarm Names */
.alarm_names .table{width:100%; max-width:1000px;}
.alarm_names .table .head{width:100%;}
.alarm_names .table .data{width:100%; overflow-x:scroll;}
.alarm_names .table .scroll_cont{width:100%; min-width:800px; overflow-y:hidden;}
.alarm_names .table .row{width:100%; min-width:800px;}

/* Beacon Tasks */
.beacon_tasks .table{width:100%; max-width:1400px;}
.beacon_tasks .table .head{width:100%;}
.beacon_tasks .table .data{width:100%; overflow-x:scroll;}
.beacon_tasks .table .scroll_cont{width:100%; min-width:1100px; overflow-y:hidden;}
.beacon_tasks .table .row{width:100%; min-width:1100px;}

.light .beacon_tasks .table .row.idle{background:#ffffcc; color:#004400; border-bottom:1px solid #ddddaa;}
.light .beacon_tasks .table .row.running{background:#ccffcc; color:#004400; border-bottom:1px solid #aaddaa;}

.dark .beacon_tasks .table .row.idle{background:#444400; color:#ffffff; border-bottom:1px solid #333300;}
.dark .beacon_tasks .table .row.running{background:#336633; color:#ffffff; border-bottom:1px solid #225522;}

/* Beacon Task Types */
.beacon_task_types .table{width:100%; max-width:1000px;}
.beacon_task_types .table .head{width:100%;}
.beacon_task_types .table .data{width:100%; overflow-x:scroll;}
.beacon_task_types .table .scroll_cont{width:100%; min-width:800px; overflow-y:hidden;}
.beacon_task_types .table .row{width:100%; min-width:800px;}

/* Changes */
.changes .table{width:100%; max-width:1600px;}
.changes .table .head{width:100%;}
.changes .table .data{width:100%; overflow-x:scroll;}
.changes .table .scroll_cont{width:100%; min-width:1200px; overflow-y:hidden;}
.changes .table .row{width:100%; min-width:1200px;}

/* Main - Customers */
.customers .table{width:100%; max-width:480px;}
.customers .table .head{width:100%;}
.customers .table .data{width:100%; overflow-x:scroll;}
.customers .table .scroll_cont{width:100%; min-width:360px; overflow-y:hidden;}
.customers .table .row{width:100%; min-width:360px;}

/* Notifications Groups */
.notiGroups .table{width:100%; max-width:1000px;}
.notiGroups .table .head{width:100%;}
.notiGroups .table .data{width:100%; overflow-x:scroll;}
.notiGroups .table .scroll_cont{width:100%; min-width:800px; overflow-y:hidden;}
.notiGroups .table .row{width:100%; min-width:800px;}

/* Notifications Log */
.notiLog .table{width:100%; max-width:1200px;}
.notiLog .table .head{width:100%;}
.notiLog .table .data{width:100%; overflow-x:scroll;}
.notiLog .table .scroll_cont{width:100%; min-width:1200px; overflow-y:hidden;}
.notiLog .table .row{width:100%; min-width:1200px;}

/* Notifications Rules */
.notiRules .table{width:100%; max-width:4000px;}
.notiRules .table .head{width:100%;}
.notiRules .table .data{width:100%; overflow-x:scroll;}
.notiRules .table .scroll_cont{width:100%; min-width:3600px; overflow-y:hidden;}
.notiRules .table .row{width:100%; min-width:3600px;}

/* Main - Customer Groups */
.customer_groups .table{width:100%; max-width:540px;}
.customer_groups .table .head{width:100%;}
.customer_groups .table .data{width:100%; overflow-x:scroll;}
.customer_groups .table .scroll_cont{width:100%; min-width:440px; overflow-y:hidden;}
.customer_groups .table .row{width:100%; min-width:440px;}

/* Main - Routers */
.routers .table{width:100%; max-width:2600px;}
.routers .table .head{width:100%;}
.routers .table .data{width:100%; overflow-x:scroll;}
.routers .table .scroll_cont{width:100%; min-width:2200px; overflow-y:hidden;}
.routers .table .row{width:100%; min-width:2200px;}

.light .routers .table .row.offline{background:#ffcccc; color:#440000; border-bottom:1px solid #ddaaaa;}
.light .routers .table .row.online{background:#ccffcc; color:#004400; border-bottom:1px solid #aaddaa;}

.dark .routers .table .row.offline{background:#663333; color:#ffffff; border-bottom:1px solid #552222;}
.dark .routers .table .row.online{background:#336633; color:#ffffff; border-bottom:1px solid #225522;}

.routers .table .row.hover:hover{background:var(--BlueM); color:var(--White); border-bottom:1px solid var(--BlueM);}
.routers .table .row.hover.selected{background:var(--BlueM); color:var(--White); border-bottom:1px solid var(--BlueM);}
.routers .table .row.hover:hover p{color:var(--White);}
.routers .table .row.hover.selected p{color:var(--White);}

/* Main - Routers Chart */
.routers_chart .charts{float:left; width:100%; height:100%; overflow-y:scroll;}
.routers_chart canvas{float:left; width:100%; padding:15px 15px 0 15px;}

/* Main - Routers Checker */
.routers_checker .left .group{width:100%; float:left; display:none;}
.routers_checker .right{width:calc(100% - 300px); height:100%; max-width:720px;}
.routers_checker .right .body{width:718px; float:left; font-size:14px;}
.routers_checker .right .body p{font-family:"Courier New", monospace; font-family:"RobotoMono";}
.routers_checker .right .error p{width:100%; padding:0 8px 0 8px; float:left;}
.routers_checker .right .metrics{width:100%; font-size:16px;}
.routers_checker .right .metrics p{width:100%; padding:4px 8px 4px 8px; float:left; cursor:pointer; transition:background 0.25s ease-in-out;}
.routers_checker .right .metrics p.link_head{font-weight:bold; background:none;}
.routers_checker .right .metrics p.link_head:hover{background:var(--PurpleD); color:var(--White);}
.routers_checker .right .metrics p.link{font-weight:bold; text-align:right; padding-right:12px;}
.routers_checker .right .metrics p.link:hover{background:var(--PurpleD); color:var(--White);}
.routers_checker .right .metrics div{width:100%; padding:0; float:left; display:none;}
.routers_checker .right .metrics div{background:#f0f0f0;}
.routers_checker .right .metrics div div{background:#e0e0e0;}
.routers_checker .right .metrics div div div{background:#d0d0d0;}
.routers_checker .right .metrics div div div{background:#c0c0c0;}
.routers_checker .right .metrics div div div div{background:#b0b0b0;}
.routers_checker .right .metrics div p{padding-left:20px;}
.routers_checker .right .metrics div div p{padding-left:40px;}
.routers_checker .right .metrics div div div p{padding-left:60px;}
.routers_checker .right .metrics div div div div p{padding-left:80px;}
.routers_checker .right .metrics div div div div div p{padding-left:100px;}
.routers_checker .right .ix10_modem p{width:100%; padding:0 8px 0 8px; float:left;}
.routers_checker .right .ix10_pingDevice p{width:100%; padding:0 8px 0 8px; float:left;}
.routers_checker .right .wr11_dhcpStatus p{width:100%; padding:0 8px 0 8px; float:left;}
.routers_checker .right .wr11_modemStatus p{width:100%; padding:0 8px 0 8px; float:left;}
.routers_checker .right .wr11_pingCarel p{width:100%; padding:0 8px 0 8px; float:left;}
.routers_checker .right .wr11_pingDevice p{width:100%; padding:0 8px 0 8px; float:left;}
.routers_checker .right .wr11_reboot p{width:100%; padding:0 8px 0 8px; float:left;}
.routers_checker .right .wr11_routerInfo .line{width:100%; padding:0 8px 0 8px; float:left;}
.routers_checker .right .wr11_routerInfo .line p:nth-of-type(1){width:120px; float:left; text-align:right; font-weight:bold;}
.routers_checker .right .wr11_routerInfo .line p:nth-of-type(2){width:342px; float:left; padding-left:10px;}
.routers_checker .right .wr11_simStatus p{width:100%; padding:0 8px 0 8px; float:left;}
.routers_checker .right .wr11_tempLog p{width:100%; padding:0 8px 0 8px; float:left;}

/* Main - Sims */
.sims .table{width:100%; max-width:800px;}
.sims .table .head{width:100%;}
.sims .table .data{width:100%; overflow-x:scroll;}
.sims .table .scroll_cont{width:100%; min-width:720px; overflow-y:hidden;}
.sims .table .row{width:100%; min-width:720px;}

/* Units */
.units .table{width:100%; max-width:2000px;}
.units .table .head{width:100%;}
.units .table .data{width:100%; overflow-x:scroll;}
.units .table .scroll_cont{width:100%; min-width:1800px; overflow-y:hidden;}
.units .table .row{width:100%; min-width:1800px;}

/* Users */
.users .table{width:100%; max-width:1600px;}
.users .table .head{width:100%;}
.users .table .data{width:100%; overflow-x:scroll;}
.users .table .scroll_cont{width:100%; min-width:1400px; overflow-y:hidden;}
.users .table .row{width:100%; min-width:1400px;}

/* Warnings */
.warnings .table{width:100%; max-width:1200px;}
.warnings .table .head{width:100%;}
.warnings .table .data{width:100%; overflow-x:scroll;}
.warnings .table .scroll_cont{width:100%; min-width:1000px; overflow-y:hidden;}
.warnings .table .row{width:100%; min-width:1000px;}

/* Warning Rules */
.warning_rules .table{width:100%; max-width:1600px;}
.warning_rules .table .head{width:100%;}
.warning_rules .table .data{width:100%; overflow-x:scroll;}
.warning_rules .table .scroll_cont{width:100%; min-width:1300px; overflow-y:hidden;}
.warning_rules .table .row{width:100%; min-width:1300px;}

/* Unit - Links */
.unit{position:relative;}
.unit .home{width:100%; float:left; max-width:900px;}
.unit .home .links{width:100%; float:left;}
.unit .home .links.one .sec{width:33.3%; float:left;}
.unit .home .links.one a{width:calc(100% / 3); padding:20px 0 20px 0; font-size:16px; float:left; border-width:1px 1px 1px 0; border-style:solid; text-align:center; font-weight:bold; transition:background .1s linear, color .1s linear; white-space:nowrap;}
.unit .home .links.one .sec:nth-of-type(1) a:nth-of-type(1){border-left-width:1px; border-radius:20px 0 0 20px;}
.unit .home .links.one .sec:last-of-type a:last-of-type{border-left-width:1px; border-radius:0 20px 20px 0;}

.unit .home .links.two .sec{float:left;}
.unit .home .links.two a{width:calc(100% / 2); padding:20px 0 20px 0; font-size:16px; float:left; border-width:1px 1px 1px 0; border-style:solid; text-align:center; font-weight:bold; transition:background .1s linear, color .1s linear; white-space:nowrap;}
.unit .home .links.two .sec:nth-of-type(1) a:nth-of-type(1){border-left-width:1px; border-radius:20px 0 0 20px;}
.unit .home .links.two .sec:nth-of-type(1) a:nth-of-type(2){border-radius:0 20px 20px 0;}

.unit .home.med .links.one .sec{width:50%;}
.unit .home.med .links.one .sec:nth-of-type(3) a{border-top-width:0;}
.unit .home.med .links.one .sec:nth-of-type(3) a:nth-of-type(1){border-left-width:1px;}
.unit .home.med .links.one .sec a{padding:14px 0;}
.unit .home.med .links.two .sec a{padding:14px 0;}
.unit .home.med .links.one .sec:first-of-type a:first-of-type{border-radius:20px 0 0 0;}
.unit .home.med .links.one .sec:last-of-type a:first-of-type{border-radius:0 0 0 20px;}
.unit .home.med .links.one .sec:last-of-type a:last-of-type{border-radius:0 0 20px 0;}
.unit .home.med .links.one .sec:nth-of-type(2) a:last-of-type{border-radius:0 20px 20px 0;}

.unit .home.sml .links.one .sec{width:100%;}
.unit .home.sml .links.one .sec a{padding:14px 0; font-size:14px;}
.unit .home.sml .links.one .sec:nth-of-type(2) a{border-top-width:0;}
.unit .home.sml .links.one .sec:nth-of-type(3) a{border-top-width:0;}
.unit .home.sml .links.one .sec:nth-of-type(2) a:nth-of-type(1){border-left-width:1px;}
.unit .home.sml .links.one .sec:nth-of-type(3) a:nth-of-type(1){border-left-width:1px;}
.unit .home.sml .links.one .sec:first-of-type a:first-of-type{border-radius:20px 0 0 0;}
.unit .home.sml .links.one .sec:first-of-type a:last-of-type{border-radius:0 20px 0 0;}
.unit .home.sml .links.one .sec:last-of-type a:first-of-type{border-radius:0 0 0 20px;}
.unit .home.sml .links.one .sec:last-of-type a:last-of-type{border-radius:0 0 20px 0;}
.unit .home.sml .links.two .sec a{padding:14px 0; font-size:14px;}

.light .unit .home .links a{background:#e9e9e9; color:#666666; border-color:#c0c0c0;}
.light .unit .home .links a:hover{background:var(--BlueM); color:var(--White);}

.dark .unit .home .links a{background:#191919; color:var(--White); border-color:#444444;}
.dark .unit .home .links a:hover{background:var(--BlueM); color:var(--White);}

/* Unit - PGD*/
.unit .pgd_cont{width:100%; float:left; position:relative;}
.unit .pgd_cont .pgd{width:100%; height:unset; float:left;}
.unit .pgd_cont .pgd .keys{height:100%; float:left;}
.unit .pgd_cont .pgd .keys a{position:relative; width:100%; height:calc(100% / 3); float:left; box-sizing:border-box; transition:background-color 0.15s ease-in-out; cursor:default;}
.unit .pgd_cont.active .pgd .keys a{cursor:pointer;}
.unit .pgd_cont .pgd .keys a img{position:absolute; opacity:0; transition:opacity 0.15s ease-in-out;}
.unit .pgd_cont .pgd .lcdCanvascontainer{height:100%; float:left; background:#6ABCE7; box-sizing:border-box;}
.unit .pgd_cont .pgd .lcdCanvas{width:100%; height:100%; padding:0; margin:auto; float:left; box-sizing:border-box;}
.unit .pgd_cont .cover{position:absolute; width:100%; height:100%; top:0; left:0; z-index:100; background:rgba(0, 0, 0, 0.32); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); cursor:pointer; display:none; transition:background 0.2s ease-in-out, backdrop-filter 0.2s ease-in-out; border-radius:19px;}
.unit .pgd_cont .cover p{position:absolute; width:100%; top:calc(50% - 2em); left:0; text-align:center; font-weight:bold; color:#e6e6e6; text-shadow:2px 2px 4px rgba(0,0,0,1); pointer-events:none; font-size:42px; transition:all 0.2s ease-in-out;}
.unit .pgd_cont .cover:hover{backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
.unit .pgd_cont .cover_conn{position:absolute; width:100%; height:100%; top:0; left:0; z-index:101; background:rgba(0, 0, 0, 0.32); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); cursor:pointer; display:none; border-radius:19px;}
.unit .pgd_cont .cover_conn p{position:absolute; width:100%; top:calc(50% - 2em); left:0; text-align:center; font-weight:bold; color:#e6e6e6; text-shadow:2px 2px 4px rgba(0,0,0,1); font-size:42px;}

.light .unit .pgd_cont .cover{background:rgba(255, 255, 255, 0.22); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);}
.light .unit .pgd_cont .cover p{color:#e6e6e6; text-shadow:2px 2px 4px rgba(0,0,0,1);}
.light .unit .pgd_cont .cover:hover{background:rgba(176,176,176,0.20);}
.light .unit .pgd_cont .cover:hover p{color:var(--BlueM); text-shadow:2px 2px 2px rgba(255,255,255,1);}
.light .unit .pgd_cont .cover:hover p{color:#ffffff; text-shadow:2px 2px 2px var(--BlueM);}
.light .unit .pgd_cont .cover_conn{background:rgba(255, 255, 255, 0.22); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);}
.light .unit .pgd_cont .cover_conn p{color:#e6e6e6; text-shadow:2px 2px 4px rgba(0,0,0,1);}

.dark .unit .pgd_cont .cover{background:rgba(0, 0, 0, 0.32); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);}
.dark .unit .pgd_cont .cover p{color:#e6e6e6; text-shadow:2px 2px 4px rgba(0,0,0,1);}
.dark .unit .pgd_cont .cover:hover{background:rgba(255,255,255,0.20);}
.dark .unit .pgd_cont .cover:hover p{color:var(--BlueM); text-shadow:2px 2px 2px rgba(255,255,255,1);}
.dark .unit .pgd_cont .cover:hover p{color:#ffffff; text-shadow:2px 2px 2px var(--BlueM);}
.dark .unit .pgd_cont .cover_conn{background:rgba(0, 0, 0, 0.32); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);}
.dark .unit .pgd_cont .cover_conn p{color:#e6e6e6; text-shadow:2px 2px 4px rgba(0,0,0,1);}

.unit .pgd_cont .buttons{float:left;}
.unit .pgd_cont .buttons div{position:relative; width:50%; float:left; cursor:pointer; transition:background-color 0.25s ease-in-out;}
.unit .pgd_cont .buttons div img{position:absolute; width:30%; left:35%; top:12.5%; transition:opacity 0.25s ease-in-out; opacity:0;}
.unit .pgd_cont .buttons div img.press{opacity:0;}
.unit .pgd_cont .buttons div:hover .press{opacity:1;}
.unit .pgd_cont .buttons div.active .press{opacity:1;}
.unit .pgd_cont .toggle{position:relative; width:100%; float:left; font-size:16px; cursor:pointer; transition:all 0.2s ease-in-out; border-radius:20px;}
.unit .pgd_cont .toggle a{position:absolute; width:50%; height:calc(100% - 2px); top:1px; left:1px; transition:all 0.2s ease-in-out; pointer-events:none; border-radius:18px;}
.unit .pgd_cont .toggle p{width:50%; line-height:100%; top:calc(50% - 8px); text-align:center; pointer-events:none; transition:all 0.2s ease-in-out;}
.unit .pgd_cont .toggle p:nth-of-type(1){left:0; text-align:left; padding-left:10%;}
.unit .pgd_cont .toggle p:nth-of-type(2){right:0; text-align:right; padding-right:10%;}
.unit .pgd_cont .toggle div{position:absolute; width:100%; height:100%; left:0; top:0; z-index:20; border-radius:100%; pointer-events:none; border-radius:20px;}
.unit .pgd_cont.active .toggle a{left:50%;}

.light .unit .pgd_cont .toggle{background:#E9E9E9;}
.light .unit .pgd_cont .toggle div{border:1px solid #C0C0C0;}
.light .unit .pgd_cont .toggle p{position:absolute; font-weight:bold; color:#666666;}
.light .unit .pgd_cont .toggle a{background:var(--GrayM2);}
.light .unit .pgd_cont .toggle:hover{background:#ffffff;}
.light .unit .pgd_cont .toggle:hover a{background:var(--BlueM);}
.light .unit .pgd_cont .toggle:hover p{color:var(--BlueM);}
.light .unit .pgd_cont .toggle:hover div{border-color:#999999;}

.dark .unit .pgd_cont .toggle{background:#191919;}
.dark .unit .pgd_cont .toggle div{border:1px solid #444444;}
.dark .unit .pgd_cont .toggle p{position:absolute; font-weight:bold; color:var(--GrayL2);}
.dark .unit .pgd_cont .toggle a{background:var(--GrayM2);}
.dark .unit .pgd_cont .toggle:hover{background:var(--BlueM);}
.dark .unit .pgd_cont .toggle:hover a{background:#ffffff;}
.dark .unit .pgd_cont .toggle:hover p{color:#ffffff;}
.dark .unit .pgd_cont .toggle:hover div{border-color:#ffffff;}

.unit .pgd_cont .pgd .keys:nth-of-type(1) a:nth-of-type(1){border-radius:20px 0 0 0;}
.unit .pgd_cont .pgd .keys:nth-of-type(1) a:nth-of-type(3){border-radius:0 0 0 20px;}
.unit .pgd_cont .pgd .keys:nth-of-type(3) a:nth-of-type(1){border-radius:0 20px 0 0;}
.unit .pgd_cont .pgd .keys:nth-of-type(3) a:nth-of-type(3){border-radius:0 0 20px 0;}
.unit .pgd_cont .buttons div:nth-of-type(1){border-radius:20px 0 0 20px;}
.unit .pgd_cont .buttons div:nth-of-type(2){border-radius:0 20px 20px 0;}

.light .unit .pgd_cont .pgd .keys a{background:#e9e9e9; border:1px solid #c0c0c0;}
.light .unit .pgd_cont.active .pgd .keys a:hover{background:var(--BlueM);}
.light .unit .pgd_cont.active .pgd .keys a.active{background:var(--BlueM);}
.light .unit .pgd_cont .pgd .keys a:not(:nth-of-type(1)){border-top-width:0;}
.light .unit .pgd_cont.active .pgd .keys a:hover .img_dark{opacity:1;}
.light .unit .pgd_cont.active .pgd .keys a.active .img_dark{opacity:1;}
.light .unit .pgd_cont:not(.active) .pgd .keys img.img_light{opacity:1;}
.light .unit .pgd_cont .pgd .keys a:not(.on):not(:hover):not(.active) img.img_light{opacity:1;}
.light .unit .pgd_cont .pgd .keys a.on img.color{opacity:1;}
.light .unit .pgd_cont .pgd .lcdCanvascontainer{border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;}
.light .unit .pgd_cont .buttons div{background:#e9e9e9; border:1px solid #c0c0c0;}
.light .unit .pgd_cont.active .buttons div:hover{background:var(--BlueM);}
.light .unit .pgd_cont .buttons div img.gray{opacity:1;}
.light .unit .pgd_cont .buttons div:nth-of-type(2){border-left:none}
.light .unit .pgd_cont.active .buttons div:hover{background:var(--BlueM);}
.light .unit .pgd_cont.active .buttons div.active{background:var(--BlueM);}
.light .unit .pgd_cont.active .buttons div:hover img.white{opacity:1;}
.light .unit .pgd_cont.active .buttons div.active img.white{opacity:1;}
.light .unit .pgd_cont.active .buttons div:hover img.gray{opacity:0;}
.light .unit .pgd_cont.active .buttons div.active img.gray{opacity:0;}

.dark .unit .pgd_cont .pgd .keys a{background:#191919; border:1px solid #444444;}
.dark .unit .pgd_cont.active .pgd .keys a:hover{background:var(--BlueM);}
.dark .unit .pgd_cont .pgd .keys a.active{background:var(--BlueM);}
.dark .unit .pgd_cont .pgd .keys a:not(:nth-of-type(1)){border-top-width:0;}
.dark .unit .pgd_cont .pgd .keys a:hover .img_dark{opacity:1;}
.dark .unit .pgd_cont .pgd .keys a.active .img_dark{opacity:1;}
.dark .unit .pgd_cont .pgd .keys a:not(.on) img.img_dark{opacity:1;}
.dark .unit .pgd_cont .pgd .keys a.on img.color{opacity:1;}
.dark .unit .pgd_cont .pgd .lcdCanvascontainer{border-top:1px solid #444444; border-bottom:1px solid #444444;}
.dark .unit .pgd_cont .buttons div{background:#191919; border:1px solid #444444;}
.dark .unit .pgd_cont.active .buttons div:hover{background:var(--BlueM);}
.dark .unit .pgd_cont .buttons div img.white{opacity:1;}
.dark .unit .pgd_cont .buttons div:nth-of-type(2){border-left:none;}
.dark .unit .pgd_cont.active .buttons div:hover{background:var(--BlueM);}
.dark .unit .pgd_cont .buttons div.active{background:var(--BlueM);}

/* Unit - Slide */
.unit .slide{position:fixed; width:385px; max-width:calc(100vw + 15px); height:calc(100 * var(--vh)); top:0; right:-100%; z-index:201; overflow:hidden; opacity:0; font-size:16px; font-size:16px; transition:all 0.5s ease-in-out; user-select:none;}
.unit .slide.shown{right:0; opacity:1;}
.unit .slide .content{width:calc(100% - 15px); float:left; box-sizing:border-box;}
.unit .slide .border{float:left; height:calc(100 * var(--vh));}
.unit .slide .border p{width:14px; height:calc(100 * var(--vh)); float:left; opacity:0; transition:opacity 0.25s ease-in-out; cursor:col-resize;}
.unit .slide .border:hover p{opacity:1;}
.unit .slide .border a{width:1px; float:left; height:calc(100 * var(--vh)); transition:color 0.25s ease-in-out;}
.unit .slide .head2 a{transition:all 0.25s ease-in-out;}
.unit .slide .head2 a.blank{cursor:default;}

.unit .slideTable .head2{width:100%; float:left; font-weight:bold; font-size:20px;}
.unit .slideTable .head2 p{width:calc(100% - 200px); padding:15px 0 15px 15px; float:left;}
.unit .slideTable .head2 a{width:50px; padding:15px 0 15px 0; float:left; text-align:center;}
.unit .slideTable .head2 .icon-push:after{right:calc(50% - 0.5ch); width:100%; left:0;}

.unit .slideTable .inputs{width:100%; padding:0 15px 15px 15px; float:left;}
.unit .slideTable .inputs .line{width:100%; padding-top:15px; float:left;}
.unit .slideTable .inputs .line p{width:120px; padding-top:4px; font-weight:bold; text-align:left; float:left; white-space:nowrap; overflow:hidden;}
.unit .slideTable .inputs .line p.note{width:calc(100% - 120px);}
.unit .slideTable .inputs .line input[type=date]{width:calc(100% - 120px);}
.unit .slideTable .inputs .line input[type=text]{width:calc(100% - 120px);}

.unit .slideTable .table{width:100%; float:left; font-size:14px;}
.unit .slideTable .table .head{width:100%;}
.unit .slideTable .table .data{width:100%; overflow-x:scroll;}
.unit .slideTable .table .scroll_cont{width:100%; overflow-y:hidden;}
.unit .slideTable .table .row{width:100%;}

.light .unit .slide{background:#f3f3f3; color:#666666; border-left:1px solid #c0c0c0; box-shadow:0 0 10px rgb(0,0,0,0.5); border-left:none; box-shadow:none;}
.light .unit .slide .head2 a:not(.blank):hover{background:var(--BlueM); color:var(--White);}
.light .unit .slide.slideTable .head2{border-bottom:1px solid #c0c0c0;}
.light .unit .slide.slideTable .head2 a{border-left:1px solid #c0c0c0;}
.light .unit .slide.slideTable .head2 a.blank{border-left-color:rgb(0,0,0,0);}
.light .unit .slide.slideTable .inputs{border-bottom:1px solid #c0c0c0;}
.light .unit .slide.slideTable .table{color:var(--PurpleD);}
.light .unit .slide .border{background:#ffffff;}
.light .unit .slide .border p{background:linear-gradient(90deg,#ffffff,#c0c0c0);}
.light .unit .slide .border a{background:#c0c0c0;}

.dark .unit .slide{background:#000000; color:var(--White); border-left:1px solid #444444; box-shadow:0 0 0 rgb(255,255,255,1); border-left:none;}
.dark .unit .slide .head2 a:not(.blank):hover{background:var(--BlueM); color:var(--White);}
.dark .unit .slide.slideTable .head2{border-bottom:1px solid #444444;}
.dark .unit .slide.slideTable .head2 a{border-left:1px solid #444444;}
.dark .unit .slide.slideTable .head2 a.blank{border-left-color:rgb(0,0,0,0);}
.dark .unit .slide.slideTable .inputs{border-bottom:1px solid #444444;}
.dark .unit .slide.slideTable .table{color:var(--White);}
.dark .unit .slide .border{background:#000000;}
.dark .unit .slide .border p{background:linear-gradient(90deg,#1f1f1f,#444444);}
.dark .unit .slide .border a{background:#444444;}

/* Unit - Alarms */
.unit .alarms{width:720px; right:-720px;}
.unit .alarms .inputs .line{width:400px;}
.unit .alarms .table .scroll_cont{min-width:704px;}
.unit .alarms .table .row{min-width:704px;}
.unit .alarms .table .row p:nth-of-type(1){width:10.0%;}
.unit .alarms .table .row p:nth-of-type(1):after{left:30px;}
.unit .alarms .table .row p:nth-of-type(2){width:30.0%;}
.unit .alarms .table .row p:nth-of-type(3){width:30.0%;}
.unit .alarms .table .row p:nth-of-type(4){width:30.0%;}

/* Unit - pCO Info */
.unit .pcoInfo .body{width:100%; float:left; padding:10px 0 20px 0;}
.unit .pcoInfo .body div{width:100%; padding:4px 0; float:left;}
.unit .pcoInfo .body div p:nth-of-type(1){width:38%; padding-left:10px; float:left; font-weight:bold;}
.unit .pcoInfo .body div p:nth-of-type(2){width:62%; padding-left:10px; float:left;}
.unit .pcoInfo .body div.line_1 p:nth-of-type(1){padding-left:10px;}
.unit .pcoInfo .body div.line_2 p:nth-of-type(1){padding-left:26px;}
.unit .pcoInfo .body div.line_3 p:nth-of-type(1){padding-left:42px;}
.unit .pcoInfo .body div.line_4 p:nth-of-type(1){padding-left:58px;}
.unit .pcoInfo .body div.line_5 p:nth-of-type(1){padding-left:74px;}

.light .unit .pcoInfo .body div:nth-of-type(2n){background:#ffffff;}

.dark .unit .pcoInfo .body div:nth-of-type(2n){background:#161616;}

/* Unit - Unit Info */
.unit .gssInfo{width:480px; right:-480px; max-width:calc(100% + 15px);}
.unit .gssInfo .body{width:calc(100% - 20px); float:left; padding:10px 0 10px 0;}
.unit .gssInfo .body .line{width:100%; float:left; box-sizing:border-box;}
.unit .gssInfo .body .line p:nth-of-type(1){width:25%; float:left; font-weight:bold;}
.unit .gssInfo .body .line p:nth-of-type(2){width:75%; float:left; white-space:pre-wrap;}
.unit .gssInfo .body .spacer{width:100%; height:15px; float:left;}
.unit .gssInfo .body .line p.red span{background:#ff0000;}

.unit .gssInfoExt{width:480px; right:-480px; max-width:calc(100% + 15px);}
.unit .gssInfoExt .body{width:calc(100% - 20px); float:left; padding:10px 0 10px 0;}
.unit .gssInfoExt .body .line{width:100%; float:left; box-sizing:border-box;}
.unit .gssInfoExt .body .line p:nth-of-type(1){width:20%; float:left; font-weight:bold;}
.unit .gssInfoExt .body .line p:nth-of-type(2){width:80%; float:left;}
.unit .gssInfoExt .body .spacer{width:100%; height:15px; float:left;}

/* Unit - Vars */
.unit .vars{width:1000px; right:-1000px;}
.unit .vars .inputs .line{width:400px;}
.unit .vars .table .scroll_cont{min-width:984px;}
.unit .vars .table .row{min-width:984px;}
.unit .vars .table .row p:nth-of-type(1){width:5.0%;}
.unit .vars .table .row p:nth-of-type(2){width:20.0%;}
.unit .vars .table .row p:nth-of-type(3){width:40.5%;}
.unit .vars .table .row p:nth-of-type(4){width:7.5%;}
.unit .vars .table .row p:nth-of-type(5){width:7.5%;}
.unit .vars .table .row p:nth-of-type(6){width:7.5%; transition:all 0.15s ease-in-out;}
.unit .vars .table .row p:nth-of-type(7){width:6.0%; transition:all 0.15s ease-in-out;}
.unit .vars .table .row p:nth-of-type(8){width:6.0%; transition:all 0.15s ease-in-out; opacity:0;}
.unit .vars .table .row p:nth-of-type(6):focus{background:var(--BlueM); color:var(--White); outline:none;}
.unit .vars .table .row p:nth-of-type(7):hover{background:var(--BlueM); color:var(--White);}
.unit .vars .table .row.mid p:nth-of-type(8){opacity:1;}
.unit .vars .table .row.dirty p:nth-of-type(6){background:var(--PurpleM); color:var(--PurpleD);}
.unit .vars .table .row.dirty p:nth-of-type(8){opacity:1;}
.unit .vars .table .row.dirty p:nth-of-type(8):hover{background:var(--BlueM); color:var(--White);}

.light .unit .vars .table .row:not(.readonly) p:nth-of-type(6):hover{background:var(--White); color:var(--BlueM); outline:none;}

.optin{background:var(--PurpleD); color:#ffffff; padding:20px; box-sizing:border-box; font-size:16px; overflow:auto;}
.optin .header{width:100%; float:left; font-weight:bold; text-align:left; position:relative; font-size:28px;}
.optin .header p{width:100%; float:left; font-weight:bold; text-align:left; border-bottom:1px solid #ffffff;}
.optin .title{width:100%; float:left; font-weight:bold; text-align:left; margin:30px 0 10px 0; font-size:20px;}
.optin .bullet{width:100%; float:left; text-align:left;}
.optin .check{width:100%; float:left; margin:10px 0 10px 0;}
.optin input{float:left; width:20px; height:20px;}
.optin .checktext{width:calc(100% - 20px); float:left; line-height:20px; padding:0 0 0 10px; box-sizing:border-box;}
.optin a{background:var(--BlueM); width:120px; float:left; text-align:center; padding:10px 0; border-radius:5px; margin:20px 0 100px 30px;}

#imageSave{display:none;}

@media (max-width:459px) {

	body{font-size:16px;}

	input[type=date]{padding:8px 8px; border-radius:5px;}
	input[type=text]{padding:8px 8px; border-radius:5px;}
	input[type=password]{padding:8px 8px; border-radius:5px;}
	textarea{padding:8px 8px; border-radius:5px;}
	.custdrop .icon-chevronDown{padding:0px 0 16px 0;}
	.custdrop .icon-chevronDown:after{font-size:16px; top:8px; right:5px;}
	.custdrop .list a{padding:11px 10px;}

	.confirm{width:300px; left:calc(50vw - 150px); top:40vh;}

	.gen_div .head.filterBtn p:nth-of-type(2){width:120px;}
	.gen_div .head.filterBtn a.icon-filter{display:'';}
	.gen_div .head p{line-height:50px;}
	.gen_div .head p:nth-of-type(1){width:calc(100% - 180px);}
	.gen_div .head p:nth-of-type(2){width:180px; padding-right:10px;}
	.gen_div .head a{width:30%; max-width:60px; line-height:50px;}
	.gen_div > p{width:40%; padding:14px 8px 0 10px;}
	.gen_div .line p{width:40%; padding:14px 8px 0 10px;}
	.gen_div .custdrop{margin:6px 15px 6px 0;}
	.gen_div .custdrop .icon-chevronDown{padding:0px 0 16px 0;}
	.gen_div .custdrop .icon-chevronDown:after{font-size:16px; top:8px; right:5px;}
	.gen_div textarea{height:72px; margin:6px 15px 6px 0;}
	.gen_div .custcheck{margin:6px calc(60% - 27px) 6px 0;}
	.gen_div .custdate{margin:6px 8px 6px 0;}
	.gen_div input[type=date]{margin:6px 15px 6px 0;}
	.gen_div input[type=text]{margin:6px 15px 6px 0;}
	.gen_div input[type=password]{margin:6px 8px 6px 0;}

	.table .row p{padding:12px 10px;}

	.header{height:76px; line-height:76px;}
    .header .logo{opacity:0; display:none;}
    .header .menuBtn{height:76px; padding:17px 0 19px 15px;}
    .header .mid{display:none;}
    .header .search{width:calc(100vw - 85px); top:16px; left:72px;}
	.header .search .icon-search:after{left:8px; top:20px;}
	.header .search input{height:42px;}
	.header .search .list a{padding:10px 4px;}
	.header .search .list a p:nth-of-type(2){padding-left:7%;}

	.tree{width:65vw;}
	.tree.shown{right:35vw;}
	.tree:not(.shown){box-shadow:none;}
	.tree > div:first-child{padding:76px 0 5vh 0;}
	.tree .head{padding:16px 6%;}
	.tree .head p{padding:10px 0;}
	.tree .sec a{padding:16px 6%;}
	.tree .sec a p{padding:10px 0 10px 20px;}
	.tree .sec_units a.icon-push{padding:26px 0;}

	.main{height:calc(100 * var(--vh) - 76px); top:76px; padding:0;}
	.main .left{width:0; height:calc(100 * var(--vh) - 76px);}
	.main .right_sec{width:100%; height:calc(100 * var(--vh) - 76px);}
	.main > div.filter .left{width:100%;}

    .editor{width:100vw; right:-100vw;}
	.editor > div:first-child{padding:76px 0 0 0;}
	.editor .form{padding-bottom:30px;}

	.unit .home{padding:10px 10px 10px 10px;}
	.unit .home .links{margin:0 0 10px 0;}
	.unit .home .links.two .sec{width:80%; margin-left:10%;}
	.unit .pgd_cont .pgd{aspect-ratio:2.85;}
	.unit .pgd_cont .pgd .keys{width:15%;}
	.unit .pgd_cont .pgd .keys a img{top:0%; left:20%; width:60%;}
	.unit .pgd_cont .pgd .lcdCanvascontainer{width:70%; padding:5px;}
	.unit .pgd_cont .buttons{width:40%; margin-left:10%; margin-top:20px;}
	.unit .pgd_cont .buttons div{padding:20px 0;}
	.unit .pgd_cont .toggle{width:30%; margin-left:5%; margin-top:20px; padding:21px;}
	.unit .gssInfo .body .line{padding:6px 15px;}
	.unit .gssInfo .body .line p:nth-of-type(1){width:40%;}
	.unit .gssInfo .body .line p:nth-of-type(2){width:60%;}
	.unit .gssInfoExt .body .line{padding:6px 15px;}

	.unit .slide .content{padding:76px 0 0 0;}

}

@media (min-width:460px) and (max-width:539px) {

	body{font-size:16px;}

	input[type=date]{padding:8px 8px; border-radius:5px;}
	input[type=text]{padding:8px 8px; border-radius:5px;}
	textarea{padding:8px 8px; border-radius:5px;}
	input[type=password]{padding:8px 8px; border-radius:5px;}
	.custdrop .icon-chevronDown{padding:0 0 16px 0;}
	.custdrop .icon-chevronDown:after{font-size:16px; top:8px; right:5px;}
	.custdrop .list a{padding:10px 10px;}

	.confirm{width:300px; left:calc(50vw - 150px); top:40vh;}

	.gen_div .head.filterBtn p:nth-of-type(2){width:110px;}
	.gen_div .head.filterBtn a.icon-filter{display:'';}
	.gen_div .head p{line-height:50px;}
	.gen_div .head p:nth-of-type(1){width:calc(100% - 165px);}
	.gen_div .head p:nth-of-type(2){width:165px; padding-right:10px;}
	.gen_div .head a{width:30%; max-width:55px; line-height:50px;}
	.gen_div > p{width:40%; padding:13px 8px 0 10px;}
	.gen_div .line p{width:40%; padding:13px 8px 0 10px;}
	.gen_div .custdrop{width:calc(60% - 15px); margin:5px 15px 5px 0;}
	.gen_div .custdrop .icon-chevronDown{padding:0 0 16px 0;}
	.gen_div .custdrop .icon-chevronDown:after{font-size:16px; top:8px; right:5px;}
	.gen_div textarea{width:calc(60% - 15px); height:72px; margin:5px 15px 5px 0;}
	.gen_div .custcheck{margin:5px calc(60% - 27px) 5px 0;}
	.gen_div .custdate{margin:5px 8px 5px 0;}
	.gen_div input[type=date]{width:calc(60% - 15px); margin:5px 15px 5px 0;}
	.gen_div input[type=text]{width:calc(60% - 15px); margin:5px 15px 5px 0;}
	.gen_div input[type=password]{margin:5px 8px 5px 0;}

	.table .row p{padding:11px 10px;}

	.header{height:72px; line-height:72px;}
    .header .logo{opacity:0; display:none;}
    .header .menuBtn{height:72px; padding:18px 0 18px 15px;}
    .header .mid{display:none;}
    .header .search{width:calc(100vw - 79px); top:16px; left:66px;}
	.header .search .icon-search:after{left:8px; top:20px;}
	.header .search input{height:40px;}
	.header .search .list a{padding:10px 4px;}
	.header .search .list a p:nth-of-type(2){padding-left:3%;}

	.tree{width:40vw;}
	.tree.shown{right:60vw;}
	.tree:not(.shown){box-shadow:none;}
	.tree > div:first-child{padding:72px 0 5vh 0;}
	.tree .head{padding:14px 6%;}
	.tree .head p{padding:10px 0;}
	.tree .sec a{padding:14px 6%;}
	.tree .sec a p{padding:10px 0 10px 20px;}
	.tree .sec_units a.icon-push{padding:24px 0;}

	.main{height:calc(100 * var(--vh) - 72px); top:72px; padding:0;}
	.main .left{width:0; height:calc(100 * var(--vh) - 72px);}
	.main .right_sec{width:100%; height:calc(100 * var(--vh) - 72px);}
	.main > div.filter .left{width:340px;}
	.main > div.filter .right_sec{width:calc(100% - 340px);}

    .editor{width:100vw; right:-100vw;}
	.editor > div:first-child{padding:72px 0 0 0;}
	.editor .form{padding-bottom:30px;}

	.unit .home{padding:10px 10px 10px 10px;}
	.unit .home .links{margin:0 0 10px 0;}
	.unit .home .links.two .sec{width:70%; margin-left:15%;}
	.unit .pgd_cont .pgd{aspect-ratio:2.85;}
	.unit .pgd_cont .pgd .keys{width:15%;}
	.unit .pgd_cont .pgd .keys a img{top:0%; left:20%; width:60%;}
	.unit .pgd_cont .pgd .lcdCanvascontainer{width:70%; padding:5px;}
	.unit .pgd_cont .buttons{width:40%; margin-left:10%; margin-top:20px;}
	.unit .pgd_cont .buttons div{padding:20px 0;}
	.unit .pgd_cont .toggle{width:30%; margin-left:5%; margin-top:20px; padding:21px;}
	.unit .gssInfo .body .line{padding:6px 15px;}
	.unit .gssInfoExt .body .line{padding:6px 15px;}

	.unit .slide .content{padding:72px 0 0 0;}

}

@media (min-width:540px) and (max-width:719px) {

	body{font-size:14px;}

	input[type=date]{padding:6px 8px; border-radius:4px;}
	input[type=text]{padding:6px 8px; border-radius:4px;}
	input[type=password]{padding:6px 8px; border-radius:4px;}
	textarea{padding:6px 8px; border-radius:4px;}
	.custdrop .icon-chevronDown{padding:0 0 14px 0;}
	.custdrop .icon-chevronDown:after{font-size:16px; top:6px; right:6px;}
	.custdrop .list a{padding:8px 8px;}

	.confirm{width:300px; left:calc(50vw - 150px); top:40vh;}

	.gen_div .head.filterBtn p:nth-of-type(2){width:90px;}
	.gen_div .head.filterBtn a.icon-filter{display:'';}
	.gen_div .head p{line-height:45px;}
	.gen_div .head p:nth-of-type(1){width:calc(100% - 135px);}
	.gen_div .head p:nth-of-type(2){width:135px; padding-right:10px;}
	.gen_div .head a{width:30%; max-width:45px; line-height:45px;}
	.gen_div > p{width:40%; padding:10px 8px 0 10px;}
	.gen_div .line p{width:40%; padding:10px 8px 0 10px;}
	.gen_div .custdrop{width:calc(60% - 15px); margin:5px 15px 5px 0;}
	.gen_div .custdrop .icon-chevronDown{padding:0 0 14px 0;}
	.gen_div .custdrop .icon-chevronDown:after{font-size:16px; top:6px; right:6px;}
	.gen_div textarea{width:calc(60% - 15px); height:72px; margin:5px 15px 5px 0;}
	.gen_div .custcheck{margin:5px calc(60% - 27px) 5px 0;}
	.gen_div .custdate{margin:5px 8px 5px 0;}
	.gen_div input[type=date]{width:calc(60% - 15px); margin:5px 15px 5px 0;}
	.gen_div input[type=text]{width:calc(60% - 15px); margin:5px 15px 5px 0;}
	.gen_div input[type=password]{margin:5px 8px 5px 0;}

	.table .row p{padding:10px 10px;}

	.header{height:68px; line-height:68px;}
    .header .logo{opacity:0; display:none;}
    .header .menuBtn{height:68px; padding:17px 0 17px 15px;}
    .header .mid{display:none;}
    .header .search{width:400px; top:16px; left:65px;}
	.header .search .icon-search:after{left:8px; top:18px;}
	.header .search input{height:36px;}
	.header .search .list a{padding:10px 4px;}
	.header .search .list a p:nth-of-type(2){padding-left:3%;}

	.tree{width:30vw;}
	.tree.shown{right:70vw;}
	.tree:not(.shown){box-shadow:none;}
	.tree > div:first-child{padding:68px 0 5vh 0;}
	.tree .head{padding:13px 6%;}
	.tree .head p{padding:10px 0;}
	.tree .sec a{padding:13px 6%;}
	.tree .sec a p{padding:10px 0 10px 20px;}
	.tree .sec_units a.icon-push{padding:23px 0;}

	.main{height:calc(100 * var(--vh) - 68px); top:68px; padding:0 0 0 0;}
	.main .left{width:0; height:calc(100 * var(--vh) - 68px);}
	.main .right_sec{width:100%; height:calc(100 * var(--vh) - 68px);}
	.main > div.filter .left{width:340px;}
	.main > div.filter .right_sec{width:calc(100% - 340px);}

	.editor{max-width:100vw;}
	.editor > div:first-child{padding:68px 0 0 0;}
	.editor .form{padding-bottom:20px;}

	.unit .home{padding:10px 10px 10px 10px;}
	.unit .home .links{margin:0 0 10px 0;}
	.unit .home .links.two .sec{width:50%; margin-left:25%;}
	.unit .pgd_cont .pgd{aspect-ratio:2.5;}
	.unit .pgd_cont .pgd .keys{width:10%;}
	.unit .pgd_cont .pgd .keys a img{top:10%; left:10%; width:80%;}
	.unit .pgd_cont .pgd .lcdCanvascontainer{width:80%; padding:10px;}
	.unit .pgd_cont .buttons{width:40%; margin-left:10%; margin-top:20px;}
	.unit .pgd_cont .buttons div{padding:25px 0;}
	.unit .pgd_cont .toggle{width:26%; margin-left:14%; margin-top:20px; padding:26px 0;}
	.unit .gssInfo .body .line{padding:4px 15px;}
	.unit .gssInfoExt .body .line{padding:4px 15px;}

	.unit .slide .content{padding:68px 0 0 0;}

}

@media (min-width:720px) and (max-width:839px) {

	body{font-size:14px;}

	input[type=date]{padding:4px 8px; border-radius:3px;}
	input[type=text]{padding:4px 8px; border-radius:3px;}
	input[type=password]{padding:4px 8px; border-radius:3px;}
	textarea{padding:4px 8px; border-radius:3px;}
	.custdrop .icon-chevronDown{padding:0 0 10px 0;}
	.custdrop .icon-chevronDown:after{font-size:14px; top:5px; right:6px;}
	.custdrop .list a{padding:6px 8px;}

	.confirm{width:300px; left:calc(50vw - 150px); top:40vh;}

	.gen_div .head.filterBtn p:nth-of-type(2){width:90px;}
	.gen_div .head.filterBtn a.icon-filter{display:'';}
	.gen_div .head p{line-height:45px;}
	.gen_div .head p:nth-of-type(1){width:calc(100% - 135px);}
	.gen_div .head p:nth-of-type(2){width:135px; padding-right:10px;}
	.gen_div .head a{width:30%; max-width:45px; line-height:45px;}
	.gen_div > p{width:40%; padding:8px 8px 0 10px;}
	.gen_div .line p{width:40%; padding:8px 8px 0 10px;}
	.gen_div .custdrop{width:calc(60% - 15px); margin:4px 15px 4px 0;}
	.gen_div .custdrop .icon-chevronDown{padding:0 0 10px 0;}
	.gen_div .custdrop .icon-chevronDown:after{font-size:14px; top:5px; right:6px;}
	.gen_div textarea{width:calc(60% - 15px); height:72px; margin:4px 15px 4px 0;}
	.gen_div .custcheck{margin:4px calc(60% - 27px) 4px 0;}
	.gen_div .custdate{margin:4px 8px 4px 0;}
	.gen_div input[type=date]{width:calc(60% - 15px); margin:4px 15px 4px 0;}
	.gen_div input[type=text]{width:calc(60% - 15px); margin:4px 15px 4px 0;}
	.gen_div input[type=password]{margin:4px 8px 4px 0;}

	.table .row p{padding:8px 10px;}

	.header{height:68px; line-height:68px;}
    .header .logo{opacity:0; display:none;}
    .header .menuBtn{height:68px; padding:17px 0 17px 15px;}
    .header .mid{display:none;}
    .header .search{width:400px; top:16px; left:66px;}
	.header .search .icon-search:after{left:8px; top:18px;}
	.header .search input{height:36px;}
	.header .search .list a{padding:10px 4px;}
	.header .search .list a p:nth-of-type(2){padding-left:3%;}

	.tree{width:30vw;}
	.tree.shown{right:70vw;}
	.tree:not(.shown){box-shadow:none;}
	.tree > div:first-child{padding:68px 0 5vh 0;}
	.tree .head{padding:12px 6%;}
	.tree .head p{padding:10px 0;}
	.tree .sec a{padding:12px 6%;}
	.tree .sec a p{padding:10px 0 10px 20px;}
	.tree .sec_units a.icon-push{padding:22px 0;}

	.main{height:calc(100 * var(--vh) - 68px); top:68px; padding:0 0 0 0;}
	.main .left{width:0; height:calc(100 * var(--vh) - 68px);}
	.main .right_sec{width:100%; height:calc(100 * var(--vh) - 68px);}
	.main > div.filter .left{width:340px;}
	.main > div.filter .right_sec{width:calc(100% - 340px);}

	.editor{max-width:100vw;}
	.editor > div:first-child{padding:68px 0 0 0;}
	.editor .form{padding-bottom:20px;}

	.unit .home{padding:15px 15px 15px 15px;}
	.unit .home .links{margin:0 0 15px 0;}
	.unit .pgd_cont .pgd{aspect-ratio:2.5;}
	.unit .pgd_cont .pgd .keys{width:10%;}
	.unit .pgd_cont .pgd .keys a img{top:10%; left:10%; width:80%;}
	.unit .pgd_cont .pgd .lcdCanvascontainer{width:80%; padding:12px;}
	.unit .pgd_cont .buttons{width:36%; margin-left:10%; margin-top:20px;}
	.unit .pgd_cont .buttons div{padding:25px 0;}
	.unit .pgd_cont .toggle{width:24%; margin-left:20%; margin-top:20px; padding:26px 0;}
	.unit .gssInfo .body .line{padding:2px 15px;}
	.unit .gssInfoExt .body .line{padding:2px 15px;}

	.unit .slide .content{padding:68px 0 0 0;}

}

@media (min-width:840px) and (max-width:999px) {

	body{font-size:13px;}

	input[type=date]{padding:4px 8px; border-radius:3px;}
	input[type=text]{padding:4px 8px; border-radius:3px;}
	input[type=password]{padding:4px 8px; border-radius:3px;}
	textarea{padding:4px 8px; border-radius:3px;}
	.custdrop .icon-chevronDown{padding:0 0 12px 0;}
	.custdrop .icon-chevronDown:after{font-size:13px; top:6px; right:6px;}
	.custdrop .list a{padding:4px 8px;}

	.confirm{width:300px; left:calc(50vw - 150px); top:40vh;}

	.gen_div .head.filterBtn p:nth-of-type(2){width:90px;}
	.gen_div .head.filterBtn a.icon-filter{display:'';}
	.gen_div .head p{line-height:40px;}
	.gen_div .head p:nth-of-type(1){width:calc(100% - 135px);}
	.gen_div .head p:nth-of-type(2){width:135px; padding-right:10px;}
	.gen_div .head a{line-height:40px;}
	.gen_div > p{width:40%; padding:8px 8px 0 10px;}
	.gen_div .line p{width:40%; padding:8px 8px 0 10px;}
	.gen_div .custdrop{margin:4px 10px 4px 0;}
	.gen_div .custdrop .icon-chevronDown{padding:0 0 12px 0;}
	.gen_div .custdrop .icon-chevronDown:after{font-size:13px; top:6px; right:6px;}
	.gen_div textarea{height:72px; margin:4px 10px 4px 0;}
	.gen_div .custcheck{margin:4px calc(60% - 27px) 4px 0;}
	.gen_div .custdate{margin:4px 8px 4px 0;}
	.gen_div input[type=date]{margin:4px 10px 4px 0;}
	.gen_div input[type=text]{margin:4px 10px 4px 0;}
	.gen_div input[type=password]{margin:4px 8px 4px 0;}

	.table .row p{padding:7px 10px;}

	.header{height:68px; line-height:68px;}
    .header .logo{opacity:0; display:none;}
    .header .menuBtn{height:68px; padding:17px 0 17px 15px;}
    .header .mid{display:none;}
    .header .search{width:400px; top:16px; left:66px;}
	.header .search .icon-search:after{left:8px; top:18px;}
	.header .search input{height:36px;}
	.header .search .list a{padding:8px 4px;}
	.header .search .list a p:nth-of-type(2){padding-left:3%;}

	.tree{width:30vw;}
	.tree.shown{right:70vw;}
	.tree:not(.shown){box-shadow:none;}
	.tree > div:first-child{padding:68px 0 5vh 0;}
	.tree .head{padding:12px 6%;}
	.tree .head p{padding:10px 0;}
	.tree .sec a{padding:12px 6%;}
	.tree .sec a p{padding:10px 0 10px 20px;}
	.tree .sec_units a.icon-push{padding:22px 0;}

	.main{height:calc(100 * var(--vh) - 68px); top:68px; padding:0 0 0 0;}
	.main .left{width:0; height:calc(100 * var(--vh) - 68px);}
	.main .right_sec{width:100%; height:calc(100 * var(--vh) - 68px);}
	.main > div.filter .left{width:340px;}
	.main > div.filter .right_sec{width:calc(100% - 340px);}

	.editor{max-width:100vw;}
	.editor > div:first-child{padding:68px 0 0 0;}
	.editor .form{padding-bottom:10px;}

	.unit .home{padding:15px 15px 15px 15px;}
	.unit .home .links{margin:0 0 15px 0;}
	.unit .home .links.two .sec{width:50%; margin-left:25%;}
	.unit .pgd_cont .pgd{aspect-ratio:2.5;}
	.unit .pgd_cont .pgd .keys{width:10%;}
	.unit .pgd_cont .pgd .keys a img{top:10%; left:10%; width:80%;}
	.unit .pgd_cont .pgd .lcdCanvascontainer{width:80%; padding:15px;}
	.unit .pgd_cont .buttons{width:36%; margin-left:10%; margin-top:20px;}
	.unit .pgd_cont .buttons div{padding:28px 0;}
	.unit .pgd_cont .toggle{width:24%; margin-left:20%; margin-top:20px; padding:29px 0;}
	.unit .gssInfo .body .line{padding:2px 15px;}
	.unit .gssInfoExt .body .line{padding:2px 15px;}

	.unit .slide .content{padding:68px 0 0 0;}

}

@media (min-width:1000px) and (max-width:1199px) {

	body{font-size:13px;}

	input[type=date]{padding:4px 8px; border-radius:3px;}
	input[type=text]{padding:4px 8px; border-radius:3px;}
	input[type=password]{padding:4px 8px; border-radius:3px;}
	textarea{padding:4px 8px; border-radius:3px;}
	.custdrop .icon-chevronDown{padding:0 0 12px 0;}
	.custdrop .icon-chevronDown:after{font-size:13px; top:6px; right:6px;}
	.custdrop .list a{padding:3px 6px;}

	.confirm{width:300px; left:calc(50vw - 150px); top:40vh;}

	.gen_div .head.filterBtn p:nth-of-type(2){width:135px;}
	.gen_div .head.filterBtn a.icon-filter{display:none;}
	.gen_div .head p{line-height:40px;}
	.gen_div .head p:nth-of-type(1){width:calc(100% - 135px);}
	.gen_div .head p:nth-of-type(2){width:135px; padding-right:10px;}
	.gen_div .head a{line-height:40px;}
	.gen_div > p{width:40%; padding:8px 8px 0 10px;}
	.gen_div .line p{width:40%; padding:8px 8px 0 10px;}
	.gen_div .custdrop{margin:4px 10px 4px 0;}
	.gen_div .custdrop .icon-chevronDown{padding:0 0 12px 0;}
	.gen_div .custdrop .icon-chevronDown:after{font-size:13px; top:6px; right:6px;}
	.gen_div textarea{height:72px; margin:4px 10px 4px 0;}
	.gen_div .custcheck{margin:4px calc(60% - 27px) 4px 0;}
	.gen_div .custdate{margin:4px 8px 4px 0;}
	.gen_div input[type=date]{margin:4px 10px 4px 0;}
	.gen_div input[type=text]{margin:4px 10px 4px 0;}
	.gen_div input[type=password]{margin:4px 8px 4px 0;}

	.table .row p{padding:7px 10px;}

	.header{height:68px; line-height:68px;}
    .header .logo{height:68px; padding:15px 0 15px 10px;}
    .header .menuBtn{opacity:0; display:none;}
    .header .mid{display:none;}
    .header .search{width:400px; top:16px; left:87px;}
	.header .search .icon-search:after{left:8px; top:18px;}
	.header .search input{height:36px;}
	.header .search .list a{padding:6px 4px;}
	.header .search .list a p:nth-of-type(2){padding-left:3%;}

	.tree{width:20vw; box-shadow:none;}
	.tree.shown{right:80vw;}
	.tree:not(.shown){right:80vw;}
	.tree > div:first-child{padding:68px 0 5vh 0;}
	.tree .head{padding:10px 6%;}
	.tree .head p{padding:10px 0;}
	.tree .sec a{padding:10px 6%;}
	.tree .sec a p{padding:10px 0 10px 20px;}
	.tree .sec_units a.icon-push{padding:20px 0;}
	.tree_close_div{right:-100vw;}
	.light .tree{box-shadow:none;}
	.dark .tree{box-shadow:none;}

	.main{height:calc(100 * var(--vh) - 68px); top:68px; padding:0 0 0 20vw;}
	.main .left{width:340px; height:calc(100 * var(--vh) - 68px);}
	.main .right_sec{width:calc(100% - 340px); height:calc(100 * var(--vh) - 68px);}

	.editor{max-width:100vw;}
	.editor > div:first-child{padding:68px 0 0 0;}

	.unit .home{padding:15px 15px 15px 15px;}
	.unit .home .links{margin:0 0 15px 0;}
	.unit .home .links.two .sec{width:50%; margin-left:25%;}
	.unit .pgd_cont .pgd{aspect-ratio:2.5;}
	.unit .pgd_cont .pgd .keys{width:10%;}
	.unit .pgd_cont .pgd .keys a img{top:10%; left:10%; width:80%;}
	.unit .pgd_cont .pgd .lcdCanvascontainer{width:80%; padding:15px;}
	.unit .pgd_cont .buttons{width:36%; margin-left:10%; margin-top:15px;}
	.unit .pgd_cont .buttons div{padding:28px 0;}
	.unit .pgd_cont .toggle{width:22%; margin-left:22%; margin-top:15px; padding:28px 0;}
	.unit .gssInfo .body .line{padding:2px 15px;}
	.unit .gssInfoExt .body .line{padding:2px 15px;}

	.unit .slide .content{padding:68px 0 0 0;}

}

@media (min-width:1200px) {

	body{font-size:13px;}

	input[type=date]{padding:4px 8px; border-radius:3px;}
	input[type=text]{padding:4px 8px; border-radius:3px;}
	input[type=password]{padding:4px 8px; border-radius:3px;}
	textarea{padding:4px 8px; border-radius:3px;}
	.custdrop .icon-chevronDown{padding:0 0 12px 0;}
	.custdrop .icon-chevronDown:after{font-size:13px; top:6px; right:6px;}
	.custdrop .list a{padding:3px 6px;}

	.confirm{width:300px; left:calc(50vw - 150px); top:40vh;}

	.gen_div .head.filterBtn p:nth-of-type(2){width:135px;}
	.gen_div .head.filterBtn a.icon-filter{display:none;}
	.gen_div .head p{line-height:40px;}
	.gen_div .head p:nth-of-type(1){width:calc(100% - 135px);}
	.gen_div .head p:nth-of-type(2){width:135px; padding-right:10px;}
	.gen_div .head a{line-height:40px;}
	.gen_div > p{width:40%; padding:8px 8px 0 10px;}
	.gen_div .line p{width:40%; padding:8px 8px 0 10px;}
	.gen_div .custdrop{margin:4px 10px 4px 0;}
	.gen_div .custdrop .icon-chevronDown{padding:0 0 12px 0;}
	.gen_div .custdrop .icon-chevronDown:after{font-size:13px; top:6px; right:6px;}
	.gen_div textarea{height:72px; margin:4px 10px 4px 0;}
	.gen_div .custcheck{margin:4px calc(60% - 27px) 4px 0;}
	.gen_div .custdate{margin:4px 8px 4px 0;}
	.gen_div input[type=date]{margin:4px 10px 4px 0;}
	.gen_div input[type=text]{margin:4px 10px 4px 0;}
	.gen_div input[type=password]{margin:4px 8px 4px 0;}

	.table .row p{padding:7px 10px;}

	.header{height:68px; line-height:68px;}
    .header .logo{height:68px; padding:15px 0 15px 10px;}
    .header .menuBtn{opacity:0; display:none;}
    .header .mid{display:none;}
    .header .search{width:400px; top:16px; left:87px;}
	.header .search .icon-search:after{left:8px; top:18px;}
	.header .search input{height:36px;}
	.header .search .list a{padding:4px 4px;}
	.header .search .list a p:nth-of-type(2){padding-left:3%;}

	.tree{width:240px;}
	.tree.shown{right:calc(100vw - 240px);}
	.tree:not(.shown){right:calc(100vw - 240px);}
	.tree > div:first-child{padding:68px 0 5vh 0;}
	.tree .head{padding:10px 6%;}
	.tree .head p{padding:10px 0;}
	.tree .sec a{padding:10px 6%;}
	.tree .sec a p{padding:10px 0 10px 20px;}
	.tree .sec_units a.icon-push{padding:20px 0;}
	.tree_close_div{right:-100vw;}
	.light .tree{box-shadow:none;}
	.dark .tree{box-shadow:none;}

	.main{height:calc(100 * var(--vh) - 68px); top:68px; padding:0 0 0 240px;}
	.main .left{width:340px; height:calc(100 * var(--vh) - 68px);}
	.main .right_sec{width:calc(100% - 340px); height:calc(100 * var(--vh) - 68px);}

	.editor{max-width:100vw;}
	.editor > div:first-child{padding:68px 0 0 0;}

	.unit .home{padding:15px 15px 15px 15px;}
	.unit .home .links{margin:0 0 15px 0;}
	.unit .home .links.two .sec{width:50%; margin-left:25%;}
	.unit .pgd_cont .pgd{aspect-ratio:2.5;}
	.unit .pgd_cont .pgd .keys{width:10%;}
	.unit .pgd_cont .pgd .keys a img{top:10%; left:10%; width:80%;}
	.unit .pgd_cont .pgd .lcdCanvascontainer{width:80%; padding:15px;}
	.unit .pgd_cont .buttons{width:36%; margin-left:10%; margin-top:15px;}
	.unit .pgd_cont .buttons div{padding:28px 0;}
	.unit .pgd_cont .toggle{width:20%; margin-left:24%; margin-top:15px; padding:29px 0;}
	.unit .gssInfo .body .line{padding:2px 15px;}
	.unit .gssInfoExt .body .line{padding:2px 15px;}

	.unit .slide .content{padding:68px 0 0 0;}

}

/* Nicescroll */
.nicescrollhidden{opacity:0}

/* jQuery UI Tooltip */
.ui-tooltip{padding:5px !important; color:var(--BlueM) !important; font-weight:bold; border:1px solid var(--BlueM) !important; box-shadow:2px 2px 8px rgba(0,0,0,0.5) !important; white-space:pre-line;}

/* Icons */
.icon-archive:after{content:"\f187";}
.icon-arrowRotRt:after{content:"\f2f9";}
.icon-bars:after{content:"\f0c9";}
.icon-bell:after{content:"\f0f3";}
.icon-clock:after{content:"\f073";}
.icon-check:after{content:"\f00c";}
.icon-chevronDown:after{content:"\f078";}
.icon-chevronLeft:after{content:"\f053";}
.icon-chevronRight:after{content:"\f054";}
.icon-chevronUp:after{content:"\f077";}
.icon-circleCheck:after{content:"\f058";}
.icon-circlePlus:after{content:"\f055";}
.icon-circleRight:after{content:"\f0a9";}
.icon-circleX:after{content:"\f057";}
.icon-cog:after{content:"\f013";}
.icon-dollars:after{content:"\f155";}
.icon-download:after{content:"\f33d";}
.icon-envelope:after{content:"\f003";}
.icon-eye:after{content:"\f06e";}
.icon-fan:after{content:"\f863";}
.icon-filter:after{content:"\f0b0";}
.icon-folder:after{content:"\f07b";}
.icon-grid:after{content:"\e195"; font-family:FontAwesome6Sharp !important;}
.icon-home:after{content:"\f015";}
.icon-info:after{content:"\f05a";}
.icon-link:after{content:"\f0c1";}
.icon-linkBroken:after{content:"\f127";}
.icon-list:after{content:"\f0ca";}
.icon-lock:after{content:"\f023";}
.icon-key:after{content:"\f084";}
.icon-magic:after{content:"\f0d0";}
.icon-man:after{content:"\f183"}
.icon-minus:after{content:"\f068"}
.icon-pencil:after{content:"\f040";}
.icon-plus:after{content:"\f067"; font-family:FontAwesome !important}
.icon-print:after{content:"\f02f";}
.icon-question:after{content:"\f059";}
.icon-refresh:after{content:"\f021";}
.icon-router:after{content:"\f8da";}
.icon-save:after{content:"\f0c7";}
.icon-search:after{content:"\f002";}
.icon-sim:after{content:"\f7c4";}
.icon-sort-down:after{content:"\f0dd";}
.icon-sort-up:after{content:"\f0de";}
.icon-star:after{content:"\f005";}
.icon-trash:after{content:"\f014";}
.icon-triangle:after{content:"\f0d7";}
.icon-umbrella:after{content:"\f0e9";}
.icon-university:after{content:"\f19c";}
.icon-upload:after{content:"\f093";}
.icon-user:after{content:"\f007";}
.icon-users:after{content:"\f0c0";}
.icon-x:after{content:"\f00d";}

@keyframes icon-drop{
0%{opacity:0;}
50%{opacity:0; transform:translateY(-100%);}
100%,51%{opacity:1;}
}

@keyframes icon-hang {
0%{transform:translateY(3px);}
50%{transform:translateY(-1px);}
100%{transform:translateY(3px);}
}

@keyframes icon-hang-sink {
100%{transform:translateY(3px);}
}

@keyframes icon-push{
50%{transform:scale(0.5);}
}

@keyframes icon-rotate180CW{
0%{opacity:0;}
50%{opacity:0; transform:rotate(180deg);}
100%,51%{opacity:1;}
}

@keyframes icon-slideLeft{
0%{opacity:0;}
50%{opacity:0; transform:translateX(-10px);}
100%,51%{opacity:1;}
}

@keyframes icon-slideRight{
0%{opacity:0;}
50%{opacity:0; transform:translateX(-10px);}
100%,51%{opacity:1;}
}

@font-face {
	font-family:FA6;
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url(../css/lib/fa-regular-400.woff2) format("woff2"), url(../css/lib/fa-regular-400.ttf) format("truetype")
}

@font-face {
	font-family:FontAwesome6Sharp;
	font-style:normal;
	font-weight:900;
	font-display:block;
	src:url(../css/lib/fa-sharp-solid-900.woff2) format("woff2"), url(../css/lib/fa-sharp-solid-900.ttf) format("truetype")
}

.icon-drop{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative;}
.icon-drop:after{position:absolute; opacity:1; font-family:FontAwesome; transform:translateZ(0)}
.icon-drop:active:after,.icon-drop:focus:after,.icon-drop:hover:after{opacity:0; transition-duration:.2s; animation-name:icon-drop; animation-duration:.25s; animation-delay:.1s; animation-fill-mode:forwards; animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}

.icon-hang{display:inline-block; vertical-align:middle; transform:perspective(1px) translateZ(0);}
.icon-hang:after{position:absolute; opacity:1; font-family:FontAwesome; transform:translateZ(0)}
.icon-hang:active:after,.icon-hang:focus:after,.icon-hang:hover:after{animation-name:icon-hang-sink, icon-hang; animation-duration:.3s, 1.5s; animation-delay:0s, .3s; animation-timing-function:ease-out, ease-in-out; animation-iteration-count:1, infinite; animation-fill-mode:forwards; animation-direction:normal, alternate;}

.icon-push{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative;}
.icon-push:after{position:absolute; font-family:FontAwesome; font-family:FA6; transform:translateZ(0); transition-duration:.3s; transition-property:transform; transition-timing-function:ease-out}
.icon-push:active:after,.icon-push:focus:after,.icon-push:hover:after{animation-name:icon-push; animation-duration:.3s; animation-timing-function:linear; animation-iteration-count:1}

.icon-rotate{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; transition-property:transform; transition-duration:.2s}
.icon-rotate:after{position:absolute; font-family:FontAwesome; transform:translateZ(0); transition-duration:.2s; transition-property:transform; transition-timing-function:ease-out}

.icon-rotate90CCW{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; transition-duration:.2s}
.icon-rotate90CCW:after{position:absolute; font-family:FontAwesome; transform:translateZ(0); transition-duration:.2s; transition-property:transform; transition-timing-function:ease-out}
.icon-rotate90CCW:active:after,.icon-rotate90CCW:focus:after,.icon-rotate90CCW:hover:after{transform:rotate(-90deg)}

.icon-rotate180CW{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; transition-duration:.2s}
.icon-rotate180CW:after{position:absolute; font-family:FontAwesome; transform:translateZ(0); transition-duration:.2s; transition-property:transform; transition-timing-function:ease-out}
.icon-rotate180CW:active:after,.icon-rotate180CW:focus:after,.icon-rotate180CW:hover:after{transform:rotate(180deg)}

.icon-slideLeft{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; transition-duration:.2s}
.icon-slideLeft:after{position:absolute; font-family:FontAwesome; transform:translateZ(0); transition-duration:.2s; transition-property:transform; transition-timing-function:ease-out}
.icon-slideLeft:active:after,.icon-slideLeft:focus:after,.icon-slideLeft:hover:after{transform:translateX(-25px)}

.icon-slideRight{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; transition-duration:.2s}
.icon-slideRight:after{position:absolute; font-family:FontAwesome; transform:translateZ(0); transition-duration:.2s; transition-property:transform; transition-timing-function:ease-out}
.icon-slideRight:active:after,.icon-slideRight:focus:after,.icon-slideRight:hover:after{transform:translateX(25px)}

.icon-static{display:inline-block; vertical-align:middle; transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent;}
.icon-static:after{position:absolute; opacity:1; font-family:FontAwesome; transform:translateZ(0)}