@font-face {font-family:"mono";src: url('../css/fonts/mono.ttf');}
@font-face {font-family:"mono-r";src: url('../css/fonts/mono-r.ttf');}
@font-face {font-family:"mono-b";src: url('../css/fonts/mono-b.ttf');}
@font-face {font-family:"comfortaa";src: url('../css/fonts/Comfortaa-Regular.ttf');}
@font-face {font-family:"comfortaa-b";src: url('../css/fonts/Comfortaa-Bold.ttf');}
@font-face {font-family:"flex";src: url('../css/fonts/RobotoFlex-Regular.ttf');}

:root {
	--BG:#353A40;
	--BG-1:linear-gradient(145deg, #212429, #1c1f22);
	--BG-body:linear-gradient(0deg,#151617 0, #27282C 100%);
	--BG-page:linear-gradient(0deg,#1A1C20 0, #353A40 100%);
	--BG-box:linear-gradient(120deg,#1F2226 0,rgba(0,0,0,0.01));
	--BG-cell:linear-gradient(0deg,#1A1C20 0, #353A40 100%);
	--BG-cell1:linear-gradient(145deg, #212429, #282b30);
	--BR-1:rgba(255,255,255,0.03);
	--BR-2:#3D414D;
	--BR-3:#424750;
	--CO-white:#ffffff;
	--CO-red:#cd3d2e;
	--CO-green:#95c000;
	--CO-blue:#39c5f3;
	--CO-yellow:#fbbd00;
	--CO-t1:rgba(255,255,255,0.3);
	--CO-t2:rgba(255,255,255,0.5);
	--TS-blue:1px 0 10px rgba(2,112,215,0.5);
	--BG-GR-blue:linear-gradient(145deg, #2D9DC2,#227691);
	--BG-GR-green:linear-gradient(145deg, #95c000,#779900);
	--CO-black1:#26292E;
	--CO-black2:#2C3036;
	--BS:2px 2px 2px rgba(0,0,0,0.2),-3px -3px 6px rgba(255,255,255,0.02);
}
::-webkit-scrollbar {width:0.3vw;}
::-webkit-scrollbar-button {display:none;}
::-webkit-scrollbar-thumb {background-color:var(--CO-t1);border-radius:0.2vw;}
body {font:0.8vw "flex";margin:0;width:100%;height:100%;color:var(--CO-t1);text-shadow:2px 1px 2px rgba(0,0,0,0.3);}
a { color:var(--CO-t1);text-decoration:none;}
a:hover { color:var(--cm);}
input[type=text],input[type=password],textarea {
	border:0;
	outline:0;
	padding:0 1vw;
	height:3.5vh;
	display:flex;
	color:var(--CO-white);
	align-items:center;
	background:var(--BG-1);
	border-radius:1vw;
	border-width:0.1vw;
	border-style:solid;
	border-color:transparent;
	background:linear-gradient(145deg, #31363c, #292d32);
	box-shadow:inset 3px 3px 6px #24272c,-3px -3px 6px rgba(255,255,255,0.02);
}
input:focus,textarea:focus,select:focus {outline:none;border:0.1vw solid var(--CO-blue);}
input::placeholder {text-transform:lowercase;color:var(--CO-t1);font-size:0.9vw;}
textarea {padding:0.5vw;}
select option {padding:0;}
input[type=number] {width:5vw;text-align:right;}
input[type="date"],input[type="month"],input[type="datetime-local"] {position: relative;}

input[type="month"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
	color: transparent;
	background: none;
	z-index: 1;
}
input[type="date"]:before,
input[type="month"]:before,
input[type="datetime-local"]:before {
	color: transparent;
	background: none;
	display: block;
	font-family: 'FontAwesome';
	content: '\f073';
	/* This is the calendar icon in FontAwesome */
	width: 1vw;
	height: 1vw;
	position: absolute;
	top: 0.2vw;
	right: 0;
}
html {height:100%;}

.dt-page {
	position:relative;
	width:100%;
	height:100%;
	z-index:0;
	overflow:hidden;
	background-color:#1A1C20;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%231f2226' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%2325282d' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%232a2e33' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%2330343a' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23353A40' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23353a40' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23353a40' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23353a40' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23353a40' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23353A40' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
}
.dt-page-header {position:relative;height:12vh;background:var(--BG);}
.dt-page-content {position:relative;height:80vh;margin:0 2vw 0 6vw;}
.dt-page-footer {position:relative;height:8vh;}
.dt-page-copy {position:absolute;right:2vw;bottom:1vw;font:0.7vw 'mono';letter-spacing:0.03vw;}
.dt-page-logo-text {position:absolute;z-index:99;left:2vw;top:50%;transform:translateY(-50%);font-size:0.8vw;text-transform:uppercase;color:var(--cm);}
.dt-page-logo-text img {width:1.6vw;}

.dt-page-logo { position:absolute;top:50%;left:50%;z-index:0;transform:translate(-50%,-50%);}
.dt-page-logo img {width:15vw;opacity:0.02;}
.dt-page-title {
	position:absolute;letter-spacing:0.15vw;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;font:1.4vw 'mono-b';color:var(--CO-white);
}
.dt-page-title b {font-weight:normal;color:var(--CO-green);}
.dt-page-title i {font-weight:normal;font-style:normal;color:var(--CO-blue);}
.dt-page-subtitle { 
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:4.5vw;
	z-index:0;
	text-transform:uppercase;
	font:0.7vw 'mono';
	letter-spacing:0.1vw;
}
.dt-page-content-title {
	font-size:1.5vw;text-transform:capitalize;position:absolute;top:50%;left:2vw;transform:translateY(-50%);z-index:2;display:inline-flex;flex-direction:row;align-items:center;color:var(--CO-white);
}
.dt-page-content-title i {margin-right:1vw;opacity:0.7;font-size:1.8vw;}

/********** PAGE INFO *************************/
.dt-page-info {position:relative;display:flex;align-items:center;gap:2vw;float:right;text-transform:uppercase;z-index:99;margin-right:2vw;}
.dt-page-info .dt-cal {
	position:relative;
	opacity:0.3;
	height:7vh;
	padding:0 0.5vw;
	border-bottom-left-radius:0.5vw;
	border-bottom-right-radius:0.5vw;
	display:flex;
	align-items:center;
	gap:0.3vw;
}
.dt-page-info a {font-size:1.5vw;}
.dt-page-info .dt-cal div {}
.dt-page-info .dt-cal div:first-of-type {font-size:2.2vw;}
.dt-page-info .dt-cal div:last-of-type {display:flex;flex-direction:column;}
.dt-page-info .dt-cal:hover {opacity:1;color:var(--CO-white);}
.dt-page-info .dt-user {display:flex;flex-direction:row;align-items:center;text-transform:uppercase;}
.dt-page-info .dt-user i {margin-right:0.2vw;color:var(--CO-t2);}
.dt-page-info .dt-user b {font-weight:normal;}
/**********************************************/

.dt-title {position:relative;z-index:1;display:inline-flex;flex-direction:row;align-items:center;color:var(--CO-white);}
.dt-title span {background:var(--BG);padding:0.15vw 0.35vw;border-radius:0 0.8vw 0.8vw 0;font-size:1vw;text-transform:uppercase;}
.dt-title i {position:absolute;top:-0.25vw;right:-0.4vw;z-index:-1;font-size:2.3vw;}
.dt-title span b {font-weight:normal;color:var(--CO-blue);}
/*********** BUTTON *****************/
.dt-round-btn {
	padding:0 0.6vw;
	min-height:2.6vh;
	min-width:2.6vh;
	display:flex;
	gap:0.3vw;
	align-items:center;
	justify-content:center;
	border-radius:1vw;
	text-transform:capitalize;
	border:0.1vw solid var(--BR-2);
}
.dt-round-btn:hover {color:var(--CO-blue);text-shadow:var(--TS-blue);border:0.1vw solid var(--CO-blue);}

.dt-box-btn {
	float:left;
	position:relative;
	display:flex;
	gap:0.35vw;
	align-items:center;
	text-transform:uppercase;
	min-height:3.8vh;
	padding:0 1vw;
	cursor:pointer;
	transition:padding 0.3s ease;
	border-radius:1vw;
	font-size:0.75vw;
	color:var(--CO-t1);
	background:linear-gradient(145deg, #31363c, #292d32);
	background:linear-gradient(145deg, #282b30, #212429);
	box-shadow:var(--BS);
	text-shadow:-1px 0px 1px rgba(0,0,0,0.2);
}
.dt-box-btn span {margin-bottom:0.1vw;}
.dt-box-btn:after {
	content:'';
	position:absolute;
	right:-0.1vw;
	bottom:-0.1vw;
	width:0;
	height:0;
	transition:.25s ease all;
	border-radius:1vw;
}
.dt-box-btn:before {
	content:'';
	position:absolute;
	left:-0.1vw;
	top:-0.1vw;
	width:0;
	height:0;
	transition:.25s ease all;
	border-radius:1vw;
}
.dt-box-btn:hover::after {height:100%;width:100%;border-right:0.15vw solid var(--CO-blue);border-bottom:0.15vw solid var(--CO-blue);}
.dt-box-btn:hover::before {height:100%;width:100%;border-left:0.15vw solid var(--CO-green);border-top:0.15vw solid var(--CO-green);}
.dt-box-btn:hover {color:var(--CO-white);}

/*******************************************/

/*** SELECT ***/
.dt-select {display:flex;flex-direction:column;position:relative;height:4vh;}
.dt-option {
	padding:0 3vw 0 1vw;
	min-height:3.8vh;
	display:flex;
	align-items:center;
	position:absolute;
	top:0;
	width: 100%;
	pointer-events:none;
	order:2;
	z-index:1;
	transition:background .2s ease-in-out;
	box-sizing:border-box;
	overflow:hidden;
	white-space:nowrap;
	background:var(--BG-1);
	margin-bottom:0.1vw;
	border-top:0;
	border-radius:1vw;
	text-transform:uppercase;
	font-size:0.7vw;
}
.dt-option:hover {background:var(--CO-black2);color:var(--CO-white);}
.dt-select:focus .dt-option {position:relative;pointer-events:all;}
.dt-select input {opacity:0;position:absolute;left:-99999px;}
.dt-select input:checked + label {
	order: 1;
	z-index:2;
	background:linear-gradient(145deg, #31363c, #292d32);
	position:relative;
	border-radius:1vw;
	border-width:0.1vw;
	border-style:solid;
	border-color:transparent;
	box-shadow:2px 2px 2px #24272c,-3px -3px 6px rgba(255,255,255,0.02);
}
.dt-select input:checked + label:after {
	content:'';
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid white;
	position:absolute;
	right:10px;
	top:calc(50% - 2.5px);
	pointer-events:none;
	z-index:3;
}

/*** TABLE ***/
.dt-table {display:flex;flex-direction:column;gap:0.5vh;}
.dt-row {display:flex;gap:1vh;}
.dt-cell {display:flex;flex-wrap:wrap;position:relative;align-items:center;}
.dt-cell:last-of-type {flex:1;}

.dt-search {height:5vh;display:flex;flex-direction:row;align-items:center;}
.dt-search-cell a {font-size:2vw;}

/**** VLIST ****/
.dt-vlist {position:relative;margin:0;overflow:hidden;border-radius:1vw;padding-bottom:1vw;}
.dt-vlist-overflow {overflow:auto;margin-top:0.2vw;}
.dt-vlist-head .dt-row {height:5vh;background:var(--BG-box);}
.dt-vlist-head .dt-cell {text-transform:capitalize;color:var(--CO-t2);}
.dt-vlist-rows {opacity:0.8;}
.dt-vlist-rows .dt-row {min-height:5vh;background:var(--BG-box);border-radius:0.5vw 0 0 0.5vw;}
.dt-vlist-rows .dt-cell {font-size:0.9vw;}
.dt-vlist-rows .dt-cell i {margin:0 0.3vw;}
.dt-vlist-rows .dt-cell:first-of-type {justify-content:center;}
.dt-vlist-rows .dt-cell:first-of-type i {font-size:1.4vw;}
.dt-vlist-rows .dt-row:hover {background:var(--b1);color:var(--CO-white);}
.dt-vlist-rows .dt-cell img {border-radius:0.3vw;}
.dt-vlist-nav-limit {
	position:absolute;
	top:11vh;
	left:-2.8vw;
	gap:1vw;
	display:flex;
	flex-direction:column;
	padding:0;
	text-transform:uppercase;
	font:0.7vw 'mono-r';
	width:3vw;
}
.dt-vlist-nav-limit div {display:flex;flex-direction:column;gap:1vw;height:100%;}
.dt-vlist-nav-limit a {font-family:'mono-b';border-right:0.1vw solid var(--BR-2);padding:0.5vh 0;width:1.9vw;height:1.8vh;text-align:center;}
.dt-vlist-nav-limit a:hover {color:var(--CO-blue);text-shadow:var(--TS-blue);border-right:0.1vw solid var(--CO-blue);}
.dt-bar-line {position:absolute;top:50%;transform:translateY(-50%);left:1.9vw;border-right:0.1vw solid var(--BR-2);height:100%;z-index:-1;}
a.active {color:var(--CO-blue);text-shadow:var(--TS-blue);border-right:0.1vw solid var(--CO-blue);font-size:0.8vw;margin-top:auto;margin-bottom:auto;opacity:1;}

.dt-bar-page {display:flex;flex-direction:column;align-items:center;gap:0.5vw;}
.dt-bar-info {display:flex;gap:0.3vw;align-items:center;}
.dt-bar-info span {color:var(--CO-t2);}
.dt-bar {display:flex;flex-direction:column;align-items:center;gap:0.3vw;}

.dt-perpage {margin-left:auto;display:flex;gap:0.5vw;font-size:0.7vw;}
.dt-perpage .active {border:0;}
.dt-perpage a:hover {color:var(--CO-blue);text-shadow:var(--TS-blue);}

.dt-curpage {position:absolute;top:5.3vh;left:-3.55vw;font:3vw 'mono-b';opacity:0.2;}


.dt-flex {display:flex;align-items:center;gap:0.3vw;}

/**** FONT ****/
.dt-f1n {font-size:1vw;}

.dt-gray {color:var(--CO-t1)}
.dt-gray:hover {color:var(--CO-blue);text-shadow:var(--TS-blue);}
.dt-blue {color:var(--CO-blue);text-shadow:var(--TS-blue);}
.dt-b-blue {background:var(--BG-GR-blue);color:var(--CO-t2)}
.dt-yellow {color:var(--CO-yellow)}
.dt-b-yellow {background:var(--gyellow);color:var(--CO-white);}
.dt-green {color:var(--CO-green)}
.dt-b-green {background:var(--BG-GR-green);color:var(--CO-white);}
.dt-b-black {background:var(--CO-black1)}
.dt-white {color:var(--CO-white)}
.dt-red {color:var(--CO-red)}
.dt-act-blue {background:var(--active);color:var(--CO-white);}

.dt-menu-link {font-size:1vw;display:inline-block;cursor:pointer;position:absolute;right:0.2vw;top:50%;color:var(--CO-blue);transform:translateY(-50%);z-index:999;}
.dt-left-menu {position:absolute;display:inline-block;top:0;left:-50%;z-index:1;width:51.5%;height:100%;transition:all 0.3s ease;}
.dt-left-menu:hover {left:0;background:var(--BG-cell);}
.dt-left-menu:hover ~ .dt-layer {filter:blur(0.3vw);}
.dt-menu {position:relative;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.3vw;}
.dt-menu a {display:flex;align-items:center;width:14vw;padding:0.6vw;text-transform:uppercase;z-index:1;font-size:1vw;}
.dt-menu a i {margin-right:0.7vw;display:inline-block;width:1.5vw;text-align:center;font-size:1.2vw;}
.dt-menu a:hover {color:var(--CO-blue);}
.dt-menu-link:hover {color:var(--CO-blue);}
.dt-menu-active {color:var(--CO-blue);text-shadow:var(--TS-blue);}

.dt-color {position:absolute;top:4vw;right:2vw;display:grid;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(14,1fr);width:30vw;height:15vh;}
.dt-color span {border-radius:0.1vw;border:0.1vw solid transparent;}

/*********** SEARCH *****************/
.dt-panel {position:relative;height:7vh;display:flex;align-items:center;gap:0.5vw;}
.dt-panel-cell {position:relative;}
.dt-panel select,.dt-panel input {font-size:0.7vw;min-width:12vw;}
.dt-panel-cell .dt-select {min-width:10vw;}

.dt-autocomplete-list {position:absolute;z-index:1000;min-width:100%;overflow:auto;left:0;top:3.5vh;}
.dt-autocomplete-list .dt-table {width:100%;}
.dt-autocomplete-list .dt-cell {height:1.8vw;white-space:nowrap;cursor:pointer;padding:0 0.8vw;background:var(--CO-black2);vertical-align:middle;border-top:0.1vw solid var(--BR-1);transition:background .3s ease-in-out;}
.dt-autocomplete-list .dt-cell:hover {background:var(--CO-black2);color:var(--CO-white);}

.dt-form-header {position:relative;display:flex;align-items:center;height:8vh;padding:0 3vw;font-size:1.2vw;color:var(--CO-white);text-transform:uppercase;}
.dt-form-header span {margin-right:0.5vw;}
.dt-form-header i {font-size:1.6vw;width:2vw;}

.dt-form {
	display:flex;
	align-content:stretch;
	justify-content:center;
	align-items:stretch;
	flex-wrap:wrap;
	height:79%;
	width:93.5%;
	overflow:auto;
	position:absolute;
	top:50%;
	left:50%;
	gap:1vw;
	padding:1vw;
	transform:translate(-50%,-50%);
}
.dt-form-cell-title {text-transform:uppercase;font-size:0.7vw;padding:0.3vw 0;color:var(--CO-t2);}
.dt-form-cell {
	position:relative;
	background:var(--BG-page);
	padding:1vw;
	border-radius:1vw;
	flex:1;
	box-shadow:var(--BS);
}
.dt-form-cell .dt-select label {font-size:1vw;}
.dt-form-block {flex-basis:100%;height:0;}
.dt-form-status {color:var(--CO-yellow);position:absolute;left:50%;transform:translateX(-50%);}

.dt-form-file {position:absolute;display:flex;align-items:center;justify-content:center;border:0.1vw dotted var(--CO-t1);text-align:center;border-radius:0.4vw;height:4.5vw;width:16vw;}
.dt-form-file img {width:10vw;}
.dt-form-file i {line-height:4.5vw;font-size:1vw;}
.dt-form-file i:hover {color:var(--CO-white);}

.dt-form-menu {position:absolute;left:50%;transform:translateX(-50%);text-align:center;bottom:3vh;}
.dt-form-menu div {margin:0.5vw;}
.dt-form-menu .dt-box-btn {background:var(--BG-cell);}

.dt-form-input-l {
	overflow:auto;
	max-height:25vh;
	background:var(--BG-1);
	padding:1vw;
	border-radius:1vw;
	display:flex;
	flex-direction:column;
	min-height:3vh;
	gap:0.1vw;
}
.dt-form-input-c {text-transform:uppercase;cursor:pointer;display:flex;align-items:center;min-height:3vh;padding:0 0.4vw;gap:0.1vw;}
.dt-form-input-c input {margin:0 0.5vw 0 0;}
.dt-form-input-c:hover {color:var(--CO-white);background:var(--BG);}

.dt-checkbox {
	position: relative;
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	background-color: #606062;
	background-image: linear-gradient(#474749, #606062);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.15);
	transition: all 0.15s ease;
}
.dt-checkbox svg {
	position: absolute;
	top: 3px;
	left: 3px;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: #fff;
	stroke-width: 2;
	stroke-dasharray: 17;
	stroke-dashoffset: 17;
	transform: translate3d(0, 0, 0);
}
.dt-radio {
	position: relative;
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	border-radius: 10px;
	background-color: #606062;
	background-image: linear-gradient(#474749, #606062);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.15);
	transition: all 0.15s ease;
}
.dt-radio:after {
	content: "";
	position: absolute;
	display: block;
	top: 6px;
	left: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	opacity: 0;
	transform: scale(0);
}
label {display:flex;gap:0.5vw;min-height:3vh;align-items:center;cursor:pointer;overflow:hidden;border-bottom:0.1vh solid var(--BR-1);}
label:last-of-type {border:0;}
input[type="checkbox"],input[type="radio"] {position: absolute;opacity: 0;}
input[type="radio"]:checked + .dt-radio {background-color: #606062;background-image:linear-gradient(145deg, #3dd3ff, #33b1db);}
input[type="radio"]:checked + .dt-radio:after {opacity: 1;transform: scale(1);transition: all 0.15s ease;}
input[type="checkbox"]:checked + .dt-checkbox {background-color:#606062;background-image:linear-gradient(145deg, #3dd3ff, #33b1db);}
input[type="checkbox"]:checked + .dt-checkbox svg {stroke-dashoffset: 0;transition: all 0.15s ease;}
label:hover {color:var(--CO-white);}


/**************************************************/

.dt-form-login {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1vw;
	position:fixed;
	top:45%;
	left:50%;
	transform:translate(-50%,-50%);
	width:22vw;
	background:rgba(0,0,0,0.2);
	border-radius:1vw;
	padding:1vw;
}
.dt-form-login img {width:4vw;}
.dt-form-login div {display:flex;align-items:center;justify-content:center;gap:1vw;margin-bottom:0.3vw;}
.dt-form-login div img {width:15vw;border-radius:1vw;}
.dt-form-login-title {color:var(--CO-t2);text-transform:uppercase;width:22vw;text-align:center;}
.dt-form-login .dt-box-btn {float:none;justify-content:center;background:var(--BG-cell);}

.dt-popup {
	position:absolute;
	top:-100%;
	height:100%;
	width:100%;
	opacity:0;
	z-index:-1;
	overflow:hidden;
	transition:all .5s cubic-bezier(.5, .2, .2, 1.1);
	background:var(--BG-page);
}
.dt-popup-active {top:0;opacity:1;z-index:9999}
.dt-close {position:absolute;right:2.5vw;top:2.5vh;font-size:1.8vw;cursor:pointer;color:var(--CO-t2);}