input[type='number'] {
		-moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
		-webkit-appearance: none;
}
html,
body {
	scroll-behavior: smooth;
	margin: 0;
	height: 100vh;
}
body.day {
	--color-primary: #0d6efd;
	--color-primary-hover: #0b5ed7;
	--color-default: #F8F9FA;
	--color-hover: #fff;
	--color-description: #333;
	--color-secondary: #1e1e20;
	--color-light: #fff;
	--color-dark: rgb(33, 37, 41);
	--color-input: #fff;
	--color-danger: #ff5c75;
	--color-warning: #FFFFFF;
	--color-blur: rgba(248, 249, 250, .75);
	--logo-icon: url('/images/apple-touch-icon.png');
	--logo-image: url('/images/logo3x.png');
	--3-tag-mask: url('/images/admin/3-mask.png');
}
body.night {
	--color-primary: #0d6efd;
	--color-primary-hover: #0b5ed7;
	--color-default: #242f3d;
	--color-hover: rgba(36, 59, 61, .65);
	--color-description: #ffffff;
	--color-secondary: #323a46;
	--color-light: #fff;
	--color-dark: #17212b;
	--color-input: #17212b;
	--color-danger: #ff5c75;
	--color-warning: #FFFFFF;
	--color-blur: rgba(36, 47, 61, .75);
	--logo-icon: url('/images/dark-apple-touch-icon.png');
	--logo-image: url('/images/logo_white3x.png');
	--3-tag-mask: url('/images/admin/3-mask-dark.png');
	--tr-03: 0.3s;
	background-color: var(--color-dark);
}
h1 {
	color: var(--color-description);
}
h2 {
	color: var(--color-description);
}
h3 {
	color: var(--color-description);
}
h4 {
	color: var(--color-description);
}
h5 {
	color: var(--color-description);
}
h6 {
	color: var(--color-description);
}
p {
	color: var(--color-description);
}
label {
	user-select: none;
}
img {
	user-select: none;
	max-width: 100%;
}

.h0 {
	font-size: calc(3.375rem + 1.5vw);
	font-weight: 700;
	line-height: 12vh;
	letter-spacing: .26px;
}
@media (min-width: 2600px) {
	.h0 {
    font-size: calc(2.5rem + 1.5vw);
		line-height: 3vw;
  }
}
@media (max-width: 1200px) {
	.h0 {
    font-size: calc(2.5rem + 1.5vw);
		line-height: 12vw;
  }
}
.fs-7 {
	font-size: .8rem !important;
}
#page-content {
	margin-top: 140px;
}
#admin-content {
	margin-top: 47px;
}
#cabinet-page-content {
	margin-left: 68px;
}
.sticky-top {
	top: 140px;
}
.border-primary {
	border: 3px solid var(--color-primary) !important;
}
.border-primary-50 {
	border: 4px solid rgba(13, 110, 253, .5);
}
.border-default {
	border: 3px solid transparent;
}
.textarea {
	height: 150px !important;
	resize: none;
}
a {
	cursor: pointer;
	text-decoration: none;
  color: var(--color-primary);
}
a:hover {
  color: var(--color-primary-hover);
}
.text-primary {
  --bs-text-opacity: 1;
  color: var(--color-primary) !important;
}
.text-white {
	color: var(--color-description);
}
.text-bg-light {
  color: var(--color-description) !important;
  background-color: var(--color-blur) !important;
  opacity: 1;
}
.text-description {
	color: var(--color-description);
}
.text-link {
	color: var(--color-description);
	font-weight: 700;
	transition: .3s;
}
.text-italic {
	font-family: 'Lora', serif;
	font-weight: 600;
	font-style: italic;
/*	text-decoration: underline;*/
}
.autoWriteText{
	display:none;
}
.text-link:hover{
	color: var(--color-primary) !important;
}
.text-overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-overflow-scroll {
	overflow-x: scroll;
	white-space: nowrap;
	scrollbar-width: none;
}
.text-overflow-scroll::-webkit-scrollbar {
    display: none;
}

.textarea-fullscreen {
	height: 39vh !important;
	border-radius: 18px !important;
	resize: none;
	line-height: 1.5 !important;
	font-size: 18px !important;
	color: #f6f6f6;
}
.textarea-fullscreen-70 {
	height: 70vh !important;
	border-radius: 18px !important;
	line-height: 1.5 !important;
	font-size: 18px !important;
	resize: none;
	color: #f6f6f6;
}
.textarea-fullscreen::selection {
	background-color: var(--color-default);
	color: var(--color-danger);
}
.br-0 {
	border-radius: 0 !important;
}
.br-1 {
	border-radius: 18px !important;
}
.br-2 {
	border-radius: 36px 18px 18px 36px !important;
}
.b-none {
	border: none !important;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.15rem rgba(51, 51, 51, .051);
	box-shadow: 0 0 0 0.15rem rgba(51, 51, 51, .051);
}
.w-145 {
	width: 154px;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
#page_content {
	margin-left: 370px;
	margin-top: 40px;
}

.pointer {
	cursor: pointer !important;
}
.bg-primary {
	background-color: var(--color-primary) !important;
	color: var(--color-light) !important;
	transition: 0.5s;
}
.bg-default {
	background-color: var(--color-default) !important;
	color: var(--color-description) !important;
	transition: 0.5s;
}

.bg-dark {
	background-color: var(--color-dark) !important;
	color: var(--color-default) !important;
	transition: 0.5s;
}

.bg-secondary {
	background-color: var(--color-secondary) !important;
	color: var(--color-light) !important;
	transition: 0.5s;
	border-color: var(--color-secondary) !important;
}


.bg-custom {
	background-color: var(--color-secondary);
}

.pull-right {
	float: right;
}

.btn-primary {
	color: var(--color-light);
	background-color: var(--color-primary);
}


.btn-soft-primary {
  --bs-btn-color: #5369f8 !important;
  --bs-btn-bg: rgba(83,105,248,.15);
  --bs-btn-border-color: rgba(83,105,248,.15);
  --bs-btn-hover-color: #5369f8 !important;
  --bs-btn-hover-bg: rgba(83,105,248,.30);
  --bs-btn-hover-border-color: rgba(83,105,248,.30);
  --bs-btn-focus-shadow-rgb: rgba(83,105,248,.30);
  --bs-btn-active-color: #5369f8 !important;
  --bs-btn-active-bg: rgba(83,105,248,.30);
  --bs-btn-active-border-color: rgba(83,105,248,.30);
  --bs-btn-active-shadow: rgba(83,105,248,.30);
  --bs-btn-disabled-color: #5369f8 !important;
  --bs-btn-disabled-bg: rgba(83,105,248,.5);
  --bs-btn-disabled-border-color: rgba(83,105,248,.5);
}

.btn-default {
	--bs-btn-color: var(--color-description);
	--bs-btn-bg: var(--color-light);
	--bs-btn-border-color: var(--color-light);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0b5ed7;
	--bs-btn-hover-border-color: #0a58ca;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a58ca;
	--bs-btn-active-border-color: #0a53be;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--color-primary);
	--bs-btn-disabled-border-color: var(--color-primary);
}
.btn-outline-default {
	--bs-btn-color: var(--color-description);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--color-light);
	--bs-btn-hover-color: var(--color-description);
	--bs-btn-hover-bg: var(--color-light);
	--bs-btn-hover-border-color: var(--color-light);
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: var(--color-description);
	--bs-btn-active-bg: var(--color-light);
	--bs-btn-active-border-color: var(--color-light);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--color-description);
	--bs-btn-disabled-bg: var(--color-default);
	--bs-btn-disabled-border-color:var(--color-default);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-primary-hover);
  --bs-btn-hover-border-color: var(--color-primary-hover);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color-primary-hover);
  --bs-btn-active-border-color: var(--color-primary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--color-primary);
  --bs-btn-disabled-border-color: var(--color-primary);
}
.btn-outline-primary {
  --bs-btn-color: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-color: var(--color-light) !important;
  --bs-btn-hover-bg: var(--color-primary);
  --bs-btn-hover-border-color: var(--color-primary);
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: var(--color-light) !important;
  --bs-btn-active-bg: var(--color-primary);
  --bs-btn-active-border-color: var(--color-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--color-primary);
  --bs-gradient: none;
}
.btn-secondary {
	background-color: var(--color-secondary);
}
.btn-transparent {
	background-color: transparent;
	border: 1px solid transparent;
	color: var(--color-description);
}
.bg-primary-subtle {
  background-color: transparent !important;
}
.text-primary-emphasis {
  color: var(--color-description) !important;
}
.border {
  border: 2px var(--bs-border-style) transparent !important;
}
.border:hover {
  border: 2px var(--bs-border-style) var(--color-description) !important;
}
.badge {
	display: inline-block;
	padding: 0.3em 0.5em;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.2rem;
	text-decoration: none;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.badge-primary {
	color: var(--color-light);
	background-color: #5369f8;
}
a.badge-primary:focus,
a.badge-primary:hover {
	color: var(--color-light);
	background-color: #223ef6;
}
a.badge-primary.active {
  color: var(--color-light);
  background-color: var(--color-primary) !important;
}
a.badge-primary.focus,
a.badge-primary:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.15rem rgba(83, 105, 248, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(83, 105, 248, 0.5);
}

.badge-secondary {
	color: var(--color-light);
	background-color: var(--color-secondary);
}
a.badge-secondary:focus,
a.badge-secondary:hover {
	color: var(--color-light);
	background-color: #0c0e18;
}
a.badge-secondary.focus,
a.badge-secondary:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.15rem rgba(30, 33, 57, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(30, 33, 57, 0.5);
}

.badge-success {
	color: var(--color-light);
	background-color: #43d39e;
}
a.badge-success:focus,
a.badge-success:hover {
	color: var(--color-light);
	background-color: #2bb884;
}
a.previous-login .card:active,
a.previous-login .card:hover {
	border: 3px solid var(--color-primary);
}
a.previous-login .card{
	border: 3px solid transparent;
}
a.badge-success.focus,
a.badge-success:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.15rem rgba(67, 211, 158, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(67, 211, 158, 0.5);
}

.badge-info {
	color: var(--color-light);
	background-color: #25c2e3;
}
a.badge-info:focus,
a.badge-info:hover {
	color: var(--color-light);
	background-color: #18a0bd;
}
a.badge-info.focus,
a.badge-info:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.15rem rgba(37, 194, 227, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(37, 194, 227, 0.5);
}

.badge-warning {
	color: #212529;
	background-color: #ffbe0b;
}
a.badge-warning:focus,
a.badge-warning:hover {
	color: #212529;
	background-color: #d79e00;
}
a.badge-warning.focus,
a.badge-warning:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.15rem rgba(255, 190, 11, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(255, 190, 11, 0.5);
}

.badge-danger {
	color: var(--color-light);
	background-color: var(--color-danger);
}
a.badge-danger:focus,
a.badge-danger:hover {
	color: var(--color-light);
	background-color: #ff294a;
}
a.badge-danger.focus,
a.badge-danger:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.15rem rgba(255, 92, 117, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(255, 92, 117, 0.5);
}

.badge-light {
	color: #212529;
	background-color: #f8f9fa;
}
a.badge-light:focus,
a.badge-light:hover {
	color: #212529;
	background-color: #dae0e5;
}
a.badge-light.focus,
a.badge-light:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.15rem rgba(248, 249, 250, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
	color: var(--color-light);
	background-color: #343a40;
}
a.badge-dark:focus,
a.badge-dark:hover {
	color: var(--color-light);
	background-color: #1d2124;
}
a.badge-dark.focus,
a.badge-dark:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.15rem rgba(52, 58, 64, 0.5);
	box-shadow: 0 0 0 0.15rem rgba(52, 58, 64, 0.5);
}

.feature-icon {
	width: 4rem;
	height: 4rem;
	border-radius: 0.75rem;
}

.card {
	border-radius: 18px;
	background-color: var(--color-default);
	color: var(--color-description);
/*	transition: 0.5s;*/
	border-color: var(--color-default);
}

.glass {
	backdrop-filter: blur(10px);
	background-color: rgba(248, 249, 250, .45);
	border-color: rgba(248, 249, 250, .45);
}

.card-header:first-child {
  border-radius: 18px 18px 0 0;
}

.card-footer:last-child {
  border-radius: 0 0 18px 18px;
}
 
.card-inverse {
	border-radius: 18px;
	background-color: var(--color-dark);
	transition: 0.5s;
}

.card-dashboard {
	min-height: 150px;
}

.card-dashed {
  border-radius: 18px;
  transition: 0.3s;
  background-color: var(--color-dark);
  border: 3px dashed var(--color-secondary);
}

.card-dashed:hover {
	border:  3px dashed var(--color-primary);
}

.card-dashed .bigIcon {
	background-color: var(--color-dark);
	color: var(--color-light);
	border-radius: 18px;
	width: 96px;
	height: 96px;
	user-select: none;
}
.modal-header {
	color: var(--color-light);
	border-bottom: 0px solid transparent;
}

.modal-content {
	background-color: var(--color-default);
	border-radius: 18px;
}
.modal-open {
	overflow: inherit;
}
.modal-footer {
	border-top: 0;
}

.row-masquerade-buttons {
	opacity: 0;
	transition: 0.2s;
}

.fileupload {
	overflow: hidden;
	position: relative;
}

.fileupload input.upload {
	cursor: pointer;
	filter: alpha(opacity=0);
	font-size: 20px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-description) !important;
	background-color: var(--color-input);
	background-clip: padding-box;
	border: 3px solid var(--color-default);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 18px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus { 
	background-color: var(--color-input);
	border-color: var(--color-input);
	color: var(--color-description);
}
.form-control:disabled {
  background-color: var(--color-secondary);
  opacity: 1;
}
.form-control-sm {
	min-height: calc(1.5em + .5rem + 2px);
	padding: .25rem .5rem;
	font-size: .875rem;
	border-radius: .25rem;
}
.form-floating > label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1rem 0.75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: none;
	border: 1px solid transparent;
	transform-origin: 0 0;
	color: var(--color-description) !important;
	transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: transparent !important;
  border-radius: var(--bs-border-radius);
}
.form-select {
	display: block;
	width: 100%;
	padding: 0.375rem 2.25rem 0.375rem 0.75rem;
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-color: var(--color-input);
	border-color: var(--color-input);
	color: var(--color-description);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border-radius: 18px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-default);
	z-index: 9999;
}

.avatar-sm {
	width: 24px;
	height: 24px;
}

.avatar-md {
	width: 64px;
	height: 64px;
}

.avatar {
	border: 2px solid var(--color-light);
	border-radius: 50% !important;
}


.dd-collapse { 
	display: none; 
}
.dd-expand { 
	display: none; 
}
.dd {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
	list-style: none;
	font-size: 18px;
}

.dd-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
.dd-list .dd-list {
	padding-left: 30px;
}

.dd-item,
.dd-empty,
.dd-placeholder {
	display: block;
	border-radius: 10px;
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 20px;
	font-size: 18px;
	line-height: 24px;
}

.dd-handle:hover {
	color: #317eeb;
	background: var(--color-light);
}

.dd-placeholder,
.dd-empty {
	margin: 5px 0;
	border-radius: 10px;
	padding: 0;
	min-height: 30px;
	background: var(--color-default);
	border: 1px dashed #b6bcbf;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.dd-empty {
	border: 1px dashed #bbb;
	min-height: 48px;
	background-color: var(--color-default);
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px;
	border-radius: 10px;
	transition: 0.5s;
}
.dd-dragel {
	position: absolute;
	pointer-events: none;
	z-index: 99999;
	margin-top: -5px;
}
.dd-dragel > .dd-item {
	margin-top: 0;
}
.dd-dragel .dd-handle {
	-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

.dd3-content {
	display: block;
	height: 48px;
	margin: 5px 0;
	padding: 10px 14px 0px 64px;
	color: var(--color-light);
	text-decoration: none;
	background: var(--color-default);
	border-radius: 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: 0.5s;
}
.dd3-content:hover {
	color: var(--color-light);
	background: var(--color-default);
}

.nes-label {
	position: absolute;
	top: -2px;
	color: black;
	left: 12px;
	font-size: 12px;
}
.nes-label:hover {
	color: black;
}
.dd-dragel > .dd3-item > .dd3-content {
	margin: 0;
}

.dd3-item > button {
	margin-left: 30px;
}

.dd3-handle {
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	cursor: move;
	width: 48px;
	height: 48px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 800;
	padding: 10px !important;
	font-size: 14px !important;
	background-color: var(--color-secondary);
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	border-radius: 8px;
	display: inline-block;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	outline: none !important;
	cursor: move;
	color: var(--color-description);
}
.dd3-handle:before {
	font-family: 'unicons';
    content: "\e871";
	display: block;
	position: absolute;
	left: 0;
	top: 11px;
	width: 100%;
	text-align: center;
	text-indent: 0;
	cursor: move;
	font-size: 22px;
	font-weight: normal;
}
.dd3-handle:hover {
	color: var(--color-light);
	background-color: var(--color-primary);
	cursor: move;
	text-decoration: none;
}
.dd3-handle-calc:before { 
	font-family: 'unicons';
  content: "\e8b3";
}
.dd3-handle-folder:before {
    font-family: 'unicons';
    content: "\ea20";
}
.table-responsive {
  width: 100%;
  overflow-x: scroll;
}
table {
  width: 100%;
}

figure {
  width: 100%;
  overflow-x: scroll;
}
.table {
  --bs-table-color: var(--color-description);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  color: var(--color-description);
}
.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  --bs-table-accent-bg: var(--color-default);
  color: var(--color-description);
}
.table th {
	text-align: center;
}

.table-header-h4 {
  font-size: 20px !important;
  text-align: left !important;
  padding-left: 10px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    /*padding: 8px 0px 8px 0px;*/
    line-height: 1.42857143;
    vertical-align: top;
    font-size: 12px;
    border-top: 1px solid #f6f6f6;
}
tbody>tr>td {
  font-size: 12px;
  vertical-align: middle !important;
}
table>tbody>tr>td>a {
  font-size: 14px !important;
  transition: 0s;
  color: var(--color-primary);

}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid var(--color-default);
}
tbody>tr:hover {
  background: transparent !important;
}

.td-hover:hover {
  background-color: var(--color-secondary);
  cursor: pointer;
}
tbody>tr>td:hover a{
	color: var(--color-primary) !important;
	font-weight: 700;
}
.table th  {
  text-align: center;
}

.th-90 {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	white-space: nowrap;
}
.form-check-input:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.form-check-input:checked + .form-checked-content {
	opacity: 0.5;
}
.form-select:disabled {
  background-color: var(--color-secondary);
}
.form-check-input-placeholder {
	border-style: dashed;
}
[contenteditable]:focus {
	outline: 0;
}
.form-check-label {
	color: var(--color-description);
}
.list-group-checkable .list-group-item {
	cursor: pointer;
}
.list-group-item-check {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}
.list-group-item-check:hover + .list-group-item {
	background-color: var(--color-input);
	border-color: var(--color-primary);
}
.list-group-item-check:checked + .list-group-item {
	color: var(--color-light);
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
}
.list-group-item-check[disabled] + .list-group-item,
.list-group-item-check:disabled + .list-group-item {
	pointer-events: none;
	filter: none;
	opacity: 0.5;
}

.list-group-radio .list-group-item {
	cursor: pointer;
	color: var(--color-description);
	background-color: var(--color-input);
	border-radius: 18px;
	border: 3px solid var(--color-input);
}
.list-group-radio .form-check-input {
	z-index: 2;
	margin-top: -0.5em;
}


.list-group-radio .form-check-input:checked + .list-group-item {
	background-color: var(--color-input);
	border-color: var(--color-primary);
/*	box-shadow: 0 0 0 2px var(--color-primary);*/
}
.list-group-radio .form-check-input[disabled] + .list-group-item,
.list-group-radio .form-check-input:disabled + .list-group-item {
	pointer-events: none;
	filter: none;
	opacity: 0.5;
	/* background-color: #; */
}

.list-group-item {
	cursor: pointer;
	color: var(--color-description);
	background-color: var(--color-input);
	border-radius: 18px !important;
	margin-bottom: 3px;
	border: 0px;
}

.list-group-item:hover {
	cursor: pointer;
	background-color: var(--color-secondary) !important;
}

.this-page-list {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.this-page-list a.text-muted {
	padding-left: 12px;
	list-style: none;
}
.this-page-list a.active {
	color: var(--color-description) !important;
	border-left: 2px solid var(--color-description);
	padding-left: 10px;
}
.dropdown-divider {
	border: none !important;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.05rem rgba(51, 51, 51, .051);
	box-shadow: 0 0 0 0.05rem rgba(51, 51, 51, .051);
}
.dropdown-menu {
	--bs-dropdown-min-width: 10rem;
	--bs-dropdown-padding-x: 0;
	--bs-dropdown-padding-y: 0;
	--bs-dropdown-spacer: 0.125rem;
	--bs-dropdown-font-size: 1rem;
	--bs-dropdown-color: #212529;
	--bs-dropdown-bg: var(--color-blur);
	--bs-dropdown-border-color: var(--bs-border-color-translucent);
	--bs-dropdown-border-radius: 0.375rem;
	--bs-dropdown-border-width: 1px;
	--bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
	--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
	--bs-dropdown-divider-margin-y: 0.5rem;
	--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-dropdown-link-color: #212529;
	--bs-dropdown-link-hover-color: #1e2125;
	--bs-dropdown-link-hover-bg: #e9ecef;
	--bs-dropdown-link-active-color: var(--color-light);
	--bs-dropdown-link-active-bg: var(--color-primary);
	--bs-dropdown-link-disabled-color: #adb5bd;
	--bs-dropdown-item-padding-x: 1rem;
	--bs-dropdown-item-padding-y: 0.75rem;
	--bs-dropdown-header-color: #6c757d;
	--bs-dropdown-header-padding-x: 1rem;
	--bs-dropdown-header-padding-y: 0.5rem;
	position: absolute;
	z-index: 1000;
	display: none;
	min-width: var(--bs-dropdown-min-width);
	padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
	margin: 0;
	font-size: var(--bs-dropdown-font-size);
	color: var(--color-description);
	text-align: left;
	list-style: none;
	background-color: var(--bs-dropdown-bg);
	background-clip: padding-box;
	border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
	border-radius: var(--bs-dropdown-border-radius);
	backdrop-filter: blur(7px);
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--color-description);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius,0);
}
.dropleft {
	top: 143% !important;
	left: -69% !important;
}
.code {
	max-width: 74px;
	text-align: center;
	height: 70px;
	font-size: 40px !important;
	color: var(--color-description);
	font-weight: bold !important;
	display: inline;
	background-color: var(--color-dark);
	margin-bottom: 25px;
	border: 1px solid var(--color-dark);
	border-radius: 8px;
}
.code:placeholder {
	color: #eee;
}
.hoverImg {
	position: relative;
	width: 100%;
}

.hoverImg-128 {
	width: 96px !important;
	height: 96px;
}
.hoverImg-128 img{
	width: 96px !important;
	height: 96px !important;
}
.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: filter 0.3s steps(18), transform 0.3s ease-out;
	backface-visibility: hidden !important;
	transform: translate3d(0, 0, 0) scale(1, 1);
	border-radius: 18px;
}

.middle {
	transition: all 0.3s ease-out;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	display: inline-flex;
}
.middle button {
	margin: 3px;
}

.hoverImg:hover .image {
	filter: blur(3px);
	transform: translate3d(0, 0px, 0) scale(1, 1);
}

.hoverImg:hover .middle {
	opacity: 1;
}

.parent-node-stat {
	display: flex;
  	flex-wrap: wrap;
}

.hoverImg-solid {
	position: relative;
	width: 96px;
	height: 96px;
}

.hoverImg-128-solid {
	width: 96px !important;
}
.hoverImg-128-solid img{
	height: 96px !important;
}
.image-solid {
	opacity: 1;
	max-width: 96px;
	height: auto;
	transition: filter 0.3s steps(18), transform 0.3s ease-out;
	backface-visibility: hidden !important;
	transform: translate3d(0, 0, 0) scale(1, 1);
	border-radius: 18px;
}

.middle-solid {
	transition: all 0.3s ease-out;
	opacity: 0;
	position: absolute;
	top: 1px;
	left: 0%;
	height: 100%;
	border-radius: 18px;
	text-align: center;
	display: inline-flex;
}

.item-value {
	position:absolute; 
	bottom: 10px; 
	right: 10px;
}

.hoverImg-solid:hover .image-solid {
	filter: brightness(0.4);
	transform: translate3d(0, 0px, 0) scale(1, 1);
}

.hoverImg-solid:hover .middle-solid {
	opacity: 1;
	background-color: var(--color-default);
}

/*.form-floating, .form-floating-solid > .form-control, .form-floating, .form-floating-solid > .form-control-plaintext, .form-floating, .form-floating-solid > .form-select {
	height: calc(100% + 0px) !important;
}*/

.border-bottom {
	border-bottom: 2px solid var(--color-dark) !important;
}

.box-place {
	border-radius: 18px;
	width: 70px;
	height: 70px;
	display: inline-block;
	border: 1px solid var(--color-default);
	background-color: var(--color-input);
	margin-right: 5px;
}


.block-captcha {
	overflow: hidden;
	text-align: center;
	padding-top: 25px;
	border-radius: 18px;
	width: 70px;
	height: 70px;
	font-size: 50px;
	font-weight: 700;
	color: var(--color-light);
	cursor: move;
	margin-right: 5px;
	background-size: 70px, auto, contain !important;
	display: inline-block;
}

@media all and (max-width: 768px) {
	html {
		font-size: 81.25%;
	}
	.box-place {
		border-radius: 8px;
		width: 50px;
		height: 50px;
		display: inline-block;
		border: 1px solid #e6e6e6;
		background-color: #f3f3f3;
		margin-right: 3px;
	}
	.block-captcha {
		overflow: hidden;
		text-align: center;
		padding-top: 25px;
		border-radius: 8px;
		width: 50px;
		height: 50px;
		font-size: 50px;
		font-weight: 700;
		color: var(--color-light);
		cursor: move;
		margin-right: 3px;
		background-size: 50px, auto, contain !important;
		display: inline-block;
	}
}

::-webkit-scrollbar-button {
	background-image: url("");
	background-repeat: no-repeat;
	width: 15px;
	height: 0px;
}

::-webkit-scrollbar-track {
	background-color: var(--color-secondary);
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #434e5e;
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--color-secondary);
}

::-webkit-resizer {
	background-image: url("");
	background-repeat: no-repeat;
	width: 15px;
	height: 0px;
}

::-webkit-scrollbar {
	width: 15px;
}

.sidebar {
	min-height: 100%;
	display: flex;
	border-right: 2px solid var(--color-secondary);
	width: 88px;
	flex-direction: column;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	text-align: center;
	padding-top: 18px;
	z-index: 1000;
	background-color: var(--color-default);
}

.sidebar-menu {
	flex: 1 1 auto;
	overflow-y: hidden;
}

.sidebar-footer {
	margin-bottom: 10px;
}

.sidebar ul {
	list-style: none;
	padding-left: 0;
	margin-top: 25px;
}

.sidebar li {
	margin-bottom: 25px;
	text-align: center;
}

.sidebar li a {
	list-style: none;
	height: 100%;
	background-color: var(--color-secondary);
	padding: 10px 15px 15px 15px;
	border-radius: 6px;
	color: var(--color-description);
	text-decoration: none;
	transition: var(--tr-03);
}

.sidebar li a:hover {
	background-color: var(--color-primary);
}

.sidebar li a.active {
	background-color: var(--color-primary);
	color: var(--color-light);
}

.sidebar li a:hover  {
	color: var(--color-light);
}

.sidebar-md {
	min-height: 100%;
	display: flex;
	width: 250px;
	flex-direction: column;
	position: fixed;
	top: 0;
	left: 88px;
	bottom: 0;
	padding-top: 83px;
	background-color: var(--color-default);
}

.sidebar-md ul {
	list-style: none;
	padding-left: 0;
}

.sidebar-md li a {
	list-style: none;
	height: 100%;
	padding: 10px 15px 15px 15px;
	color: var(--color-light);
	text-decoration: none;
	transition: var(--tr-03);
}

.sidebar-md li a:hover {
	background-color: var(--color-primary);
}

.sidebar-md li a.active {
	background-color: var(--color-primary);
}

.sidebar-md li a:hover .icon {
	color: var(--color-light);
}

@media (max-width:900px){
	#page_content {
		margin-left: 0;
		margin-top: 40px;
	}
	.sidebar,.sidebar-md {
		left: -300px;
	}
}

@-webkit-keyframes bounceInRight {
	 0%,
	 60%,
	 75%,
	 90%,
	 to {
			-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	 }
	 0% {
			opacity: 0;
			-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
			transform: translate3d(3000px, 0, 0) scaleX(3);
	 }
	 60% {
			opacity: 1;
			-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
			transform: translate3d(-25px, 0, 0) scaleX(1);
	 }
	 75% {
			-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
			transform: translate3d(10px, 0, 0) scaleX(0.98);
	 }
	 90% {
			-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
			transform: translate3d(-5px, 0, 0) scaleX(0.995);
	 }
	 to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
	 }
}
@keyframes bounceInRight {
	 0%,
	 60%,
	 75%,
	 90%,
	 to {
			-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	 }
	 0% {
			opacity: 0;
			-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
			transform: translate3d(3000px, 0, 0) scaleX(3);
	 }
	 60% {
			opacity: 1;
			-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
			transform: translate3d(-25px, 0, 0) scaleX(1);
	 }
	 75% {
			-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
			transform: translate3d(10px, 0, 0) scaleX(0.98);
	 }
	 90% {
			-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
			transform: translate3d(-5px, 0, 0) scaleX(0.995);
	 }
	 to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
	 }
}
.animate__bounceInRight {
	 -webkit-animation-name: bounceInRight;
	 animation-name: bounceInRight;
}

.error-message:empty {
	display: none;
}

.loading-animation {
	display: none;
	position: relative;
	width: 1em;
	height: 1em;
}

.loading-animation.show {
	display: inline-block;
}

.loading-animation::after {
	content: " ";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em;
	border: .17em solid rgba(125, 125, 125, .2);
	border-bottom-color: var(--color-primary);
	border-radius: 50%;
	animation: loading-animation 1s linear infinite;
}

.loading-animation.inline::after {
	top: .25em !important;
}

@keyframes loading-animation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.loading-animation.x2 {
	height: 2em;
	width: 2em;
}

.loading-animation.x2::after {
	height: 2em;
	width: 2em;
	border-width: .34em;
}

.loading-animation.inline.x2::after {
	top: .5em !important;
}

.list-group-radio > .is-invalid {
	border: 1px solid #dc3545;
	border-radius: 0.5rem;
}

#logs_file_content {
	width: 100%;
	max-height: 100vh;
	height: calc(100vh - 230px);
}

.login {
	display: flex;
	 justify-content: center;
	padding-top: 23vh;
	text-align: center;
}
.login-card {
	max-width: 450px;
}
.form-horizontal {
	padding-left: 15px;
	padding-right: 15px;
}
.login-field{
	outline: none;
	font-weight: 400;
	font-size: 14px;
	padding: 1rem;
	border: 3px solid var(--color-default); 
	width: 100%;
	color: var(--color-description);
	background-color: var(--color-dark);
}
.login-header {
	font-size: 4rem;
	font-weight: 700;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	background: var(--color-light);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block; 
	animation: flow 8s ease-in-out infinite;
	background-size: 300%;
	user-select: none;
}
.app-edit-chapter {
	width: 100% !important;
	height: 100% !important;
	background-color: var(--color-secondary);
	background-image:linear-gradient(45deg, #323a46 25%, transparent 25%),
									 linear-gradient(-45deg, #323a46 25%, transparent 25%),
									 linear-gradient(45deg, transparent 75%, #323a46 75%),
									 linear-gradient(-45deg, transparent 75%, #323a46 75%);
	background-size:20px 20px;
	background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
	overflow: hidden !important;
}


@-webkit-keyframes scaleAnimation {
		0% {
				opacity: 0;
				-webkit-transform: scale(1.5);
				transform: scale(1.5);
		}
		100% {
				opacity: 1;
				-webkit-transform: scale(1);
				transform: scale(1);
		}
}

@keyframes scaleAnimation {
		0% {
				opacity: 0;
				-webkit-transform: scale(1.5);
				transform: scale(1.5);
		}
		100% {
				opacity: 1;
				-webkit-transform: scale(1);
				transform: scale(1);
		}
}

@-webkit-keyframes drawCircle {
		0% {
				stroke-dashoffset: 151px;
		}
		100% {
				stroke-dashoffset: 0;
		}
}

@keyframes drawCircle {
		0% {
				stroke-dashoffset: 151px;
		}
		100% {
				stroke-dashoffset: 0;
		}
}

@-webkit-keyframes drawCheck {
		0% {
				stroke-dashoffset: 36px;
		}
		100% {
				stroke-dashoffset: 0;
		}
}

@keyframes drawCheck {
		0% {
				stroke-dashoffset: 36px;
		}
		100% {
				stroke-dashoffset: 0;
		}
}

@-webkit-keyframes fadeOut {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
		}
}

@keyframes fadeOut {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
		}
}

@-webkit-keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}

@keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}

#successAnimationCircle {
		stroke-dasharray: 151px 151px;
		stroke: var(--color-light);
}

#successAnimationCheck {
		stroke-dasharray: 36px 36px;
		stroke: var(--color-light);
}

#successAnimationResult {
/*		fill: var(--color-description);*/
		opacity: 0;
}

#successAnimation.animated {
		-webkit-animation: 1s ease-out 0s 1 both scaleAnimation;
		animation: 1s ease-out 0s 1 both scaleAnimation;
}

#successAnimation.animated #successAnimationCircle {
		-webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
		animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
}

#successAnimation.animated #successAnimationCheck {
		-webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
		animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
}

#successAnimation.animated #successAnimationResult {
		-webkit-animation: 0.3s linear 0.9s both fadeIn;
		animation: 0.3s linear 0.9s both fadeIn;
}

.save-success {
	position: fixed;
	text-align: center;
	z-index: 9999;
	padding: 18px;
	display: none;
	z-index: 1;
	top: 42vh;
	left: 45vw;
	width: 300px;
	height: 230px;
	border-radius: 18px;
	background: var(--color-secondary);
	backdrop-filter: blur(7px);
}

.save-success p {
	font-size: 20px;
	color: var(--color-light);
}

.select2-container--default .select2-selection--multiple {
	background-color: var(--color-dark) !important;
	border: 3px solid var(--color-default) !important;
	border-radius: 18px;
	cursor: text;
	padding-bottom: 5px;
	padding-right: 5px;
	position: relative;
	padding: 0.55rem .75rem .75rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.select2-selection--multiple:focus { 
	background-color: var(--color-dark);
	border-color: var(--color-dark);
	color: var(--color-light);
}
.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 12px !important;
	user-select: none;
	-webkit-user-select: none;
}

.select2-container--default .select2-selection--single {
	background-color: var(--color-dark);
	border: 3px solid var(--color-default);
	border-radius: 4px;
}

.select2-dropdown {
	background-color: var(--color-dark);
	border: 3px solid var(--color-default);
	 border-top-color: rgb(170, 170, 170);
	 border-top-style: solid;
	 border-top-width: 1px;
	border-radius: 4px;
	 border-top-left-radius: 4px;
	 border-top-right-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: var(--color-dark);
	border: 3px solid var(--color-default);
	color: var(--color-light);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--color-default);
	border: 1px solid  var(--color-secondary);
	border-radius: 4px;
	box-sizing: border-box;
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0;
	 padding-left: 0px;
	padding-left: 20px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
	white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
	background-color: var(--color-primary);
	color: var(--color-light);
	outline: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--color-primary);
	color: var(--color-light);
}

.select2-container--default .select2-results__option--selected {
	background-color: var(--color-secondary);
}

.alert-default {
	background-color: var(--color-default);
	border: 3px solid var(--color-input);
	color: var(--color-description);
}

@keyframes backInLeft {
	0% {
		transform: translateX(-2000px) scale(0.7);
		opacity: 0.7;
	}

	80% {
		transform: translateX(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.backInLeft {
	animation-name: backInLeft;
}

@keyframes backOutLeft {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	20% {
		transform: translateX(0px) scale(0.7);
		opacity: 0.7;
	}

	100% {
		transform: translateX(-2000px) scale(0.7);
		opacity: 0.7;
	}
}

.backOutLeft {
	animation-name: backOutLeft;
}

.achievement {
	position: absolute;
	text-align: center;
	top:0;
	height: 100%;
	width: 100%;
	user-select: none !important;
}
.achievement-glow {
	content: '';
	background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
	position: absolute;
	top: -2px;
	left:-2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	animation: glowing 20s linear infinite;
	transition: opacity .3s ease-in-out;
	border-radius: 18px;
}
.achievement-container {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 5;
	border-radius: 18px;
}
.glow-on-hover {
	border: none;
	outline: none;
	color: #fff;
	background: #111;
	cursor: pointer;
	position: relative;
	z-index: 0;
	border-radius: 18px;
}

.glow-on-hover:before {
	content: '';
	background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
	position: absolute;
	top: -2px;
	left:-2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	animation: glowing 20s linear infinite;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	border-radius: 18px;
}

.glow-on-hover:active {
	color: #000
}

.glow-on-hover:active:after {
	background: transparent;
}

.glow-on-hover:hover:before {
	opacity: 1;
}

.glow-on-hover:after {
	z-index: -1;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #111;
	left: 0;
	top: 0;
	border-radius: 18px;
}

@keyframes glowing {
	0% { background-position: 0 0; }
	50% { background-position: 400% 0; }
	100% { background-position: 0 0; }
}

.modal-btn-desc {
	width: 0;
	transition: .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-flex;
}

#snapshot-node:hover .modal-btn-desc {
	width: 240px;
}

#save-node:hover .modal-btn-desc {
	width: 190px;
}

.close:hover .modal-btn-desc {
	width: 90px;
}
.percent-load {
	position: absolute;
	z-index: 10;
	display: none;
	text-align: center;
	top:25%;
	left:25%;
	user-select: none !important;
}

.rotate {
	user-select: none !important;
	animation-name: rotation;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes rotation {
		0% {
				transform:rotate(0deg);
		}
		100% {
				transform:rotate(360deg);
		}
}

.audio-in-progress {
	position: absolute;
	opacity: 0;
	text-align: center;
	top:0;
	height: 100%;
	width: 100%;
	user-select: none !important;
}
.audio-in-progress-glow {
	content: '';
	background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
	position: absolute;
	top: -2px;
	left:-2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	animation: glowing 20s linear infinite;
	transition: opacity .3s ease-in-out;
	border-radius: 18px;
}
.audio-in-progress-dark {
	background-color: var(--color-dark);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 4;
	border-radius: 18px;
}
.audio-in-progress-container {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 5;
	border-radius: 18px;
}
.loader {
	height: 70px;
	display: flex;
	z-index: 10;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
}
.loader .stroke {
	 display: block;
	 position: relative;
	 background: var(--color-light);
	 height: 100%;
	 width: 6px;
	 border-radius: 50px;
	 margin: 0 3px;
	 animation: animate 1.2s linear infinite;
}
@keyframes animate {
	50% {
		height: 20%;
	}
	100% {
		height: 100%;
	}
}
.stroke:nth-child(1){
	animation-delay: 0s;
}
.stroke:nth-child(2){
	animation-delay: 0.3s;
}
.stroke:nth-child(3){
	animation-delay: 0.6s;
}
.stroke:nth-child(4){
	animation-delay: 0.9s;
}
.stroke:nth-child(5){
	animation-delay: 0.6s;
}
.stroke:nth-child(6){
	animation-delay: 0.3s;
}
.stroke:nth-child(7){
	animation-delay: 0s;
}

.dice-container {
	display: flex;
	flex-direction: row;
}

.dice-item .list-group-item .form-check-input {
	margin-top: .6em;
}

.bigIcon {
	background-color: var(--color-dark);
	color: var(--color-light);
	border-radius: 18px;
	width: 96px;
	height: 96px;
	user-select: none;
	transition: var(--tr-03);
}

.midIcon {
	background-color: var(--color-input);
	border-radius: 18px;
	text-align: center;
	color: #fff;
	width: 64px;
	height: 64px;
	user-select: none;
}

.bs-blue-flow {
	background: linear-gradient(48deg, var(--color-primary) 0%, var(--color-primary)  41%, var(--color-primary-hover)  100%);
	background-clip: border-box;
	user-select: none;
	animation: flow 8s ease-in-out infinite;
	background-size: 300%;
	border: 0px;
}

@keyframes flow {
	0% {
	background-position: 0 50%;
	}
	50% {
	background-position: 100% 50%;
	}
	100% {
	background-position: 0 50%;
	}
}

.input-hidden {
	opacity: 0;
	position: absolute;
}

.tooltip {
	--bs-tooltip-zindex: 1080;
	--bs-tooltip-max-width: 200px;
	--bs-tooltip-padding-x: 0.5rem;
	--bs-tooltip-padding-y: 0.25rem;
	--bs-tooltip-margin: ;
	--bs-tooltip-font-size: 0.875rem;
	--bs-tooltip-color: var(--color-description);
	--bs-tooltip-bg: var(--color-default);
	--bs-tooltip-border-radius: 0.375rem;
	--bs-tooltip-opacity: 0.9;
	--bs-tooltip-arrow-width: 0.8rem;
	--bs-tooltip-arrow-height: 0.4rem;
	z-index: var(--bs-tooltip-zindex);
	display: block;
	padding: var(--bs-tooltip-arrow-height);
	margin: var(--bs-tooltip-margin);
	font-family: var(--bs-font-sans-serif);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	white-space: normal;
	word-spacing: normal;
	line-break: auto;
	font-size: var(--bs-tooltip-font-size);
	word-wrap: break-word;
	opacity: 0;
}

#audio-icon {
	background-color: var(--color-dark);
	border-radius: 18px;
}

.title {
	font-size: 40px;
	font-weight: 700;
}
.subtitle {
	font-size: 30px;
	font-weight: 700;
}
.overflow-hidden {
	overflow: hidden;
}
.h-100 {
	height: 100vh !important;
}

.h-180 {
	height: 182px;
	overflow-y: hidden;
}

.h-444 {
	height: 444px;
	overflow-y: hidden;
}

.h-600 {
	height: 600px;
	overflow-y: hidden;
}

.h-100p {
	height: 100%;
	overflow-y: hidden;
}

.small-card img {
	max-height: 100px;
	max-width: 100px;
}
.normal-card img {
	max-height: 150px;
	max-width: 150px;
}
.h-230 {
	height: 232px;
}
.h-230 img {
	width: 150px;
	height: 150px;
}
.card-hover:hover {
  -webkit-box-shadow: 0 8px 32px rgba(36, 47, 61,.2);
  -moz-box-shadow: 0 8px 32px rgba(36, 47, 61,.2);
  box-shadow: 0 8px 32px rgba(36, 47, 61,.2);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
  background: var(--color-hover);
}
.sign-card {
	width: 522px;
	padding: 40px;
}
.hero-app {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	perspective: 300px;
	perspective-origin: 47% 80%
} 
.hero-app:before {
	content: "";
	overflow: hidden;
	position: absolute;
	width: 200%;
	height: 200%;
	top: -70%;
	left: -25%;
	background: url(/files/ojiywrra.png) 18% 0 no-repeat;
	-webkit-animation: preview-image 30s infinite;
	animation: preview-image 30s infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	transform: scaleX(.7) rotateX(5deg) rotateY(-7deg) rotate(10deg);
}
.hero-form {
	display: none;
}

.logo-box {
	width: 180px;
	height: 180px;
	padding: 0 0 0px 15px;
	border-radius: 18px;
	background-color: #323a46;
	background-image: linear-gradient(48deg, var(--color-secondary) 0%, #434e5e 100%);
}
.logo-box span {
	font-size: 130px;
	line-height: 1.15;
	font-family: Ubuntu;
	font-weight: 700;
	text-transform: uppercase;
		background: linear-gradient(48deg, var(--color-primary) 0%, #fff  41%, #0da3fd  100%);
		background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	user-select: none;
	animation: flow 8s ease-in-out infinite;
	background-size: 300%;
}

@keyframes preview-image {
	0% {
			background-position-y: 0;
		}
		to {
			background-position-y: 100%;
		}
}
@keyframes flow {
	0% {
	background-position: 0 50%;
	}
	50% {
	background-position: 100% 50%;
	}
	100% {
	background-position: 0 50%;
	}
}
.hero-container {
	display: flex;
	justify-content: center;
	flex-direction: row;
	height: 100vh;
	position:absolute;
	top: 0;right: 10%;
}
.hero-section {
	height: 100vh;
}
.flex-1 {
	display: flex;
	width: 50vw;
}
.flex-3 {
	display: flex;
}

@media (min-width:1200px) {
		.hero-app:before {
		width: 200%;
		height: 264%;
		top: -85%;
		left: -45%;
		transform: scaleX(.7) rotateX(5deg) rotateY(-7deg) rotate(10deg) scale(.5);
	}
}
@media (min-width:1900px) {
		.hero-app:before {
		width: 200%;
		height: 235%;
		top: -69%;
		left: -40%;
		transform: scaleX(.7) rotateX(5deg) rotateY(-7deg) rotate(10deg) scale(.6);
	}
}
/*@media (min-width:2200px) {
		.hero-app:before {
		width: 200%;
		height: 200%;
		top: -71%;
		left: -31%;
		transform: scaleX(.7) rotateX(5deg) rotateY(-7deg) rotate(10deg);
	}
}*/

.screen_locker {
	display: none; 
	position: fixed; 
	top: 0; 
	left: 0;
	bottom: 0; 
	right: 0; 
	backdrop-filter: blur(7px);
	background: var(--color-blur) !important; 
	z-index: 99999;
}

.bg-day {
	background-color: rgba(248, 249, 250) !important;
	color: var(--color-description);
	font-size: 14px;
}

.bg-day a {
	font-size: 14px;
	transition: .3s;
	text-decoration: none;
}

.bg-day-blur {
	background-color: var(--color-blur) !important;
	backdrop-filter: blur(10px);
}

.bg-dark-blur {
	background-color: rgba(33, 37, 41, .75) !important;
	backdrop-filter: blur(10px);
}
.bg-dark-blur .nav-link {
  color: var(--color-light);
}
.bg-dark-blur .nav-link:hover {
  color: #ffc720;
}
.bg-day .border-bottom {
	border-bottom: 1px solid var(--color-default) !important;
}

.bg-dark-blur .navbar-brand {
  color: var(--color-light);
}

.bg-dark-blur a {
  font-size: 14px;
  transition: .3s;
  text-decoration: none;
}
.hero-title {
	font-size: 50px;
	font-weight: 700;
}
.mega-menu {
	border-radius: 0px;
	border: 0px;
	height: 100vh;
	width: 100vw;
/*	top: 51px !important;*/
	left: 0;
	right: 0;
	overflow-x: hidden;
}
.overflow-y-none {
	overflow-y: hidden;
}

.navbar-nav {
  --bs-nav-link-hover-color: var(--color-description);
}
.nav-link {
	color: var(--color-description);
}
.nav-link.active {
	color: var(--color-light) !important;
	font-weight: 500;
}
.flex-sm-fill.active {
  color: var(--color-light) !important;
  background-color: var(--bs-nav-pills-link-active-bg);
}
nav .nav-link.active {
	color: var(--color-primary) !important;
	border-bottom: 3px solid var(--color-primary) !important;
}
.nav-link {
	border-bottom: 3px solid transparent !important;
}
.nav-link:focus, .nav-link:hover {
  color: var(--color-primary);
}

.offcanvas {
	background-color: none;
	overflow-x: hidden;
}
.cookie-policy {
	height: 15vh !important;
}


@media only screen and (max-width: 1200px) {
  .navbar-collapse {
  	height: 100vh;
	}
	#page-content {
		margin-top: 90px;
	}
	#cabinet-page-content {
		margin-top: 20px;
		margin-left: 0px;
	}
	.small-card img {
		max-height: 120px;
		max-width: 120px;
	}
	.normal-card img {
		max-height: 120px;
		max-width: 120px;
	}
	.text-center-xs {
		justify-content: center;
		text-align: center;
	}
	.h-230 {
		height: 188px;
	}
	.h-230 img {
		width: 120px;
		height: 120px;
	}
	.cookie-policy {
		height: auto !important;
	}
		.sidebar-menu ul {
		list-style: none;
		padding-left: 0;
		margin-top: 25px;
	}

	.sidebar-menu li {
		margin-bottom: 5px;
	}

	.sidebar-menu li a {
		list-style: none;
		display: flex;
		padding: 10px;
		line-height: 1;
		border-radius: 6px;
		color: var(--color-description);
		text-decoration: none;
		transition: var(--tr-03);
	}

	.sidebar-menu li a:hover {
		background-color: var(--color-primary);
	}

	.sidebar-menu li a.active {
		background-color: var(--color-primary);
		color: var(--color-light);
	}

	.sidebar-menu li a:hover  {
		color: var(--color-light);
	}

	.sidebar-footer ul {
		list-style: none;
		padding-left: 0;
		margin-top: 25px;
	}

	.sidebar-footer li {
		margin-bottom: 5px;
	}

	.sidebar-footer li a {
		list-style: none;
		display: flex;
		padding: 10px;
		line-height: 1;
		border-radius: 6px;
		color: var(--color-description);
		text-decoration: none;
		transition: var(--tr-03);
	}

	.sidebar-footer li a:hover {
		background-color: var(--color-primary);
	}

	.sidebar-footer li a.active {
		background-color: var(--color-primary);
		color: var(--color-light);
	}

	.sidebar-footer li a:hover  {
		color: var(--color-light);
	}

	.bigIcon {
		background-color: var(--color-dark);
		border-radius: 18px;
		text-align: center;
		width: 64px;
		height: 64px;
		user-select: none;
	}
}
@media only screen and (max-width: 760px) {
	.logoHero {
	  width: 38px;
	  height: 38px;
	  box-sizing: border-box;
	  background-image: var(--logo-icon);
	  background-size: 100% 100%;
	  background-repeat: no-repeat;
	  background-position: center;
	  border-radius: 8px;
	}
	#page-content {
		margin-top: 70px;
	}
}


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
	--index: calc(1vw + 1vh);
	--transition: 1.5s cubic-bezier(.05, .5, 0, 1);
}

.logo {
	--logo-size: calc(var(--index) * 7.8);
	width: var(--logo-size);
	height: var(--logo-size);
	background-repeat: no-repeat;
	position: absolute;
	left: calc(51% - calc(var(--logo-size) / 2));
	top: calc(var(--index) * 2.8);
	z-index: 1;
}
.layers {
	perspective: 1000px;
	overflow: hidden;
}
.layers__container {
	height: 100vh;
	min-height: 500px;
	transform-style: preserve-3d;
	transform: rotateX(var(--move-y)) rotateY(var(--move-x));
	will-change: transform;
	transition: transform var(--transition);
}
.layers__item {
	position: absolute;
	inset: -5vw;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.layer-1 {
	transform:  scale(1.5);
}
.layer-2 {
	transform: translateZ(80px) scale(.88);
}
.layer-3 {
	transform: translateZ(180px) scale(.8);
}
.layer-4 {
	transform: translateZ(190px) scale(.9);
}
.layer-5 {
	transform: translateZ(300px) scale(.9);
}
.layer-6 {
	transform: translateZ(380px);
}
.li li {
  background: url("/files/rvjvrrhc.svg") 0 5px no-repeat;
  background-size: 32px 32px;
  padding-left: 52px;
  min-height: 40px;
  color: var(--color-description);
  line-height: 29px;
  margin-bottom: 40px;
  list-style: none;
}

.self-check {
  background: url("/files/qyeffneb.svg") 0 5px no-repeat;
  background-size: 52px 52px;
  padding-left: 6.3rem;
  min-height: 40px;
  color: var(--color-description);
  line-height: 29px;
  margin-bottom: 64px;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 18px;
}
.accordion-flush .accordion-item {
  border-radius: 18px;
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion {
  --bs-accordion-color: var(--color-description);
  --bs-accordion-bg: var(--color-default);
  --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 0px;
  --bs-accordion-border-radius: 18px;
  --bs-accordion-inner-border-radius: 18px;
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--color-description);
  --bs-accordion-btn-bg: var(--color-default);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--color-description);
  --bs-accordion-active-bg: var(--color-default);
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 18px;
}

.z-3{
	z-index: 3;
}