@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&family=Yanone+Kaffeesatz:wght@700&display=swap');
:root{
	--color-red: #c41935;
	--color-black: #000000;
	--color-gray: #e8e8e8;
	--color-gray1: #c7c7c7;
	--color-blue: #1e6ef1;
	--color-white: #ffffff;
	--color-gray-b: #9e9e9e;
	--color-gray-b2: #f7dfe3;
	--color-text-b: #333333;
	--content-padding: 15px;
}
*{
	font-family: 'Roboto';
}
html,body{
	width: 100%;
	height: 100%;
}
body{
	margin: 0;
	padding: 0;
	background-color: #fbfbfb;
	transition: all 0.5s ease;
	background-image: url(/templates/site/new/images/bg.png );
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow-x: hidden;
}
a{
	text-decoration: none;
	color: white;
}
li{
	list-style: none;
}
h1,h2,h3,h4,h5,h7{
	font-family: 'Roboto';
}
.container{
	max-width: 1280px;
	margin: 0 auto;
	display: block;
}
.cabinet-container {
    padding: 0px 20px;
    position: relative;
    min-height: 100%;
}
.container *{
	box-sizing: border-box;
}
.table{
	display: table;
	border-spacing: 0;
    border-collapse: collapse;
}
.table .tr{
	display: table-row;
}
.table .td{
	display: table-cell;
}
.table .tr:nth-child(even){
	background-color: #f9f9f9;
}
.grid{
	display: flex;
	box-sizing: border-box;
	flex-wrap: wrap;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.c-1{
	width: calc(100% / 12);
}
.c-2{
	width: calc(100% / 12 * 2);
}
.c-3{
	width: calc(100% / 12 * 3);
}
.c-4{
	width: calc(100% / 12 * 4);
}
.c-5{
	width: calc(100% / 12 * 5);
}
.c-6{
	width: calc(100% / 12 * 6);
}
.c-7{
	width: calc(100% / 12 * 7);
}
.c-8{
	width: calc(100% / 12 * 8);
}
.c-9{
	width: calc(100% / 12 * 9);
}
.c-10{
	width: calc(100% / 12 * 10);
}
.c-11{
	width: calc(100% / 12 * 11);
}
.c-12{
	width: 100%;
}
.flex-grow *{
	flex-grow: 1;
}
.text-up{
	text-transform: uppercase;
}
.text-down{
	text-transform: lowercase;
}
.c-coll-1 .c{
	width: 100%;
}
.c-coll-2 .c{
	width: calc( 100% / 2 );
}
.c-coll-3 .c{
	width: calc( 100% / 3 );
}
.c-coll-4 .c{
	width: calc( 100% / 4 );
}
.c-coll-5 .c{
	width: calc( 100% / 5 );
}
.c-coll-6 .c{
	width: calc( 100% / 6 );
}
.c-coll-7 .c{
	width: calc( 100% / 7 );
}
.c-coll-8 .c{
	width: calc( 100% / 8 );
}
.c-coll-9 .c{
	width: calc( 100% / 9 );
}
.c-coll-10 .c{
	width: calc( 100% / 10 );
}
.c-coll-11 .c{
	width: calc( 100% / 11 );
}
.c-coll-12 .c{
	width: calc( 100% / 12 );
}
.c-hidden{
	display: none;
}
@media screen and (max-width: 1281px){
	.d-1{
		width: calc(100% / 12 );
	}
	.d-2{
		width: calc(100% / 12 * 2 );
	}
	.d-3{
		width: calc(100% / 12 * 3 );
	}
	.d-4{
		width: calc(100% / 12 * 4 );
	}
	.d-5{
		width: calc(100% / 12 * 5 );
	}
	.d-6{
		width: calc(100% / 12 * 6 );
	}
	.d-7{
		width: calc(100% / 12 * 7 );
	}
	.d-8{
		width: calc(100% / 12 * 8 );
	}
	.d-9{
		width: calc(100% / 12 * 9 );
	}
	.d-10{
		width: calc(100% / 12 * 10 );
	}
	.d-11{
		width: calc(100% / 12 * 11 );
	}
	.d-12{
		width: 100%;
	}
	.text-center-d{
		text-align: center;
	}
	.text-left-d{
		text-align: left;
	}
	.text-right-d{
		text-align: right;
	}
	.d-coll-1 .c{
		width: 100%;
	}
	.d-coll-2 .c{
		width: calc( 100% / 2 );
	}
	.d-coll-3 .c{
		width: calc( 100% / 3 );
	}
	.d-coll-4 .c{
		width: calc( 100% / 4 );
	}
	.d-coll-5 .c{
		width: calc( 100% / 5 );
	}
	.d-coll-6 .c{
		width: calc( 100% / 6 );
	}
	.d-coll-7 .c{
		width: calc( 100% / 7 );
	}
	.d-coll-8 .c{
		width: calc( 100% / 8 );
	}
	.d-coll-9 .c{
		width: calc( 100% / 9 );
	}
	.d-coll-10 .c{
		width: calc( 100% / 10 );
	}
	.d-coll-11 .c{
		width: calc( 100% / 11 );
	}
	.d-coll-12 .c{
		width: calc( 100% / 12 );
	}
	.d-hidden{
		display: none;
	}
	.d-padding{
		padding: var(--content-padding) !important;
	}
}
@media screen and (max-width: 1024px){
	.t-1{
		width: calc(100% / 12 );
	}
	.t-2{
		width: calc(100% / 12 * 2 );
	}
	.t-3{
		width: calc(100% / 12 * 3 );
	}
	.t-4{
		width: calc(100% / 12 * 4 );
	}
	.t-5{
		width: calc(100% / 12 * 5 );
	}
	.t-6{
		width: calc(100% / 12 * 6 );
	}
	.t-7{
		width: calc(100% / 12 * 7 );
	}
	.t-8{
		width: calc(100% / 12 * 8 );
	}
	.t-9{
		width: calc(100% / 12 * 9 );
	}
	.t-10{
		width: calc(100% / 12 * 10 );
	}
	.t-11{
		width: calc(100% / 12 * 11 );
	}
	.t-12{
		width: 100%;
	}
	.text-center-t{
		text-align: center;
	}
	.text-left-t{
		text-align: left;
	}
	.text-right-t{
		text-align: right;
	}
	.t-coll-1 .c{
		width: 100%;
	}
	.t-coll-2 .c{
		width: calc( 100% / 2 );
	}
	.t-coll-3 .c{
		width: calc( 100% / 3 );
	}
	.t-coll-4 .c{
		width: calc( 100% / 4 );
	}
	.t-coll-5 .c{
		width: calc( 100% / 5 );
	}
	.t-coll-6 .c{
		width: calc( 100% / 6 );
	}
	.t-coll-7 .c{
		width: calc( 100% / 7 );
	}
	.t-coll-8 .c{
		width: calc( 100% / 8 );
	}
	.t-coll-9 .c{
		width: calc( 100% / 9 );
	}
	.t-coll-10 .c{
		width: calc( 100% / 10 );
	}
	.t-coll-11 .c{
		width: calc( 100% / 11 );
	}
	.t-coll-12 .c{
		width: calc( 100% / 12 );
	}
	.t-hidden{
		display: none;
	}
	.d-padding{
		padding: 0;
	}
	.t-padding{
		padding: var(--content-padding) !important;
	}
}
@media screen and (max-width: 640px){
	.m-1{
		width: calc(100% / 12 );
	}
	.m-2{
		width: calc(100% / 12 * 2 );
	}
	.m-3{
		width: calc(100% / 12 * 3 );
	}
	.m-4{
		width: calc(100% / 12 * 4 );
	}
	.m-5{
		width: calc(100% / 12 * 5 );
	}
	.m-6{
		width: calc(100% / 12 * 6 );
	}
	.m-7{
		width: calc(100% / 12 * 7 );
	}
	.m-8{
		width: calc(100% / 12 * 8 );
	}
	.m-9{
		width: calc(100% / 12 * 9 );
	}
	.m-10{
		width: calc(100% / 12 * 10 );
	}
	.m-11{
		width: calc(100% / 12 * 11 );
	}
	.m-12{
		width: 100%;
	}
	.m-coll-1 .c{
		width: 100%;
	}
	.m-coll-2 .c{
		width: calc( 100% / 2 );
	}
	.m-coll-3 .c{
		width: calc( 100% / 3 );
	}
	.m-coll-4 .c{
		width: calc( 100% / 4 );
	}
	.m-coll-5 .c{
		width: calc( 100% / 5 );
	}
	.m-coll-6 .c{
		width: calc( 100% / 6 );
	}
	.m-coll-7 .c{
		width: calc( 100% / 7 );
	}
	.m-coll-8 .c{
		width: calc( 100% / 8 );
	}
	.m-coll-9 .c{
		width: calc( 100% / 9 );
	}
	.m-coll-10 .c{
		width: calc( 100% / 10 );
	}
	.m-coll-11 .c{
		width: calc( 100% / 11 );
	}
	.m-coll-12 .c{
		width: calc( 100% / 12 );
	}
	.text-center-m{
		text-align: center;
	}
	.text-left-m{
		text-align: left;
	}
	.text-right-m{
		text-align: right;
	}
	.t-padding{
		padding: 0;
	}
	.d-padding{
		padding: 0;
	}
	.m-padding{
		padding: var(--content-padding) !important;
	}
	.m-hidden{
		display: none !important;
	}
}
img{
	max-height: 100%;
	max-width: 100%;
}
.button{
	background-color: #1d5df3;
	padding: 10px 15px;
	color: white;
	border-radius: 6px;
	border: 0;
	cursor: pointer;
	font-size: 15px;
	display: inline-block;
}
.button-stroke{
	background-color: transparent;
	border: 1px solid #1d5df3;
	color: #1d5df3;
}
/*** ВЕРХНЕЕ МЕНЮ ***/
.top-bar{
	background-color: var(--color-gray);
}
.top-bar .grid{
	align-items: center;
	justify-content: space-between;
}
.top-bar .logo {
	padding: 10px 0px;
}
.top-bar .logo img{
	max-height: 60px;
	display: block;
}
.top-bar .search{
	margin-left: 15px;
}
.top-bar .search .search-field, .search-menu .search-field{
	font-size: 14px;
	background-color: transparent;
	border-radius: 6px;
	color: #000000;
	padding: 0px 4px 0px 40px;
	height: 36px;
	font-weight: 600;
	width: 370px;
	border: 1px solid #acacac;
	background-image: url(../images/loupe.png);
	background-size: auto 60%;
	background-position: 10px center;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
.top-bar .search-form, .search-menu .search-form{
	position: relative;
}
.top-bar .search-form .search-submit, .search-menu .search-submit {
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 5px 10px;
}
.user-account .image img{
	max-height: 60px;
	border-radius: 100%;
	border: 1px solid #acacac;
	margin-right: 10px;
}
.user-account {

}
.user-account .notify{
	padding: 0px 20px;
	position: relative;
	cursor: pointer;
	z-index: 1000;
}
.status{
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 100%;
	border: 1px solid var(--color-gray);
}
.user-account .notify .status{
	position: absolute;
	right: 20px;
	top: 0;
}
.notify svg{
	stroke: #000000;
	transition: all 0.5s ease;
}
.notify:hover svg{
	stroke: #1d5df3;
}
.green{
	background-color: #00ab55;
}
.red{
	background-color: #e7515a;
}
.user-account .hello, .current-position .hello , .menu-position .hello{
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 600;
	color: #888ea8;
}
.menu-position .hello {
	color: #3b3f5c;
}
.user-account .name, .current-position .name , .menu-position .name{
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 600;
	margin-bottom: 0;
	color: #3b3f5c;
}
.user-account .name a, .current-position .name a{
	color: #3b3f5c;
	transition: all 0.5s ease;
}
.user-account .name a:hover, .current-position .name a:hover{
	color: #1d5df3;
}
.user-content.grid{
	position: relative;
}
.user-content .grid-link{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.user-content.grid .category-delete-btn{
	position: relative;
	z-index: 5;
}
.settings{
	cursor: pointer;
	
}
.settings:hover svg, .settings-menu-active .settings svg{
	transform: rotate(45deg);
	fill: #1d5df3;
}
.settings svg, .current-position svg, .selected-address svg, .selected-categories svg, .geo-position svg, .address-field .image svg{
	width: 25px;
	height: 25px;
	transition: all 0.5s ease;
	transform: rotate(0deg);
	fill: black;
}
.current-position .info{
	padding: 0px 10px;
}
.address-field .object-add{
	padding: 0px 15px;
}
.current-position{
	margin-right: 10px;
	max-width: 400px;
}
.top-bar .right-part .grid{
	flex-wrap: nowrap;
}
.settings-menu{
	background-color: #888ea8;
	position: fixed;
	top: 0;
	right: 0;
	width: 250px;
	height: 100%;
	transition: all 0.5s ease;
	transform: translateX(250px);
}
.settings-menu ul li a{
	color: #e0e6ed;
	font-size: 20px;
	line-height: 40px;
	transition: all 0.5s ease;
}
.settings-menu ul li a:hover{
	color: #1d5df3;
}
.settings-menu .close{
	background-color: black;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.settings-menu-active{
	transform: translateX(-250px);
}
.settings-menu-active .settings-menu{
	transform: translateX(250px);
}
/*** ПОЛЬЗОВАТЕЛИ ***/
.checkbox{
	background-color: #e0e6ed;
	border-color: #e0e6ed;
	width: 17px;
	height: 17px;
	margin-top: 0.21em;
	transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.user-content{
	flex-direction: row;
	align-items: center;
	position: relative;
	display: inline-flex;
	min-width: 0;
	word-wrap: break-word;
	justify-content: space-between;
	background: #fff;
	margin-bottom: 8px;
	border-radius: 8px;
	padding: 13px 18px;
	width: 100%;
	border: 1px solid #e0e6ed;
	transition: all 0.5s ease;
}
.user-content:hover{
	cursor: pointer;
	border: 1px solid #1d5df3;
}
.user-content .user-profile{
	display: flex;
	align-items: center;
}
.user-profile img{
	width: 43px;
	height: 43px;
	border-radius: 8px;
	margin-right: 11px;
	margin-left: 18px;
}
.user-info .user-name{
	margin: 0;
	color: #3b3f5c;
	font-weight: 600;
	font-size: 15px;
}
.user-info .user-work{
	margin: 0;
	color: #506690;
	font-weight: 500;
	font-size: 14px;
	max-width: 245px;
}
.user-info .user-login{
	margin: 0;
	color: #888ea8;
	font-weight: 500;
	font-size: 12px;
	padding-left: 10px;
}
.user-content .text{
	margin: 0;
	color: #506690;
	font-weight: 600;
	font-size: 14px;
}
.user-content .info{
	margin: 0;
	color: #3b3f5c;
	font-weight: 600;
	font-size: 14px;
	display: none;
}
.user-content.header .info{
	display: block;
}
.action-btn svg{
	margin-right: 5px;
	cursor: pointer;
	color: #888ea8;
	width: 20px;
	fill: rgba(136, 142, 168, 0.09);
	transition: all 0.5s ease;
}
.dark-block .action-btn svg{
	color: white;
}
.user-content .action-btn svg:hover{
	color: #1d5df3;
}
.user-content .check-all{
	margin-right: 39px;
}
.edit-panel{
	justify-content: space-between;
	margin-top: 40px;
	margin-bottom: 20px;
	align-items: center;
}
.edit-panel .category-delete-btn {
	margin-left: 15px;
}
.edit-panel .left-part{
	display: flex;
	align-items: center;
}
.address-info .selected-address, .address-info .geo-position, .address-info .selected-categories{
	margin-bottom: 15px;
}
.address-info .selected-categories {
	margin-top: 15px;
}
.selected-address, .selected-categories, .geo-position, .address-info .buttons{
	margin-left: 20px;
}
.selected-address .grid{
	flex-wrap: nowrap;
	align-items: center;
}
.selected-address .hello, .selected-categories .hello, .geo-position .hello, .address-field .hello{
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 600;
	color: #3b3f5c;
}
.selected-address .image svg, .selected-categories .image svg, .geo-position .image svg, .address-field .image svg{
	fill: #e0e6ed;
}
.selected-address .name, .geo-position .name, .address-field .name{
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 600;
	margin-bottom: 0;
	color: #888ea8;
}
.selected-address .info, .selected-categories .info, .geo-position .info, .address-field .info{
	padding-left: 10px;
}
.selected-categories .category{
	padding: 5px 10px;
	text-shadow: none;
	font-size: 14px;
	border-radius: 18px;
	cursor: pointer;
	display: block;
	text-align: center;
	transition: all 0.5s ease-out;
	border: 1px solid #ffffff;
	color: #ffffff;
	padding-right: 20px;
	position: relative;
	margin-top: 10px;
}
.selected-categories .category svg, .selected-categories .category path{
	fill: #ffffff;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 6px;
	right: 4px;
}
.selected-categories .category.unactive{
	border: 1px solid rgba(255,255,255,0.3);
	color: rgba(255,255,255,0.3);
}
.selected-categories .category.unactive svg, .selected-categories .category.unactive path{
	fill: rgba(255,255,255,0.3);
}
.selected-categories .name{
	display: flex;
	gap: 5px;
}
.edit-panel .search-form{
	position: relative;
	width: 80%;
}
.edit-panel .search-form svg{
	position: absolute;
	right: 11px;
	color: #eaeaec;
	height: 36px;
	width: 19px;
	top: 0px;
}
.edit-panel .search-form input{
	color: #3b3f5c;
	font-size: 15px;
	padding: 8px 10px;
	letter-spacing: 1px;
	border-radius: 6px;
	height: 41px;
	transition: none;
	background: #fff;
	border: 1px solid #e0e6ed;
	width: 100%;
	display: block;
}
.edit-panel .right-part .svg-icon, .file-icon svg{
	padding: 9px;
	background: #fff;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #e0e6ed;
	width: 43px;
	height: 41px;
	color: #1d5df3;
	display: block;
	fill: none;
	transition: all 0.5s ease;
}
.file-icon svg{
	fill: #1d5df3;
}
.edit-panel .right-part .svg-icon:hover{
	border: 1px solid #1d5df3;
}
.pagination-block{
	margin-top: 12px;
	margin-bottom: 40px;
	display: flex;
	justify-content: flex-end;
}
.pagination-block .pagination{
	display: flex;
	gap: 4px;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}
.pagination-block .pagination li a{
	color: #506690;
	padding: 10px 15px;
	font-weight: normal;
	border: 2px solid #e0e6ed;
	background-color: #fff;
	border-radius: 4px;
	display: block;
	transition: all 0.5s ease;
	font-size: 14px;
}
.pagination-block .pagination li a:hover, .pagination-block .pagination li.active a{
	color: #1d5df3;
	border: 2px solid #1d5df3 !important;
}
.user-content .user-profile .image{
	position: relative;
}
.user-content .user-profile .image .status{
	position: absolute;
	bottom: 0px;
	right: 8px;
}
.field-address{
	padding-left: 10px;
}
/*** ОБЪЕКТЫ ***/
.user-object{
	position: relative;
	padding: 16px 16px 16px 16px;
	margin-right: 0;
	margin-bottom: 18px;
	border-radius: 10px;
	background: #fff;
	width: 100%;
	border: 1px solid #e0e6ed;
	transition: all 0.5s ease;
}
.user-object:hover{
	border: 1px solid #1d5df3;
	cursor: pointer;
}
.user-object .object-images img{
	margin: 40px auto;
	display: block;
}
.object-files .name{
	font-size: 12px;
	color: #3b3f5c;
}
.object-files .name p {
	margin-top: 5px;
}
.user-object .category-name{
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 12px;
	color: #506690;
	display: inline-block;
	border-radius: 4px;
}
.user-object .object-name{
	font-size: 16px;
	font-weight: 500;
	color: #0e1726;
	margin-bottom: 0px;
	letter-spacing: 0px;
}
.user-object .object-description{
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	letter-spacing: 0px;
	word-wrap: break-word;
	color: #3b3f5c;
}
.objects-grid{
	gap: 15px;
	min-height: 600px;
	justify-content: flex-start;
}
.objects-grid > .c{
	width: calc(100% / 12 * 3 - 12px);
	padding: 0;
}
.objects-grid > .c-4{
	width: calc(100% / 12 * 4 - 10px);
}
.image-address img{
	display: block;
	border: 1px solid #acacac;
	border-radius: 6px;
	max-width: 300px;
	width: 100%;
}
.object-fields .field-name{
	font-size: 12px;
	font-weight: 600;
	color: #3b3f5c;
}
.object-fields .field-value{
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 600;
	margin-bottom: 0;
	color: #888ea8;
	display: flex;
	gap: 10px;
	align-items: center;
}
.object-fields .object-field{
	border: 1px solid #e0e6ed;
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 10px;
}
.object-fields .object-field:last-child{
	margin-bottom: 0;
}
.object-field-values .field-value{
	margin-bottom: 10px;
}
.object-field-values .field-value:last-child{
	margin-bottom: 0;
}
.object-field-select ul{
	margin: 0;
	padding: 0;
}
.object-field-select ul li a{
	border: 1px solid #e0e6ed;
	color: #888ea8;
	border-radius: 18px;
	padding: 15px;
	display: block;
	margin-bottom: 15px;
	transition: all 0.5s ease;
}
.object-field-select ul li:last-child a{
	margin-bottom: 0;
}
.object-field-select ul li.active a, .object-field-select ul li:hover a{
	border: 1px solid #1d5df3;
	color: #1d5df3;
}
.form-fields .form-field .grid{
	align-items: center;
}
.form-fields .form-field{
	margin-bottom: 15px;
}
.form-fields .form-field:last-child{
	margin-bottom: 0;
}
.field-input{
	border: 1px solid #bfc9d4;
	color: #3b3f5c;
	font-size: 15px;
	padding: 15px;
	border-radius: 6px;
	background: #fff;
	height: auto;
	display: block;
	width: 100%;
	max-width: 100%;
	background-color: #fbfbfb;
}
.file-upload-field{
	border: 1px solid #bfc9d4;
	color: #3b3f5c;
	font-size: 15px;
	padding: 15px;
	border-radius: 6px;
	background: #fff;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-transform: uppercase;
	font-weight: bold;
	color: #bfc9d4;
	width: 100%;
	max-width: 100%;
	background-color: #fbfbfb;
	position: relative;
}
.file-upload-field svg{
	fill: #3b3f5c;
}
.file-upload-field *{
	z-index: 1;
}
.file-upload-field input{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 20;
}
.file-upload-field .download a{
	color: black;
	display: block;
	max-width: 60px;
}
.file-upload-field .upload{
	min-width: 50%;
	display: flex;
	justify-content: center;
	justify-content: space-between;
	align-items: center;
}
.file-upload-field .upload .file-icon{
	margin-left: 10px;
}
.bottom-edit-panel{
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.invisible{
	display: none;
}
.object-delete-btn{
	width: 30px;
	height: 30px;
	position: relative;
	z-index: 999;
	cursor: pointer;
}
.object-delete-btn svg{
	max-width: 50px;
}
.objects-grid .objects-object {
	position: relative;
}
.objects-grid .objects-object .object-delete-btn {
	position: absolute;
	right: 5px;
	top: 15px;
}
.top-edit-panel{
	position: absolute;
	top: 15px;
	right: 15px;
}
.user-object{
	position: relative;
}
.user-object .object-link{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
/*** ПОДВАЛ ***/
.footer p{
	color: #888ea8;
	font-size: 14px;
	letter-spacing: 1px;
}
/* */
#errors-output-container {
	background-color: #e8e8e8;
	border-radius: 4px;
}
#errors-output-container .error {
	color: red;
	font-weight: bold;
	display: block;
	padding: 17px;
	padding-bottom: 0px;
}
.user-delete-btn {
	position: relative;
	z-index: 20;
}
.login-form-grid{
	align-content: center;
	align-items: center;
	justify-content: center;
}
.login-form-grid .login-form{
	position: relative;
	padding: 16px 16px 16px 16px;
	margin-bottom: 18px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e0e6ed;
	transition: all 0.5s ease;
	margin-top: 40px;
}
.login-form-grid .textfield{
	border: 1px solid #bfc9d4;
	color: #3b3f5c;
	font-size: 15px;
	padding: 15px;
	border-radius: 6px;
	background: #fff;
	height: auto;
	display: block;
	width: 100%;
	max-width: 100%;
	background-color: #fbfbfb;
	margin-bottom: 15px;
}
.login-form-grid .btn{
	background-color: #1d5df3;
	padding: 10px 15px;
	color: white;
	border-radius: 6px;
	border: 0;
	cursor: pointer;
	font-size: 15px;
	display: inline-block;
}
.object-field-updates {
	background-color: #e0e6ed;
	padding: 5px;
	border-radius: 4px;
	margin-top: 10px;
}
.object-field-updates span{
	font-size: 12px;
}
.object-field-updates .update-value{
	color: var(--color-red);
}
.calendar table {
	width: 100%;
	border-collapse: collapse;
}
.calendar table td{
	border: 1px solid #e8e8e8;
	width: 14%;
}
.calendar-item {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 0 16px 20px;
	font: 14px/1.2 Arial, sans-serif;
}
.calendar-head {
	text-align: center;
	padding: 5px;
	font-weight: 700;
	font-size: 14px;
}
.calendar-item table {
	border-collapse: collapse;
	width: 100%;
}
.calendar-item th {
	font-size: 14px;
	padding: 6px 7px;
	text-align: center;
	color: #888;
	font-weight: normal;
}
.calendar-item td {
	font-size: 14px;
	padding: 6px 5px;
	text-align: center;
	border: 1px solid #ddd;
	height: 100px;
	background-color: white;
}
.calendar-item tr th:nth-child(6), .calendar-item tr th:nth-child(7),
.calendar-item tr td:nth-child(6), .calendar-item tr td:nth-child(7)  {
	color: #e65a5a;
}	
.calendar-day.last {
	color: #999 !important;
}	
.calendar-day.today {
	font-weight: bold;
}
.calendar-day.event {
	background: #ffe2ad;
	position: relative;
	cursor: pointer;
}
.calendar table td.holiday{
	background-color: #fff8f8;
}
.calendar table td.today{
	background-color: #f3fff3;
}
.calendar table td.event{
	background-color: #ffded3;
}
.calendar table td .calendar-popup{
	display: inline-block;
    border: 1px solid red;
    padding: 5px;
	margin: 5px;
	margin-bottom: 0;
}
.calendar table td .calendar-popup a{
	color: red;
}
.user-content.grid{
	position: relative;
}
.user-content .grid-link{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.user-content.grid .category-delete-btn{
	position: relative;
	z-index: 5;
}
.object-files .file-container {
	position: relative;
}
.object-files .file-container .file-delete {
	position: absolute;
	right: 0;
	top: -11px;
	background-color: #fbfbfb;
	padding: 2px;
	border-radius: 3px;
}
.object-files .file-container .file-delete svg {
	cursor: pointer;
	color: #888ea8;
	fill: rgba(136, 142, 168, 0.09);
}
.object-list .list-delete {
	text-align: center;
}
.object-list .list-delete svg{
	width: 24px;
	vertical-align: middle;
	stroke: #ed7261;
}
.list-container.grid {
	align-items: center;
	margin-bottom: 15px;
	width: 100%;
}
.notify{
	position: relative;
}
.message-box {
	position: absolute;
	padding: 16px 16px 16px 16px;
	margin-right: 0;
	margin-bottom: 18px;
	border-radius: 10px;
	background: #fff;
	width: 100%;
	border: 1px solid #e0e6ed;
	transition: all 0.5s ease;
	width: 250px;
	left: -90px;
	z-index: 0;
	opacity: 0;
	pointer-events: none;
}
.notify:hover .message-box{
	opacity: 1;
	z-index: 999;
	pointer-events: auto;
}
.notification-list {
	margin: 0;
	padding: 0;
}
.notification-list li {
	margin-bottom: 8px;
}
.notification-list li:last-child {
	margin-bottom: 0;
}
.notification-list li a {
	display: block;
	border: 1px solid #1d5df3;
	color: #1d5df3;
	padding: 7px;
	border-radius: 6px;
	font-size: 14px;
}
.notification-list li .notify-in-date {
	background-color: #e7515a;
	color: white;
	font-size: 12px;
	display: inline-block;
	padding: 3px;
}
.edit-panel.dark-block {
	background-color: #888ea8;
}
.edit-panel.dark-block .info .hello {
	color: #c3e4f5;
}
.edit-panel.dark-block .info .name {
	color: #fff;
}
.edit-panel.dark-block .button-stroke {
	border: 1px solid #fff;
	color: #fff;
}
.view-alert {
	border: 1px solid #ec1566;
	background-color: #fff1f1;
}
.menu-position{
	padding: 0px 15px;
	display: none;
}
.menu-position .image svg {
	width: 25px;
	height: 25px;
	fill: #e0e6ed;
}
.objects-grid .objects-object{
	transition: all 0.6s ease;
	overflow: hidden;
	opacity: 1;
}
.objects-grid .objects-object .user-object, .objects-grid .objects-object .object-delete-btn{
	transition: all 0.6s ease;
	transform: scale(1);
}
.objects-grid .objects-object.hidden-object{
	height: 0 !important;
	width: 0 !important;
	opacity: 0;
}
.objects-grid .objects-object.hidden-object .user-object, .objects-grid .objects-object.hidden-object .object-delete-btn{
	transform: scale(0);
}
.objects-grid .objects-object.hidden-object .object-delete-btn{
	top: 50%;
	right: 50%;
}
.location-container{
	position: relative;
}
.location-container .input-button{
	padding: 9px;
	background: #fff;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #e0e6ed;
	width: 43px;
	height: 41px;
	color: #1d5df3;
	display: block;
	transition: all 0.5s ease;
	fill: #0e1726;
	position: absolute;
	right: 5px;
	top: 5px;
}
.location-container .input-button:hover{
	background: #fbfbfb;
}
.user-object-rollup {
	position: absolute;
	right: 10px;
	top: 12px;
	border: 1px solid #1d5df3;
	color: #1d5df3;
	width: 25px;
	height: 25px;
	font-weight: bold;
	border-radius: 4px;
	font-size: 18px;
	user-select: none;
}
.user-object-rollup .plus, .user-object-rollup .minus{
	position: absolute;
	top: 1px;
	left: 7px;
	transition: all 0.3s ease;
}
.user-object-rollup .minus {
	left: 8px;
	opacity: 1;
}
.user-object-rollup .plus {
	opacity: 0;
}
.user-object.rollaped{
	height: 50px !important;
}
.user-object.rollaped .user-object-rollup .plus {
	opacity: 1;
}
.user-object.rollaped .user-object-rollup .minus {
	opacity: 0;
}
.menu-download a {
	display: block;
	margin: 0 auto;
	width: 40px;
	text-align: center;
	color: #74344f;
}
#images-render {
	align-content: center;
	justify-content: space-between;
}
#images-render .c{
	border: 1px solid var(--color-gray);
	border-radius: 4px;
	overflow: hidden;
	height: 80px;
	position: relative;
	margin-top: 15px;
}
#images-render .c .image-container{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#images-render .c .image-container img{
	margin: 0;
	display: block;
	object-position: center;
	object-fit: cover;
	min-width: 100%;
	min-height: 100%;
}
#images-render .file-upload-field .button-container{
	margin: 0 auto;
	cursor: pointer;
}
#images-render .c .delete-object-image {
	position: absolute;
	right: 0;
	top: 5px;
	height: 30px;
	width: 30px;
	z-index: 5;
}
#images-render .c .delete-object-image svg{
	color: #3b3f5c;
	fill: var(--color-white);
	margin: 0 auto;
	display: block;
}
@media screen and (max-width:640px) {
	.objects-grid .c-4 , .objects-grid .c{
		width: 100%;
	}
	.bottom-edit-panel{
		position: relative;
		right: 0;
		top: 0;
		
	}
	.edit-panel .left-part{
		flex-wrap: wrap;
	}
	.edit-panel .address-info{
		padding: 20px 0px;
	}
	.selected-address, .selected-categories, .geo-position, .address-info .buttons{
		margin-left: 0px;
	}
	.top-bar .current-position, .top-bar .left-part {
		display: none;
	}
	.top-bar .right-part {
		width: 100%;
		padding: 0px 15px;
	}
	.message-box{
		left: auto !important;
		right: 0px;
	}
	.edit-panel .bottom-edit-panel {
		width: 100%;
	}
	.edit-panel .button{
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}
	.menu-position, .search-loupe {
		display: block;
	}
	.top-bar .search .search-field, .search-menu .search-field {
		width: 100%;
	}
}