@font-face {
	font-family			:'font_regular';
	src					:url('/templates/fonts/font_regular.ttf');
}

@font-face {
	font-family			:'font_bold';
	src					:url('/templates/fonts/font_bold.ttf');
}

/* --- VARS --- */
:root {
    --title-size: 36px;
    --title-color: #222222;
    --font-size: 16px;
    --font-color: #222222;
    --color-1: #73b55e;
    --color-2: #f5f5f5;
    --color-3: #eeeeee;
	--status-color-1:#BBDEFB;
	--status-color-2:#f0db70;
	--status-color-3:#f0a770;
	--status-color-4:#C8E6C9;
	--status-color-5:#df8670;
	--status-color-6:#B0BEC5;
	--status-color-7:#A5D6A7;
	--status-color-8:#a5b1d6;
	--status-color-9:#bbbbbb;
    --color-active: #73b55e;
	--margin-top-x2:1.66em;
	--margin-top:0.83em;
	--profile-color-1:#73b55e;
	--profile-color-1-hover:#60984f;	
	--box-shadow: rgba(0, 0, 0, 0.07) 0px 3px 5px 0px;
	--box-shadow-inner: rgba(0, 0, 0, 0.035) 0px 3px 5px 0px;
}

/* --- /vars --- */

html, body {	
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
  
body {
	font-family: 'font_regular', sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #222;
	display: flex;
    flex-direction: column;
    flex: 1;
    background-color: #f5f5f5;
	overflow-y: scroll;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color:#c5c5c5;
}

td {
	font-family: 'font_regular', sans-serif;
	font-size: 16px;
}

input, textarea, select {
	font-family: 'font_regular', sans-serif;
	transition: all .1s;
	/*box-shadow: var(--box-shadow-inner);*/
}
/*
.dan_input_file span, .dan_input {
	box-shadow: var(--box-shadow-inner);
	border: 0 !important;
	transition: all .2s ease;
}

.dan_input_file span:hover, .dan_input:hover {
	box-shadow: var(--box-shadow);
}*/

/*
strong, b, th {
	font-family: 'font_bold', sans-serif;
	font-weight:400;
}
*/

h1, .title {
	margin: 0px;
	font-size: 24px;
	font-weight: 600;
}

h2 {
    font-family: 'font_regular', sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #a5a5a5;
}

.flex-def {
    flex                :1;
}

.button_custom {
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    font-weight: normal;
    cursor: pointer;
    background:var(--color-1) !important;
    color:#fff;
    text-decoration: none !important;
    box-sizing: border-box;
    -webkit-appearance: none;
    transition:all 0.3s ease;
	border-radius: 30px;
}

.button_custom:hover {	
	transform:scale(1.05);
}

.button_small {
    padding: 5px 10px;
    font-size: 12px;
}

.block_menu_button_enter.button_custom {
	min-width: 150px;
	text-align:center;
}



/* THEME */

.com_profile_account_container {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	gap: 5px;
	overflow: visible;
	/*align-items: flex-start;
	margin-top: 10px;*/
}

.com_profile_account_container h1 {
    width: 100%;
    margin-bottom: 20px;
}

.com_profile_account_text .dan_button_gray {
	display: block;
}


.com_profile_account_text {
    overflow: visible;
    justify-content: flex-start;
}


.com_profile_account_pages_container {	
	width: 100%;	
	max-width: 900px;
	margin: 0 auto;
	padding: 0 10px 20px 10px;
	box-sizing: border-box;
}

.com_profile_account_profile {
	width: 100%;
	/*margin-top: 20px;	*/
}

#com_profile_account_name {
	font-size: 16px;
	width: 100%;
}

.com_profile_two_column >:nth-child(1) {
	flex-basis: 220px;
	flex-shrink: 0;
}
.com_profile_two_column >:nth-child(2) {
	flex-grow:1;
}

.com_profile_account_container.com_profile_two_column {
    gap: 20px;
    flex-wrap: nowrap;
    overflow: visible;
}

footer {
	padding:0px 20px 80px 20px;
}

/* ADMIN PANEL */

.com_profile_account_wrap {
    flex-wrap: nowrap;
    gap: 10px;
	margin-right: 10px;
}

.com_profile_account_img {
    border-radius: 50%;
    display: block;
	width: 40px;
    height: 40px !important;
    object-fit: cover;
	box-sizing:border-box;
	transition: all .3s ease;
}

.com_profile_account_personal_data {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.com_profile_account_edit {
    font-size: 12px;
    color: #cccccc;
}

.com_profile_account_personal_data .dan_button_gray,
.com_profile_account_personal_data_bottom .dan_button_gray,
.com_profile_account_personal_data .dan_button_white,
.com_profile_account_personal_data_bottom .dan_button_white {
	padding:5px 10px;
	font-size: 12px;
	border-radius: 10px;
    color: #222;
}

.com_profile_admin_panel h2 {
	font-size: 14px !important;
	width: 100%;
}

.com_profile_admin_panel_button_wrap  {
	position: relative;
	overflow: visible;
	justify-content: flex-start;
}

.com_profile_admin_panel_button:not(.com_profile_admin_panel_account_link) {
	position: relative;
	display: block;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	box-sizing: border-box;
	flex-grow: 1;
	padding: 10px;
	border-radius: 10px;
	text-decoration: none;
	/* text-align: center; */
	color: #222;
	font-size: 14px;
	transition:all .3s ease;
	box-shadow:var(--box-shadow);
}

.com_profile_admin_panel_button:not(.com_profile_admin_panel_account_link):hover {
    box-shadow: var(--box-shadow-inner);
}

.com_profile_admin_panel_account_link {
	display: flex;
    align-items: center;
    gap: 10px;
	text-decoration: none;
    color: #222;
}

.com_profile_admin_panel_button.active {
	font-family: 'font_bold', sans-serif !important;	
	/*outline: 2px solid;*/
}

@media screen and (min-width: 901px) {
	.com_profile_admin_panel {	
		position: sticky;
		top: 70px;
	}
}

@media screen and (max-width: 900px) {
	.com_profile_account_container.com_profile_two_column {
		gap: 0;
	}
	
	.com_profile_account_container.com_profile_two_column {
		flex-wrap: wrap;
	}
	
	.com_profile_admin_panel {
		flex-basis: 100% !important;
	}
	
	.com_profile_two_column >:nth-child(2) {
		order: -1;
	}	
	
}

/**/


@media screen and (max-width: 600px) {	
    h1 {
        font-size: 20px !important;
    }
}

* {
	-webkit-tap-highlight-color: transparent !important;
}


/**/


/* MENU */

.section {	
	height: 60px;	
	background: rgb(255 255 255 / 62%);
	display: flex;
	align-items: center;
	justify-content: space-between;		
	position: sticky;
	width: 100%;
	top: 0;
	box-shadow: var(--box-shadow-inner);
	backdrop-filter: blur(15px);
	 -webkit-backdrop-filter: blur(15px);
	z-index:999;
}

.section_bottom {
	position: fixed;
	top: auto;
    bottom: 0;
	height: 50px;
    box-shadow: var(--box-shadow);
}

.logo-name {
	font-size: 18px;
	font-weight: 600;
}

.menu {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
	max-width:900px;
	margin:0 auto;
	padding: 10px;
	box-sizing:border-box;
}

.section_bottom .menu {
	padding: 0 10px;
}

.menu_right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
    text-align: right;
	gap: 10px;
}

.menu_right .dan_input {
	margin: 0;
}

.menu_icon {
	display:none;
	width:15px;
	height:15px;
	cursor:pointer;
}

.enter_button.dan_button_gray {
    border: none;
    padding: 5px 15px;
    font-size: 16px;
}

.enter_button.dan_button_gray:hover {
    border: none;
}

.com_profile_account_company {   
    font-family: 'font_regular', sans-serif !important;
    text-align: center;    
}

.com_profile_account_back {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #222;
	gap: 5px;
	border-radius: 10px;
	text-decoration:none;
	font-size: 14px;
	cursor:pointer;
	min-height: 40px;
    box-sizing: border-box;
}

.com_profile_account_back:hover svg path, .com_profile_account_back.active svg path,
.com_profile_account_back:hover svg circle, .com_profile_account_back.active svg circle {
	stroke: #222;
	fill: transparent;
}

.com_profile_account_back:hover, .com_profile_account_back.active {
	color: #222;
}

.com_profile_account_back {
	/*font-family: 'font_bold', sans-serif;*/
	padding: 10px;
	color: #bdbdbd;
}


.com_profile_account_back_img img {
	opacity:0.5;
	cursor:pointer;
}

.com_profile_account_back svg{
	width:20px;
	height:20px;
	fill: transparent;
}

.com_profile_account_bottom svg {
	width: 14px;
    height: 14px;
	fill: #777;
}

.com_profile_account_save:hover svg {
	fill: #fff;
}

.com_profile_account_back svg path, .com_profile_account_back svg circle {
    stroke: #bdbdbd;
    stroke-width: 3px;
    stroke-linecap: round;
    fill: transparent;
}

.com_profile_account_fixed {
    margin-top: 10px;
}

#complaint_wrap .com_profile_account_back,
#complaint_wrap .com_profile_account_save {
	    background: var(--color-3);
}

#complaint_wrap .com_profile_account_back:hover {
    background: var(--color-2);
}

#complaint_wrap .com_profile_account_save:hover {
    background: var(--color-active);
}

.com_profile_account_menu_name_wrap {
	text-align:left;
}

.com_profile_account_menu_user_name {
	font-family: 'font_bold', sans-serif;
}

.com_profile_account_menu_company_name {
	font-size: 14px;
	color: #555;
}

@media screen and (max-width: 640px) {
    .logo-name {
    font-size: 12px;
  }
  
  .com_profile_account_menu_user_name {
	  font-size: 10px; 
  }
  
  .com_profile_account_menu_name, .com_profile_account_menu_company_name {
	  font-size: 8px;
  }
  
  .com_profile_account_menu_name_wrap {
	  display:none;
  }
}

.menu_open_input {
	display:none;
}

.menu_icon {
	display:block;
	padding: 10px;
	border-radius: 5px;
}	
	
.menu_open_input.active {
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	width: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	gap: 10px;		        
}

.menu_open_input.active .dan_search {
	display: block !important;
	width: 100% !important;
	max-width:unset !important;
}
	
.search_ico {
	fill:#222;
}

@media screen and (max-width: 900px) {
	.com_profile_account_back {
		font-size: 11px;
	}
	
	.com_profile_account_bottom {
		bottom: 20px;
	}
}


/* TITLE */

.com_profile_account_title {	
	display: flex;
    flex-wrap: wrap;
	flex-grow: 1;
	align-items: center;
    margin: 0 !important;
    text-align: center;
    z-index: 10;
    gap: 5px;
	font-size: 14px;
}

.menu_right {
	flex-grow: 1;
}

.com_profile_account_title svg.next {
    height: 7px;
    width: 7px;
    margin: 0px 3px;
}

.com_profile_account_title h1 {
	font-size: 22px;
    margin-bottom: 0;
}

.com_profile_account_profile_search_wrap {
    text-align: right;
}

/* BUTTONS */
.com_profile_account_top {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	position: relative;
    /* margin: 0 !important; */
    /* padding: 0 20px; */
    text-align: center;
    /* color: #35532c; */
    z-index: 10;
    gap: 10px;
    margin: 10px 0 10px 0;
}

.com_profile_account_top > div {
	flex-grow: unset;
}


/**/


.com_profile_account_bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: sticky;
    bottom: 10px;
    margin-top: 20px !important;
    /* padding: 0 20px; */
    text-align: center;
    cursor: pointer;
    /* color: #35532c; */
    z-index: 10;
    gap: 10px;
}

.com_profile_account_bottom div {
	margin: 0 !important;
}

.modal_menu_ico {
	background: #fff;
    padding: 10px;
    border-radius: 50%;
    box-shadow: var(--box-shadow-inner);
	transition: all .2s ease;
	cursor: pointer;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal_menu_ico svg {
	width: 15px;
    height: 15px;    
}


#modal_menu_list {
	position: fixed;
	border-radius:10px;
	overflow: hidden;
	box-shadow: var(--box-shadow-inner);
}

#modal_menu_list > div {
	background:#fff;
	padding:20px;
	cursor:pointer;
}

#modal_menu_list > div:hover {
	color: #fff;
    background: var(--color-active);
}


.com_profile_account_delete {
	position: relative;
	background: #fff;
	font-size: 14px;
    padding: 10px;
    border-radius: 10px;
    flex-grow: 0.1;
    box-shadow: var(--box-shadow-inner);
	font-family: 'font_bold', sans-serif !important;
	overflow: hidden;
	transition: all .2s ease;
	cursor: pointer;
}

.com_profile_account_save {
    background: #fff;
    font-size: 14px;
    padding: 10px;
    border-radius: 10px;
    flex-grow: 1;
    box-shadow: var(--box-shadow-inner);
    font-family: 'font_bold', sans-serif !important;
	transition: all .2s ease;
	cursor: pointer;
	text-align: center;
}

.com_profile_account_save:hover {
	color: #fff;
	background: var(--color-active);
}

/*
.com_profile_account_delete:hover {
	color: #fff;	
}*/

.com_profile_account_delete .filling {
    background: #df8670;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
	z-index:1;
}

.com_profile_account_delete .text {
	position: relative;
	pointer-events:none;
	z-index:2;
}

.block_menu_users_modal_wrap {
	padding: 5px 0;
}

.menu .dan_search, .menu .dan_input {
    box-shadow: none;
}

.com_profile_account_bottom .slider {
  box-shadow: var(--box-shadow-inner);
    margin: 0 auto !important;
}

.com_profile_account_bottom .slider_text {
	display:inline-block;
	text-align: center;
	line-height: 40px;
	background: linear-gradient(90deg, #222, #222, #fff, #222, #222);
	background-size: 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textflow 1s infinite;
}

@keyframes textflow {
  from {background-position: 200% center}         
  to {background-position: 0% center}
}

.block_breadcrumbs {
    font-size: 12px;
	padding: 0 10px;
	margin-top:20px;
	margin-bottom: 10px;
}

.block_breadcrumbs svg {
    height: 7px;
    width: 7px;
    margin: 0px 3px;
    fill: #999;
}

.block_breadcrumbs svg.home {
    height: 20px;
    width: 20px;
    margin: 0px 0px -3px 0px;
    fill: #999;
}

.block_breadcrumbs a {
    text-decoration: none;
    color: #999;
}

.block_breadcrumbs a:hover {
    text-decoration: underline;
}

.block_breadcrumbs span {
    color: #999;
}

.top_ico {
	background: #eee;
}