/* Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap');

.grecaptcha-badge, .grecaptcha-logo, .grecaptcha-error, .g-recaptcha-response {
	display: none;
}
/* Reset */

* {padding: 0;	margin: 0; -webkit-tap-highlight-color:transparent;}
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
:focus, :active, a:focus, a:active {outline: none;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
html, body {
	width: 100%;
	min-height: 100%;
	font-size: 100%;
	line-height: 1;
	-webkit-text-size-adjust: none;
	display: flex;
}

input, button, textarea, select {
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
}
input:invalid {box-shadow: none;}
input::-ms-clear {display: none;}
button::-moz-focus-inner {padding: 0; border: 0;}
button, .button, input[type="button"], input[type=submit] {cursor: pointer;}
button[disabled], input[disabled] {cursor: default;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

a, a:hover, a:visited {text-decoration: none;}
img {vertical-align: top; max-width: 100%;}

h1,h2,h3,h4,h5,h6 {font-size: inherit; font-weight: normal;}

ol, ul {list-style: none;}
ol {counter-reset: myCounter;}
ol li:before {
	counter-increment: myCounter;
	content:counter(myCounter);
	margin-right: 5px;
}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: inherit;}

/* position:fixed блокирует скролл в iOS, чтобы бургер не уезжал из-за эластичного скрола, 100vh тоже нужен для safari */
.scroll_disable {overflow: hidden; height: 100vh;}
.scroll_disable .page {position: fixed;}

/* Style only for FireFox */
@-moz-document url-prefix() {

}



/* Global */

body {
	font-family: 'Inter';
	font-weight: 300;
	font-size: 18px;
	line-height: 1.2em;
	color: #000000;
	background: #ededed; 
	/* background: linear-gradient(90deg, #ededed 0%, #ededed 50%, #ffffff 50%, #ffffff 100%); */
	/* overflow-x: hidden; */
}

.page {
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	display: flex;
	flex-direction: row-reverse;
	/* box-shadow: 0 0 20px rgba(0,0,0,0.05); */
}
.page__sidebar {
	width: 32%;
	max-width: 466px;
	background: #fff;
	padding: 40px;
	position: relative;
	transition: 0.5s;
	z-index: 20;
}
.page__sidebar_hide {
	width: 0;
	margin-right: -80px;
}
.page__content {
	flex: 1;
	background: #EDEDED;
	padding: 40px;
	overflow: hidden;
}

h1 {
	font-size: 36px;
	line-height: 1.2em;
	margin-bottom: 20px;
}
h1 img {
	height: 1.1em;
}
h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2em;
	color: #686868;
	margin: 20px 0;
}
p:not(:last-child) {
	margin-bottom: 20px;
}

p.bigtext {
	font-size: 18px;
}
p.smalltext {
	font-size: 12px;
	margin-bottom: 12px;
}
.smalltext {
	font-size: 12px;
}
.redtext {
	color: #EB5757;
}


a, a:before, button, .button {
	transition: 0.3s;
}
a {
	color: #F2994A;
}
@media (hover: hover) {
	a:hover {
		text-decoration: underline;
	}
}

.nowrap {
	white-space: nowrap;
}

.list {
	padding-left: 16px;
	padding-bottom: 15px;
}
.list li {
	position: relative;
	padding-bottom: 10px;
}
.list li::before {
	content:'';
	display: block;
	position: absolute;
	left: -14px;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50px;
	background: #000;
}

.button {
	font-family: 'roboto';
	font-weight: 400;
	font-size: 16px;
	display: flex;
	align-items: center;
	width: fit-content;
	transition: 0.3s;
	height: 44px;
	padding: 0 20px;
	border: none;
	border-radius: 4px;
	margin-bottom: 10px;
}
.button_orange {
	color: #F2994A;
	border: 1px solid #F2994A;
	background: none;
}
.button_yellow {
	border: none;
	background: #F2C94C;
	color: #000;
	font-size: 14px;
	padding: 0 10px;
	height: 34px;
}
.button_big {
	font-size: 24px;
	height: 60px;
}
.button_medium {
	height: 60px;
}
.button_small {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.48);
	height: 34px;
	border: 1px solid #E5E5E5;
	border-radius: 3px;
	background: none;
	padding: 0 10px;
}
.button_small img {
	margin-right: 6px;
	transition: 0.3s;
}
.button_tiny {
	font-weight: 500;
	font-size: 12px;
	color: #333;
	border: 1px solid #F2994A;
	border-radius: 5px;
	padding: 0px 10px;
	height: 28px;
	margin: 0;
}
.button_save {
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #F2994A;
	border-radius: 5px;
	padding: 0px 10px;
	height: 28px;
	margin: 0;
}
.button_save img {
	margin-right: 5px;
	transition: 0.2s;
}
.button_round {
	font-weight: 300;
	font-size: 12px;
	padding: 13px 15px;
	border-radius: 50px;
	background: var(--white);
	border: none;
	height: auto;
}
.button:hover {
	text-decoration: none;
}
@media (hover: hover) {
	.button_orange:hover {
		background: #F2994A;
		color: #fff;
	}
	.button_yellow:hover {
		filter: brightness(105%);
	}
	.button_small:hover,
	.button_tiny:hover,
	.button_save:hover {
		background: #F2994A;
		border-color: #F2994A;
		color: #fff;
	}
	.button_small:hover img,
	.button_save:hover img {
		filter: brightness(1000%);
	}
	.button_round:hover {
		background: #ffefe0;
	}
}

.copybtn {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 10px;
	background: url(../img/copy.svg) center no-repeat;
	position: relative;
}
.copybtn::before {
	content:'';
	display: block;
	position: absolute;
	inset: 0;
	background: url(../img/copy.svg) center no-repeat;
	transition: 0s;
}
.copybtn_active::before {
	transition: 0.5s;
	transform: scale(2.5);
	opacity: 0;
}


/* Hide sidebar */

.hidesidebar-btn {
	width: 35px;
	height: 38px;
	background: #fff url(../img/arrow.svg) left 14px center no-repeat;
	background-size: 14px;
	position: absolute;
	top: 20px;
	left: -35px;
	border-radius: 50px 0 0 50px;
	cursor: pointer;
	transition: 0.3s;
}
.hidesidebar-btn_open {
	background: #fff url(../img/burger.svg) left 11px center no-repeat;
	background-size: 19px;
}


/* Switch chat sidebar button */

.switchchat-btn {
	width: 35px;
	height: 38px;
	background: #fff url(../img/switch-chat.svg) left 12px center no-repeat;
	position: absolute;
	top: 75px;
	left: -35px;
	border-radius: 50px 0 0 50px;
	cursor: pointer;
	transition: 0.1s;
}
.switchchat-btn_active {
	background: #fff url(../img/switch-chat_active.svg) left 12px center no-repeat;
}



/* Fixed sidebar */

@media (min-width:1280px) {
	.page__sidebar_fixed {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		display: flex;
		flex-direction: column;
	}
	.page__sidebar_clone {
		opacity: 0;
		pointer-events: none;
	}
}



/* Logo */

.logo {
	margin-bottom: 30px;
}
.logo__version {
	font-size: 9px;
	line-height: 10px;
	margin-bottom: 4px;
}
.logo__desc {
	margin-top: 8px;
}



/* Menu */

.menu__user {
	margin-bottom: 40px;
}
.menu__text {
	font-family: 'roboto';
	font-weight: 400;
	font-size: 12px;
	line-height: 1.25em;
	color: #111111;
	margin-bottom: 10px;
}
.menu__text a {
	color: #111111;
	text-decoration: underline;
}
.menu__text a:hover {
	color: #F2994A;
}

.menu__mainmenu {
	margin-bottom: 30px;
}
.menu__item {
	font-size: 14px;
	line-height: 17px;
	font-weight: 700;
	color: #000;
	display: block;
	margin: 10px 0;
	padding-left: 22px;
	position: relative;
	width: max-content;
}
.menu__item::before {
	content:'';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 12px;
	height: 12px;
	background: #C4C4C4;
	border-radius: 100px;
}
.menu__item_nocircle {
	padding-left: 0;
}
.menu__item_nocircle::before {
	display: none;
}
.menu__submenu_close {
	display: none;
}
.menu__item_submenu {
	font-size: 12px;
	line-height: 15px;
	font-weight: 500;
	margin: 0 0 5px 0;
}
.menu__item_submenu::before {
	width: 7px;
	height: 7px;
}
.menu__item_red {
	color: #EB5757;
}
.menu__item_active::before {
	background: #F2C94C;
}
@media (hover: hover) {
	.menu__item:hover {
		color: #F2994A;
		text-decoration: none;
	}
	.menu__item:hover::before {
		background: #F2C94C;
	}
}
.menu__item_select {
	display: flex;
	align-items: center;
}
.menu__item_select::after {
	content:'';
	display: block;
	width: 15px;
	height: 15px;
	background: url(../img/arrowdown.svg) center no-repeat;
	margin-left: 6px;
}


.menu__balance {
	display: flex;
	flex-wrap: wrap;
	gap: 0 8px;
}
.menu__balance-count {
	font-weight: 700;
	font-size: 20px;
	color: #F2994A;
}
.menu__balance-link {
	font-weight: 300;
	font-size: 14px;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #F2994A;
	white-space: nowrap;
}
.menu__balance-link:hover {
	text-decoration: none;
}

.menu__username {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 5px;
}
.menu__notify {
	font-size: 9px;
	line-height: 1.2em;
	color: #828282;
}
.menu__usermenu {
	font-size: 14px;
}
.menu__usermenu-item {
	font-size: 14px;
	text-decoration: underline;
	color: #000;
	white-space: nowrap;
	border-right: 1px solid #000;
	padding-right: 8px;
	margin-right: 4px;
}
.menu__usermenu-item:last-child {
	border: none;
	padding-right: 0;
	margin-right: 0;
}
.menu__usermenu-item_bold {
	font-weight: 600;
	color: #F2994A;
}
@media (hover: hover) {
	.menu__usermenu-item:hover {
		color: #F2994A;
	}
}

.lang {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-gap: 15px;
	width: max-content;
}
.lang__item {
	font-size: 14px;
	font-weight: 500;
	color: #000;
}
.lang__item_active {
	color: #F2994A;
}
@media (hover: hover) {
	.lang__item:hover {
		text-decoration: underline;
	}
	.lang__item_active:hover {
		text-decoration: none;
		cursor: default;
	}
}

.menu__warning {
	margin-bottom: 24px;
}
.warning {
	position: relative;
	padding: 10px 10px 10px 60px;
}
.warning::before {
	content:'';
	display: block;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	left: 14px;
	width: 35px;
	height: 35px;
	background: url(../img/fire.png) center no-repeat;
	background-size: contain;
	z-index: 2;
}
.warning::after {
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	transition: 0.3s;
	z-index: 1;
	opacity: 0.7;
}
.warning:hover::after {
	opacity: 1;
}
.warning span {
	white-space: nowrap;
}
.warning__text {
	font-size: 17px;
	line-height: 1.2em;
	position: relative;
	z-index: 2;
}
.warning__link {
	font-size: 17px;
	font-weight: 700;
	color: #000;
	line-height: 1.5em;
	position: relative;
	z-index: 2;
	transition: none;
}
.warning__desc {
	font-size: 10px;
	line-height: 1.2em;
	position: relative;
	z-index: 2;
}
.warning_7day::after {
	background: linear-gradient(269.3deg, rgba(235, 87, 87, 0.5) 10.54%, rgba(39, 180, 62, 0.5) 44.35%);
}
.warning_3day::after {
	background: linear-gradient(266.68deg, rgba(235, 87, 87, 0.5) 47.83%, rgba(39, 180, 62, 0.5) 88.1%);
}
.warning_1day::after {
	background: linear-gradient(269.27deg, rgba(235, 87, 87, 0.5) 82.12%, rgba(39, 180, 62, 0.5) 114.14%);
}
.warning_empty::after {
	background: #EB5757;
	opacity: 0.5;
}
.warning_empty:hover,
.warning_empty:hover .warning__link {
	color: #fff;
}



/* Burger */

.burger {
	padding: 7px;
	overflow: hidden;
	position: relative;
	z-index: 1004;
	display: none;
	right: -7px;
}
.burger__icon {
	width: 28px;
	height: 24px;
	position: relative;
}
.burger__line {
	background: #000;
	height: 3px;
	position: absolute;
	width: 100%;
}
.burger__line_1 {top: 0;}
.burger__line_2 {top: 50%; transform: translateY(-50%);}
.burger__line_3 {bottom: 0;}


/* Burger close animation */

.burger__line {
	transition-duration: 0.2s;
	transition-property: transform, top, bottom, opacity;
	transition-delay: 0s, 0.1s, 0.1s, 0s;
}
.burger__icon_close .burger__line {
	transition-duration: 0.2s;
	transition-property: transform, top, bottom, opacity, width, margin;
	transition-delay: 0.1s, 0s, 0s, 0s, 0.1s, 0.1s;
}
.burger__icon_close .burger__line_1 {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 120%;
	margin: 0 -10%;
}
.burger__icon_close .burger__line_2 {
	opacity: 0;
}
.burger__icon_close .burger__line_3 {
	bottom: 50%;
	transform: translateY(50%) rotate(-45deg);
	width: 120%;
	margin: 0 -10%;
}




/* Menu on mobile */

@media screen and (max-width:1279px) {
	.burger {
		display: block;
	}
	.menu {
		position: fixed;
		top: 0;
		right: 0;
		height: 100vh;
		overflow: auto;
		background: #fff;
		transition: 0.4s;
		padding: 40px 80px 80px 40px;
		width: 100%;
		max-width: 466px;
		transform: translateX(100%);
		z-index: 1003;
	}
	.menu__body {
		width: 100%;
	}
	.menu_open.menu {
		transform: translateX(0);
		box-shadow: 0 0 15px rgba(0,0,0,0.2);
		width: 100%!important;
	}
}




/* Main */

.main {
	font-size: 18px;
}
.main h1 {
	margin-bottom: 32px;
}
.main h2 {
	font-weight: 500;
}
.main li {
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	background: #FFFFFF url(../img/check-green.png) top 15px left 15px no-repeat;
	background-size: 16px;
	border-radius: 10px;
	padding: 15px;
	padding-left: 38px;
	margin: 10px 0;
	width: fit-content;
}

.ul_money li {
	background: #FFFFFF url(../img/dollar.png) top 15px left 15px no-repeat;
	background-size: 16px;
}
.ul_cross li {
	background: #FFFFFF url(../img/cross.png) top 15px left 15px no-repeat;
	background-size: 16px;
}

.button-bot {
	display: flex;
	align-items: center;
	width: fit-content;
	transition: 0.3s;
	height: 44px;
	padding: 0 10px 0 40px;
	border-radius: 20px;
	margin-bottom: 10px;
	color: #2F80ED;
	border: 1px solid #2F80ED;
	background: url(../img/telegram.svg) left 10px center no-repeat;
	font-size: 14px;
	line-height: 1.2em;
}
.button-big {
	display: flex;
	align-items: center;
	width: fit-content;
	transition: 0.3s;
	min-height: 59px;
	padding: 8px 15px 8px 48px;
	border-radius: 20px;
	font-size: 24px;
	line-height: 1.2em;
	background: url(../img/ok-hand.png) left 15px center no-repeat;
	background-size: 25px;
}
.button-bot:last-child {
	margin-bottom: 60px;
}
.button-big_green {
	color: #219653;
	border: 1px solid #219653;
}
.button-big_red {
	color: #EB5757;
	border: 1px solid #EB5757;
}
@media (hover: hover) {
	.button-bot:hover {
		color: #fff;
		background-color: #2D9CDB;
		text-decoration: none;
	}
	.button-big:hover {
		text-decoration: none;
	}
	.button-big_green:hover {
		color: #fff;
		background-color: #27AE60;
	}
	.button-big_red:hover {
		color: #fff;
		background-color: #EB5757;
	}
}

.benefit {
	display: flex;
	align-items: center;
	margin: 80px 0;
}
.benefit_reverse {
	flex-direction: row-reverse;
	justify-content: flex-end;
	margin-top: 0;
}
.benefit_reverse .benefit__image {
	text-align: right;
}
.benefit__image {
	width: 245px;
}
.benefit__image_shrink {
	flex-shrink: 0;
}
.benefit_reverse .benefit__image_shrink {
	width: 33%;
	text-align: center;
	margin-left: 20px;
}
.benefit__title {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2em;
	color: #686868;
	margin-bottom: 20px;
}
.benefit__text {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.2em;
	margin-bottom: 20px;
}
.benefit__text p {
	margin-bottom: 12px;
}
.benefit__icon {
	width: 1.2em;
}

.type {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(162px, 1fr));
	grid-gap: 22px 10px;
}
.type__item {
	line-height: 1.1em;
	display: flex;
	align-items: center;
}
.type__container {
	display: block;
	background: #fff;
	padding: 10px 10px 15px;
	border-radius: 18px;
	transition: 0.3s;
}
.type__image {
	margin-bottom: 8px;
}
.type__title {
	display: block;
	font-weight: 700;
	font-size: 16px;
	color: #000;
	margin-bottom: 8px;
}
.type__text {
	font-size: 13px;
	line-height: 20px;
	color: #89807A;
}

.content-section {
	margin: 80px 0;
}

.image-right {
	display: flex;
	align-items: center;
}
.image-right img {
	max-width: 245px;
	margin-left: 20px;
}




/* Footer */

.footer {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 20px;
}
.footer p:not(:last-child) {
	margin-bottom: 5px;
}





/* Cabinet */

.cabinet__head {
	margin-bottom: 10px;
}
.cabinet__head-item {
	display: inline-block;
	white-space: nowrap;
	border-right: 1px solid #000;
	padding-right: 10px;
	margin: 0 5px 5px 0;
}
.cabinet__head-item:last-child {
	border: none;
	padding-right: 0;
	margin-right: 0;
}

.back {
	border-bottom: 1px solid #BDBDBD;
	padding-bottom: 15px;
	margin-bottom: 24px;
}
.back-link {
	font-size: 14px;
	line-height: 1.2em;
	font-weight: 400;
	color: #333333;
}
.back-link:hover {
	color: #F2994A;
	text-decoration: none;
}
.back-link img {
	height: 1em;
	margin: 4px 2px 0 0;
}

.cabinet__title {
	font-family: 'roboto';
	font-weight: 300;
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: 10px;
}
.cabinet__title b {
	font-weight: 500;
}
.cabinet__title-status {
	font-size: 16px;
}
.cabinet__title-status img {
	transform: translateY(4px);
}
.cabinet__text,
.cabinet__text p {
	font-size: 14px;
   line-height: 1.2em;
	margin-bottom: 10px;
}
.cabinet__text,
.cabinet__text p {
  font-size: 14px;
   line-height: 1.2em;
  margin-bottom: 10px;
}
.cabinet__heading {
	border-bottom: 1px solid #BDBDBD;
	padding-bottom: 5px;
	margin-bottom: 24px;
}

.cabinet__form {
	margin-top: 20px;
}

.cabinet__menu,
.cabinet__submenu {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.cabinet__menu_border {
	border-bottom: 1px solid #BDBDBD;
	padding-bottom: 10px;
}
.cabinet__submenu {
	border-bottom: 1px solid #BDBDBD;
	padding-bottom: 10px;
	background: #EDEDED;
	margin-top: -12px;
}
.cabinet__menu-item {
	font-size: 14px;
	line-height: 1.2em;
	font-weight: 700;
	color: #333;
	margin: 0 15px 10px 0;
	white-space: nowrap;
	flex-shrink: 0;
}
.cabinet__menu-item:last-child {
	margin-right: 0;
}
.cabinet__menu-item_bot {
	padding: 0 15px;
	border-left: 2px solid #F2C94C;
	border-right: 2px solid #F2C94C;
}
.cabinet__menu-item_small {
	font-size: 12px;
}
.cabinet__submenu-item {
	font-size: 14px;
	line-height: 2em;
	font-weight: 400;
	margin-right: 15px;
	color: #333333;
}
.cabinet__menu-item:hover,
.cabinet__menu-item_active,
.cabinet__submenu-item:hover,
.cabinet__submenu-item_active {
	color: #F2994A;
	text-decoration: none;
}
.cabinet__menu-item_active:hover,
.cabinet__submenu-item_active:hover {
	cursor: default;
}
.cabinet__submenu-item-button {
	flex: 1;
	display: flex;
	justify-content: flex-end;
}
.cabinet__submenu-button {
	flex-shrink: 0;
	margin-left: auto;
}
@media screen and (max-width:1279px) {
	.cabinet__submenu_save {
		flex-wrap: wrap;
	}
	.cabinet__submenu-links {
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: auto;
		margin: 0 -30px;
		padding-left: 30px;
	}
}
@media screen and (max-width:539px) {
	.cabinet__submenu-links {
		margin: 0 -20px;
		padding-left: 20px;
	}
}

.cabinet__menu-item img {
	width: 15px;
	height: 15px;
	margin-right: 4px;
}
.cabinet__menu-separ {
	display: block;
	width: 2px;
	height: 17px;
	background: #F2C94C;
	margin: 0 15px 10px 0;
}

.cabinet__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 12px 0;
}

.cabinet__control {
	margin-bottom: 24px;
}
.control {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.control__item {
	min-height: 40px;
	background: #fff;
	border-radius: 100px;
	display: flex;
	align-items: center;
	width: fit-content;
	margin: 5px 10px 5px 0;
	transition: background 0.3s;
}
.control__item_active {
	background: #FFEFE0;
}
@media (hover: hover) {
	.control__item:hover {
		background: #ffead7;
	}
}
.control__action {
	display: none;
	padding-right: 15px;
}
.control__title {
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 300;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 6px;
}
.control__title img {
	width: 16px;
	height: 16px;
}
.control__item_active .control__action {
	display: grid;
	/* grid-template-columns: repeat(5, 20px); */
	grid-auto-flow: column;
	grid-auto-columns: 20px;
	grid-gap: 15px;
}
@media (hover: hover) {
	.control__add:hover,
	.control__button:hover {
		opacity: 0.5;
	}
}






/* Sticky cabinet submenu */

.sticky {
	margin-bottom: 10px;
}
.sticky__element_fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
}
.sticky .cabinet__submenu {
	padding: 10px 0;
	margin: 0;
}
.tabs__content .sticky {
	margin-top: -21px;
}
.sticky .page {
	box-shadow: none;
	overflow: visible;
}
.sticky .page__sidebar,
.sticky .page__content {
	padding-top: 0;
	padding-bottom: 0;
	overflow: visible;
}
.sticky .page__sidebar {
	background: none;
}
.sticky__element:not(.sticky__element_fixed) .page__sidebar {
	display: none;
}
.sticky__element:not(.sticky__element_fixed) .page__content {
	padding: 0;
}







/* Tabs */

.tabs {
	width: 100%;
}
.tabs__nav {
	padding-bottom: 10px;
}
.tabs__links {
	display: flex;
	width: max-content;
}
.tabs__link {
	width: max-content;
	margin-right: 10px;
	border: 1px solid #F2C94C;
	border-radius: 3px;
	color: #000;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.7em;
	font-weight: 400;
	white-space: nowrap;
}
.tabs__link_active {
	background: #F2C94C;
}
@media (hover: hover) {
	.tabs__link:hover {
		background: #F2C94C;
		text-decoration: none;
	}
	.tabs__link_active:hover {
		cursor: default;
	}
}

.tabs__title {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 500;
	margin-bottom: 10px;
	color: #262626;
}
.tabs__content {
	border-top: 1px solid #BDBDBD;
	padding-top: 10px;
	font-size: 14px;
	line-height: 1.2em;
}
.tabs__content p {
	max-width: 900px;
}




/* Tariff */

.tariff {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	font-size: 14px;
	line-height: 1.14em;
}
.tariff__item {
	background: #fff;
	border-radius: 8px;
	padding: 16px;
}
.tariff__title {
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 700;
	margin-bottom: 24px;
}
.tariff__price {
	margin-bottom: 24px;
}
.tariff__subtitle,
.tariff__price li {
	margin-bottom: 5px;
}
.tariff__include {
}
.tariff__include li {
	margin-bottom: 16px;
	position: relative;
	padding-left: 20px;
}
.tariff__include li::before {
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(../img/li-check.svg) center no-repeat;
}
.tariff__button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.14em;
	font-weight: 700;
	color: #fff;
	background: #F2C94C;
	margin-top: 24px;
	text-decoration: none;
}
.tariff__button_gray {
	background: #BDBDBD;
}
.tariff__button:hover {
	text-decoration: none;
	filter: brightness(110%);
}



/* Help */

.help {
	border-top: 1px solid #BDBDBD;
	padding-top: 12px;
	margin-top: 60px;
}
.help__title {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2em;
	color: #262626;
	margin-bottom: 12px;
}
.help__title img {
	height: 1em;
}
.help__link {
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 12px;
}

.help__list {
	column-count: 5;
	column-gap: 25px;
	column-fill: balance;
}
@media screen and (max-width:1650px) {
	.help__list {column-count: 4;}
}
@media screen and (max-width:1400px) {
	.help__list {column-count: 3;}
}
@media screen and (max-width:1023px) {
	.help__list {column-count: 4;}
}
@media screen and (max-width:930px) {
	.help__list {column-count: 3;}
}
@media screen and (max-width:700px) {
	.help__list {column-count: 2;}
}
@media screen and (max-width:460px) {
	.help__list {column-count: 1;}
}
.help__item {
	display: inline-block;
	color: #000;
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.08);
	border-radius: 20px;
	margin-bottom: 25px;
	text-align: center;
}
.help__image {
	display: block;
	position: relative; 
	width: 100%;
	height: 0;
	padding-bottom: 60%; 
	overflow: hidden;
	margin-bottom: 15px;
}
.help__image img {
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px 20px 0 0;
}
.help__caption {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2em;
	margin: 15px;
	transition: 0.3s;
}
.help__desc {
	margin: 15px;
	margin-top: -5px;
	font-size: 12px;
	line-height: 1.2em;
}
@media (hover: hover) {
	.help__item:hover {
		text-decoration: none;
		transform: translateY(-3px) scale(1.015);
		box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.08);
	}
	.help__item:hover .help__caption {
		color: #F2994A;
	}
}

.help__meta.meta {
	width: fit-content;
	margin: 0 auto 10px auto;
}
.help__meta .meta__category {
	margin: 0 15px;
}
.help__button {
	margin: 0 auto 20px auto;
}



/* New action */

.newaction {
	column-count: 5;
	column-gap: 25px;
	column-fill: balance;
}
@media screen and (max-width:1650px) {
	.newaction {column-count: 4;}
}
@media screen and (max-width:1400px) {
	.newaction {column-count: 3;}
}
@media screen and (max-width:1023px) {
	.newaction {column-count: 4;}
}
@media screen and (max-width:930px) {
	.newaction {column-count: 3;}
}
@media screen and (max-width:700px) {
	.newaction {column-count: 2;}
}
@media screen and (max-width:460px) {
	.newaction {column-count: 1;}
}
.newaction__item {
	display: inline-block;
	width: 100%;
	margin-bottom: 25px;
}
.newaction__card {
	display: inline-block;
	width: 100%;
	color: #000;
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.08);
	border-radius: 20px;
}
.newaction__image {
	display: block;
	position: relative; 
	width: 100%;
	height: 0;
	padding-bottom: 60%; 
	overflow: hidden;
	margin-bottom: 15px;
}
.newaction__image img {
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px 20px 0 0;
}
.newaction__caption {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2em;
	margin: 15px;
	transition: 0.3s;
}
.newaction__desc {
	margin: 15px;
	margin-top: -5px;
	font-size: 12px;
	line-height: 1.2em;
}
@media (hover: hover) {
	.newaction__card:hover {
		text-decoration: none;
		transform: translateY(-3px) scale(1.015);
		box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.08);
	}
	.newaction__card:hover .newaction__caption {
		color: #F2994A;
	}
}

.newaction__button {
	font-size: 12px;
	text-align: left;
	padding: 12px 10px;
	display: block;
	width: fit-content;
	background: #fff;
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
	border-radius: 20px;
	border: none;
	margin-top: 10px;
}
@media (hover: hover) {
	.newaction__button:hover {
		background: #F2994A;
		color: #fff;
	}
}






/* Popup */

.popup__overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh + 140px);
	transform: translateY(-70px);
	background: rgba(0,0,0,0.5);
	z-index: 2000;
	transition: 0.5s;
	opacity: 0;
}
.popup_show .popup__overlay {
	opacity: 1;
}
.popup {
	position:fixed;
	top:0;
	left: 0;
	width: 100%;
	height: calc(100% + 70px);
	padding: 15px;
	padding-bottom: calc(15px + 70px);
	overflow: hidden;
	-webkit-overflow-scrolling: touch; /* плавный скролл попапа на мобилках */
	display: flex;
	z-index: 2001;
	visibility: hidden;
}
.popup2 {
  position:fixed;
  top:0;
  left: 0;
  width: 100%;
  height: calc(100% + 70px);
  padding: 15px;
  padding-bottom: calc(15px + 70px);
  overflow: hidden;
  -webkit-overflow-scrolling: touch; /* плавный скролл попапа на мобилках */
  display: flex;
  z-index: 2001;
  visibility: hidden;
}

.popup_show {
	overflow-y: auto;
}
.popup__box {
	position: relative;
	margin: auto;
	width: 100%;
	max-width: 694px; /* максимальная ширина попапа*/
	background: #fff; 
	padding: 86px 60px; 
	z-index: 2001;
	transform: translateY(-100vh);
	opacity: 0;
}
.popup__section {
	max-width: 374px;
	margin: 0 auto;
	display: none;
}
.popup__section_active {
	display: block;
}
.popup_big .popup__box {
	max-width: 1022px;
	padding: 24px;
}
.popup_big .back {
	margin-right: 40px;
	margin-top: -8px;
}
.popup_big p {
	font-size: 14px;
   line-height: 1.2em;
	margin-bottom: 10px;
}
.popup__table {
	margin-top: 20px;
}
.popup_small .popup__box {
	max-width: 484px;
}
.popup_gray .popup__box {
	background: #EDEDED;
}
.popup_show .popup__box {
	transition: transform 0.5s;
	transform: translateY(0);
	opacity: 1;
}
.popup__close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px; /* размер кнопки с крестиком */
	height: 30px; /* размер кнопки с крестиком */
	margin: 20px; /* отступ кнопки с крестиком от края попапа */
	padding: 5px; /* отступ крестика от края кнопки */
	cursor: pointer;
}
.popup_show .popup__close-icon {
	position: relative;
	height: 100%;
	transition: 0.3s;
}
.popup__close-icon:after, .popup__close-icon:before {
	content: '';
	display: block;
	width: 140%;
	left: -20%;
	position: absolute;
	top: 50%;
	height: 2px; /* толщина крестика */
	background: #262F56; /* цвет крестика */
}
.popup__close-icon:after {
	transform: translateY(-50%) rotate(45deg);
}
.popup__close-icon:before {
	transform: translateY(-50%) rotate(-45deg);
}
.popup__close:hover .popup__close-icon {
	transform: rotate(180deg); /* вращение крестика при наведении */
}

.popup__title {
	font-family: 'Roboto';
	font-weight: 700;
	font-size: 24px;
	line-height: 1.167em;
	color: #000000;
	text-align: center;
	max-width: 430px;
	margin: 0 auto 10px auto;
}
.popup__text {
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 18px;
	line-height: 1.167em;
	text-align: center;
	color: #000000;
	margin-bottom: 10px;
}

.popup__buttons {
	display: flex;
	justify-content: center;
	margin-top: 16px;
}
.popup__button {
	font-family: 'roboto';
	font-weight: 400;
	font-size: 24px;
	display: flex;
	align-items: center;
	width: fit-content;
	transition: 0.3s;
	padding: 20px;
	margin: 0 5px;
	border: 1px solid #F2C94C;
	color: #F2C94C;
}
.popup__button_yellow {
	background: #F2C94C;
	color: #000;
}
.popup__button:hover {
	text-decoration: none;
}
@media (hover: hover) {
	.popup__button:hover {
		filter: brightness(110%);
	}
}

.popup .form_big {
	max-width: 280px;
	margin: 0 auto;
}

.popup_big#filemanager {
	padding-top: 40px;
}
.popup_big#filemanager .popup__box {
	max-width: 1200px;
}
.popup_big#filemanager .popup__close {
	top: auto;
	bottom: 100%;
	margin: 0 -5px 5px 0;
}
.popup_big#filemanager .popup__close-icon::before,
.popup_big#filemanager .popup__close-icon::after {
	background: #fff;
}

.popup p:not(:last-child) {
	margin-bottom: 10px;
}



/* Login */

.login {
	text-align: center;
}
.login-bth {
	font-family: 'roboto';
	font-weight: 400;
	font-size: 24px;
	color: #F2F2F2;
	display: flex;
	align-items: center;
	width: fit-content;
	height: 42px;
	padding: 0 10px;
	border-radius: 4px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.login-bth_google {
	background: #2F80ED;
}
.login-bth_yandex {
	background: #EB5757;
}
.login-bth_telegram {
	background: #2D9CDB;
}
.login-bth_email {
	background: #E0E0E0;
	color: #333333;
}
@media (hover: hover) {
	.login-bth:hover {
		filter: brightness(110%);
		text-decoration: none;
	}
}






/* Form */

.form__label {
	display: block;
	width: 100%;
	margin: 14px 0 8px;
	font-size: 12px;
	line-height: 1.2em;
	color: #262626;
	max-width: 700px;
}
.form__label b {
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 500;
	margin-bottom: 5px;
}
.form__label_value b {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 20px;
}
.form__input {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 6px 0 10px;
	border: 1px solid #BDBDBD;
	border-radius: 10px;
	height: 38px;
	padding: 0 10px;
	font-size: 14px;
	color: #000;
	background-color: #fff;
	transition: 0.3s;
}
.form__input_textarea {
	height: 190px;
	resize: none;
	padding: 10px;
}
.form__input:focus {
	border: 1px solid #919191;
}
.form__input_file:hover,
.form__input_date:hover {
	cursor: pointer;
}
.form__file {
	margin-bottom: 10px;
}
.form__button {
	margin-bottom: 20px;
}
.form__input_search {
	border: 1px solid #F2F4F8;
	height: 46px;
	padding-left: 36px;
	background: #F2F4F8 url(../img/search.svg) left 10px center no-repeat;
}

.form__chekbox {
	display: none;
}
.form__chekbox_label {
	position: relative;
	cursor: pointer;
	margin: 0 0 14px;
	display: flex;
	align-items: center;
	width: calc(45% + 68px);
	font-size: 16px;
	line-height: 1.35em;
	color: #262626;
	font-weight: 400;
	transition: 0.3s;
}
.form__chekbox_label i {
	font-style: normal;
}
.form__chekbox_switch {
	content: '';
	display: block;
	width: 32px;
	height: 16px;
	border-radius: 150px;
	border: 1px solid #8a8a8a;
	transition: 0.3s;
	margin-right: 8px;
	position: relative;
	flex-shrink: 0;
}
.form__chekbox_switch::before {
	content:'';
	display: block;
	position: absolute;
	top: 2px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50px;
	background: #0CC863;
	transition: 0.3s;
}
.form__chekbox:checked+.form__chekbox_label i {
	display: none;
}
.form__chekbox:checked+.form__chekbox_label .form__chekbox_switch {
	border: 1px solid #0CC863;
	background: #0CC863;
}
.form__chekbox:checked+.form__chekbox_label .form__chekbox_switch::before {
	background: #fff;
	left: 17px;
}
.form__chekbox_text-on {
	display: none;
}
.form__chekbox:checked+.form__chekbox_label .form__chekbox_text-on {
	display: block;
}
.form__chekbox:checked+.form__chekbox_label .form__chekbox_text-off {
	display: none;
}

#showhide-form_hidden,
#chekbox-showhide+.form__chekbox_label .form__chekbox_checked,
#chekbox-showhide:checked+.form__chekbox_label .form__chekbox_unchecked {
	display: none;
}
#chekbox-showhide:checked+.form__chekbox_label .form__chekbox_checked {
	display: block;
}

.form__select {
	position: relative;
	height: 38px;
	max-width: 374px;
	margin: 6px 0 10px;
}
.form__select .form__input {
	background: #fff url(../img/select-arrowdown.svg) right 10px center no-repeat;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 36px; 
	padding-right: 36px;
	transition: 0.3s;
}
.form__select:hover, .form__select:hover .form__input {cursor: pointer;}

.form__select_open .form__input,
.form__select_open:hover .form__input {
	background: #fff url(../img/select-arrowup.svg) right 10px center no-repeat;
	border: 1px solid #919191;
}

/* standart checkbox */
.form__checkbox {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	width: fit-content;
	margin: 16px 0;
}
.form__checkbox-input {
	display: none;
}
.form__checkbox-label {
	display: flex;
	align-items: center;
}
.form__checkbox-label::before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	background: #fff;
	border: 1px solid #D4D4D4;
	border-radius: 4px;
	margin-right: 10px;
	flex-shrink: 0;
	transition: 0.2s;
	background-position: center;
}
.form__checkbox-input:checked+.form__checkbox-label::before {
	background: #F2994A url(../img/checkmark.svg) center no-repeat;
	border: 1px solid #F2994A;
}


.form__select-options {
	background: #FFFFFF;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	padding: 10px 0;
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 10;
	min-width: 100%;
	display: none;
}
.form__select_up .form__select-options {
	top: unset;
	bottom: calc(100% + 4px);
}
.form__select-item {
	font-size: 14px;
	line-height: 1.2em;
	padding: 10px 20px;
	white-space: nowrap;
	cursor: pointer;
}
.form__select-item:hover {
	background: #f8f8f8;
}
.form__select-scrollbar {
	width: 100%;
	height: 220px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px 0;
}

.form_selectable .form__section:not(.form__section_open) {
	display: none;
}

.form__multiple {
	background: #FFFFFF;
	border: 1px solid #BDBDBD;
	border-radius: 10px;
	padding: 7px;
	max-width: 320px;
	margin-bottom: 10px;
	/* height: 50px; */
}
.form__multiple .form__chekbox_label {
	min-height: 30px;
	padding: 3px;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 7px;
}
.form__multiple .form__chekbox_label:last-child {
	margin-bottom: 0;
}
.form__multiple .form__chekbox_label:hover {
	background: #f8f8f8;
}
.form__multiple .form__chekbox:checked+.form__chekbox_label {
	background: #E0E0E0;
}

.form_big .form__button {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}
.form_big .form__label {
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	color: #828282;
	text-align: center;
	margin: 10px 0;
}
.form_big .form__label b {
	display: block;
	text-align: center;
	font-family: 'Roboto';
	font-size: 24px;
	font-weight: 500;
	color: #000;
	margin: 10px 0;
}
.form_big .form__input {
	border: 1px solid #CCCCCC;
	border-radius: 22px;
	margin: 10px 0;
	height: 62px;
	padding: 0 20px;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 18px;
	color: #000000;
}
.form_big .form__section {
	margin: 37px 0;
}

.form__field {
	width: 100%;
	max-width: 600px;
	margin: 6px 0 10px;
	position: relative;
}
.form__field .form__input {
	margin: 0;
}
.form__input:has(+ .form__clearfield-btn) {
	padding-right: 38px;
}
.form__clearfield-btn {
	width: 38px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	border: none;
	transition: 0.3s;
	opacity: 0.6;
}
.form__clearfield-btn::after, .form__clearfield-btn::before {
	content: '';
	display: block;
	width: 40%;
	left: 30%;
	position: absolute;
	top: 50%;
	height: 1px;
	background: #000;
}
.form__clearfield-btn::after {
	transform: translateY(-50%) rotate(45deg);
}
.form__clearfield-btn::before {
	transform: translateY(-50%) rotate(-45deg);
}
.form__clearfield-btn:hover {
	opacity: 1;
}




/* Table */

.table {
	font-family: 'Roboto';
	font-size: 14px;
	line-height: 1.143em;
	margin-bottom: 20px;
}
.table__row {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 10px;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
	min-width: fit-content;
}
.table__row_head {
	font-weight: 500;
}
.table__row_head2 {
  font-weight: 500;
}
.sort_link {
	font-weight: 500;
	cursor: pointer;
}
.sort_active {
  font-weight: 500;
  cursor: pointer;
  color: #F2994A;
}
.table__row_head .table__cell:first-child {
	color: #F2994A;
}
.table__row_subcategory {
	margin-left: 36px;
	position: relative;
}
.table__row_subcategory::before {
	content:'';
	display: block;
	position: absolute;
	top: 8px;
	left: -18px;
	width: 10px;
	height: 16px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	opacity: 0.4;
}

.table__row_sum {
	background: #FAECC3;
}


.table_editable {
	/* margin-bottom: 10px; */
}
.table_editable .table__body {
	display: grid;
	grid-template-columns: 1fr max-content;
	grid-gap: 0 10px;
}
.table_editable .table__row_actions {
	display: flex;
	align-items: center;
	justify-self: start;
}
.table__row_actions.table__row_head {
	background: none;
}
.table__cell_actions {
	margin: -4px 0;
	display: flex;
}
.table__cell_actions a:not(:last-child) {
	margin-right: 10px;
}
@media (hover: hover) {
	.table__cell_actions a:hover {
		opacity: 0.5;
	}
}

.table__row_editable,
.table__row_clickable {
	transition: background 0.3s;
}
.table__row_active {
	background: #FAECC3;
}
@media (hover: hover) {
	.table__row_editable:hover,
	.table__row_clickable:hover {
		background: #FAECC3;
		cursor: pointer;
	}
}
.table__row_ediform {
	grid-column: span 2;
	background: none;
	padding: 0 0 5px;
	margin-bottom: 0;
	border-radius: 0;
	display: none;
}
.table__row_ediform .form .form__label:first-child {
	margin-top: 0;
}

.table a {
	/* color: #000; */
	text-decoration: underline;
}
.table a:hover {
	color: #F2994A;
	text-decoration: none;
}

.table__note {
	font-size: 11px;
}

.table__icon {
	width: 15px;
	height: 15px;
}

.table_report .table__row {
	grid-template-columns: minmax(75px, 0.6fr) minmax(75px, 0.6fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr);
}
.statistic__table .table__row {
	grid-template-columns: minmax(120px, 1.5fr) minmax(64px, 1fr) minmax(64px, 1fr);
}
.statistic__tariff {
	font-size: 18px;
	margin-bottom: 12px;
}
.access__table .table__row {
	grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr) minmax(70px, 1fr) minmax(70px, 1fr);
}
.table_rubrics .table__row {
	grid-template-columns: minmax(20px, 0.2fr) minmax(100px, 0.6fr) minmax(140px, 1fr) minmax(150px, 1.6fr);
}
.table_rubrics .table__note {
	grid-column: span 4;
}
.table_commands .table__row {
	grid-template-columns: minmax(20px, 0.2fr) minmax(90px, 0.7fr) minmax(210px, 1fr) minmax(150px, 0.8fr);
}
.table_menu .table__row {
	grid-template-columns: minmax(20px, 0.2fr) minmax(120px, 0.7fr) minmax(200px, 1fr) minmax(100px, 0.5fr);
}
.actionlist__table .table__row {
	grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(72px, 0.5fr);
}
.table_addmedia .table__row {
	grid-template-columns: minmax(248px, 1fr) minmax(56px, 0.5fr);
}
.table_addtextselect .table__row {
	grid-template-columns: minmax(248px, 1fr) minmax(150px, 0.8fr);
}
.table_addimgselect .table__row {
	grid-template-columns: minmax(210px, 1fr) minmax(120px, 0.7fr) minmax(130px, 0.7fr);
}
@media screen and (max-width:767px) {
	.table_addimgselect .table__row {
		grid-template-columns: minmax(248px, 1fr) minmax(150px, 0.7fr) minmax(150px, 0.7fr);
	}
}
.table_addrandomtext .table__row {
	grid-template-columns: minmax(248px, 1fr) minmax(150px, 0.8fr);
}
.table_userlist .table__row {
	grid-template-columns: minmax(45px, 0.6fr) minmax(70px, 0.8fr) minmax(60px, 0.8fr) minmax(90px, 1fr) minmax(92px, 1fr) minmax(125px, 1fr);
}
.table_reflist .table__row {
  grid-template-columns: minmax(20px, 0.2fr) minmax(80px, 1fr) minmax(80px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr);
}
.table_groups .table__row {
	grid-template-columns: minmax(167px, 1fr) minmax(100px, 0.7fr) minmax(167px, 1fr);
}
.table_messages .table__row {
	grid-template-columns: minmax(110px, 0.8fr) minmax(200px, 1.5fr) minmax(100px, 1fr) minmax(100px, 1fr);
}
.table_signals .table__row {
	grid-template-columns: minmax(25px, 0.3fr) minmax(80px, 1fr) minmax(100px, 1fr) minmax(130px, 1fr) minmax(110px, 1fr);
}
.table_storage .table__row {
	grid-template-columns: minmax(100px, 1.5fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr);
}
.table_access .table__row {
	grid-template-columns: minmax(75px, 0.8fr) minmax(75px, 1fr) minmax(70px, 0.8fr) minmax(90px, 1fr) minmax(75px, 0.6fr);
}
.status-wait {color: #2F80ED;}
.status-approve {color: #219653;}
.status-autoapprove {color: #219596;}
.status-denied {color: #EB5757;}

.table_partners .table__row {
	grid-template-columns: minmax(75px, 1fr) minmax(75px, 1fr) minmax(75px, 1fr) minmax(75px, 1fr) minmax(75px, 1fr);
}
.table_promo .table__row {
	grid-template-columns: minmax(140px, 1fr) minmax(75px, 1fr) minmax(100px, 1fr);
}
.table_withdraw .table__row {
	grid-template-columns: minmax(75px, 0.8fr) minmax(55px, 0.8fr) minmax(100px, 1fr) minmax(110px, 1fr);
}
.table_botaccess .table__row {
	grid-template-columns: minmax(100px, 1fr) minmax(75px, 0.8fr) minmax(65px, 0.8fr) minmax(65px, 0.8fr);
}
.table_newsletter .table__row {
	grid-template-columns: minmax(20px, 0.2fr) minmax(100px, 1fr) minmax(75px, 1fr) minmax(100px, 1fr) minmax(75px, 1fr)  minmax(70px, 1fr);
}
.table_newsletter-select .table__row {
	grid-template-columns: minmax(20px, 0.2fr) minmax(140px, 1fr) minmax(140px, 1fr) minmax(120px, 1fr);
}
.table_templates .table__row {
	grid-template-columns: minmax(55px, 0.8fr) minmax(100px, 1fr) minmax(70px, 1fr);
}

.table_table1 .table__row {
	grid-template-columns: minmax(135px, 1fr) minmax(135px, 1fr);
}
.table_table2 .table__row {
	grid-template-columns: minmax(100px, 1fr) minmax(75px, 0.8fr) minmax(65px, 0.8fr);
}
.table_table3 .table__row {
	grid-template-columns: minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(124px, 1fr);
}
.table_table4 .table__row {
	grid-template-columns: minmax(100px, 0.5fr) minmax(200px, 1fr) minmax(100px, 0.5fr);
}
.table_table5 .table__row {
	grid-template-columns: minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr);
}
.table_table6 .table__row {
	grid-template-columns: minmax(100px, 1fr) minmax(100px, 1fr) minmax(150px, 1.5fr) minmax(100px, 1fr);
}
.table_table7 .table__row {
	grid-template-columns: minmax(20px, 0.2fr) minmax(72px, 1fr) minmax(130px, 1.6fr) minmax(80px, 1fr) minmax(90px, 1fr) minmax(80px, 1fr);
}
.table_table8 .table__row {
	grid-template-columns: minmax(127px, 1fr) minmax(80px, 0.8fr) minmax(80px, 0.8fr);
}


.table_subscribers .table__row {
	grid-template-columns: minmax(120px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(175px, 1.5fr);
}
.table_views .table__row {
	grid-template-columns: minmax(120px, 1fr) minmax(80px, 1fr) minmax(100px, 1fr) minmax(80px, 1fr) minmax(150px, 1.2fr);
}
.table_reposts .table__row {
	grid-template-columns: minmax(120px, 1fr) minmax(140px, 1fr) minmax(120px, 1fr) minmax(120px, 1fr) minmax(120px, 1fr);
}

.table_actiontarget .table__row {
	grid-template-columns: minmax(20px, 0.2fr) minmax(120px, 1fr) minmax(120px, 1fr) minmax(120px, 1fr);
}
.table__row_action-target {
	grid-column: span 2;
	background: none;
	padding: 0 0 5px;
	margin-bottom: 0;
	border-radius: 0;
	display: block;
}
.action-target {
	display: flex;
	flex-wrap: wrap;
}
.action-target__item {
	font-size: 12px;
	color: #7c7c7c;
	border: 1px solid #b5b5b5;
	border-radius: 3px;
	padding: 5px 10px 5px 36px;
	background: url(../img/arrow-right.svg) left 10px center no-repeat;
	margin: 0 5px 5px 0;
	cursor: pointer;
	transition: 0.3s;
}
.action-target__item:hover {
	color: #000;
	border: 1px solid #7c7c7c;
}



/* Sortable table */

.table__sortable .sortable-item .table__row {
	-moz-user-select: none; /* Firefox */
}
@media (pointer:coarse) {
	.table__sortable .sortable-item .table__row {
		/* это чтобы предотвратить выделение текста при долгом нажатии */
		-webkit-user-select: none; /* Safari */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* IE10+/Edge */
		user-select: none; /* Standard */
	}
}

.table_editable .table__sortable {
	grid-column: span 2;
}
.table__sortable .sortable-item {
	display: grid;
	grid-gap: 10px;
	margin-bottom: 10px;
}
.table_editable .table__sortable .sortable-item {
	grid-template-columns: 1fr auto;
}
.table__sortable .sortable-item .table__row {
	margin-bottom: 0;
}
.table__sortable .sortable-item:last-child {
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.table__sortable .sortable-item .table__row {
		margin-bottom: 10px;
	}
}
.table__sortable .sortable-item:not(.ui-sortable-placeholder).ui-sortable-helper,
.table__sortable .sortable-item:not(.ui-sortable-placeholder).is-draggable {
	transform: scale(1.01);
}
.table__sortable .table__row:not(.ui-sortable-placeholder).is-draggable,
.table__sortable .sortable-item:not(.ui-sortable-placeholder).is-draggable .table__row {
	box-shadow: 3px 5px 15px rgba(0,0,0,0.1);
}
.ui-sortable-placeholder {
  visibility: visible!important;
  position: relative;
  background: none!important;
}
.ui-sortable-placeholder::before {
  content:'';
  display: block;
  position: absolute;
  inset: 0;
  border: 2px dashed #ccc;
  border-radius: 8px;
}



/* Finance */

.finance {
	margin-bottom: 10px;
}
.finance__period {
	margin-bottom: 10px;
}
.finance__period-item {
	font-size: 15px;
	line-height: 2em;
	font-weight: 400;
	color: #333333;
	margin-right: 14px;
}
.finance__period-item_active {
	color: #F2994A;
}
.finance__period-item_active:hover {
	text-decoration: none;
	cursor: default;
}
.finance__text {
	margin-bottom: 10px;
}
.finance__table .table__row {
	grid-template-columns: minmax(71px, 1fr) minmax(42px, 1fr) minmax(110px, 1.5fr) minmax(41px, 1fr) minmax(28px, 1fr) minmax(41px, 1fr);
}

.finance .form__input_date-range {
	border: none;
	font-size: 15px;
	padding: 0;
	width: 180px;
	display: inline-block;
	height: auto;
	background: none;
}
.finance .form__input_date-range::placeholder {
	color: #000;
}
.finance .form__input_date-range:hover,
.finance .form__input_date-range:hover::placeholder {
	cursor: pointer;
	text-decoration: underline;
}
.daterangepicker .drp-buttons .btn {
	background: #BDBDBD;
	border: none;
	border-radius: 4px;
}
.daterangepicker .drp-buttons .btn-primary {
	background: #F2C94C;
}
.daterangepicker .drp-buttons .btn:hover {
	filter: brightness(110%);
}




/* Deposit */

.deposit__buttons {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.deposit__button {
	background: #BDBDBD;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: 400;
	color: #000;
	padding: 7px;
	border-radius: 10px;
	margin: 0 5px 5px 0;
	transition: 0.3s;
}
.deposit__button_active {
	background: #F2C94C;
}
@media (hover: hover) {
	.deposit__button:hover {
		background: #F2C94C;
		cursor: pointer;
	}
}
.deposit__info {
	margin-bottom: 10px;
}






/* Bot */

.bot__list {
	margin-top: 28px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}
.bot__content {
	padding: 15px 10px;
	background: #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	text-align: center;
	transition: 0.3s;
}
.bot__title {
	font-size: 20px;
	line-height: 1.4em;
	font-weight: 700;
	margin-bottom: 15px;
}
.bot__info {
	font-size: 14px;
	line-height: 1.8em;
	font-weight: 400;
	margin-bottom: 15px;
}
.bot__permission {
	font-size: 10px;
	line-height: 1.4em;
	font-weight: 400;
}
.bot__footer {
	margin-top: 14px;
}
.bot__delete {
	font-size: 14px;
	line-height: 1.7em;
	color: #7c7c7c;
	background: url(../img/trash.svg) left center no-repeat;
	padding-left: 26px;
	margin-right: 20px;
	white-space: nowrap;
}
.bot__delete:hover {
	text-decoration: none;
}
.bot__delete_approve {
	background: url(../img/check.svg) left center no-repeat;
}
.bot__delete_archive {
	background: url(../img/archive.svg) left center no-repeat;
}
@media (hover: hover) {
	.bot__delete:hover {
		color: #F2994A;
	}
	.bot__content:hover {
		background: #faedc3;
		cursor: pointer;
	}
	.bot__item_suspend .bot__content:hover {
		background: #FFEBEB;
	}
}
.bot__item_deleted .bot__content {
	background: #F2F2F2;
}
.bot__item_deleted .bot__info:last-child {
	margin-bottom: 0;
}
.bot__item_suspend .bot__content {
	background: #FFF1F1;
}
.bot__item_suspend .bot__info {
	color: #EB5757;
}

.bot__empty {
	max-width: 800px;
	margin-top: 20px;
}

.tgbot {
	background: url(../img/telegram.svg) left center no-repeat,
					url(../img/robot.png) right center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 35px;
	height: 15px;
	margin: 0 6px -2px 0;
}
.tgchannel {
	background: url(../img/telegram.svg) left center no-repeat,
					url(../img/loudspeaker.png) right center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 35px;
	height: 15px;
	margin: 0 6px -2px 0;
}
.tgbot_small,
.tgchannel_small {
	height: 13px;
	width: 31px;
}
.objecticon {
	background: url(../img/object.svg) center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 0 6px -1px 0;
}
.objecticon_small {
	height: 10px;
	width: 10px;
}




/* Userprofile */

.userprofile {
	margin-top: 20px;
}
.userprofile__title {
	font-size: 18px;
	margin-bottom: 10px;
}
.userprofile__subtitle {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}
.userprofile p {
	margin-bottom: 12px;
}





/* Slider */

.menu_slider {
	margin-bottom: 30px;
}
.slider img {
	width: 100%;
}
.slider {
	width: 100%;
	position: relative;
}
.slick-list {
	overflow: hidden;
}
.slick-track {
	display: flex;
}
.slider-fix {
	min-width: 0;
}

.slider_grid {
	display: block;
	width: calc(100% + 12px); /* 100% + grid-gap */
	margin-left: -6px; /* grid-gap/2 */
}
.slider_grid .slick-slide {
	margin: 0 6px; /* grid-gap/2 */
}

.slick-arrow {
	position: absolute;
   top: 50%;
	transform: translate(0, -50%);
	width: 30px;
	height: 30px;
	cursor: pointer;
	border: none;
	border-radius: 150px;
	font-size: 0;
	z-index: 10;
	background: #fff url(../img/arrow.svg) center no-repeat;
	background-size: 12px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.slick-next {
	right: -8px;
}
.slick-prev {
	left: -8px;
	transform: translate(0, -50%) scale(-1, 1);
}
.slick-arrow.slick-disabled {
	opacity: 0;
}
@media (hover: hover) {
	.slick-arrow:hover {
		background: #F2C94C url(../img/arrow.svg) center no-repeat;
		background-size: 12px;
	}
}

.slick-dots {
	display: flex;
	width: 100%;
	margin-top: 10px;
}
.slick-dots li {
	background: #C4C4C4;
	width: 12px;
	height: 12px;
	margin: 0 2.5px;
	border-radius: 50%;
	cursor: pointer;
}
.slick-dots li.slick-active {
	background: #F2C94C;
}
.slick-dots li button {
	font-size: 0;
	border: none;
}




/* Meta */

.meta {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px;
}
.meta__category {
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.416667px;
	text-transform: uppercase;
	color: #414D55;
	padding: 10px 0 10px 20px;
	margin-right: 12px;
	position: relative;
}
.meta__category::before {
	content:'';
	display: block;
	position: absolute;
	left: 0;
	top: 11px;
	width: 12px;
	height: 12px;
	border-radius: 50px;
	border: 3px solid #000;
	margin-right: 8px;
	background: #fff;
}
.meta__category_orange::before {
	border-color: #F2994A;
}
.meta__category_violet::before {
	border-color: #845EF7;
}
.meta__category_blue::before {
	border-color: #339AF0;
}
.meta__user {
	color: #868E96;
	padding: 9px 0;
	margin-right: 12px;
}
.meta__button {
	margin: 0;
}





/* Gallery */

.gallery {
	max-width: 900px;
	margin-bottom: 24px;
}
.gallery__bigphoto {
	margin-bottom: 12px;
}
.gallery__image {
	display: block;
	position: relative; 
	width: 100%;
	height: 0;
	padding-bottom: 50%; 
	overflow: hidden;
}
.gallery__image img {
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.gallery__thumbs .gallery__item {
	opacity: 0.5;
	transition: 0.3s;
}
.gallery__thumbs .gallery__item.slick-current {
	opacity: 1;
}
@media (hover: hover) {
	.gallery__thumbs .gallery__item:hover {
		opacity: 1;
		cursor: pointer;
	}
}
.gallery__thumbs .gallery__item_active {
  opacity: 1;
  cursor: pointer;
}

.gallery__thumbs_notfill .slick-track {
	transform: translate3d(0px, 0px, 0px)!important;
}

.image-zoom::before,
.image-zoom::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: 0.3s;
}
.image-zoom::after {
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.image-zoom::before {
	background: url(../img/zoom.svg) center no-repeat;
	transform: scale(0);
	z-index: 2;
}
@media (hover: hover) {
	.image-zoom:hover {
		cursor: pointer;
	}
	.image-zoom:hover:after {
		opacity: 1;
	}
	.image-zoom:hover:before {
		transform: scale(1);
	}
}



/* Chart */

.chart {
	background: #FFFFFF;
	box-shadow: 0px 2px 12px rgba(37, 51, 66, 0.15);
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
	max-width: 1080px;
}
.chart__title {
	font-size: 16px;
	font-weight: 500;
	color: #343A40;
	margin-bottom: 5px;
}
.chart__desc {
	font-size: 14px;
	font-weight: 400;
	color: #868E96;
	margin-bottom: 10px;
}
@media screen and (max-width:589px) {
	.chart {padding: 15px;}
	.chart__desc {display: none;}
}
.chart__wrapper {
	position: relative;
	height: 0;
	padding-bottom: 51%;
}
.chart__wrapper canvas {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}




/* Tags */

.tags {
	margin-bottom: 20px;
}
.tags__list {
	display: flex;
	flex-wrap: wrap;
}
.tags__item {
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 8px;
	width: fit-content;
	background: #F2994A;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	margin: 0 4px 6px 0;
}
.tags__item_selectable {
	cursor: pointer;
}
.tags__item_unselect {
	background: #fff;
	color: #F2994A;
}
.tags__item_unselect .tags__delete {
	display: none;
}
.tags__delete {
	width: 18px;
	height: 18px;
	background: url(../img/cross_small.svg) center no-repeat;
	margin-left: 5px;
	cursor: pointer;
}
.tags__search {
	position: relative;
}
.tags__result {
	background: #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.08);
	border-radius: 4px;
	position: absolute;
	top: 100%;
	left: 24px;
	padding: 2px 0;
	min-width: 150px;
	display: none;
}
.tags__found {
	font-size: 14px;
	padding: 4px 12px;
}
.tags__found:hover {
	background: #ededed;
	cursor: pointer;
}





/* Analytics */

.analytics__head {
	display: flex;
	flex-wrap: wrap;
}
.analytics__head-title {
	margin: 0 15px 10px 0;
}
.analytics__title {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.3em;
	color: #5F5F5F;
	background: url(../img/check-circle.svg) center left no-repeat;
	padding-left: 28px;
}
.analytics__lastupdate {
	font-weight: 500;
	font-size: 12px;
	color: #868E96;
}
.analytics__list {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 15px);
}
.analytics__widget {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08), 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
	padding: 15px;
	min-height: 140px;
	margin: 0 15px 15px 0;
	transition: 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.analytics__widget_active {
	background: #FFF2E7;
}
@media (hover: hover) {
	.analytics__widget_link:hover {
		background: #FFF2E7;
		cursor: pointer;
	}
}
.analytics__widget_big {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 20px;
	align-items: center;
	width: calc(100% - 300px);
	max-width: 450px;
	min-width: 332px;
}
.analytics__widget-image {
	height: 0;
	padding-bottom: 100%;
	border-radius: 500px;
	overflow: hidden;
	isolation: isolate;
}
.analytics__widget-title {
	font-size: 14px;
	margin-bottom: 10px;
}
.analytics__widget-title_big {
	font-weight: 700;
	font-size: 16px;
}
.analytics__widget-text {
	font-size: 10px;
	line-height: 1.2em;
	margin-bottom: 5px;
}
.analytics__widget-stat {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 20px;
}
.analytics__widget-number {
	font-family: 'Roboto';
	font-weight: 700;
	font-size: 24px;
}
.number-up {
	color: #219653;
}
.number-down {
	color: #EB5757;
}
.analytics__item {
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	margin-top: 5px;
	padding: 15px 0;
	display: none;
}






/* Authorization */

.auth {
	margin-bottom: 80px;
}
.auth__title {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 40px;
	line-height: normal;
	color: #000;
	display: block;
	margin-bottom: 25px;
}
.auth__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, 230px);
	grid-gap: 20px;
	margin-bottom: 25px;
}
.auth__item {
	font-size: 20px;
	line-height: normal;
	color: #000;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 15px;
	align-items: center;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
}
.auth__item:hover {
	text-decoration: none;
	transform: scale(1.05);
}
.auth__text {
	font-size: 14px;
	margin-bottom: 25px;
}

.auth__benefit {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
	width: calc(100% + 7px);
}
.auth__benefit-item {
	display: block;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 14px;
	line-height: normal;
	margin: 0 7px 7px 0;
}
.auth__benefit-item::before {
	content:'';
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../img/check-green.png) center no-repeat;
	background-size: contain;
	margin: 0 5px -2px 0;
}

.auth__list_big {
	grid-template-columns: repeat(auto-fit, 330px);
	grid-auto-rows: 1fr;
	max-width: 100%;
}
.auth__item_big {
	font-weight: 400;
	padding: 25px;
}
.auth__item_big b {
	font-weight: 700;
	font-size: 36px;
	line-height: normal;
	color: #0098EA;
	display: block;
	margin: 5px 0;
}
.auth__item_big span {
	display: block;
	font-size: 10px;
	line-height: normal;
}




/* Tableconstructor */

.tableconstructor {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-gap: 10px;
	justify-content: start;
	margin-bottom: 20px;
	overflow-y: hidden;
	overflow-x: auto;
	padding-bottom: 12px;
}
.tableconstructor::-webkit-scrollbar {
	width: 8px; 
	height: 8px;
	border-radius: 30px;
	background: #d9d9d9;
}
.tableconstructor::-webkit-scrollbar-thumb {
	background: #F2C94C;
	border-radius: 5px;
}
.tableconstructor::-webkit-scrollbar-button:vertical:start:decrement,
.tableconstructor::-webkit-scrollbar-button:vertical:end:increment {
	display: none;
}
@-moz-document url-prefix() {
	.tableconstructor {
		scrollbar-color: #F2C94C #d9d9d9;
		scrollbar-width: thin;
	}
}
.tableconstructor__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.tableconstructor__row {
	display: flex;
	gap: 10px;
}
.tableconstructor__cell-number {
	height: 52px;
	min-width: 18px;
	display: flex;
	align-items: center;
}
.tableconstructor__cell {
	width: 190px;
	height: 52px;
	display: flex;
	align-items: center;
	border-left: 1px solid #5b5b5b;
	border-top: 1px solid #5b5b5b;
	border-radius: 10px;
	padding: 10px 12px 10px 42px;
	font-size: 13px;
	overflow: hidden;
	background-color: #e2e2e2;
	background-position: left 12px center;
	background-repeat: no-repeat;
	transition: 0.3s;
}
.tableconstructor__cell_text {
	background-image: url(../img/tableconstructor-text.svg);
}
.tableconstructor__cell_longtext {
	background-image: url(../img/tableconstructor-longtext.svg);
}
.tableconstructor__cell_setting {
	background-image: url(../img/tableconstructor-setting.svg);
}
.tableconstructor__cell_hash {
	background-image: url(../img/tableconstructor-hash.svg);
}
.tableconstructor__addcolumn {
	height: 52px;
	display: flex;
	align-items: center;
}
.tableconstructor__row_head .tableconstructor__cell {
	background-color: #878787;
	color: #fff;
}
.tableconstructor__addbutton {
	display: block;
	width: 24px;
	height: 24px;
	border: none;
	background: url(../img/action-add.svg) center no-repeat;
}
@media (hover: hover) {
	.tableconstructor__addbutton:hover {
		opacity: 0.5;
	}
	.tableconstructor__cell:hover {
		background-color: #F2C94C;
		color: #000;
		cursor: pointer;
	}
}





/* Sticky buttons */

.sticky-buttons, .page__content {
	--adaptive: ((100vw - 320px) / (1920 - 320));
	--sticky-button-margin: clamp(10px, 10px + (35 - 10) * var(--adaptive), 35px);
	--sticky-button-height: clamp(50px, 50px + (70 - 50) * var(--adaptive), 70px);
	--sticky-button-fontsize: clamp(16px, 16px + (20 - 16) * var(--adaptive), 20px);
}

.sticky-buttons {
	width: 100%;
	max-width: 1920px;
	position: fixed;
	bottom: 0;
	z-index: 10;
	display: flex;
	pointer-events: none;
}
@media (min-width: 1280px) {
	.sticky-buttons::after {
		content: '';
		display: block;
		width: 32%;
		max-width: 466px;
		transition: 0.5s;
	}
	.page_hidesidebar .sticky-buttons::after {
		width: 0;
	}
}

.page__content:has(+ .sticky-buttons) {
	padding-bottom: calc(var(--sticky-button-height) + var(--sticky-button-margin) * 2);
}

.sticky-buttons__buttons {
	flex: 1;
	display: flex;
	justify-content: center;
	gap: 10px;
	padding: 0 30px;
	margin-bottom: var(--sticky-button-margin);
}
.sticky-buttons__button-back {
	height: var(--sticky-button-height);
	width: calc(var(--sticky-button-height) * 1.07);
	border-radius: 10px;
	background: url(../img/arrow-back.svg) center no-repeat;
	background-size: 42%;
	background-color: #bebebe;
	border: none;
	pointer-events: all;
}
.sticky-buttons__button-add {
	flex: 1;
	max-width: 540px;
	height: var(--sticky-button-height);
	padding: 10px;
	border-radius: 10px;
	border: none;
	background: #F2C94C;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: var(--sticky-button-fontsize);
	color: #333;
	pointer-events: all;
}
@media (hover: hover) {
	.sticky-buttons__button-back:hover {
		background-color: #000;
	}
	.sticky-buttons__button-add:hover {
		filter: brightness(110%);
	}
}

@media (max-width: 539px) {
	.sticky-buttons__buttons {
		padding: 0;
		margin: 0;
		gap: 0;
	}
	.sticky-buttons__button-back,
	.sticky-buttons__button-add {
		border-radius: 0;
	}
}




/* UI */

.ui {
	--ui-list-gap: 10px;
	--ui-btn-height: 50px;
	--ui-btn-padding: 15px;
	--ui-btn-radius: 10px;
	--ui-btn-gap: 15px;
	--ui-btn-text-max-width: 144px;
	--ui-action-btn-size: 24px;
	
	--ui-btn-darkblue: #92bbf1;
	--ui-btn-blue: #90cae8;
	--ui-btn-lightblue: #ace6f9;
	--ui-btn-green: #6fcf97;
	--ui-btn-lightgreen: #b3edcb;
	--ui-btn-red: #fed0d0;
	--ui-btn-orange: #f4c7a0;
	--ui-btn-violet: #c8a2eb;
	--ui-btn-pink: #d8afe7;
	--ui-btn-gray: #949494;
	--ui-btn-lightgray: #bcbcbc;
	
	--ui-btn-link-color: #123a84;
	--white: #fff;

	margin: 20px 0;
}
.ui__head, .ui__row {
	margin: 30px 0;
	position: relative;
}
.ui__head::after, .ui__row::after {
	content:'';
	display: block;
	width: 100%;
	height: 1px;
	background: #BDBDBD;
	position: absolute;
	left: 0;
	bottom: -15px;
}
.ui__row.ui-sortable-helper::after {
	display: none;
}
.ui__row {
	display: grid;
	grid-gap: 10px;
}
.ui__row_subrow {
	padding-left: 36px;
	position: relative;
}
.ui__row_subrow::before {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	left: 16px;
	width: 10px;
	height: 16px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	opacity: 0.4;
}
.ui__row-desc {
	font-size: 12px;
}

.ui__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ui-list-gap);
}

.ui__button {
	display: flex;
	align-items: center;
	gap: var(--ui-btn-gap);
	width: fit-content;
	min-height: var(--ui-btn-height);
	padding: 0 var(--ui-btn-padding);
	border-radius: var(--ui-btn-radius);
	background: var(--white);
	transition: background-color 0.1s;
}

.ui__button_darkblue {background: var(--ui-btn-darkblue);}
.ui__button_blue {background: var(--ui-btn-blue);}
.ui__button_lightblue {background: var(--ui-btn-lightblue);}
.ui__button_green {background: var(--ui-btn-green);}
.ui__button_lightgreen {background: var(--ui-btn-lightgreen);}
.ui__button_red {background: var(--ui-btn-red);}
.ui__button_orange {background: var(--ui-btn-orange);}
.ui__button_violet {background: var(--ui-btn-violet);}
.ui__button_pink {background: var(--ui-btn-pink);}
.ui__button_gray {background: var(--ui-btn-gray);}
.ui__button_lightgray {background: var(--ui-btn-lightgray);}

.ui__button-heading {
	font-weight: 500;
	max-width: var(--ui-btn-text-max-width);
}
.ui__button-actions {
	display: grid;
	grid-auto-flow: column;
	grid-gap: var(--ui-btn-gap);
}
.ui__button-action-btn {
	border: none;
	background: none;
	width: var(--ui-action-btn-size);
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}
.ui__button-action-btn img {
	width: 100%;
	height: auto;
}
@media (hover: hover) {
	.ui__button-action-btn:hover {
		opacity: 0.5;
	}
}

.sorting-toggle-btn_desc {
	transform: scaleY(-1);
}

.ui-sortable-btn_cols {
	cursor: ew-resize;
}
.ui-sortable-btn_rows {
	cursor: ns-resize;
}
.ui__button.ui-sortable-helper {
	box-shadow: 3px 5px 15px rgba(0,0,0,0.1);
}


.ui__button-menu-arrow {
	transform: scaleX(-1);
	transition: 0.3s;
	position: relative;
}
.ui__button-menu-arrow::before {
	content:'';
	display: block;
	position: absolute;
	inset: calc(var(--ui-btn-padding) * -1);
}
.ui__button-menu-body {
	display: grid;
	grid-template-columns: 0fr;
	transition: 0.3s;
	margin-left: calc(var(--ui-btn-gap) * -1);
}
.ui__button-menu-content {
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: var(--ui-btn-gap);
}
.ui__button_clickmenu .ui__button-menu-arrow {
	cursor: pointer;
}
@media (hover: hover) {
	.ui__button_clickmenu .ui__button-menu-arrow:hover {
		opacity: 0.5;
	}
}
.ui__button_hovermenu:hover .ui__button-menu-arrow,
.ui__button_showmenu .ui__button-menu-arrow {
	transform: scaleX(1);
}
.ui__button_hovermenu:hover .ui__button-menu-body,
.ui__button_showmenu .ui__button-menu-body {
	grid-template-columns: 1fr;
	padding-left: var(--ui-btn-gap);
}

.ui__button-caption {
	font-weight: 500;
	font-size: 10px;
}
.ui__button-content {
	display: flex;
	align-items: center;
	gap: var(--ui-btn-gap);
}
.ui__button-text {
	max-width: var(--ui-btn-text-max-width);
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow-wrap: break-word;
	overflow: hidden;
}
.ui__button-text_editable {
	text-decoration: underline;
	text-decoration-skip-ink: none;
}
.ui__button-text_link {
	text-decoration: underline;
	color: var(--ui-btn-link-color);
}
.ui__button-text_link:hover {
	text-decoration: none;
}
.ui__button_link {
	color: #000;
	text-decoration: none;
	transition: 0.3s;
}
.ui__button_link:hover {
	opacity: 0.7;
	text-decoration: none;
}
.ui__button-input {
	display: none;
	border: 1px solid #919191;
	background: var(--white);
	border-radius: 3px;
}

.ui__button-copy {
	font-weight: 500;
	font-size: 10px;
	position: relative;
	padding-left: 1.5em;
	text-decoration: underline;
	cursor: pointer;
}
.ui__button-copy::before,
.ui__button-copy::after {
	content: '';
	display: block;
	width: 1.2em;
	height: 1.2em;
	background: url(../img/copy.svg) center no-repeat;
	position: absolute;
	left: 0;
	top: 0.1em;
	transition: 0s;
}
.ui__button-copy_active::before {
	transition: 0.5s;
	transform: scale(2.5);
	opacity: 0;
}
@media (hover: hover) {
	.ui__button-copy:hover {
		text-decoration: none;
	}
	
	.ui__row_hidecaption .ui__button-caption {
		overflow: hidden;
		height: 0;
		transition: 0.2s;
	}
	.ui__row_hidecaption:hover .ui__button-caption {
		height: 1.68em;
	}
}

.ui__button-select {
	border: none;
	background: url(../img/arrow-select.svg) top -0.1em right var(--ui-btn-padding) no-repeat;
	background-color: none;
	font-weight: 300;
	font-size: 14px;
	color: #000;
	margin: 0 calc(var(--ui-btn-padding) * -1) -5px;
	padding: 0 calc(25px + var(--ui-btn-padding)) 5px var(--ui-btn-padding);
	cursor: pointer;
}
.ui__button-select option {
	font-family: 'Inter', sans-serif;
}



/* Scroll container */

.scroll-container .ui__list {
	flex-wrap: nowrap;
	width: max-content;
}
.scroll-container {
	overflow-y: hidden;
	overflow-x: auto;
	padding-bottom: 12px;
}
.scroll-container::-webkit-scrollbar {
	width: 8px; 
	height: 8px;
	border-radius: 30px;
	background: #d9d9d9;
}
.scroll-container::-webkit-scrollbar-thumb {
	background: #f2c94c;
	border-radius: 5px;
}
@-moz-document url-prefix() {
	.scroll-container {
		scrollbar-color: #f2c94c #d9d9d9;
		scrollbar-width: thin;
	}
}

.dragging {
	cursor: grabbing;
}
.dragging a,
.dragging .ui__button-copy,
.dragging .ui__button-text_editable {
	pointer-events: none;
}





/* Responsive */

@media screen and (max-width:1365px) {
	body {background: #ededed;}
	.tariff {grid-template-columns: repeat(2, 1fr);}
	.auth__title {font-size: 36px;}
}

@media screen and (max-width:1068px) {
	.button-big {font-size: 22px;}
}


/* iPad */

@media screen and (max-width:1279px) {
	.page {display: block;}
	.page__content {padding: 30px;}
	.header {width: 100%; max-width: unset; display: flex; align-items: center; justify-content: space-between; padding: 20px 30px;}
	.logo {margin-bottom: 0;}
	.logo__version, .logo__desc {display: none;}
	
	.analytics__widget-stat {grid-gap: 18px;}
}

@media screen and (max-width:767px) {
	.tabs__nav::-webkit-scrollbar {-webkit-appearance: none;	height: 0;}
	.tabs__link:last-child {margin-right: 20px;}
	.tabs__nav,
	.table__content {
		overflow: auto;
		width: 100vw;
		margin-left: calc((100% - 100vw) / 2);
		padding-left: calc((100vw - 100%) / 2);
	}
	.table__body {padding-right: 20px; width: 100%; min-width: fit-content;}
	
	.table_editable .table__body, .sortable-item {display: block!important;}
	.table_editable .table__row_actions.table__row_head {display: none;}
	.table_editable .table__row_actions {width: min-content; position: relative; transition: 0.3s;}

	.popup_big .popup__box {padding: 20px 24px;}
	.popup__table .table__content {width: calc(100% + 40px);	margin-left: -20px; padding-left: 20px;}
	.popup__table .table__row_ediform .form {width: calc(100vw - 70px); position: relative; transition: 0.3s;}

	.image-right {display: block;}
	.image-right img {margin-left: 0;}
}

@media screen and (max-width:620px) {
	h1 {font-size: 28px;}
	.button-big {font-size: 21px;}
	.popup__box {padding: 60px 40px;}

	.tariff {grid-template-columns: repeat(1, 1fr);}

	.auth__title {font-size: 28px;}
}

/* Phones */

@media screen and (max-width:539px) {
	.header {padding: 16px 20px;}
	.logo__name {width: 160px;}
	.burger__icon {width: 26px; height: 20px;}
	.page__content {padding: 20px;}
	.main {font-size: 16px;}
	h1 {font-size: 24px;}
	h2 {font-size: 20px;}
	.button-big {font-size: 20px; margin-bottom: 40px;}
	.menu {padding: 40px 50px 40px 30px;}
	.popup__box {padding: 55px 30px; font-size: 16px;}
	.popup__text {font-size: 16px;}
	.popup__button {font-size: 20px; padding: 14px;}
	.login-bth {font-size: 22px;}

	.bot__list {grid-template-columns: repeat(1, 1fr);}

	.daterangepicker .drp-buttons .btn-default {margin-bottom: 6px;}

	.benefit {display: block;}
	.benefit__image {margin-bottom: 20px;}
	.benefit_reverse .benefit__image_shrink {width: 245px; margin-left: 0; text-align: left;}

	.gallery__thumbs {display: none;}

	.analytics__widget {width: 100%; max-width: 100%; min-width: 280px; min-height: 110px;}
	.analytics__widget-number {font-size: 18px;}
	.analytics__widget-stat {grid-gap: 15px;}

	.auth__title {font-size: 24px;}
	.auth__list {grid-template-columns: repeat(2, 1fr); grid-gap: 15px;}
	.auth__item {font-size: 15px; grid-template-columns: 38px 1fr; grid-gap: 10px;}
	.auth__item b {display: block;}
	.auth__list_big {grid-template-columns: 1fr; grid-gap: 15px;}
	.auth__item_big {font-size: 18px; grid-template-columns: 70px 1fr; grid-gap: 15px;}
}

@media screen and (max-width:394px) {
	h1, .popup__title {font-size: 22px;}
	p:not(:last-child) {margin-bottom: 14px;}
	
	.benefit {margin: 60px 0;}
	.benefit_reverse {margin-top: 0;}
	.benefit__title {font-size: 20px;}
	.benefit__text {font-size: 16px;}
	.button-big {font-size: 17px;}

	.auth__benefit-item {width: 100%;}
	.auth__benefit-item br {display: none;}
}

@media screen and (max-width:364px) {
	.analytics__widget-stat {grid-gap: 10px;}
	.analytics__widget-number {font-size: 16px;}
	.analytics__widget-text {font-size: 9px;}

	.auth__list {grid-template-columns: 1fr; grid-gap: 15px;}
	.auth__item:not(.auth__item_big) b {display: inline;}
}


/* Phones Landscape */

@media screen and (max-height:414px) {
	
	
}
.chart__body {
height: 0;
padding-bottom: 50%;
position: relative;
}
.chart__body canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Global */

:root {
	--accent-color: #f2c94c;
	--accent-color-light: #f9d876;
	--accent-color-dark: #e4b424;
	--white: #FFFFFF;
	--black: #000000;
	--gray: #828282;
	--mediumgray: #c2c2c2;
	--lightgray: #ededed;
	--red: #eb5757;
	--green: #219653;
	--lightgreen: #34c759;
	--orange: #ff9500;

	--adaptive: ((100vw - 320px) / (820 - 320));
}


/* Card */

.card {
	border-radius: 8px;
	padding: 15px;
	background: var(--white);
	display: grid;
	grid-gap: 15px;
	margin-bottom: 20px;
}
.card-inside {
	border-radius: 8px;
	padding: 10px;
	background: var(--white);
	display: grid;
	grid-gap: 15px;
	margin-bottom: 10px;
	border: 1px solid #e0e0e0;
}
.card-inside .action {
	padding-top: 0px;
	margin-left: auto;
	filter: grayscale(100);
	opacity: 0.5;
}

.card__title {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	color: var(--black);
}
.card__title_thin {
	font-weight: 500;
}
.card__title_on, 
.card__title_off {
	padding-right: 20px;
}
.card__title_on::after,
.card__title_off::after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 100px;
	margin-left: 5px;
	margin-right: -20px;
}
.card__title_on::after {
	background: var(--green);
}
.card__title_off::after {
	background: var(--red);
}

.card__date {
	font-size: 10px;
	color: var(--gray);
	margin-top: -10px;
}

.link {
	display: flex;
	align-items: center;
}
.link__url {
	font-weight: 500;
	text-decoration: underline;
	color: var(--accent-color);
}
.link__copy {
	width: 22px;
	height: 22px;
	margin-right: 3px;
	background: url(../img/copy.svg) center no-repeat;
	border: none;
	flex-shrink: 0;
	position: relative;
}
.link__copy::before {
	content:'';
	display: block;
	position: absolute;
	inset: 0;
	background: url(../img/copy.svg) center no-repeat;
	transition: 0s;
}
.link__copy_active::before {
	transition: 0.5s;
	transform: scale(2.5);
	opacity: 0;
}

.card__text_small {
	font-size: 12px;
	margin-bottom: -5px;
}
.text-icon {
	display: flex;
	align-items: center;
	gap: 10px;
}

.card__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.card__colors {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.card__input {
	font-weight: 400;
	font-size: 16px;
	color: var(--accent-color-dark);
}
.card__input::placeholder {
	color: var(--gray);
}
.card__input_textarea {
	height: 20px;
	max-height: 250px;
	resize: none;
}
.card__url {
	font-weight: 400;
	font-size: 16px;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
}

.card__setting {
	display: flex;
	align-items: center;
	gap: 10px;
}
.card__setting .checkbox {
	flex: 1;
}

.card__separ {
	height: 1px;
	background: var(--mediumgray);
}

.card__access-info {
	margin-bottom: 5px;
}
.card__access-id {
	color: var(--accent-color-dark);
}

.card + .action {
	margin-top: -10px;
}

.card__images {
	display: grid;
	grid-gap: 15px;
}
.card__images-item {
	display: flex;
	align-items: center;
	gap: 15px;
}
.card__images-photo {
	width: 96px;
	height: 96px;
	position: relative;
	overflow: hidden;
}

.card__image {
	text-align: center;
}

.card__ul-stars {
	font-weight: 300;
	display: grid;
	grid-gap: 5px;
}
.card__ul-stars li {
	list-style-type: none;
	display: flex;
	align-items: center;
	gap: 15px;
}
.card__ul-stars li::before {
	content:'';
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/li-star.svg) center no-repeat;
	background-size: contain;
	flex-shrink: 0;
}
.card__ul-stars_big li::before {
	width: 45px;
	height: 45px;
}

.card__links {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 10px;
}
.card__links a {
	font-weight: 300;
	font-size: 16px;
	color: var(--black);
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}
.card__links a:hover {
	color: var(--accent-color);
}




/* Radio & Checkbox */

.checkbox {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: 16px;
	color: #262626;
	width: fit-content;
}
.checkbox__label {
	font-size: 14px;
}
.checkbox__input,
.radio__input {
	display: none;
}
.checkbox__check {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 150px;
	border: 1px solid #939393;
	margin-right: 8px;
	flex-shrink: 0;
	transition: 0.3s;
	background-position: center;
}
.checkbox__input:checked + .checkbox__check {
	background: url(../img/checkmark.svg) center no-repeat;
}
.checkbox__switch {
	display: block;
	width: 32px;
	height: 12px;
	border-radius: 150px;
	background: var(--mediumgray);
	margin: 5px 6px;
	position: relative;
	flex-shrink: 0;
	transition: 0.3s;
}
.checkbox__switch::before {
	content:'';
	display: block;
	position: absolute;
	top: -4px;
	left: -6px;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	background: var(--white);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
	transition: 0.3s;
}
.checkbox__input:checked + .checkbox__switch {
	background: var(--accent-color);
}
.checkbox__input:checked + .checkbox__switch::before {
	left: 18px;
}
.checkbox__text,
.radio__text {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	padding: 5px 10px;
	border: 1px solid var(--lightgray);
	border-radius: 3px;
	color: var(--gray);
	font-weight: 400;
	font-size: 14px;
	transition: 0.2s;
	cursor: pointer;
}
.checkbox__text img,
.radio__text img {
	margin: -5px 0;
}
@media (hover: hover) {
	.checkbox__text:hover,
	.radio__text:hover {
		background: rgba(242,201,76,0.1);
	}
}
.checkbox__input:checked + .checkbox__text,
.radio__input:checked + .radio__text {
	background: var(--accent-color);
	color: var(--white);
}
.checkbox__input:checked + .checkbox__text img,
.radio__input:checked + .radio__text img {
	filter: brightness(100);
}
.checkbox__input:checked + .checkbox__text .bage,
.radio__input:checked + .radio__text .bage {
	background: var(--accent-color-light);
}

.radio__color {
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 100px;
	border: 2px solid transparent;
	transition: 0.2s;
	cursor: pointer;
}
.radio__input:checked + .radio__color {
	border: 2px solid var(--black);
}
.radio__color_blue {
	background: #2f80ed;
}
.radio__color_mediumblue {
	background: #2d9cdb;
}
.radio__color_lightblue {
	background: #56ccf2;
}
.radio__color_green {
	background: #219653;
}
.radio__color_lightgreen {
	background: #27ae60;
}
.radio__color_red {
	background: #eb5757;
}
.radio__color_orange {
	background: #f2994a;
}
.radio__color_accent {
	background: var(--accent-color);
}
.radio__color_lightaccent {
	background: var(--accent-color-light);
}
.radio__color_black {
	background: #333;
}
.radio__color_gray {
	background: #828282;
}
._form__input_file{
  background: #fff url(/img/action-deny.svg) no-repeat right -10px center;
  /*border: 1px solid #999;*/
  padding: 3px 24px 3px 4px; /* Use the same right padding (18) in jQ! */
  /*border-radius: 3px;*/
  transition: background 0.4s;
}
._form__input_file.x  { background-position: right 5px center; } /* (jQ) Show icon */
._form__input_file.onX{ cursor: pointer; } /* (jQ) hover cursor style */
._form__input_file::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */