.adm_body {
	background: #FFF;
	color: #000;
}

.adm_body .bg {
	background: #EBECEC;
	color: #000;
}

.adm_body .background {
	background: #FFF;
	color: #333;
}

.adm_body .grey {
	color: #666;
	fill: #666;
}

.adm_body .bgover:hover {
	background-color: #69C;
	color: #fff;
	cursor: pointer;
}

.adm_body a {
	color: #222;
}

.adm_body input {
	box-sizing: border-box;
}

.adm_body .clipicon {
	width: 28px;
	height: 28px;
	cursor: pointer;
}

.adm_body .clipicon .UNI_clip {
	background-color: #69C;
}

.adm_body .clipicon .UNI_clip:hover {
	background-color: #57B;
}

.adm_body .clipicon .UNI_clip.risk {
	background-color: #AAA;
}

.adm_body .clipicon:hover .UNI_clip.risk {
	background-color: #930;
}

.adm_body .button {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: pointer;
	padding: 5px 15px;
	margin: 0px 10px 10px 0px;
	border-radius: 3px;
	font-size: 13px;
	border: none;
	box-shadow: 0 0 0 1px #57B;
	text-decoration: none;
	color: #57B;
	fill: #57B;
	background: none;
	overflow: hidden;
	text-align: center;
}

.adm_body .button.nopad {
	padding: 0;
}

.adm_body .button:hover {
	color: #69C;
	fill: #69C;
}

.adm_body .button.fill {
	color: #FFF;
	fill: #FFF;
	background: #69C;
}

.adm_body .button.gen {

    cursor: pointer;
}

.adm_body .button.gen.blocked {
    pointer-events: none;
    background: #B3D0ED;
    box-shadow: 0 0 0 1px #B3D0ED;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.adm_body .button.exit {
	box-shadow: 0 0 0 1px #CCC;
	color: #333;
	fill: #333;
}

.adm_body .button.exit:hover {
	box-shadow: 0 0 0 1px #69C;
}

.adm_body input[type="text"],
.adm_body input[type="number"],
.adm_body input[type="phone"],
.adm_body input[type="email"],
.adm_body select,
.adm_body textarea {
	position: relative;
	padding: 5px 10px;
	width: 100%;
	border-radius: 3px;
	font-size: 13px;
	border: none;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #57B;
	color: #57B;
	fill: #57B;
	background: none;
}

.adm_body input[type="text"].tint {
	color: #69C;
	fill: #69C;
}

.adm_body input[type="button"],
.adm_body input[type="submit"] {
	position: relative;
	cursor: pointer;
	border-radius: 3px;
	font-size: 13px;
	border: none;
	box-shadow: 0 0 0 1px #57B;
	text-decoration: none;
	padding: 5px 15px;
	background-color: #69C;
	fill: #FFF;
	color: #FFF;
}

.adm_body input[type="button"]:hover,
.adm_body input[type="submit"]:hover {
	background: #57b;
}

.adm_body input[type="button"].abs,
.adm_body input[type="submit"].abs {
	position: absolute;
}

.adm_body input[type="button"].bord,
.adm_body input[type="submit"].bord {
	background: none;
	fill: #57B;
	color: #57B;
}

.bord.kn_support{
    transition: 0.3s;
}

.bord.kn_support:hover{
    background-color: #57B !important;
    color: #fff !important;
}

.adm_body input[type="button"].exit,
.adm_body input[type="submit"].exit {
	box-shadow: 0 0 0 1px #CCC;
	background: none;
	color: #999;
	fill: #999;
}

.adm_body input[type="button"].risk,
.adm_body input[type="submit"].risk,
.adm_body .button.risk {
	box-shadow: 0 0 0 1px #930;
	background: none;
	color: #930;
	fill: #930;
}

.adm_body .over:hover {
	box-shadow: 0 0 0 1px #57B;
	border-radius: 3px;
}

.adm_body label {
	color: #999;
	fill: #999;
	font-size: 12px;
}

.adm_body input[type="text"].emp,
.adm_body select.emp,
.adm_body textarea.emp {
	box-shadow: none;
	background: none;
	margin: 0px;
	padding: 0px;
}

.adm_body input[type="text"].readonly,
.adm_body select.readonly,
.adm_body textarea.readonly {
	background-color: none;
	color: #AAA;
}

.adm_body input.mar,
.adm_body select.mar {
	margin: 0px 10px 10px 0px;
}

#hint .hint {
	position: relative;
	padding: 10px;
	background: #111;
	color: #EEE;
	border-radius: 5px;
	font-size: 12px;
	white-space: nowrap;
}

.adm_body .tint {
	color: #57B;
	fill: #57B;
}

.adm_body .color {
	color: #111;
	fill: #111;
}

.adm_body .bord {
	box-shadow: 0 0 0 1px #CCC;
}

.rounded_bord {
	display: inline-block;
	padding: 20px;
	border-radius: 7px;
}

.adm_body .adminbord {
	box-shadow: 0 0 0 1px #930;
}

/* ___________ */
/* ____OLD____ */
/* ___________ */

.adm_mar {
	margin: 0px 10px 10px 0px;
}

.adm_del {
	box-shadow: 0 0 0 1px #930;
	color: #930;
}

.adm_but {
	box-shadow: 0 0 0 1px #222;
	background: rgba(255, 255, 255, 0.5);
	color: #222;
	fill: #222;
}

.adm_but:hover {
	box-shadow: 0 0 0 1px #000;
	color: #000;
	fill: #000;
}

.adm_but.sel {
	box-shadow: 0 0 0 1px #930;
	color: #930;
	fill: #930;
}

.tr_selectable {
	position: relative;
}

.tr_selectable tr.ui-selecting {
	background: #8AE;
}

.tr_selectable tr.ui-selected {
	background: #69C;
	color: white;
	box-shadow: 0 0 0 1px #69C;
}

.td_selectable {
	position: relative;
}

.td_selectable td.ui-selecting {
	background: #8AE;
}

.td_selectable td.ui-selected {
	background: #69C;
	color: white;
	box-shadow: 0 0 0 1px #69C;
}

.cat_svg_area {
	stroke: #930;
	stroke-width: 0.9;
	fill: rgb(255, 153, 0);
	fill-opacity: 0.5;
}

.cat_svg_area:hover {
	fill-opacity: 0.8;
}

.cat_svg_last {
	stroke: #FFF;
	stroke-width: 0.9;
	fill: rgb(255, 85, 0);
	fill-opacity: 0.75;
}

.cat_svg_last:hover {
	stroke-width: 0.5;
	fill-opacity: 0.5;
}

.cat_svg_old {
	stroke: #339;
	stroke-width: 0.9;
	fill: rgb(153, 238, 51);
	fill-opacity: 0.75;
}

.cat_svg_old:hover {
	fill-opacity: 0.5;
}

.cat_svg_cor {
	stroke: rgb(27, 71, 76);
	stroke-width: 0.9;
	fill: rgb(236, 255, 28);
	fill-opacity: 0.75;
}

.cat_svg_cor:hover {
	fill-opacity: 0.5;
}

.cat_svg_emp {
	stroke: rgb(68, 101, 106);
	stroke-width: 0.9;
	fill: rgb(174, 202, 207);
	fill-opacity: 0.75;
}

.cat_svg_emp:hover {
	fill-opacity: 0.5;
}

.cat_svg_dots {
	stroke: #FFF;
	stroke-width: 0.7;
	fill: #C00;
	fill-opacity: 0.75;
}

.cat_svg_dots:hover {
	stroke-width: 0.5;
	fill-opacity: 0.5;
}

.cat_svg_dold {
	stroke: #FFF;
	stroke-width: 0.7;
	fill: #369;
	fill-opacity: 0.75;
}

.cat_svg_dold:hover {
	stroke-width: 0.5;
	fill-opacity: 0.5;
}
.cat_ftint{
	color: #57B !important;
}
.cat_svg_red {
	stroke: #FFF;
	stroke-width: 0.7;
	fill: #ff0000;
	fill-opacity: 0.75;
}

.cat_svg_red:hover {
	stroke-width: 0.5;
	fill-opacity: 0.5;
}

.cat_svg_icon {
	stroke: #FFF;
	stroke-width: 0.7;
	fill: rgb(70, 180, 20);
	fill-opacity: 0.75;
}

.cat_svg_icon:hover {
	stroke-width: 0.5;
	fill-opacity: 0.5;
}

.cat_svg_curs {
	stroke: #FFF;
	stroke-width: 0.25;
	fill: #CC0000;
	fill-opacity: 0.9;
}

.adm_menubar {
	position: relative;
	height: 40px;
	text-decoration: none;
	margin: 0 0 20px 0;
}

.adm_menubar span {
	position: relative;
	z-index: 2;
}

.adm_menubar .fake {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 1px;
	bottom: 0px;
	border-color: #CCC;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-radius: 5px 5px 0 0;
	z-index: 1;
}

.adm_menubar input[type="radio"] {
	position: absolute;
	cursor: pointer;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3;
}

.adm_menubar input[type="radio"]:checked~.fake {
	border-width: 1px 1px 0px 1px;
}

.adm_menubar input[type="radio"]:checked~span {
	color: #57B;
}

.non_level {
	box-shadow: 0 0 0 2px rgb(187, 85, 85) !important;
}

.card_type_1 {
	position: relative;
	display: inline-block;
	margin: 0px 20px 20px 0px;
	vertical-align: top;
	box-shadow: 0 0 0 1px #DDD;
	border-radius: 3px;
	padding: 10px;
	min-width: 360px;
}

.list_table {
	background: #fff;
}

.adm_dopparam_select {
	padding-left: 7px !important;
}

.adm_dopparam_select option {
	padding: 5px 10px !important;
}


.cat_zag_table {
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	margin: 20px 0 10px 0;
	padding: 20px 0;
	width: 100%;
	display: flex;
	max-width: 1230px;
	background: rgba(255, 255, 255, 0.9);
	z-index: 1;
}

.cat_zag_table_fix {
	position: fixed;
	width: 200%;
	top: 0;
	margin: 0 0 10px -70px;
	padding: 55px 60px 20px 60px;
	max-width: 200%;
}

.list {
	max-width: 1250px;
}

.list_wrap {
	display: flex;
	justify-content: start;
	box-sizing: border-box;
	padding: 20px 5px;
	width: 1230px;
	align-items: center;
	cursor: pointer;
	transition: 0.3s;
}

.list_wrap:hover {
	background: #f5f5f5;
	border-radius: 5px;
	transition: 0.3s;
}

.list_razdel {
	border-bottom: 1px solid #eee;
	margin: 10px 0;
	max-width: 1230px;
}

.td1 {
	width: 300px;
	min-width: 300px;
}

.td2 {
	min-width: 155px;
	width: 155px;
	margin-left: 10px;
	display: flex;
	flex-wrap: wrap;
	min-height: 30px;
}

.td3 {
	min-width: 220px;
	width: 220px;
	margin-left: 10px;
	min-height: 27px;
}

.td4 {
	min-width: 165px;
	padding-right: 25px;
	width: 165px;
	margin-left: 10px;
}

.td5 {
	min-width: 180px;
	width: 180px;
	margin-left: 10px;

	flex-direction: column;
	justify-content: center;
}

.td6 {
	min-width: 170px;
	width: 170px;
	margin-left: 10px;
}

.td6 {
	max-width: 170px;
	width: 100%;
	margin-left: 10px;
}

.cel_fid {
	display: inline;
	margin: 5px;
}

.list_pre {
	min-width: 80px;
	height: 80px;
	margin-right: 20px;
	position: relative;
}

.list_pre img {
	border-radius: 9px;
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	border: 1px solid #eee;
}

.line_full {
	width: 103px;
	height: 12px;
	border-radius: 10px;
	margin-top: 10px;
}

.segm {
	max-width: 25px;
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	height: 10px;
}

.segm:nth-of-type(1) {
	border-radius: 10px 0 0 10px;
}

.segm:nth-of-type(2),
.segm:nth-of-type(3),
.segm:nth-of-type(4) {
	border-left: none;
}

.segm:nth-of-type(4) {
	border-radius: 0 10px 10px 0;
}

.segm1 {
	background-color: #E5E9A7;
	border: none;
	height: 12px;
}

.segm2 {
	background-color: #CDDAB3;
	border: none;
	height: 12px;
}

.segm3 {
	background-color: #ADC7C0;
	border: none;
	height: 12px;
}

.segm4 {
	background-color: #6FA7CC;
	border: none;
	height: 12px;
}

.ballon_no {
	padding: 3px 10px;
	margin-bottom: 5px;
	border: 1px solid #ddd;
	border-radius: 15px;
	font-size: 12px;
	display: inline-block;
	color: #898989;
	align-self: flex-start;
	cursor: default;
	box-sizing: border-box;
	overflow: hidden;
	max-width: 100%;
}

.crm_yes {
	background-color: #E5E9A7;
	color: #000;
	border: none;
	padding: 4px 15px;
	text-shadow: 0 1px 1px #fff;
	max-width: 100%;
	overflow: hidden;
}

@keyframes animatedBackground {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 0px 600px
	}
}

@-moz-keyframes animatedBackground {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 0px 600px
	}
}

@-webkit-keyframes animatedBackground {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 0px 600px
	}
}

@-o-keyframes animatedBackground {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 0px 600px
	}
}

.fonr {
	background-image: url('../../img/loaderr.png') !important;
	animation: animatedBackground 18s linear infinite;
	-moz-animation: animatedBackground 18s linear infinite;
	-webkit-animation: animatedBackground 18s linear infinite;
	-o-animation: animatedBackground 18s linear infinite;
	pointer-events: none;
	background-repeat: repeat !important;
}

.td1_crm {
	width: 400px;
	min-width: 400px;
}

.td2_crm {
	min-width: 300px;
	width: 300px;
	margin-left: 10px;
}

.td3_crm {
	min-width: 200px;
	width: 200px;
	margin-left: 10px;
}

.td4_crm {
	min-width: 200px;
	width: 200px;
	margin-left: 10px;
}

.ex_f13 {
	font-size: 13px;
}

/* MODAL */

#exportModal .mod .html {
	position: relative;
	padding: 40px;
	border-radius: 9px;
	background: #fff;
	color: #000;
	width: 390px;
}

#exportModal .mod .html>.ex_table {
	display: block;
}

#exportModal .mod .html .ex_table .row:first-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#exportModal .mod .html .ex_curs {
	color: #ccc !important;
	font-size: 16px;
}

#exportModal .mod .html .ex_curs:hover {
	color: #777 !important;
}

#exportModal .mod .html input[type="button"],
.but_form {
	/* padding: 10px 25px !important; */
	height: 36px;
	box-shadow: none !important;
	border-radius: 5px !important;
	font-size: 15px !important;
	font-weight: bold;
	letter-spacing: 0.5px;
}

#exportModal .mod .html input[type="button"]:hover,
.but_form:hover {
	background: #57b !important;
}

#exportModal .mod .html select,
.svg-arrow {
	appearance: none;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: 35px 23px !important;
	background-image: url('data:image/svg+xml;utf8,<svg width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="gray" class="ui-svg-inline ml-2-5"><path d="M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z"></path></svg>') !important;
	color: gray;
	padding: 10px 15px !important;
	border-radius: 5px;
}

#exportModal .mod .html input[type="text"],
.input_forma_new {
	padding: 10px 15px !important;
	font-size: 14px;
	border-radius: 5px;
}

.input_forma_new {
	margin: 5px 0 15px 0;
}

.close_poput {
	fill: #ccc;
}

.close_poput:hover {
	fill: #777;
}

#exportModal .mod .html .mar.exit,
.bt_cansel {
	color: #989898;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 25px;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid #fff;
}

#exportModal .mod .html .mar.exit:hover,
.bt_cansel:hover {
	border: 1px solid #ddd !important;
	background: none !important;
}

.kn_echo {
	border-radius: 9px;
	border: 1px solid #ccc;
	padding: 10px 85px;
	color: #838383;
	display: inline;
	font-size: 13px;
	cursor: pointer;
	transition: 0.3s;
}

/* ------------------------- */
/* --------BS BUTTON-------- */
/* ------------------------- */

.adm_body .bs_butt {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: pointer;
	padding: 7px 10px 7px 16px;
	margin: 0px 10px 10px 0px;
	font-size: 14px;
	border: none;
	box-shadow: 0 0 0 1px #57B;
	border-radius: 3px;
	text-decoration: none;
	color: #999;
	fill: #999;
	background: none;
	text-align: center;
	overflow: hidden;
}

.adm_body .bs_butt:hover {
	color: #469;
	fill: #777;
	box-shadow: 0 0 0 1px #469;
}

.adm_body .bs_butt input[type="radio"] {
	position: absolute;
	cursor: pointer;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3;
}

.adm_body .bs_butt .fake {
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 8px;
	height: 100%;
	background: #69C;
	z-index: 1;
}

.adm_body .bs_butt input[type="radio"]:checked~.fake {
	display: block;
}

.adm_body .bs_butt input[type="radio"]:not(:checked)~.all_bs {
	color: #000;
	font-weight: bold;
}

.adm_body .bs_butt input[type="radio"]:checked~span {
	color: #57B;
}

#content .myover:hover .fake {
	background-color: #b2cce6;
}

.line {
	display: flex;
	justify-content: start;
	align-items: center;
}

.l5{
    margin-left: 5px;
    text-align: right;
    min-width: 13px;
}

.disp_column {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
}

.item_co {
	margin: 5px;
	background-color: #ccc;
	min-width: 250px;
	padding: 10px 15px;
}

.dopst {
	min-width: 90px;
	text-align: left;
}

.hide_dopst {
	display: none;
}

.itemd {
	min-width: 20px;
}

.line_sp {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.kn_togle {
	border: 1px solid #57B;
	padding: 8px 12px;
	border-radius: 5px;
	color: #57B;
	cursor: pointer;
	transition: 0.3s;
}

.kn_togle:hover {
	background-color: #57B;
	color: #fff;
}

.kn_togle:hover .img_kn_tog svg {
	fill: #fff;
}

.kn_togle_sel {
	background-color: #57B;
	color: #fff;
}

.kn_togle_sel .img_kn_tog svg {
	fill: #fff;
	transform: rotate(180deg);
}

.img_kn_tog {
	width: 17px;
	height: 17px;
	margin-right: -5px;
	transform: rotate(-90deg);
}

.img_kn_tog svg {
	fill: #57B;
	transition: 0.3s;
}

.ravno {
	color: #999;
	font-size: 18px;
	padding-right: 10px;
}

.box_color {
	border-radius: 4px;
	height: 35px;
	width: 35px;
}

.set_color {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.set_color svg {
	height: 17px;
	width: 17px;
}

.border_box {
	max-width: 810px;
	border: 1px solid #ccc;
	padding: 0 20px 20px 20px;
	border-radius: 10px;
	transition: 0.2s;
}

.border_box_none {
	border: 1px solid transparent;
}

.zag_prs.first::after {
	content: '?';
	position: absolute;
	top: 0;
	right: 18px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #D8D9D9;
	color: #fff;
	text-align: center;
	padding: 2px;

}

.zag_prs {
	min-width: 100px;
	position: relative;
	cursor: default;
	color: #898989;
}

.kn_sel_color_mngr {
	margin: 7px 0;
	padding: 10px 15px;
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
	text-align: center;
}

.box_hover_f3f3f3:hover {
	background: #F3F3F3;
}

.animated {
	transition: all 0.5s cubic-bezier(0, .5, .5, 1);
}

/* стили для форм в админке */
.form_mar input[type=text],
.form_mar input[type=tel],
.form_mar input[type=email] {
	padding: 10px 15px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: none !important;
}

.form_mar input[type=text]:focus {
	border-color: #333;
}

.form_mar input[type=submit] {
	padding: 10px 5px;
	background: #FFF ;
	color: #000;
	border: 1px solid #57B;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: none !important;
}


.form_mar input[type=submit]:hover {
	background: #57B !important;
}

/* стили для форм в админке */
.off_bs {
	position: absolute;
	top: 1px;
	left: -3px;
	padding: 2px 6px;
	border-radius: 10px;
	background: #ececec;
	color: #727271;
	font-size: 10px;
}


/* своя стилизация выпадающего списка */
.custom-select {
	min-width: 50px;
}

.custom-select select {
	appearance: none;
	/* safari */
	-webkit-appearance: none;
	/* other styles for aesthetics */
	width: 100%;
	font-size: 0.7rem;
	padding: 4px 6px;
	background-color: #eee;
	border: 0px solid #caced1;
	border-radius: 10px;
	color: #000;
	cursor: pointer;
}

/* /своя стилизация выпадающего списка */


.custom-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.custom-checkbox+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
	font-size: 14px;
}

.custom-checkbox+label::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #adb5bd;
	border-radius: 0.25em;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

.custom-checkbox:checked+label::before {
	border-color: #0b76ef;
	background-color: #0b76ef;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
	background-size: 70%;
}

.free_radio.custom-checkbox:checked+label::before {
	border-color: #f08143;
	background-color: #f08143;
}

.gray.custom-checkbox:checked+label::before {
	border-color: #989898;
	background-color: #989898;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
	border-color: #b3d7ff;
}

/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
	background-color: #b3d7ff;
	border-color: #b3d7ff;
}

/* стили для чекбоксса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
	border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
	background-color: #e9ecef;
}

.custom-checkbox:focus+label::before {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбок


/* стили для страницы авторизации*/
.cat_btn_auth {
	background-color: #E7D044 !important;
	box-shadow: none !important;
}

.cat_btn_auth:hover,
.cat_btn_auth:focus {
	background-color: #e1c100 !important;
}

.cat_link_auth {
	color: #5B5B5B;
}

.cat_link_auth a {
	color: #7690C9 !important;
	text-decoration: none;
}

.cat_link_auth a:hover,
.cat_link_auth a:focus {
	color: #446cc3 !important;
}

.footer_for_auth {
	display: flex;
}


.auth_left_block,
.auth_right_block {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.auth_left_block {
	background: #E7D044;
}

.auth_right_block {
	background: #FFF;
}

@media all and (max-width: 900px) {
	.auth_left_block {
		display: none;
	}

	.auth_right_block {
		flex-basis: 100%;
	}
}

/* /стили для страницы авторизации*/

/* стили для всплывающего окна куки*/
.cookie_notice {
	display: none;
	position: fixed;
	z-index: 3;
	bottom: 60px;
	left: 0px;
	background: #d9dada;
	width: 100%;
	padding: 30px 0px;
}

/* /стили для всплывающего окна куки*/

.logo_plan7 {
	background-image: url('../../img/logo_plan7.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

*/

/* стили для нового модального окна */
.new_poput .wrap_content_poput input[type="number"]::-webkit-outer-spin-button,
.new_poput .wrap_content_poput input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.new_poput .wrap_content_poput input[type="number"] {
	box-shadow: 0 0 0 1px #DDD;
	color: #222;
}

.new_poput .wrap_content_poput input[type="button"],
.but_form {
	font-weight: normal;
}

.new_poput .wrap_content_poput input[type="button"].kn_no_backg {
	margin-left: 10px;
}

.new_poput .wrap_content_poput input[type="button"].kn_no_backg:hover {
	background: transparent !important;
	color: #6699CC !important;
}

.new_poput {
	position: absolute;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 7;
	display: flex;
	justify-content: center;
	overflow: auto;
	overflow: -moz-scrollbars-none;
}

.new_poput::-webkit-scrollbar {
	width: 7px;
	background-color: #f9f9fd;
}

.new_poput::-webkit-scrollbar-thumb {
	background-color: #7F7F7F;
}

.new_poput .box_content_popup {
	width: 400px;
	min-height: 100px;
	margin: auto;
	background-color: #fff;
	border-radius: 10px;
	padding: 45px 40px;
}

.wrap_content_poput {
	padding: 70px 0;
	margin: auto;
}

/* ======================== */

/* кнопка без заливки */
.kn_no_backg {
	background-color: transparent !important;
	padding: 8px 12px !important;
	border-radius: 5px !important;
	color: #7F7F7E !important;
	cursor: pointer;
}

/* ================== */


/* Серый фон для чекбокса */
.UNI_checkbox.grey input:hover~.fake {
	background-color: #eee;
}

.UNI_checkbox.grey input:checked~.fake {
	background-color: #999;
}

/* /Серый фон для чекбокса */

.change_admin_passpowrd_btn {
	padding: 7px 15px;
	border: 1px solid #ddd;
	border-radius: 15px;
	color: #898989;
	align-self: flex-start;
	cursor: default;
	box-sizing: border-box;
	cursor: pointer;
}

/*select castom str*/
.select_my_str {
	-moz-appearance: none;
	/* Firefox */
	-webkit-appearance: none;
	/* Safari and Chrome */
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg' viewBox='0 0 400 400' style='transform: rotate(270deg); fill:%239D9D9D'%3E%3Cpath d='M197 176l67 -68c10,-9 10,-24 0,-33 -9,-9 -24,-9 -33,0l-108 108c-9,10 -9,24 0,34l108 108c9,9 24,9 33,0 10,-9 10,-24 0,-33l-67 -69c-24,-23 -24,-23 0,-47z'%3E%3C/path%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-size: 32% !important;
	background-position: right !important;
	border-right: 10px solid transparent !important;
	width: 52px !important;
	margin: 0;
	padding: 9px 0 8px 15px !important;
	color: #9D9D9D !important;
}

.feedBell_box {
	cursor: pointer;
	fill: #B2B3B3;
	position: relative;
	display: inline-block;
	width: 22px;
	height: 21px;
}

.feedBell_box:hover {
	fill: #9D9E9E;
}

.updates_sidebar {
	right: -555px;
	position: absolute;
	height: 100%;
	overflow: hidden !important;
	transition-property: right;
	transition-duration: 500ms;
}

.updates_sidebar .html {
	border-radius: 0 !important;
	height: 100%;
	width: 475px !important;
	overflow: auto;
}

.updates_sidebar_show {
	right: 0;
}

.round_danger_link {
	text-decoration: none;
	padding: 5px 11px;
	border: solid 1px #ccc;
	border-radius: 15px;
	color: red !important;
	font-size: 12px;
}

.left_column_warning_block {
	line-height: 1.5;
	padding-bottom: 1.5em;
}

.left_column_warning_block div {
	line-height: 1.5;
}

.left_column_warning_block a {
	color: #898989;
	font-size: 12px;
	text-decoration: none;
}

.left_column_warning_block a:hover {
	color: #727271;
}

.btn_i_agree {
	box-shadow: 0 0 0 1px #222;
	color: #222;
	cursor: pointer;
	padding: 8px 18px;
	border-radius: 3px;
}

.btn_i_agree:hover {
	background-color: #EBECEC;
}

.parent_link_for_mailer {
	display: none;
}

.link_for_mailer.active {
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.link_for_mailer.active:hover {
	color: #727271;
}

.cookie_notice_box {
	display: flex;
	justify-content: center;
	align-items: center;
}

.cookie_notice_txt {
	padding-right: 10px;
	padding-left: 60px;
	align-self: center;
}

.cookie_notice_btn {
	padding-right: 60px;
}


@media all and (max-width: 900px) {
	.cookie_notice_txt {
		padding-left: 10px;
	}

	.cookie_notice_btn {
		padding-right: 10px;
	}

	.right_col_auth {
		width: 90%;
	}

}

@media all and (max-width: 1350px) {

	#body_panel {
		overflow-x: auto;
	}
}

@media all and (max-width: 900px) {
	#wrap_body_cat #left_panel{
		margin-left: -180px !important;
	}
	#wrap_body_cat #left_panel > div{
		margin-left: -180px !important;
	}
	#wrap_body_cat #body_panel{
		margin-left: -45px;
	}

	.open_menu_btn{
		display: flex !important;
	}

	.crumbs_box_mobile{
		display: block !important;
	}

	.crumbs_box_desktop{
		display: none;
	}
	.razdel_add_tx{
		display: none;
	}

	.footer{
		margin-left: 80px !important;
	}
}

@media all and (max-width: 500px) {
	.footer{
		flex-direction: column;
		padding: 20px 0;
	}
	.cookie_notice_box{
		flex-direction: column;
		row-gap: 25px;
		text-align: center;
	}
}

.crumbs_box_mobile{
	display: none;
	margin: 15px 0px -10px 50px;
}

.footer{
	display: flex;
	margin: 0 40px;
	height: 60px;
    align-items: center;
	justify-content: space-between;
}

.footer .left_scope{
	display: flex;
	column-gap: 40px;
}

#wrap_body_cat.show_menu #left_panel{
	margin-left: 0 !important;
}

#wrap_body_cat.show_menu #left_panel > div{
	margin-left: 0 !important;
}

#wrap_body_cat #left_panel > div{
	margin-left: 0;
}
#wrap_body_cat.show_menu #body_panel{
	margin-left: 180px;
}

.open_menu_btn{
	padding: 4px 10px;
	margin: -8px 12px 15px 0;
	display: none;
	width: 70px;
}

.open_menu_btn .svg_container{
	fill:#ccc; 
	position:relative; 
	display:inline-block; 
	width:25px; 
	height:25px;
	float:left
}

#left_panel, #body_panel, #left_panel > div {
	transition: margin-left 0.5s cubic-bezier(0, .5, .5, 1);
}


.box_select_forma {
	display: flex;
	justify-content: start;
	align-items: center;
	margin-bottom: 20px;

	& .UNI_checkbox {
		display: flex;
		align-items: center;
		margin-right: 30px;

		& .fake {
			margin: 0 10px 0 0;
		}
	}

}

.cat_button {
	border-radius: 3px;
	/* padding: 10px 15px; */
}

.cat_fill {
	background: #69C;
	fill: #FFF;
	color: #FFF;
}

.cat_fill_invert {
	background: #FFF;
	color: #69C;
}

.cat_fill_invert:hover {
	background: #FFF;
	color: #69C;
}


.btn_prolong_test:hover {
	border-bottom: solid 1px red;
}

.ui-datepicker {
	background-color: #fff;
	border-radius: 8px;
}

.ui-datepicker .ui-state-active {
	background: #6699CC;
}

.ui-datepicker .ui-state-default:hover {
	background: #ccc;
}

.admin_email,
.u_email {
	position: relative;
	cursor: default;
}

.admin_email::before {
	content: '';
	position: absolute;
	left: -10px;
	top: 5px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #a2d9f7;
}

.u_email::before {
	content: '';
	position: absolute;
	left: -10px;
	top: 5px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #F6CC9B;
}

.disable_select.installer {
	min-width: 99px;
	margin-right: 0px !important;
}
.err_mes{
	color: red;
	height: 25px;
	margin-top: 5px;
	font-size: 12px;
}

.ref_attached, .question_ref_btn:hover{
    fill: #FFF !important;
    background: #ccc;
}

.right_modal .html {
    border-radius: 0 !important;
    height: 100%;
    width: 1100px !important;
    overflow: auto;
}

.right_modal_show {
    right: 0 !important;
}

.export_close{
}

.right_modal {
    right: -1080px;
    position: absolute;
    height: 100%;
    overflow: hidden !important;
    transition-property: right;
    transition-duration: 500ms;
}

.remove_zn{margin-top:20px;}
.remove_zn:hover .ex_imgbox{
    fill: #727271 !important;
    box-shadow: 0 0 0 1px #727271 !important;
}
.remove_zn .ex_imgbox{
    position: relative;
    float: left;
    fill: #B2B3B3;
    box-shadow: 0 0 0 1px #B2B3B3;
    margin-right: 10px;
    padding: 0px;
    width: 26px;
    height: 26px;
    border-radius: 3px;
    cursor: pointer;
}

/* .cat_label.selected .bg.ex_rel{
    box-shadow: 0 0 0 1px red;
}
.cat_label.selected .svg{
    stroke: #ff0000;
    stroke-width: 8px;
} */


.cat_label.selected .content, .cat_label.selected .ex_wrap{
    text-shadow: 1px 1px 4px #ff0000;
    font-weight: bold;
}

.kn_add_var{
    padding:10px;
    background-color: #EAEAEA;
    border-radius: 5px;
    display: inline-flex;
    cursor:pointer;
    color:#555;
    margin:10px 0;
}

.kn_add_var:hover{
    background-color: #E3E3E3;
}

.setting_info:hover{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg' viewBox='0 0 100 100' style='fill:%23555'%3E%3Cpath d='M72.64 27.36c-1.28,-1.28 -2.71,-2.42 -4.26,-3.37l-8.19 8.2 7.62 7.62 8.2 -8.19c-0.95,-1.55 -2.09,-2.98 -3.37,-4.26zm-9.05 16.68l-7.63 -7.63 -33.17 33.18 0.54 7.08 7.08 0.54 33.18 -33.17zm-32.47 39.23l-13.36 -1.03 -1.03 -13.38c-0.13,-0.9 0.15,-1.85 0.85,-2.54l49.61 -49.62c2.15,1.01 4.02,1.89 5.98,3.29 1.35,0.96 2.61,2.03 3.71,3.13 1.1,1.1 2.17,2.36 3.13,3.71 1.4,1.96 2.28,3.83 3.29,5.98l-49.61 49.61c-0.7,0.7 -1.66,0.98 -2.57,0.85z' /%3E%3C/svg%3E");
}
.setting_info{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg' viewBox='0 0 100 100' style='fill:%23999'%3E%3Cpath d='M72.64 27.36c-1.28,-1.28 -2.71,-2.42 -4.26,-3.37l-8.19 8.2 7.62 7.62 8.2 -8.19c-0.95,-1.55 -2.09,-2.98 -3.37,-4.26zm-9.05 16.68l-7.63 -7.63 -33.17 33.18 0.54 7.08 7.08 0.54 33.18 -33.17zm-32.47 39.23l-13.36 -1.03 -1.03 -13.38c-0.13,-0.9 0.15,-1.85 0.85,-2.54l49.61 -49.62c2.15,1.01 4.02,1.89 5.98,3.29 1.35,0.96 2.61,2.03 3.71,3.13 1.1,1.1 2.17,2.36 3.13,3.71 1.4,1.96 2.28,3.83 3.29,5.98l-49.61 49.61c-0.7,0.7 -1.66,0.98 -2.57,0.85z' /%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 96%;
    height: 20px;
    width: 23px;
    margin-left: 2px;
    cursor: pointer;
    transition: 0.3s;
}

#box_edit_email input{
    padding-block: 0;
    padding-inline: 0;
    border-width: 0;
    border-style: outset;
    display: block;
    box-shadow: 0 0 0 1px #DDD;
    color: #222;
    width: 100%;
    margin: 5px 0 0 0;
}

#box_edit_email .wrap_but_next{
    display: flex;
    justify-content: space-between;
    margin: 5px 0 15px 0;
}

#box_edit_email .but_next{
    display: inline-block;
    width: auto;
    padding: 0 15px;
    color: #fff;
}

#box_edit_email{
    border: 1px solid #ddd;
    padding: 0 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    display: none;
}

#box_edit_email p{
    font-weight: bold;
    letter-spacing: 1px;
}

.err_mess{
    font-size: 13px;
    margin-top: 2px;
    color: red;
    margin-bottom: -17px;
    display: none;
}

.err_input{
    box-shadow: 0 0 0 1px red !important;
}

.content_edit_email{
    min-height: 194px;
}
.step2{display: none;}
.step2 .new_email{
    font-weight: bold;
}

.box_fields_crm{
    max-width: 600px;
    display:block;
}

.box_list_fields{
    position: relative;
}

.box_list_fields .bottom_box{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 43px;
    background: linear-gradient(rgba(255, 255, 255, 0), #fff);
    z-index: 2;
    text-align: center;
}

.toggle_list_fields:hover{
    color: #333;
}
.toggle_list_fields{
    cursor: pointer;
    margin-top: 12px;
    margin-bottom: -15px;
    font-size: 13px;
    color: #777;
    transition: 0.3s;
}