@charset "utf-8";


:root {
	--i_br: 6px; 
	--i_xpadding: 14px; 
	--i_height: 38px;
	--w: min(20px, 2.1vw);
}
body /* erlenblatt */ {
	--hue: 226deg;
	--sat: 19%;
}
.baumwanze {
	--hue: 0deg;
	--sat: 5%;
}
.waldmist {
	--hue: 190deg;
	--sat: 21%;
}
.erlenblatt_sat {
	--hue: 220deg;
	--sat: 26%;
}

body {
	--theme_bg_box: hsl(var(--hue) var(--sat) 12%);
	--theme_bg_frost: hsl(var(--hue) var(--sat) 24% / 30%);
	--theme_bg_prime: hsl(var(--hue) calc(var(--sat) * 0.8) 23%);
	--theme_bg_prime_hover: hsl(var(--hue) calc(var(--sat) * 0.7) 25%);
	--theme_bg_select: hsl(var(--hue) calc(var(--sat) * 0.8) 22%);
	--theme_bg_select_hover: hsl(var(--hue) calc(var(--sat) * 0.7) 25%);
	--theme_bg_mid: hsl(var(--hue) calc(var(--sat) * 0.9) 15.5%);
	--theme_bg_mid_hover: hsl(var(--hue) calc(var(--sat) * 0.9) 17%);
	--theme_bg_dark: hsl(var(--hue) var(--sat) 7%);
	--theme_bg_dark_hover: hsl(var(--hue) var(--sat) 2%);
}




/* catamaran-300 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 300;
  src: url('../_webfonts/catamaran-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_webfonts/catamaran-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_webfonts/catamaran-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_webfonts/catamaran-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../_webfonts/catamaran-v17-latin-300.ttf') format('truetype') /* Safari, Android, iOS */
}
/* catamaran-regular - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 400;
  src: url('../_webfonts/catamaran-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_webfonts/catamaran-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_webfonts/catamaran-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_webfonts/catamaran-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../_webfonts/catamaran-v17-latin-regular.ttf') format('truetype') /* Safari, Android, iOS */
}
/* catamaran-500 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 500;
  src: url('../_webfonts/catamaran-v17-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_webfonts/catamaran-v17-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_webfonts/catamaran-v17-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_webfonts/catamaran-v17-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../_webfonts/catamaran-v17-latin-500.ttf') format('truetype') /* Safari, Android, iOS */
}
/* catamaran-600 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 600;
  src: url('../_webfonts/catamaran-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_webfonts/catamaran-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_webfonts/catamaran-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_webfonts/catamaran-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../_webfonts/catamaran-v17-latin-600.ttf') format('truetype') /* Safari, Android, iOS */
}
/* catamaran-800 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 800;
  src: url('../_webfonts/catamaran-v17-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_webfonts/catamaran-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_webfonts/catamaran-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_webfonts/catamaran-v17-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../_webfonts/catamaran-v17-latin-800.ttf') format('truetype') /* Safari, Android, iOS */
}


/* THEME */
body.in {
	background-color: #000000;
	background-image: none;
}
.section, .box_bg {
	background-color: var(--theme_bg_box);
}
.sticker .shadow, .sticker .blue {
	fill: var(--theme_bg_box);
}
.jFiler-input-dragDrop {
	background-color: var(--theme_bg_frost);
}
input[type="text"], input[type="submit"], input[type="number"], input[type="date"], input[type="time"], input[type="email"], input[type="url"], input[type="password"], textarea, .inputfile + label, .tagify__input, .sheet_goto {
	background-color: var(--theme_bg_prime);
}
input[type="text"]:hover, input[type="number"]:hover, input[type="date"]:hover, input[type="time"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="password"]:hover, textarea:hover, .inputfile + label:hover, .tagify__input:hover, .sheet_goto:hover {
	background-color: var(--theme_bg_prime_hover);
}
select {
	background-color: var(--theme_bg_select);
}
select:hover {
	background-color: var(--theme_bg_select_hover);
}
.checkbox_field, .radio_field, .cb_slide_toggle {
	background-color: var(--theme_bg_mid);
}
.checkbox_field:hover, .radio_field:hover, .cb_slide_toggle:hover {
	background-color: var(--theme_bg_mid_hover);
}
.cb_slide_toggle {
	-webkit-box-shadow: 0 0 0 1px var(--theme_bg_box);
	box-shadow: 0 0 0 1px var(--theme_bg_box);
}
code, .json_container, input:read-only, input:read-only:hover, textarea:read-only, textarea:read-only:hover {
    background-color: var(--theme_bg_dark);
}
.readonly_box, .checkbox_field.readonly, .radio_field.readonly, input:read-only:not([type=submit]):focus, textarea:read-only:focus {
	background-color: var(--theme_bg_dark) !important;
}
code.select_code:hover {
	background-color: var(--theme_bg_dark_hover);
}

.nav_cat, .logomum:after {
	background-color: var(--theme_bg_box);
}
.container_left, .cat_active, .cat.cat_active:after, .logomum:before {
	background-color: var(--theme_bg_prime);
}
header {
	background-color: var(--theme_bg_box);
}
.scroll header {
	background-color: hsl(var(--hue) calc(var(--sat) * 0.4) 21% / 60%)
}
/* THEME */














* {
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%;
}
html {
	font-size: 10px;
	font-size: 62.5%; /* 10px */
}
body {
	font-family: 'Catamaran', sans-serif;
	font-size: 17.6px;
	font-weight: 300;
	letter-spacing: 0.035em;
	margin: 0;
	padding: 0;
	color: #c9c1b5;
	color: #d7d2cc;
	color: #efd6d0;
	color: #ffebe6;
	background-color: #101013;
	text-align: center;
	overflow-y: scroll;
	-webkit-tap-highlight-color: transparent;
}
body:not(.sumsymode)::-webkit-scrollbar, textarea::-webkit-scrollbar, select::-webkit-scrollbar, .autocomplete-suggestions::-webkit-scrollbar, code::-webkit-scrollbar, .json::-webkit-scrollbar, nav::-webkit-scrollbar {
    width: 14px;
	height: 14px;
    background: transparent;
}
body:not(.sumsymode)::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb, select::-webkit-scrollbar-thumb, .autocomplete-suggestions::-webkit-scrollbar-thumb, code::-webkit-scrollbar-thumb, .json::-webkit-scrollbar-thumb, nav::-webkit-scrollbar-thumb {
    background: #737582;
    border-radius: 8px;
    border: 4px solid transparent;
    background-clip: content-box !important;
}
::-webkit-scrollbar-thumb:hover {
    background: white;
}
input:read-only:focus, textarea:read-only:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.checkbox_field.readonly .checkbox_label, .radio_field.readonly .radio_label {
	pointer-events: none;
}
.checkbox_field.readonly:hover, .radio_field.readonly:hover {
	background-color: transparent;
}
.checkbox_field.readonly a:hover label, a:hover .readonly_box, .checkbox_field.readonly a:hover label em, .radio_field.readonly a:hover label em {
	color: #85ffe8 !important;
}
.checkbox_field.readonly a {
	display: table-cell;
	display: flow-root;
}
input[type="text"], input[type="submit"], input[type="number"], input[type="date"], input[type="time"], input[type="email"], input[type="url"], input[type="password"], select, textarea, button, .readonly_box, .tagify__input, .tagify--mix .tagify__input {
	font-family: 'Catamaran', sans-serif;
	width: 100%;
	color: rgb(218 220 225);
	text-align: left;
	margin: 0;
	padding: 0 var(--i_xpadding);
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none; 
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	border: none;
}
input[hidden], select[hidden] {
	display: none;
}
input:not([type=submit]):focus, textarea:focus, .tagify__input:focus {
	background-color: hsl(var(--hue) var(--sat) 10%);
	outline: 0 none;
	transition: 0.35s ease;
	color: #FFFFFF !important;
	z-index: 1;
	-webkit-box-shadow: 0px 0 14px rgb(101 108 195 / 45%), inset 0 0 0 1px #656cc3;
	box-shadow: 0px 0 14px rgb(101 108 195 / 45%), inset 0 0 0 1px #656cc3;
}
input[type="submit"]:focus, button[class="confirm"]:focus {
	outline: 0 none;
}
.form_main input[type="submit"]:disabled, button[class="confirm"]:disabled, .disabled {
	background-color: #86898a;
	color: #191919;
	transition: 0;
	cursor: default !important;
}
input[class="action_li"]:disabled {
	background-color: transparent !important;
}
.disabled, .pe {
	pointer-events: none;
}
textarea {
	display: table-cell;
	margin: 0 auto;
	height: 228px;
	font-size: 0.80em;
	text-align: left;
	font-weight: 300;
	resize: vertical;
	min-height: 50px;
	letter-spacing: 0.04em;
	padding: 8px var(--i_xpadding);
}
select {
	color: #b8caff;
	padding: 0px var(--i_xpadding);
	cursor: pointer;
}
select:hover, input[type="text"]:hover, input[type="number"]:hover, input[type="date"]:hover, input[type="time"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="password"]:hover, textarea:hover, .inputfile + label:hover, .readonly_box:hover {
	color: #FFFFFF;
}
option {
	padding: 0px 15px;
	outline: none;
	border: none;
}
.i {
	margin: 0 auto;
}
.lowest {
	height: 106px;
}
.low {
	height: 152px;
}
.normal {
	height: 210px;
}
.high {
	height: 300px;
}
.highest {
	height: 420px;
}
/*
.input_container {
	max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
*/
.input_container::-webkit-scrollbar {
	width: 0px;
}
input {
	text-align: center;
}
input, select, .readonly_box, .checkbox_field.oneline, .radio_field.oneline, .cb_slide_toggle {
	height: var(--i_height);
}
input[type="text"], input[type="number"], input[type="date"], input[type="time"], input[type="email"], input[type="url"], input[type="password"], select, .readonly_box, .tagify__input, .checkbox_field, .radio_field, .cb_slide_toggle, .tagify_suggestions, .autocomplete-suggestions, .sheet_goto, input[type=range], textarea {
	border-radius: 6px;
}
input[type=range]::-webkit-slider-runnable-track {
	border-radius: 6px;
}
input[type=range]::-moz-range-track {
	border-radius: 6px;
}
input, select, .readonly_box, .tagify__input {
	font-size: 0.78em;
	font-weight: 300;
	letter-spacing: 0.06em;
}
.readonly_box {
	overflow: hidden;
	line-height: var(--i_height);
	display: block;
	margin: 0 auto;
}
a .readonly_box {
	color: #85ffe8;
}
a .readonly_box:hover {
	color: white !important;
}
input[type="submit"], button {
	background-color: #5159c7;
	background-color: #565ec3;
	background-color: #545cc7;
	width: auto;
	height: 60px;
	margin-top: 25px;
	padding-left: 48px;
	padding-right: 48px;
	border-radius: 4px;
	color: #FFF;
	letter-spacing: 0.045em;
    font-weight: 400;
	cursor: pointer;
	transition: 0.25s ease;
	text-align: center;
}
input[class="login_sub"] {
	width: 195px;
	margin-top: 25px;
}
input[type="submit"]:hover, button[class="confirm"]:hover {
	background-color: #42425B;
	background-color: #45456b;
	background-color: #3F467B;
	outline: 0 none;
}
input[class="alert_sub"] {
	background-color: #a24a6f;
}
input[class="delete"], button.delete {
	width: auto;
	height: auto;
	font-size: 0.75em;
	font-size: 1.3rem;
	font-size: 0.68em;
	font-weight: 400;
	color: #FFF;
	border-radius: 3px;
	background-color: #8e3961;
	background-color: #8f3d6d;
	padding-top: 5px;
	padding-bottom: 5px;
}
input[class="delete"], button.delete:hover {
	background-color: #9e476f;
	background-color: #723B54;
}
input[class="confirm"], button[class="confirm"] {
	width: auto;
	font-size: 0.70em;
	height: 29px;
	background-color: #4F4753;
}
.date_container {
	position: relative;
	width: 280px;
	margin: 0 auto;
}
input[class="date"] {
	width: calc(33.333333333333% - 1.333333333333px);
}
input[class="date_m"] {
	width: calc(33.333333333333% - 1.333333333333px);
	margin: 0 2px;
}
input[class="time_h"] {
	width: calc(50% - 1px);
	margin: 0 1px 0 0;
}
input[class="time_m"] {
	width: calc(50% - 1px);
	margin: 0 0 0 1px;
}
.center {
	text-align: center !important;
}
/*
input[class="dbbackup"] {
	display: block;
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	border-radius: 3px;
	background-image: url(../_gfx/backup.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120px 120px;
}
*/
input[class="dbbackup"] {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background-color: transparent !important;
	margin: 0;
	z-index: 1;
}
.dbbackup_contain:hover + .sticker {
	opacity: 0.9;
}
.inputfile, input[type="file"] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	width: 70%;
	float: left;
	height: 63px;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 300;
	line-height: 63px;
	text-align: left;
	padding: 0 var(--i_xpadding);
	cursor: pointer;
	display: inline-block;
	font-size: 0.91em;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	overflow: hidden;
	border-radius: 5px 0 0 5px;
	color: rgb(218 220 225);
}
.inputfile + label:hover {
	outline: 0 none;
}
.inputfile + label span {
	width: 330px;
    display: block;
    overflow: hidden;
}
input[class="upload"], input[class="upload_bright"] {
	background-color: #4F4753;
	background-color: #4b478a;
	background-color: #5d63ad;
	background-color: #565ec3;
	width: 30%;
	float: left;
	margin: 0;
	padding: 0;
	height: 63px;
	font-size: 0.56em;
    font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.21em;
	background-image: url(../_gfx/upload.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto 63px;	
	padding-top: 35px;
	color: #FFFFFF;
	border-radius: 0 5px 5px 0;
	-webkit-box-shadow: -5px 0px 15px 0 rgba(0, 0, 0, 0.22);
	box-shadow: -5px 0px 15px 0 rgba(0, 0, 0, 0.22);
}
input[class="upload"]:hover, input[class="upload_bright"]:hover {
	background-color: #43484F;
}
input[class="upload_bright"] {
	background-image: url(../_gfx/update.svg);
	background-color: #918697;
	background-color: #60689c;
}
.input_container {
	float: left;
	width: 100%;
	margin: 0;
	/*overflow: hidden;*/
}



::-moz-selection { color: #000000; background: #a9bcff; }
::selection { color: #000000; background: #a9bcff; }
r {
	font-weight: 400;
}
m, .m {
	font-weight: 500;
}
b, .bold, strong {
	font-weight: 600;
}
em {
	font-style: normal !important;
}
a,
a:visited {
	text-decoration: inherit;
	color: inherit;
	font-weight: inherit;
}
a:hover {
	color: white;
}
.underline:hover {
	color: inherit;
	text-decoration: underline;
}
hr.pre_hr {
	border-left: 0;
	border-right: 0;
    border-bottom: 0;
    border-color: white;
    opacity: 0.15;
    margin-top: 25px;
	margin-bottom: 5px;
    width: 100%;
    float: left;
}
h1 {
	margin: 16px auto 26px auto;
	font-size: 1.8em;
	font-weight: 600;
	text-align: center;
	color: #FFF;
	line-height: 1.1em;
	width: 100%;
    z-index: 1;
    position: relative;
}
h2 {
	font-size: 1.1em;
	font-weight: 300;
	margin-top: 6px;
	margin-bottom: 19px;
	text-transform: none;
	line-height: normal;
	color: #FFF;
}
.section h3, .jFiler h3 {
	padding: 0px var(--i_xpadding);
    font-size: 12px;
	height: 18px;
	line-height: 18px;
    font-weight: 300;
    margin-top: 17px;
    margin-bottom: 1px;
	letter-spacing: 0.05em;
	position: relative;
	text-align: left;
    z-index: 1;
	overflow: hidden;
	color: white;
	/*line-break: anywhere;*/
	white-space: nowrap;
}
.section h3:before {
    content: "";
    position: absolute;
    top: 0;
	right: 0;
    width: calc(var(--i_xpadding) * 3);
    height: 100%;
    background: linear-gradient(90deg, hsl(var(--hue) var(--sat) 12% / 0%), var(--theme_bg_box) 90%);
}
.required h3:after {
	position: absolute;
    content: "•";
	font-weight: 800;
    color: #85ffe8;
	text-shadow: 0 0 5px #85ffe8;
    right: var(--i_xpadding);
    background-color: var(--theme_bg_box);
    -webkit-box-shadow: 0 0 6px 6px var(--theme_bg_box);
	box-shadow: 0 0 6px 6px var(--theme_bg_box);
    transition: opacity 1.4s;
}
.item_excluded.required h3:after {
    opacity: 0;
}
.jFiler h3 {
	text-align: center;
}
.simditor h3 {
	height: auto !important;
	overflow: visible !important;
}
.simditor h3:before {
	display: none;
}
p {	
	display: block;
	font-size: 0.7em;
	color: #CCCCCC;
	font-weight: 300;
	padding: 0 30px;
	margin-top: 14px;
	margin-bottom: 21px;
	text-align: center;
	line-height: 1.6em;
}
p ~ p {
	margin-top: -10px;
}
ul {
	list-style-type: none;
}
.clear {
	clear: both;
}




header {
	position: fixed;
	box-sizing: border-box;
	height: 47px;
	line-height: 47px;
	width: 100%;
	text-align: center;
	z-index: 600;
	padding: 0 32px 0 0;
	transition: 0.35s;
	-webkit-backdrop-filter: blur(15px) saturate(150%);
	backdrop-filter: blur(15px) saturate(150%);
	-webkit-box-shadow: 0px 0 9px 0 rgb(0 0 0 / 35%);
	box-shadow: 0px 0 9px 0 rgb(0 0 0 / 35%);
	-webkit-animation: move 0.8s forwards;
	animation: move 0.8s forwards;
}
@-webkit-keyframes move {
	0%   { top: -50px; }
	50%  { top: -50px; }
    100% { top: 0px; }
}
@keyframes move {
	0%   { top: -50px; }
	50%  { top: -50px; }
    100% { top: 0px; }
}
.logo_small {
	position: relative;
	height: 100%;
	width: auto;
	display: block;
	-webkit-box-shadow: 0 1px 0 0 rgb(0 0 0 / 10%), -20px 0px 40px #282828;
	box-shadow: 0 1px 0 0 rgb(0 0 0 / 10%), -20px 0px 40px #282828;
	z-index: 1;
}

.logomum {
	position: relative;
	float: left;
	width: 120px;
	height: 100%;
	margin-right: 50px;
	text-align: center;
	background-color: rgb(0 0 0 / 80%);
}
/*
.logomum:after {
    content: "";
    width: 100%;
    height: 27px;
    position: absolute;
	pointer-events: none;
    left: 0;
	opacity: 0.5;
}
*/
.logomum:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	transition: 0.25s;
}
.logomum:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.user {
	position: relative;
	float: right;
	width: auto;
	font-weight: 300;
	text-align: right;
	color: #85ffe8;
}
.profilepic, .brand {
	position: relative;
	display: inline-block;
}
.profilepic {
	float: left;
	border-radius: 8px;
	width: 28px;
	height: 28px;
	margin: 9px 0.9em 0 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.brand {
	float: right;
    margin-left: 0.9em;
    top: 23px;
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.brand img {
	position: relative;
    display: block;
}
a:hover .profilepic, .brand:hover img {
	opacity: 0.75;	
}
a.usera {
	color: #FFFFFF;
	font-weight: 300;
}
a.usera:hover {
	text-decoration: none;
	color: #85ffe8;
}
.profilepic_show {
	width: 100px;
	height: 100px;
	background-color: #65676B;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%;
}
.profilepic_show_overlay, .profilepic_overlay {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	opacity: 0;
	transition: 0.25s;
	overlay: hidden;
	border-radius: 50%;
}
.profilepic_show_overlay {
	background-image: url(../_gfx/enlarge.svg);
}
.profilepic_add {
	background-color: rgba(79,71,83,0.95);
	background-image: url(../_gfx/addpic.svg);
}
.profilepic_edit {
	background-color: rgba(79,71,83,0.95);
	background-image: url(../_gfx/editpic.svg);
}
.profilepic_show_overlay:hover, .profilepic_overlay:hover {
	opacity: 1;	
}
.section {
	border-radius: 0px;
	margin: 10px 0;
	padding: 20px 20px 40px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
	overflow: hidden;
}
.section, .jFiler-input-dragDrop  {
	-webkit-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.18);
	box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.18);
}
.wrap {
	min-height: 100%;
	float: left;
	position: relative;
	padding: 0;
}
.b_login .wrap {
	height: 100%;
	min-height: 540px;
}
.sumsy_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
.titlepic {
	position: fixed;
	width: 100%;
	max-width: 1190px;
	padding-bottom: 21%; 
	left: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity: 0.3;
	-webkit-animation: titleop 1.6s;
	animation: titleop 1.6s;
}
@-webkit-keyframes titleop {
      0% { opacity: 0; }
	 15% { opacity: 0; }
	100% { opacity: 0.3; }
}
@keyframes titleop {
      0% { opacity: 0; }
	 50% { opacity: 0; }
	100% { opacity: 0.3; }
}
.title_grad_b {
	position: absolute;
	width: 100%;
	height: 80%;
	bottom: -1px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.title_grad_r {
	position: absolute;
	width: 50%;
	height: 100%;
	right: -1px;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}
.container_left {
	float: left;
	position: fixed;
	width: 350px;
	width: auto;
	height: 100vh;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
}
.container_right {
	position: relative;
	float: left;
	width: 100%;
	min-height: 100vh;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 400px 0 400px;
}
.container_left.c_start ~ .container_right {
    padding-left: 0;
	padding-right: 0;
}
.sheet_page .container_right {
	padding: 80px 0 0 0;
}
.sheet_page .inside_mum {
    width: 100%;
    max-width: 1000px;	
}
.sheet_page .section:not(.simditor-popover) {
	padding: 0;
}
.back {
    width: auto;
    height: 47px;
	display: block;
    line-height: 47px;
    position: fixed;
	left: 120px;
	padding: 0 22px;
    font-weight: 300;
	z-index: 800;
	-webkit-animation: move 0.8s forwards;
	animation: move 0.8s forwards;
}
.sumsymode .back {
	width: 100%;
	left: 0;
	top: 0 !important;
	padding: 0 1.8em;
	padding-top: 0 !important;
	margin-bottom: 0 !important;
}
.sheet_page header, .sheet_page .back {
	position: absolute;
}
.back:before {
	content: "< ";
	color: white;
}
.back:after {
	content: " >";
	color: transparent;
}
.back, .user {
	letter-spacing: 0.065em;
	font-size: 0.78em;
}
.tagify__tag {
	margin: 0 2px !important;
}
.tagify__input {
	padding: 4px 14px !important;
}
.tagify_suggestions {
	background-color: #303133;
	color: black;
	font-weight: 400;
}
.nav_cat {
	position: relative;
	float: left;
	width: 120px;
	height: 100%;
	padding-top: 82px;
}
.cat {
	position: relative;
	float: left;
	width: 100%;
	height: 105px;
	text-align: center;
	transition: 0.25s;
	border-top: 1px solid rgba(47,48,56,0.4);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cat_active + .cat {
	border-top-color: transparent;
}
.nav_cat a:last-child .cat {
	border-bottom: 1px solid #303133 !important;
	border-bottom: 1px solid rgba(47,48,56,0.4) !important;
}
.cat_svg {
	fill: none;
	stroke: #868686;
	stroke-miterlimit: 10;
	transition: 0.25s;
}
.cat_indicator {
	width: 1px;
	height: 0%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #b499ff;
	transition: 0.25s;
}
.cat_font {
	font-size: 0.88em;
    font-weight: 400;
	letter-spacing: 0.05em;
	color: #868686;
	position: relative;
	padding: 0;
	transition: 0.25s;
}
.cat_active, .cat_active:last-child {
	border-top: 0px;
	border-bottom: 0px;
	-webkit-box-shadow: -15px 5px 20px 0px rgba(0,0,0,0.28);
	box-shadow: -15px 5px 20px 0px rgba(0,0,0,0.28);
}
.cat.cat_active:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 120%;
    top: -10%;
    right: -15px;
}
.cat_active .cat_svg {
	stroke: #85ffe8;
}
.cat_active .cat_font {
	color: #FFFFFF;
}
.cat_active .cat_indicator {
	background-color: #85ffe8;
	height: 100%;
}
.cat:hover {
	background-color: #212223;
	background-color: rgb(0 0 0 / 10%);
}
.cat:hover .cat_svg {
	stroke: #FFFFFF;
}
.cat:hover .cat_indicator {
	background-color: #b499ff;
	height: 100%;
}
.cat_svgid {
	padding: 0;
	margin: 10px 0 -2px 0;
	width: 120px;
	float: left;
	stroke-width: 1.24;
}
nav {
	position: relative;
	float: left;
	width: 230px;
	height: calc(100% - 150px);
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 22px;
	margin-top: 90px;
	overflow: auto;
}
nav ul {
    margin: 0;
    padding: 0 22px 4px 0;
}
nav li {
	margin: 0 0 12px 0;
    padding: 0;
    line-height: 1.25em;
    font-weight: 300;
    font-size: 1.4rem;
    letter-spacing: 0.075em;
}
nav li:last-child {
	margin-bottom: 0;
}
.active a.nav {
	color: #85ffe8;
}
.active a.nav:hover {
	color: #FFFFFF;
}
nav li.hl {
	color: #7c7f8f;
    font-weight: 500;
    letter-spacing: 0.035em;
    font-size: 0.9em;
}
a.nav {
	color: #FFFFFF;
}
a.nav:hover {
	text-decoration: none;
	color: #85ffe8;
}
.adminmode {
    font-size: 10px;
    line-height: 22px;
    height: 22px;
    display: inline;
    position: relative;
    padding: 0 5px 0 5px;
    border-radius: 3px;
    border: 1px solid #787878;
    vertical-align: text-top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.adminmode.active {
	color: white;
    border-color: #ffb5a4;
}
.adminmode:not(.active):hover {
	border-color: rgba(255,255,255,0.75);
}
.adminmode:hover {
	color: #ffe5df !important;
}
.nopuffer {
	margin: 0 !important;
}
.margin_top {
	margin-top: 30px;
}
.nopadding {
	padding: 0 !important;
}
.centerbox {
	margin: 0 auto;
}
.widebox {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;	
	width: 100%;
}
.login_mum {
	position: relative;
	width: 100%;
	max-width: 900px;
	height: 420px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
	background-color: #212223;
	-webkit-box-shadow: 0 0 30px black;
	box-shadow: 0 0 30px black;
	overflow: hidden;
	border-radius: 10px;
	transition: 0.6s;
}
.login_mum:after {
    content: "";
	position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(270deg, #85ffe8, #b499ff);
    background-size: 200% 200%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transition: 0.7s cubic-bezier(1,0,0.7,1);
    -webkit-animation: login_mum_app 5s ease infinite;
    animation: login_mum_app 5s ease infinite;
}
body.report .login_mum {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
@-webkit-keyframes login_mum_app {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes login_mum_app {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.login_mum.lmload:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.login_logo_mum, .login_form_mum {
	position: relative;
	float: left;
	height: 100%;
	width: 50%;
}
.login_form_mum {
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.login_logo_mum {
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_form {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 240px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.login_form input[name=email], .login_form input[name=passwort], .filter {
	height: 41.5px;
    background-color: transparent !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
	text-align: center !important;
}
.login_form input:focus:required:invalid {
	border: 0 !important;
	border-bottom: 1px solid rgba(255,255,255,0.3) !important;
	border-bottom: 1px solid #6c74d9 !important;
	background-color: transparent !important;
}
.login_form input[name=email]:focus, .login_form input[name=passwort]:focus, .filter:focus {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	border-bottom: 1px solid rgba(255,255,255,0.3)!important;
	border-bottom: 1px solid #6c74d9 !important;
}
.login_form input[name=passwort] {
	margin-top: 10px;
}
.login_form input[type=submit] {
	width: 100%;
	height: 55px;
	margin-top: 26px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25);
	box-shadow: 0 0 6px rgba(0,0,0,0.25);
}
.login_logo {
	position: relative;
	width: 110px;
	height: 145px;
	fill: #FFFFFF;
	display: block;
}
.filter_form {
	margin: -9px 0 36px 0;
}
.inside_mum {
	width: 601px;
	text-align: center;
	padding-top: 0;
	padding-bottom: 60px;
}
.logo_login {
	width: 100%;
	height: auto;
	position: relative;
	padding: 40px;
	padding-top: 20px;
	box-sizing: border-box;
}
.logo_center_small {
	width: 82px;
	height: 82px;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	margin: 0 auto;
	fill: #FFFFFF;
}
input[class="login"] {
	height: 70px;
	color: rgba(255,255,255,0.55);
	margin-bottom: 6px;
	border-radius: 0px;
	background-color: #2e2f31;
	border: 1px solid #2e2f31;
}
input[class="login_sub"] {
	width: 195px;
	height: 70px;
}
.login, .login_sub {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 500;
}

nav {
    -webkit-animation: opascroll 0.3s;
            animation: opascroll 0.3s;	
}
.scroll-line {
	position: fixed;
	left: 0;
	top: 46px;
	height: 1px;
	z-index: 900;
	width: 0%;
    -webkit-animation: opascroll 3s;
            animation: opascroll 3s;
}
@-webkit-keyframes opascroll {
      0% { opacity: 0; }
     40% { opacity: 0; }	  
    100% { opacity: 1; }
}
@keyframes opascroll {
      0% { opacity: 0; }
     40% { opacity: 0; }	  
    100% { opacity: 1; }
}
.gradient_h {
	background: -moz-linear-gradient(left,  #85ffe8 0%, #b499ff 89%); 
	background: -webkit-linear-gradient(left,  #85ffe8 0%,#b499ff 89%); 
	background: linear-gradient(to right,  #85ffe8 0%,#b499ff 89%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85ffe8', endColorstr='#b499ff',GradientType=1 ); 
}
.ov_unset {
	overflow: visible !important;
}
.ov_auto {
	overflow: auto;
	display: table;
}

input::-ms-clear {
    display: none;
} 
::-webkit-input-placeholder {
	color: rgba(255,255,255,0.32);
	font-weight: 300;
}
:-moz-placeholder { 
	color: rgba(255,255,255,0.32) ;
	font-weight: 300; 
}
::-moz-placeholder {  
	color: rgba(255,255,255,0.32);
	font-weight: 300;  
}
:-ms-input-placeholder {  
	color: rgba(255,255,255,0.32); 
	font-weight: 300; 
}
body.b_login ::-webkit-input-placeholder {
	color: rgba(255,255,255,0.42);
	font-weight: 300;
}
body.b_login :-moz-placeholder { 
	color: rgba(255,255,255,0.42);
	font-weight: 300; 
}
body.b_login ::-moz-placeholder {
	color: rgba(255,255,255,0.42);
	font-weight: 300;  
}
body.b_login :-ms-input-placeholder {
	color: rgba(255,255,255,0.42);
	font-weight: 300; 
}
footer {
	position: relative;
	float: left;
	padding: 7px 32px;
	z-index: 2;
}
.foot_left {
	position: relative;
    float: left;
    width: calc(100% - 28px);
    padding: 0 28px 0 28px;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
    text-align: right;
    line-height: 30px;
    font-size: 0.7em;
    font-weight: 400;
    color: rgba(255,255,255,0.6);
} 
.sunpie {
	position: relative;
	float: right;
	height: 30px;
	opacity: 0.7;
}
.sunpie:hover {
	opacity: 1;
}

.plus_mum {
	width: 100%;
	position: relative;
	float: left;
	margin: 0 0 -24px 0;
}
.plus {
	width: 100px;
	height: 100px;
	position: relative;
	padding: 0;
	margin: 0 auto;
}
.circle {
    fill: rgba(255,255,255,0.1);
    stroke: rgba(255,255,255,0.0);
    stroke-width: 1.5;
    stroke-miterlimit: 10;
	stroke-linecap: round;
    transition: 1s;
    stroke-dashoffset: 400;
    stroke-dasharray: 200;
}
.plus_stroke {
    fill: none;
    stroke: #91959c;
    stroke-width: 8px;
    stroke-miterlimit: 10;
    stroke-linecap: round;
	-webkit-transform-origin: center;
    transform-origin: center;
	-webkit-transform: scale(0.45);
    transform: scale(0.45);
	transition: 1s;
}
.plus:hover .circle {
	stroke: #85ffe8;
	stroke-dashoffset: 0;
}
.plus:hover .plus_stroke {
	stroke: #FFF;
}
#svg_plus, .svg_plus {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	cursor: pointer;
}
.general_list {
	position: relative;
	color: #FFFFFF;
	margin: 0;
	display: block;
	background-color: rgba(0,0,0,14%);
	border-radius: 0.55em;
	overflow: hidden;
}
.general_list.oodmum {
	transition: border-radius 0.35s;
}
.general_list.oodmum:has(.ood_down),
.general_list:has(span.green):not(:last-child),
.general_list:has(.nz.blue) {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.general_list.ood,
.general_list:not([data-table]) + .general_list[data-table] {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

ul.general_list > li > a, ul.general_list > li span {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: left;
}

.general_list li {
	font-weight: 300;
	padding: 0;
}
.general_list li a,
.general_list span {
	display: block;
}
.general_list span {
	position: relative;
	transition: 0.15s;
	padding: 0.7em var(--w);
	line-height: 1.6em;
	margin-bottom: 1px;
}
.general_list span:not(.green, .blue, .red, .gl_active):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,5%);
    top: -1px;
    left: 0;
	transition: 0.15s;
}
.general_list li:first-child span:before,
.general_list li:has(.gl_active) + li span:before {
	display: none;
}
/*
.general_list li:hover + li span:before,
.general_list span:not(.green, .blue, .red, .gl_active):hover:before {
	opacity: 0;
}
*/

.general_list span:not(.green, .blue, .red, .gl_active):hover {
	background-color: rgb(0 0 0 / 12%);
}
.gl_active {
	background-color: #424a60 !important;
	background-color: #31364c !important;
	background-color: #353e62 !important;
}
.list_item {
	position: relative;
}
.list_item.active {
	z-index: 1;
}
.list_item.active span {
	background-color: #5952bf !important;
    background-color: #494fa3 !important;
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 75%);
    box-shadow: 0 0 15px rgb(0 0 0 / 75%);
}

.general_list span.green,
.general_list span.red,
.general_list span.blue {
	text-align: center;
}
.general_list:has(span.green):not(:last-child),
.general_list:has(span.red),
.general_list:has(span.blue) {
	margin: 2em 0 0 0;
}

.list_contain:only-child .general_list:first-child {
	margin-top: 0 !important;
}

.general_list:first-child span.green,
.general_list:first-child span.red,
.general_list:first-child span.blue {
	margin-top: 0;
}

.general_list span.green:hover {
	background-color: hsl(174.1deg 42.66% 71.96% / 10%) !important;
}
.general_list span.red:hover {
	background-color: #8b4051 !important;
}
.general_list span.green:hover, .general_list span.blue:hover, .general_list span.red:hover, .general_list span.gl_active:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.list_item.ui-sortable-helper span {
	background-color: #1d202b !important;
	box-shadow: 0 0 20px rgb(0,0,0,50%);
	transition: 0.15s;
}
.jFiler-item.ui-sortable-helper {
	background-color: rgba(31,32,38,0.8);
	border-radius: 5px;
	border-bottom: 0 !important;
	transition: none;
}
.ui-sortable-placeholder {
	position: relative;
	margin-bottom:1px;
}
.ui-sortable-placeholder-mupload {
	position: relative;
	float: left;
	height: 61px;
}
.ui-sortable-placeholder:after, .ui-sortable-placeholder-mupload:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 40px rgba(0,0,0,0.4);
	box-sizing: border-box;
	background: rgb(0, 0, 0, 40%);
}
.ui-sortable-placeholder-mupload:after {
	border: none;
	left: -1px;
}
.ui-sortable-handle {
	cursor: move;
}
.ui-sortable-handle {
	  -webkit-user-select: none; 
	   -khtml-user-select: none; 
	     -moz-user-select: none;
		  -ms-user-select: none;
		      user-select: none;
}
.ui-sortable-handle, .ui-sortable-handle *, .ui-sortable-helper, .ui-sortable-helper * {
	-webkit-touch-callout: none;
}
.big_list .general_list {
	font-size: 1em;
	letter-spacing: 0.04em;
}

.med_list .general_list {
	font-size: 0.85em;
	letter-spacing: 0.045em;
}

.sml_list .general_list {
	font-size: 0.76em;
	letter-spacing: 0.05em;
}

.list_contain {
	position: relative;
	float: left;
	width: 100%;
}
.general_list:last-child {
	margin: 0 0 14px 0;
}
.bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.ys_ne .list_contain { margin-top: 0; margin-bottom: 0; }

.ys_ye .list_contain { margin-top: 0; margin-bottom: -18px; }

.ns_ne .list_contain { margin-top: 16px; margin-bottom: 0; }

.ns_ye .list_contain { margin-top: 16px; margin-bottom: -18px; }
.wholerow {
	width: 100%;
	position: relative;
	float: left;
	margin: 2px 0 4px 0 !important;
}
.wholerow span {
	width: 100%;
    float: left;
    height: 43px;
    line-height: var(--i_height);
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wholerow span:hover {
	background-color: #807387 !important;
}



.message_mum {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999999999;
	max-width: 100%;
	opacity: 1;
	width: 100%;
	pointer-events: none;
}
@-webkit-keyframes msg {
    0%   { opacity: 1; display: block; width: 100%; height: auto; }
	60%  { -webkit-filter: grayscale(0); filter: grayscale(0); }
	90%  { opacity: 1; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    99%  { opacity: 0; display: block; width: 100%; height: auto; }
    100% { opacity: 0; display: none; width: 0px; height: 0px; ; }
}
@keyframes msg {
    0%   { opacity: 1; display: block; width: 100%; height: auto; }
	60%  { -webkit-filter: grayscale(0); filter: grayscale(0); }
	90%  { opacity: 1; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    99%  { opacity: 0; display: block; width: 100%; height: auto; }
    100% { opacity: 0; display: none; width: 0px; height: 0px; }
}
.message {
	position: relative;
	float: left;
	padding: 10px 18px;
	text-align: center;
	color: #FFFFFF;
	opacity: 0;
	font-size: 0.81em;
	font-weight: 400;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 12px 0px rgba(0,0,0,0.5);
    -webkit-animation: msg 4.7s forwards;
            animation: msg 4.7s forwards;
}



input:not([value=""]):invalid, input:not([value=""]):required:invalid {
    -webkit-box-shadow: inset 0 0 0 1px #723b4a;
	box-shadow: inset 0 0 0 1px #723b4a;
}
input:focus:invalid, input:focus:required:invalid {
	-webkit-box-shadow: 0px 0 14px rgb(211 99 129 / 37%), inset 0 0 0 1px #ab4f68;
	box-shadow: 0px 0 14px rgb(211 99 129 / 37%), inset 0 0 0 1px #ab4f68;
}
input:-moz-placeholder {
    box-shadow: none !important;
}
input:invalid {
    box-shadow: none;
}
textarea {
  overflow: auto;
}
.titlefiles_container {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
.pics_mum {
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5% 0 5%;
	text-align: center;
}
.pic_tn_mum, .pdf_tn_mum, .file_tn_mum {
	width: 150px;
	margin: 0 10px;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	overflow: hidden;
	vertical-align: top;
}
.pic_tn {
	width: 150px;
	height: 150px;
	position: relative;	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 10px;
	margin-bottom: 1px;
	background-color: rgba(255,255,255,0.04);
	border-radius: 8px;
}
.pic_tn_element {
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.pic_desc {
	width: 100%;
	position: relative;	
	overflow: hidden;
	float: left;
}
.pic_desc ul {
	margin: 10px 0 10px 0;
	padding: 0;
	font-weight: 300;
	font-size: 0.7em;
	color: #CCCCCC;
}
.pic_desc ul li {
	margin: 0;
	line-height: 1.4em;
}
.pic_desc ul li b {
	font-weight: 500;
	color: white;
}
.no_pic {
	background-color: #a6a8b5;
	background-image: url(../_gfx/no_picture.svg);
	background-size: 120px 120px;
}
.no_pdf {
	background-color: #a6a8b5;
	background-image: url(../_gfx/no_pdf.svg);
	background-size: 120px 120px;
}
.no_file {
	background-color: #a6a8b5;
	background-image: url(../_gfx/no_file.svg);
	background-size: 120px 120px;
}
.mdelete {
	background-color: rgba(79,71,83,0.95);
	border-radius: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background-image: url(../_gfx/delete.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120px 120px;
	opacity: 0;
	transition: 0.45s;
	margin: 0;
}
.mdelete:hover {
    opacity: 1;
    background-color: rgb(119 35 62 / 90%);
    cursor: pointer;
}
.deleteSpic, input[class="delete_pic"] {
	position: absolute;
	left: 0; 
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.mext_enlarge {
	background-color: rgba(79,71,83,0.95);
	border-radius: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background-image: url(../_gfx/mext_enlarge.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120px 120px;
	opacity: 0;
	transition: 0.45s;
	margin: 0;
}
.mext_enlarge:hover {
	opacity: 1;
	background-color: rgba(79,71,83,0.95);
}
.pic_tn label {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(79,71,83,0.95);
	background-image: url(../_gfx/upload_sqr.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120px 120px;
	opacity: 0;
	transition: 0.45s;
	cursor: pointer;
}
.pic_tn label:hover {
	opacity: 1;
	background-color: rgba(79,71,83,1);
}


input[type="checkbox"], input[type="radio"] {
	position: relative;
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	width: 14px;
	height: 14px;
	top: 1px;
}
.choice_desc {
	position: relative;
	float: left;
	width: calc(100% - 22px);
	cursor: default;
}
.checkbox_mum, .radio_mum {
	position: relative;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 var(--i_xpadding);
	margin: 4px 0 3px 0;
}
.large .checkbox_mum, .large .radio_mum {
	padding: 0 15px;
}
label {
	color: rgba(255,255,255,0.62);
	line-height: 18px;
	letter-spacing: 0.06em;
	font-weight: 300;
	font-size: 13px;
}
.checkbox_label, .radio_label {
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
	text-align: left;
}
.checkbox_field, .radio_field {
	width: 100%;
	margin: 0 auto;
	padding: var(--i_xpadding) 0px;
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.checkbox_field.oneline, .radio_field.oneline {
	width: 100% !important;
    padding: 0 var(--i_xpadding) !important;
    display: flex;
    align-items: center;
}
.checkbox_field.oneline .checkbox_mum, .radio_field.oneline .radio_mum {
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
}
.long {
	width: 100%;
}
.th_colors {
	display: block;
	position: relative;
	margin: 6px auto 10px auto;
	width: 82px;
	height: 33px;
}
.inline_list {
	position: relative;
	font-size: 1em;
	line-height: 1em;
	color: rgba(255,255,255,0.8);
	font-weight: 400;
	padding: 0 10px;
	margin: 0;

}
.inline_list li {
	padding: 5px;
	margin: 0;
	display: inline-block;
}
.inline_list span {
	border-radius: 0px;
	padding: 4px 12px;
	background-color: rgba(79,71,83,0.50);
	transition: 0.15s;
	display: inline-block !important;
	display: block;
}
.inline_list span:hover {
	background-color: #807387;
}
.nodata {
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	line-height: 0.8em;
	color: #CCCCCC;
}
.security {
	font-weight: 600;
	padding: 0 4px 0 calc(0.1em + 4px);
	margin-right: 4px;
	color: rgba(255,255,255,0.9);
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.hint {
	font-weight: 600;
	padding: 0 9px;
	margin-right: 4px;
	color: rgba(0,0,0,0.9);
	letter-spacing: normal;
	border-radius: 100px;
}
.mupload {
	margin: 0;
	width: 100px;
}

.shareplace_mum {
	position: relative;
	margin: 0 -1px;
	width: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.shareplace { 
	margin: 0;
	padding: 0 1px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.x {
	width: 10%;
}
.xv {
	width: 15%;
}
.xx {
	width: 20%;
}
.xxv {
	width: 25%;
}
.xxvi {
	width: 26.6666666%;
}
.xxx {
	width: 30%;
}
.xxxi {
	width: 33.3333333%;
}
.xl {
	width: 40%;
}
.l {
	width: 50%;
}
.lx {
	width: 60%;
}
.lxvi {
	width: 66.6666667%;
}
.lxx {
	width: 70%;
}
.lxxv {
	width: 75%;
}
.lxxx {
	width: 80%;
}
.xc {
	width: 90%;
}

.no_bg {
	background-color: none;
}
.fix_width {
	width: 70px;
	text-align: center;
}
.fix_width_l {
	width: 110px;
	text-align: center;
}
.right {
	text-align: right;
}
.capitalize {
	text-transform: capitalize;
} 

.inline_k {
	margin: 3px 0 !important;
	display: inline-block;
}
.inline_k span {
	margin: 3px;
}
.inline_k span:hover {
	padding: 4px 12px;
	background-color: #807387;
}


.info_field h2 {
	text-align: left;
	padding: 0 30px;
	margin-top: 20px;
}
.info_field p {
	text-align: left;
}
.info_field p:last-child {
	margin-bottom: 0px;
}



.leftfloat {
	position: relative;
	width: auto;
	float: left;
	color: #FFF;
}
.rang {
	position: relative;
	margin-left: 6px;
	width: 40px;
	height: 30px;
	float: left;
	color: #FFF;
}
.rightfloat {
	position: relative;
	width: auto;
	float: right;
}
.soft {
	font-weight: 300;
	color: rgba(255,255,255,0.6);
	font-size: 0.8em;
}
.soft_col {
	color: rgba(255,255,255,0.4);
}
.detail {
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 12%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: auto;
	color: rgba(255,255,255,0.65);
	font-size: 0.75em;
	font-weight: 300;
}
.detail li {
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: auto;
	border-bottom: 1px solid rgba(255,255,255,0.15);
}
.detail li:last-child {
	border-bottom: 0;
}
.spacer, .spacer_sm, .spacer_tiny {
	position: relative;
	width: 100%;
	float: left;
}
.spacer {
	height: 25px;
}
.spacer_sm {
	height: 15px;
}
.spacer_tiny {
	height: 5px;
}
.divcenter {
	margin: 0 auto;
}



.red {
	background-color: #a24a5f !important
}
.message.red {
	background-color: #9e4763 !important;
}
.redfont {
	color: rgba(224,127,127,0.74) !important;
}
.orange {
	background-color: rgba(207,128,49,0.70) !important;
}
.smoke {
	background-color: rgb(153 165 255) !important;
}
.general_list .smoke {
    padding: 0 0.2em 0 0.3em;
	color: black;
}
.blue {
	background-color: rgba(0,0,0,27%) !important;
    color: #56c9ff !important;
    font-weight: 500;
}
.green {
	background-color: rgba(0,0,0,27%) !important;
	color: #85ffe8;
    font-weight: 500;
}
.general_list li > .green {
    cursor: default;
}
.message.green {
	background-color: #99d6d0 !important;
	text-transform: none;
	color: black;
}
.turkise {
	background-color: rgb(84 141 138) !important;
}
.mint, a.mint, h3.mint {
	color: #85ffe8;
}
.purple {
	color: #BDA8C9;
}
.purple_bright {
	color: #c7b2dc;
}
.message.purple {
	background-color: #9582A0 !important;
	color: #FFFFFF;
	text-transform: none;
}
.pink {

	color: #F171A8;
}
.general_list .pink {
	color: #ff84b9;
}
.gray {
	color: #757575;
}
.white, a.mint:hover {
	color: #FFFFFF;
}
.warning {
	color: #ffbbc7;
}
.yellow, h3.yellow {
	color: #fffd9f;
}
.babyblue {
	color: #aeecff;
}
.nz {
	cursor: default;
}
.oodmum span {
	cursor: pointer;
}
.ood {
	display: none;
}

.refresh_mum {
	position: relative;
	height: 1px;
	width: 300px;
	margin: 0 auto 7px auto;
	background-color: rgba(255,255,255,0.20);
}
.refresh {
	position: relative;
	height: 1px;
	width: 300px;
	margin: 0 auto;
    -webkit-animation: refresh 6s linear;
       -moz-animation: refresh 6s linear;  
        -ms-animation: refresh 6s linear;
         -o-animation: refresh 6s linear;
            animation: refresh 6s linear;		
}
@keyframes refresh {
    from { width: 0px; }
    to   { width: 300px; }
}
@-moz-keyframes refresh {
    from { width: 0px; }
    to   { width: 300px; }
}
@-webkit-keyframes refresh {
    from { width: 0px; }
    to   { width: 300px; }
}
@-o-keyframes refresh {
    from { width: 0px; }
    to   { width: 300px; }
}

.nobr {
	white-space: nowrap;
}
.correctmargin {
	margin-top: -6px;
}
.master {
	background-image: url('../_gfx/master.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.master_fem {
	background-image: url('../_gfx/master_fem.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.alert {
	padding-left: 80px;
	padding-right: 80px;
	color: #FFFFFF;
	transition: 0.35s;
	border-radius: 6px !important;
	font-size: 1em;
    -webkit-animation: opalert 1s;
            animation: opalert 1s;		
}
@keyframes opalert {
      0% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes opalert {
      0% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes opalert {
      0% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes opalert {
      0% { opacity: 0; }
    100% { opacity: 1; }
}
.masterpic {
	width: 200px;
	height: auto;
	position: relative;
	margin: 0 auto;
}

.pointer:hover {
	cursor: pointer;
	color: white;
}


ul.mupload_list {
	margin: 0;
	padding: 0;

}
.mupload_list li {
	position: relative;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	float: left;
	width: 100%;
}
.mupload_list li:last-child {
	border-bottom: 0px;
}
.mupload_prev {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	background-color: grey;
}
.muploua_prev {
    max-width: none;
    max-height: 100%;
}
.mupload_desc {
	position: relative;
	float: left;
	line-height: 50px;
	font-size: 1em;
	margin: 0 0 0 20px;
}

.list_desc {
	width: auto;
	position: relative;	
	overflow: hidden;
	float: left;
	margin: 1px 0 0 0;
}
.list_desc ul {
	margin: 0;
	padding: 0;
	font-weight: 300;
	font-size: 0.7em;
	color: #CCCCCC;
}
.list_desc ul li {
	margin: 0;
	line-height: 1.3em;
	text-align: left;
}

.list_desc_grid {
	position: relative;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	float: left;
	width: 100%;
}

.list_desc_grid:last-child {
	border-bottom: 0px;
}



.li_delete, .li_dl {
	position: relative;
	float: right;
	width: 16px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 12px;
	opacity: 0.7;
	cursor: pointer;
	padding: 0;
	margin: 0 0 0 13px;
	border: 0;
	overflow: hidden;
}
.li_delete {
	background-image: url(../_gfx/files_delete.svg);
}
.li_dl {
	background-image: url(../_gfx/files_download.svg);
}
input[class="action_li"] {
	background-color: transparent !important;
	position: relative;
	height: 50px;
	width: 16px;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;


	border: 0px;
}
input[class="action_li"]:hover {
	background-color: transparent;
}
.li_delete:hover, .li_dl:hover {
	opacity: 1;
}
.color_choice {
	position: relative;
	float: right;
	width: 90%;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	color: transparent;
	line-height: 15px;
}

input[class="small"], .small {
	width: 185px;
}
input[class="medium"], textarea[class="medium"], .medium {
	width: 336px;
}
input[class="large"], textarea[class="large"], .large {
	width: 100%;
}


.rider {
    position: relative;
    width: 120px;
    padding: 18px 0;
    margin: 0 5px;
    display: inline-block !important;
    display: block;
    border: 1px solid rgba(255,255,255,0.2);
    color: #C3C3C3;
    font-size: 0.8em;
    border-radius: 3px;
    font-weight: 500;
}
.rider:hover {
	background-color: rgba(255,255,255,0.06);
	color: #FFFFFF;
	border: 1px solid rgba(255,255,255,0.4);
	cursor: pointer;
}
.rider_active {
	background-color: rgba(255,255,255,0.03) !important;
	color: #FFF;
	border-color: #85ffe8 !important;
}
.rider_red {
	background-color: rgb(255 138 176 / 8%) !important;
}
.json_container {
	border-radius: 5px;
}
#requests .json_container > * {
	-webkit-animation: opascroll 1s;
			animation: opascroll 1s;
}
code, .json {
	font-size: 12px;
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	font-weight: normal;
	line-height: 1.4em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	white-space: pre-wrap;
	overflow: auto;
	border-radius: 5px;
}
#module {
	white-space: pre;
}
code.select_code {
	opacity: 1;
}
code.select_code:hover {
	z-index: 1;
	-webkit-box-shadow: 0 0 20px rgb(0 0 0 / 27%);
	box-shadow: 0 0 20px rgb(0 0 0 / 27%);
	cursor: pointer;
}

.i, .item_mupload {
	transition: 0.25s;
}
.item_excluded {
    opacity: 0.30;
    pointer-events: none;
}


.cb_slide {
	position: relative;
	float: left;
	width: 100%;
	display: none;
	padding-top: var(--i_xpadding);
}
.cb_slide_toggle {
	position: relative;
	float: left;
	width: 100%;
	margin: calc(var(--i_xpadding) * -1) 0;
	cursor: pointer;
	transition: 0.3s;
	z-index: 1;
	-webkit-box-shadow: 0 0 6px rgb(0 0 0 / 20%);
	box-shadow: 0 0 6px rgb(0 0 0 / 20%);
}
.cb_slide_arr {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 47%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: url('../_gfx/form_select.svg');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
	transition: 0.4s;
}
.cb_slide_down {
	background-color: #414790;
	margin: calc(var(--i_xpadding) * -1) 0 0 0;
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	transition: 0.30s;
}
.cbsroa:not(.cb_slide_down), .quickedit_row.true, .quickedit_row.true.active, .sheet_goto.active {

}
.cb_slide_down:hover {
	background-color: #545cc7 !important;
}
.cb_slide_down .cb_slide_arr {
	top: 49%;
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	-ms-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg);
}

.no_bt_radius {
	border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.no_bb_radius {
	border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.jFiler.jFiler-theme-default {
	transition: 0.2s;
}
.mupload_inactive, .upload_inactive, .inactive {
    pointer-events: none;
    opacity: 0.4;
	filter: blur(2px);
}
.overlay {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.open_file {
	background-color: white;
	opacity: 0;
}
.open_file:hover {
	transition: 0s;
	opacity: 0.075;
}
.button_load {
    cursor: progress !important;
    -webkit-animation: colorfade 1.8s linear infinite alternate;
    animation: colorfade 1.8s linear infinite alternate;
    display: flex;
    align-items: center;
    justify-content: center;
}
@-webkit-keyframes colorfade {
    from { background-color: #b499ff; }
    to   { background-color: #78e6be; }
}
@keyframes colorfade {
    from { background-color: #b499ff; }
    to   { background-color: #78e6be; }
}
.button_load_anm {
	display: inline-block;
    position: relative;
    width: 55px;
    height: 26px;
}
button {
	overflow: hidden;
}
.button_load_anm div {
	position: absolute;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #FFFFFF;
	-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.button_load_anm div:nth-child(1) {
	left: 6px;
	-webkit-animation: button_load_anm1 0.6s infinite;
	animation: button_load_anm1 0.6s infinite;
}
.button_load_anm div:nth-child(2) {
	left: 6px;
	-webkit-animation: button_load_anm2 0.6s infinite;
	animation: button_load_anm2 0.6s infinite;
}
.button_load_anm div:nth-child(3) {
	left: 26px;
	-webkit-animation: button_load_anm2 0.6s infinite;
	animation: button_load_anm2 0.6s infinite;
}
.button_load_anm div:nth-child(4) {
	left: 45px;
	-webkit-animation: button_load_anm3 0.6s infinite;
	animation: button_load_anm3 0.6s infinite;
}
@keyframes button_load_anm1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes button_load_anm3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes button_load_anm2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
.dn {
	display: none;
}


#search_form {
	margin-bottom: 15px;
}
#search_form input[name=search] {
	height: 50px;
}
#search_form input[name=search]:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.autocomplete-suggestions {
	position: relative;
	background-color: #303133;
	overflow: auto;
	color: #FFFFFF;
	margin-top: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 15px 30px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 15px 30px;
}
.autocomplete-suggestion {
    font-size: 1em;
	padding: 10px 9px;
	line-height: 1.3em;
	cursor: pointer;
	border-top: 1px solid #262729;
}
.autocomplete-suggestion:first-child {
	border-top: none;
}
.autocomplete-selected {
	background-color: #262729;
}
.autocomplete-suggestions strong {
	color: #85ffe8;
}
.autocomplete-selected {
	color: #85ffe8;
}
.autocomplete-selected strong {
	color: #85ffe8;
}
.autocomplete-suggestion, .autocomplete-suggestions strong {
    font-weight: 500;
}




.sheet_goto {
	position: relative;
	margin: 0 auto;
	background-image: URL(../_gfx/sheet.svg);
	background-size: 100px 100px;
	background-position: center;
	background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


input[type=range] {
	width: 100%;
	-webkit-appearance: none;
	display: block;
	border: 1px solid;
	background-color: transparent;
	border-color: transparent !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	padding: 0;
}
input[type=range]:hover {
	border-color: transparent !important;
	background-color: rgba(255,255,255,0.025) !important;
}
input[type=range]:focus {
	outline: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-color: transparent !important;
	background-color: transparent !important;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	border: none;
	background-color: rgba(255,255,255,0.15);
}
input[type=range]::-webkit-slider-thumb {
	border: none;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #d7d0ff;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -4px;
}
input[type=range]::-moz-range-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	animate: 0.2s;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	background-color: rgba(255,255,255,0.15);
}
input[type=range]::-moz-range-thumb {
	border: none;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #d7d0ff;
	cursor: pointer;

}
input[type=range]::-ms-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	animate: 0.2s;
	background-color: rgba(255,255,255,0.15);
	border-color: transparent;
	color: transparent;
}
input[type=range]::-ms-fill-lower {
	background-color: transparent;
	border: none;
	border-radius: 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
input[type=range]::-ms-fill-upper {
	background-color: transparent;
	border: none;
	border-radius: 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
input[type=range]::-ms-thumb {
	border: none;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #d7d0ff;
	cursor: pointer;
	margin: 0;
	margin-top: -1px;
}
input[type=range]:focus::-ms-fill-lower {
	background-color: transparent;
}
input[type=range]:focus::-ms-fill-upper {
	background-color: transparent;
}
input[type=range]:hover::-webkit-slider-thumb {
	background-color: white !important;
}
input[type=range]:hover::-moz-range-thumb {
	background-color: white !important;
}
input[type=range]:hover::-ms-thumb {
	background-color: white !important;
}
input[type=range]:focus::-webkit-slider-thumb {
	background-color: #85ffe8 !important;
}
input[type=range]:focus::-moz-range-thumb {
	background-color: #85ffe8 !important;
}
input[type=range]:focus::-moz-range-thumb {
	background-color: #85ffe8 !important;
}
.more_trigger {
    display: inline-block;
}
.more_trigger:after {
	content: '...';
	cursor: pointer;
}
.more_trigger:hover:after {
	color: #85ffe8;
}
#more {
	padding-top: 1em;
}
.url_container {
	position: relative;
	float: left;
	margin: -5px -5px -19px -5px;
	width: calc(100% + 10px);
	text-align: center;
}
.url_mum {
    position: relative;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
	min-width: 115px;
    height: auto;
    display: inline-block;
}
.url_mum:hover {
	z-index: 1;
}
.url_in {
	position: relative;
    float: left;
    width: 100%;
    padding-bottom: 100%;
    box-sizing: border-box;
    border-radius: 8px;
	background-color: #bfc6d5;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-size: 80%;
    background-position: center center;
}
.url_in:hover {
	background-color: #545cc7;
}
.url_desc {
    position: relative;
    float: left;
    width: 100%;
    height: 20%;
    text-align: center;
	overflow: hidden;
}
.url_desc p {
	line-height: 2.6em;
}



.sumsymode header, .sumsymode .container_left, .sumsymode #itembox, .sumsymode .scroll-line {
	display: none;	
}
.sumsymode .container_right {
	padding: 33px 0 0 0;
}
.sumsymode .jFiler-input-dragDrop {
	border-left: 0;
    border-right: 0;
}
.sumsymode .titlepic {
	left: 0px;
}
.sumsymode .inside_mum {
    padding-bottom: 35px;
}



.children .general_list span:not(.red) {
	background-color: hsl(275deg 60% 8% / 80%);
}
.children .general_list span:not(.red):hover {
	background-color: hsl(275deg 100% 88% / 7%);
}

label.option input[type=checkbox], label.option input[type=radio] {
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: -999999;
    left: -1em;
    width: 1px;
	cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
label.option {
    width: 100%;
}
label.option, label.option em {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
label.option, label.option em, label.option i {
	display: inline-block;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
label.option em {
    padding-left: 1.8em;
    line-height: inherit;
	font-size: inherit;
	font-style: normal !important;
	vertical-align: top;
	width: 100%;
}
label.option i {
    width: 1.0em;
    height: 1.0em;
    position: absolute;
    top: 0.04em;
	top: 0;
    left: 0;
    border: 1px solid transparent;
    background-color: rgb(255 255 255 / 20%);
    border-radius: 3px;
    -webkit-appearance: none;
    appearance: none;
}
.radio_mum label.option i {
	border-radius: 50%;
    background-color: rgb(255 255 255 / 20%);
}
.radio_mum label.option:hover i {
    background-color: rgb(255 255 255 / 40%);
}
input[type=checkbox]:checked + em, input[type=radio]:checked + em, label:hover {
	color: white;
}
input[type=checkbox]:checked + em i:after {
	content: url('data:image/svg+xml; utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" stroke="white" stroke-width="1.5" fill="none"><polyline points="7.5,2.7 3.9,6.3 2.5,4.9"/></svg>');
    display: block;
    position: relative;
	line-height: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
input[type=checkbox]:checked + em i {
	border-color: transparent;
	background-color: #414790;
	-webkit-box-shadow: 0 0 3px rgb(0 0 0 / 30%);
	box-shadow: 0 0 3px rgb(0 0 0 / 30%);
}
input[type=radio]:checked + em i:after {
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
	left: 0;
    top: 0;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background-color: #7168ff;
    border: 0.25em solid white;
}
input[type=radio]:not(:checked) + em i:after, input[type=checkbox]:not(:checked) + em i:after {
	display: none;
}

.sunpie_icon {
	position: absolute;
    top: 30px;
    right: 40px;
	z-index: 20;
}
.sunpie_icon, .sunpie_icon a, .sunpie_icon svg {
    display: block;
	width: 33px;
    height: 14px;
}
.sunpie_icon svg {
	position: relative;
    fill: white;
}
.sunpie_icon svg path:nth-child(2) {
	transition-delay: 0.15s;
}
.sunpie_icon svg path:nth-child(3) {
	transition-delay: 0.3s;
}
.sunpie_icon svg path:nth-child(4) {
	transition-delay: 0.45s;
}
.sunpie_icon:hover svg path {
    fill: #abfff0 !important;
}

body.in .sunpie_icon, body.in .sunpie_icon a, body.in .sunpie_icon svg {
    display: block;
    width: 28px;
}
body.in .sunpie_icon {
    position: relative;
    float: right;
    top: 7px;
	right: auto;
}
body.in .sunpie_icon svg {
    fill: #727684;
	fill: #5a5a5a;
}
.overflow {
	overflow: hidden;
}
.c_start nav {
	display: none;
}
#hamburger {
	display: none;
}
input.filter {
    color: #85ffe8;
}
.section, .jFiler-input-dragDrop, .simditor-toolbar, .simditor-body {
	border-radius: 10px;
}
.simditor-toolbar {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.simditor-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.sheets_box {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
.invisible {
	opacity: 0;
}
.visible {
	opacity: 1 !important;
}
#focuspic {
	padding: 0;
	overflow: hidden;
    cursor: crosshair;
	background-color: transparent;
}
#focuspic:after, #focuspoint:before, #focuspoint:after, .cr-boundary:after {
	content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	border-radius: 50%;
} 
#focuspic:after {
    width: 90%;
    padding-bottom: 90%;
    -webkit-box-shadow: 0 0 0 2000px rgb(31 32 35 / 65%);
    box-shadow: 0 0 0 2000px rgb(31 32 35 / 65%);
	-webkit-box-shadow: 0 0 0 2000px rgb(44 45 50 / 65%);
	box-shadow: 0 0 0 2000px rgb(44 45 50 / 65%);
}
#focuspoint:before, .cr-boundary:after {
	opacity: 0;
	width: 16px;
	height: 16px;
	border: 2px solid transparent;
	border-top-color: #85ffe8;
	transition: opacity 0.1s;
	-webkit-animation: spin 0.6s linear infinite;
	animation: spin 0.6s linear infinite;
}
#focuspoint.loading:before {
	opacity: 1;
}
#crop.pe .cr-boundary:after {
	opacity: 1;
} 
#crop.pe .cr-image {
	opacity: 0.5 !important
}

@-webkit-keyframes spin {
	0% 	 { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
	100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes spin {
	0% 	 { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
	100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}
#focuspoint:after {
    width: 210px;
    height: 210px;
    -webkit-box-shadow: 0 0 100px rgb(0 0 0 / 50%);
    box-shadow: 0 0 100px rgb(0 0 0 / 50%);
	transition: 0.35s;
}
#focuspoint.loading:after {
	opacity: 0;
}
#focuspic:after, #focuspic *, #crop_container {
	opacity: 0;
	transition: opacity 0.4s cubic-bezier(0.75,0,.5,0), left 0.2s, top 0.2s, box-shadow 0.35s;
}
#focuspic.visible:after, #focuspic.visible * {
	opacity: 1;
}
#focuspic img {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	opacity: 0;
	transition: 0.25s;
}
#crop .cr-image, #focuspic img {
	-webkit-filter: saturate(0.3) brightness(0.8);
	filter: saturate(0.3) brightness(0.8);
}
#focuspoint {
    position: absolute;
    z-index: 1;
    width: 4px;
    height: 4px;
    background-color: #85ffe8;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    -webkit-box-shadow: 0 0 0 8px rgb(0 0 0 / 40%), 0 0 90px 40px rgb(133 255 232 / 60%);
	box-shadow: 0 0 0 8px rgb(0 0 0 / 40%), 0 0 90px 40px rgb(133 255 232 / 60%);
}
#focuspoint.loading, #focuspoint[style="left: 50%; top: 50%;"] {
    background-color: white;
	-webkit-box-shadow: 0 0 0 8px rgb(0 0 0 / 40%), 0 0 90px 40px rgb(133 255 232 / 0);
	box-shadow: 0 0 0 8px rgb(0 0 0 / 40%), 0 0 90px 40px rgb(133 255 232 / 0);
}
.line_icon {
	position: relative;
    display: inline-block;
    vertical-align: middle;	
	height: 1.0em;
    width: 1.0em;
    margin: 0 0.15em;
}
.line_icon.focuspoint_trigger, .line_icon.crop_trigger {
    background-color: white;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid rgb(0 0 0 / 68%);
	margin: 0 0 0 0.35em;
}
.pic_action {
	transition: opacity 0.3s;
}
.pic_action span {
	transition: 0.3s;
}
.pic_action.disabled, .pic_action.disabled_temp, .pic_action.disabled_temp:hover {
	background-color: transparent !important;
	color: inherit;
	opacity: 0.25;
	pointer-events: none;
}
.pic_action.enabled:hover, .pic_action.active {
	opacity: 1 !important;
	cursor: pointer;
}
.pic_action.active span, .pic_action.set span {
	border-color: #85ffe8 !important;
}
.pic_action.set span:nth-child(1) {
	-webkit-box-shadow: 0 0 9px #85ffe8;
	box-shadow: 0 0 9px #85ffe8;
	background-color: rgb(133 255 232 / 15%);
}
.pic_action.focuspoint_trigger.set span:nth-child(1) {
	border-color: black !important;
	background-color: #85ffe8;
}
background-color: #85ffe8;

#upload_mum, .pic_tn_mum, .pic_tn {
	transition: opacity 0.25s, filter 0.25s;
}
.close, .expand, .edit, .more {
	display: block;
	height: 25px;
    width: 25px;
    position: absolute;
    border-radius: 10px 0 10px 10px;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	z-index: 100;
}
.close:hover, .expand:hover, .edit:hover, .more:hover {
	cursor: pointer;
	background-color: rgb(255 255 255 / 6%);
}
.close:after, .close:before, .expand:after, .expand:before, .edit:before, .edit:after {
	content: "";
    position: absolute;
}
.close:after, .close:before {
    width: 7px;
    height: 0;
	border-top: 1px solid #ff557c;
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close:before {
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.expand:after {
    width: 3px;
    height: 3px;
	border-top: 1px solid #aeecff;
	border-right: 1px solid #aeecff;
    -webkit-transform: translate(2px, -2px);
	transform: translate(2px, -2px);
}
.expand:before {
    width: 3px;
    height: 3px;
	border-left: 1px solid #aeecff;
	border-bottom: 1px solid #aeecff;
}
.edit:before, .edit:after {
    border: 1px solid #fffd9f;
}
.edit:before {
    width: 3px;
    height: 3px;
    border-top: 0;
    border-right: 0;
    border-radius: 2px 0;
	-webkit-transform: translate(-3px, 3px);
	transform: translate(-3px, 3px);
}
.edit:after {
	width: 2px;
    height: 8px;
	border-radius: 1px 1px 0 0;
    -webkit-transform: rotate(45deg) translate(0px, -2px);
	transform: rotate(45deg) translate(0px, -2px);
}
.more:before, .more:after {
	position: relative;
	width: 2px;
    height: 2px;
    border-radius: 50%;
    border: 1px solid #fffd9f;
    margin: 1px;
}
.titleactions_container {
	position: relative;
    float: left;
    height: 21px;
    border-radius: 5px;
    margin-bottom: 14px;
    width: 100%;
	overflow: hidden;
    display: flex;
	justify-content: space-evenly;
}
.titleactions_container .ta_mum {
	position: relative;
	width: 33.3333%;
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;	
}
.titleactions_container .ta_mum:hover {
	background-color: rgb(255 255 255 / 5%);
}
.ta_pdataedit span:nth-child(1) {
	width: 2px;
    height: 2px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    position: absolute;
    transform: translate(-2px, 2px);	
}
.ta_pdataedit span:nth-child(2) {
    width: 6px;
    height: 2px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg);	
}
.ta_pdataedit {
	display: none !important;
}
.ta_focus span:nth-child(1) {
    width: 7px;
    height: 7px;
    border: 1px solid;
    box-sizing: border-box;
    border-radius: 50%;
}
.ta_crop span:nth-child(1) {
	width: 4px;
    height: 4px;
	border-top: 1px solid;
	border-right: 1px solid;
}
.ta_delete span:nth-child(1), .ta_delete span:nth-child(2) {
	position: absolute;
    width: 7px;
    border-top: 1px solid;
}
.ta_delete span:nth-child(1) {
	transform: rotate(45deg);
}
.ta_delete span:nth-child(2) {
	transform: rotate(-45deg);
}
.ta_mum span {
	border-color: #ced1e9 !important;
}
/*
.item_group {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 22px;
	border-top: 1px solid rgb(255 255 255 / 10%);
}
.item_group:first-child {
	border-top: none;
}
*/
.item_group {
	margin-bottom: -10px;
}
.item_group:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 0;
    height: 40px;
    border-left: 1px dotted #85ffe8;
	border-left: 1px solid #7f8495;
}
.add_item_group .plus_mum {
	margin-top: -4px;
}
button.done, button.cancel, button.undo {
    position: absolute;
    top: 0;
    height: var(--i_height);
    width: 30px;
    padding: 0;
    margin: 0;
    opacity: 0.25;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
	background-color: transparent;
}
button.done {
	right: 0;
    background-image: URL(../_gfx/btn_done.svg);
}
button.cancel {
	left: 0;
    background-image: URL(../_gfx/btn_cancel.svg);
}
button.undo {
	left: 0;
    background-image: URL(../_gfx/btn_undo.svg);
}

#crop.set button.done {
	opacity: 0;
	pointer-events: none;
}
#crop:not(.set) button.cancel {
	opacity: 0;
	pointer-events: none;
}
button.undo {
	opacity: 0;
	pointer-events: none;
}
#crop.got:not(.set) button.undo {
	opacity: 0.25;
	pointer-events: auto;
}
button.done:hover, button.cancel:hover, button.undo:hover {
	opacity: 1 !important;
}




.box_notification, .box_sticker {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.box_notification .widebox, .box_sticker .widebox {
    display: flex;
    align-items: center;
	justify-content: center;
}
.noti_in h2 {
	margin-top: 0;
}
.noti_in p {
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    color: white;
}
.noti_in p:last-child {
	margin-bottom: 6px;
}
.noti_in p, .noti_in h2 {
	text-align: left !important;
	padding: 0;
}
.noti_in:nth-child(1) p, .noti_in:nth-child(1) h2 {
	padding: 0 0 0 20px;
}
.sticker {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 180px;
	height: 180px;
}
.noti_in:nth-child(1) .sticker {
	-webkit-transform: translateX(-28%);
	transform: translateX(-28%);
}
.noti_in:nth-child(2) .sticker {
	-webkit-transform: translateX(28%);
	transform: translateX(28%);
}

.token {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 5px 0;
    font-family: monospace;
    font-size: 10px;
    color: white;
    border-radius: 2px;
    border: 1px solid #fb87c7;
    background-color: rgb(255 130 199 / 10%);
}

.sticker .white			{ fill: #FFFFFF; }
.sticker .blue_bright	{ fill: #6583FE; fill: #6a7de9; }
.sticker .purple		{ fill: #545cc7; }
.sticker .dark			{ fill: #373B44; }
.sticker .mint			{ fill: #85ffe8; }
.sticker .shadow		{ opacity: 0.5; }
.sticker_back			{ opacity: 0.1; fill: url(#sticker_back); }

a.boxlink {
	-webkit-box-shadow: inset 0 0 0 1px #ffc6b9;
	box-shadow: inset 0 0 0 1px #ffc6b9;
    border-radius: 3px;
    display: inline;
    font-size: 10px;
    padding: 0 5px;
    letter-spacing: 0;
    vertical-align: bottom;
	color: #CCCCCC;
}
a.boxlink:hover {
	color: white;
}


.pic_connect {
    width: 100% !important;
	padding: 0;
	background-color: transparent !important;
}
.pic_connect > .option_siblings {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 1rem 0.5rem;
    justify-content: space-between;
    background-color: rgba(255,255,255,0.03);
    padding: 2rem 0.5rem 1.4rem;
    border-radius: 6px;
	margin-top: 1px;
}
.pic_connect > .mum_h + .option_siblings {
	border-radius: 0 0 6px 6px;
}
.pic_connect > .option_siblings > .checkbox_mum {
	padding: 0;
}
.pic_connect > .option_siblings > .checkbox_mum em {
	display: flex;
    flex-direction: column;
    padding: 0;
    align-items: center;
	text-align: center;
	overflow-wrap: anywhere;
    line-height: 1.3em;
}
.pic_connect > .option_siblings > .checkbox_mum em i {
	top: 39px;
    left: auto;
	opacity: 0;
	transition: 0.1s;
}
.pic_connect > .option_siblings > .checkbox_mum input[type=checkbox]:checked + em {
	color: #fffd9f;
}
.pic_connect > .option_siblings > .checkbox_mum input[type=checkbox]:checked + em i {
	opacity: 1;
	-webkit-box-shadow: 0 0 10px black;
	box-shadow: 0 0 10px black;
}
.pic_connected {
	content: "";
	position: relative;
	width: 50px;
	padding-bottom: 50px;
	margin-bottom: 1.1rem;
	border-radius: 6px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.1);
	filter: grayscale(1);
}
.pic_connect > .option_siblings > .checkbox_mum input[type=checkbox]:checked + em .pic_connected {
	filter: grayscale(0);
}
.pic_connect > .mum_h {
    padding: 0.5rem 1.5rem;
    text-align: center;
    margin: 1.4rem 0 0 0;
    background-color: rgba(255,255,255,0.05);
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	transition: 0.2s;
}
.pic_connect > .mum_h:hover {
    background-color: rgba(255,255,255,0.07);
	cursor: pointer;
}
.pic_connect > .mum_h.toggled {
	border-radius: 6px 6px 0 0;
}
.pic_connect > .mum_h + .option_siblings > .checkbox_mum {
	opacity: 0;
	transition: 0.3s;
}
.pic_connect > .mum_h.toggled + .option_siblings > .checkbox_mum {
	opacity: 1;
}
.pic_connect .mum_h:after {
    content: "+";
	position: relative;
    font-size: 1.4rem;
	transition: 0.2s;
	letter-spacing: 0;
}
.pic_connect .mum_h.toggled:after {
	content: "—";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.pic_connect .mum_h:first-child {
	margin-top: 0;
}
.pic_connect .mum_h > label {
	pointer-events: none;
}


.rtag {
	color: black;
	font-weight: 600;
	padding: 3px 3px 1.5px 3px;
	margin-right: 4px;
	font-size: 10px;
	border-radius: 3px;
	line-height: 9px;
	display: inline-flex;
	align-items: center;
	letter-spacing: 0.02em;
}
.rtag.r_POST {
	background: #a8ffaf;
}
.rtag.r_GET {
	background: #84e0fb;
}
.rtag.r_DELETE {
	background: #ffa8cc;
}
.rtag.r_PUT {
	background: #fbd784;
}
.rtag.r_PATCH {
	background: #ffc8a8;
}
.json_container + .json_container,
.json_container + textarea.to_json + .json_container {
	margin-top: 1px;
}


@media screen and (max-width: 1700px) {
.container_right {
	padding: 80px 350px 0 400px;
}
}
@media screen and (max-width: 1600px) {
.container_right {
	padding: 80px 300px 0 400px;
}
}
@media screen and (max-width: 1500px) {
.container_right {
	width: 100%;
	padding: 80px 250px 0 400px;
}
}
@media screen and (max-width: 1365px) {
.container_right {
	width: 100%;
	padding: 80px 27px 0 377px;
}
.container_left.c_start ~ .container_right {
    padding-left: 120px;
	padding-right: 0;
}
}
@media screen and (hover: hover) and (pointer: fine) {	
.checkbox_mum:hover .pic_connected {
	filter: grayscale(0);
}
.option:hover i {
	background-color: rgb(255 255 255 / 8%);
}
.checkbox_label.option:hover i {
	border-color: #7a76a2;
}	
}

/* RESPONSIVE */
:root {
	--m: 20px;
}
@media (hover: none) and (pointer: coarse) {
.dntouch { display: none; }
body.nav_triggered {
	overflow: hidden;
}
body.in .sumsy_bg {
	bottom: 0;
}
.logomum:hover {
    background-color: transparent;
}
.cat:hover .cat_indicator, .logomum:before {
    display: none;
}
.open_file, .open_file:hover {
	opacity: 1 !important;
	background-color: transparent !important;
	transition: 0 !important;
}
a.boxlink {
    font-size: 9px;
	padding: 0 4px;
}
}
@media screen and (max-width: 1004px) {
body {
    -webkit-text-size-adjust: 100%;
	min-width: 320px;
}
.container_left, .container_right, #hamburger div {
	transition: 0.35s;
}
.container_left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 3;
}
body.nav_triggered .container_left {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-box-shadow: 0 0 35px black;
	box-shadow: 0 0 35px black;
}
.container_right, .container_left.c_start ~ .container_right {
    padding: 80px 0 0 0;
}
.inside_mum {
	width: 100%;
    max-width: 601px;
}
.jFiler-input-dragDrop {
	width: 100% !important;
}
header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.b_login .wrap, header, footer {
	padding-left: var(--m);
	padding-right: var(--m);
}
.user {
	width: 17px;
}
.user * {
    float: right;
}
.user a:before {
    position: absolute;
    content: "";
    left: -15px;
    top: 0;
    right: -15px;
    bottom: 0;
}
.logomum {
    margin-right: 0;
    background-color: transparent;
}
footer {
	z-index: 0;
}
.foot_left {
	text-align: center;
	padding: 0 0 0 28px;
}
#hamburger {
	display: block;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	position: relative;
	z-index: 999;
	width: 17px;
    height: 17px;
}
#hamburger:before {
	content: "";
	position: absolute;
	left: -15px;
	top: -15px;
	right: -15px;
	bottom: -15px;
}
#hamburger div {
	width: 100%;
	height: 1px;
	background-color: white;
	transition: 0.35s;
	-webkit-transform-origin: 25%;
	transform-origin: 25%;
}
body.nav_triggered #hamburger div:nth-child(1) {
	transform: rotate(45deg);
}
body.nav_triggered #hamburger div:nth-child(2) {
	transform: rotate(-45deg);
}
body.nav_triggered .container_right {
    opacity: 0.45;
}
body.nav_triggered .container_right .inside_mum.centerbox {
	pointer-events: none;
}
.inside_mum {
    padding-bottom: 50px;
}
.dn1004, .logomum:after {
	display: none;
}
.d1004 {
	display: inherit;
}
.sunpie_icon {
	top: 24px;
    right: var(--m);
}
body.report, body.report .login_mum {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 var(--m);
}
.back, .sheet_page .back {
	position: relative;
    float: left;
    text-align: left;
    top: 0;
    padding-top: 47px;
    margin-bottom: -47px;
    left: auto;
    height: auto;
    padding-left: var(--m);
    padding-right: var(--m);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    text-align: center;
	border-radius: 0 0 6px 6px;
    background-color: rgb(26 26 30);
    margin-top: -1px;
    -webkit-animation: none;
    animation: none;
}
.dont_move header {
	-webkit-animation: none;
    animation: none;
}
.titlepic {
	left: 0;
	padding-bottom: 40%;
}
.logo_small {
	-webkit-box-shadow: none;
	box-shadow: none;
}
}
@media screen and (max-width: 800px) {
.login_mum {
	max-width: 380px;
    height: auto;
	padding: 0;
	padding-top: 3px;
	background-color: transparent;
}
.login_logo_mum, .login_form_mum {
	width: 100%;
	height: auto;
	padding: 38px 0;
}
.login_logo, .login_form {
	-webkit-transform: none;
    transform: none;
}
.logo_center_small {
    width: 60px;
    height: 60px;
}
.lm_trans {
	background-color: rgb(33 34 35 / 50%) !important;
}
.login_logo {
    width: 80px;
    height: auto;
}
.login_form {
    margin: -5% auto 1% auto;
}
.login_form_mum {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dn800 {
	display: none;
}
body.report .login_mum {
	padding-bottom: 4vh;
}
.cat_font {
    font-size: 0.80em;
}
}
@media screen and (max-width: 600px) {
:root {
	--m: 19px;
	--i_xpadding: 2vw; 
}
.nav_cat {
    width: 100px;
}
.cat {
    height: 89px;
}
.cat_svgid {
    width: 100px;
	margin: 8px 0 -2px 0;
}
nav {
	width: 220px;
	height: calc(100% - 170px);
	padding-left: 17px;
}
nav ul {
    padding: 0 19px 4px 0;
}
input[class="medium"], textarea[class="medium"], .medium, input[class="small"], textarea[class="small"], .small {
    width: 70%;
}
.shareplace_mum .medium {
	width: 100%;
}
.section {
	padding: 18px var(--w) 36px var(--w);
}
.section.var_m {
	padding: 18px var(--m) 36px var(--m);
}
.simditor .simditor-body {
	padding: var(--w) !important;
}
.simditor-toolbar {
    top: 0 !important;
}
.section h3 {
    font-size: 11px;
	height: 17px;
	line-height: 17px;
}
.rtag {
	padding: 2px 2px 1px 2px;
	margin-right: 3px;
	font-size: 8px;
	border-radius: 1.5px;
	line-height: 8px;
}
input[type="submit"], button {
	padding-left: 45px;
	padding-right: 45px;
}
input[class="delete"], button.delete {
	padding-left: 30px;
	padding-right: 30px;
	max-width: 100%;
}
input[class="upload"], input[class="upload_bright"] {
	padding: 0;
	padding-top: 35px !important;
}
.foot_left {
	padding: 0;
	text-align: left;
}
.detail {
	padding: 0 calc(var(--m) - var(--w));
}
h1 {
	font-size: 5.3vw;
	padding: 0 var(--m);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.inside_mum {
    padding-bottom: 45px;
}
body.in .sumsy_bg {
    background-size: 100% auto, 0, 0;
}
.dn599 {
	display: none;
}
.jFiler-input-dragDrop {
    border-left: 0 !important;
    border-right: 0 !important;
}
.container_right, .sheet_page .container_right {
    padding: 75px 0 0 0;
}
.sheets_box {
    flex-direction: column
}
.sticker {
	width: 160px;
	height: 160px;
}
code, .json {
	font-size: 0.65em;
	padding: calc(var(--m) - 4px) calc(var(--m) - 5px);
}
}
@media screen and (max-width: 500px) {
:root {
	--m: 18px;
}
body { font-size: 16px; }
.dn500 {
	display: none;
}
h1 {
	font-size: 1.5em;
    margin: 16px auto 0.6em auto;
}
h1 span.mint {
	display: none;
}
body.in .sunpie_icon, body.in .sunpie_icon a, body.in .sunpie_icon svg {
    width: 25px;
}
.filter_form {
    margin: -14px 0 33px 0;
}
.inside_mum {
    padding-bottom: 40px;
}
.login_logo_mum, .login_form_mum {
	padding: 30px 0;
}
.login_logo {
    width: 75px;
}
.login_form input[name=passwort] {
    margin-top: 6px;
}
.login_form input[type=submit] {
	height: 53px;
	margin-top: 23px;
}
.refresh_mum, .refresh {
	width: 100%;
}
nav li {
    margin: 0 0 0.85em 0;
}
.margin_top {
    margin-top: 24px;
}
.nav_cat {
    padding-top: 75px;
}
nav {
    margin-top: 83px;
}
.nav_cat, .cat_svgid {
    width: 97px;
}
.cat {
    height: 87px;
}
.section, .jFiler-input-dragDrop {
	margin: 9px 0;
}
.pic_tn_mum, .pdf_tn_mum, .file_tn_mum {
	margin: 0 9px;
}
.pic_tn {
    width: 130px;
    height: 130px;
}
.pic_tn_mum, .pdf_tn_mum, .file_tn_mum {
    width: 130px;
}
.no_pic, .no_pdf, .no_file, .pic_tn label {
	background-size: 80% 80%;
}
.pic_tn {
	margin-top: 8px;
}
.inputfile + label, input[class="upload"], input[class="upload_bright"] {
    height: 54px;
    line-height: 54px;
}
input[class="upload"], input[class="upload_bright"] {
	background-size: auto 52px;
	padding-top: 15px !important;
}
.pic_desc_m {
	margin: 0.25em 0 0 15px !important;
	max-width: 65% !important;
}
.section h3 {
	font-size: 10px;
	height: 15px;
	line-height: 15px;
}
.spacer_sm {
	height: calc(var(--m) - 3px);
}
.rider {
	width: 110px;
}
input, select, .readonly_box, .tagify__input, label {
    letter-spacing: 0.03em;
}
nav li {
    letter-spacing: 0.06em;
}
.pic_connect > .option_siblings {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 400px) {
:root { --m: 17px; }
.login_form input[type=submit] {
	height: 53px;
	margin-top: 22px;
}
.noti_in:nth-child(1) p, .noti_in:nth-child(1) h2 {
	width: 100%;
}
.rider {
	width: 100px;
}
label.option em {
    padding-left: 1.65em;
}
}
@media screen and (max-width: 385px) {
:root { --m: 16px; }
body { font-size: 15.5px; }
input[class="medium"], textarea[class="medium"], .medium, input[class="small"], textarea[class="small"], .small {
    width: 100%;
}
.cat {
    height: 86px;
}
nav {
    width: 200px;
    padding-left: 15px;
}
nav ul {
    padding: 0 13px 4px 0;
}
.section h3 {
	letter-spacing: 0.025em;
}
.rider {
	width: 90px;
}
}
@media screen and (max-width: 360px) {
:root { --m: 15px; }
.login_logo_mum, .login_form_mum {
	padding: 25px 0;
}
.login_logo {
    width: 70px;
}
.section, .jFiler-input-dragDrop {
	margin: 8px 0;
}
.pic_tn_mum, .pdf_tn_mum, .file_tn_mum {
	margin: 0 8px;
}
.container_right, .sheet_page .container_right {
    padding: 70px 0 0 0;
}
.pic_tn {
    width: 110px;
    height: 110px;
}
.pic_tn_mum, .pdf_tn_mum, .file_tn_mum {
    width: 110px;
}
.pic_desc_m {
	margin: 0.4em 0 0 13px !important;
	max-width: 58% !important;
}
.sticker {
	width: 140px;
	height: 140px;
}
label.option em {
    padding-left: 1.5em;
}
}
@media screen and (max-width: 340px) {
:root {
	--m: 14px;
	--w: 1.5vw;
}
body { font-size: 15px; }
h1 { font-size: 1.4em; }
.login_form input[type=submit] { height: 52px; }
.nav_cat, .cat_svgid {
    width: 90px;
}
.cat {
    height: 81px;
}
nav {
    width: 180px;
    padding-left: 14px;
}
nav ul {
    padding: 0 10px 4px 0;
}
}
/* RESPONSIVE ENDE */






@media screen and (max-width: 475px) {
html {
	font-size: 56.25%;
}
}