@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter/Inter-Regular.otf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
 }
.col-md-12:has(>article>#rcl-office) {
	padding: 0 !important;
 }
#lk-conteyner {
	background-color: #e3e3e3;
	overflow: hidden;
	position: relative;
 }
.counters {
	max-height: 8rem;
	display: flex;
	column-gap: .5rem;
}
#rcl-office,
body,
body:has(#rcl-office) .wba-header-wrap {
	background: rgb(241, 247, 254) !important;
	box-shadow: none !important;
 }
#rcl-office {
	--sidebar-menu-width: 16rem;
	font-family: Inter;
	display: grid;
	width: 100%;
	column-gap: 2rem;
	margin-top: 2rem;
	grid-template-columns: auto var(--sidebar-menu-width);
 }
.cab_bttn_lite {
	float: right;
 }
.cab_bttn_lite > span {
	display: inline-block;
 }
.cab_bttn_lite .recall-button {
	padding: 0;
 }
.cab_bttn_lite .rcli {
	display: none;
 }
.cab_bttn_lite .rcl-tab-button a > span {
	color: #ccc;
	display: table;
	text-align: center;
 }
.cab_bttn_lite .rcl-tab-button span span {
	background: transparent;
	color: #fff;
	display: table-caption;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	text-align: center;
 }
#lk-conteyner .cab_bttn_lite .rcl-tab-button span span > span {
	display: table;
 }
#rcl-office .rcl-cover-icon {
	background: rgba(0, 0, 0, 0.3);
	color: #ddd;
	float: right;
	font-size: 26px;
	padding: 4px 7px;
	z-index: 3;
	display: none;
 }
#rcl-office .rcl-cover-icon:hover {
	color: #eee;
 }
#rcl-avatar {
	box-sizing: border-box;
	display: inline-block;
	height: 100%;
 }
#rcl-avatar img {
	border-radius: 0;
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
 }
#rcl-avatar .avatar-icons {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
 }
#rcl-avatar .avatar-icons .rcl-avatar-icon {
	position: absolute;
 }
#rcl-avatar .avatar-icons .rcl-avatar-icon a {
	background: rgb(216, 231, 238);
	color: rgb(229, 57, 53);
	font-size: 20px;
	opacity: 0.7;
	padding: 5px;
 }
#rcl-avatar .avatar-icons .rcl-avatar-icon a:hover {
	opacity: 1;
 }
#rcl-avatar .icon-avatar-delete {
	display: none;
	right: 0;
	top: 0;
 }
#rcl-avatar:hover .icon-avatar-delete {
	display: block;
 }
#rcl-avatar .icon-avatar-upload {
	bottom: 0;
	left: 0;
 }
#rcl-avatar .icon-webcam-upload {
	bottom: 0;
	left: 35px;
 }
#rcl-avatar .icon-user-info {
	left: 0;
	top: 0;
 }
.rcl-table__zebra .rcl-table__row:nth-child(2n+1):not(.rcl-table__row-header) {
	background-color: rgb(249, 250, 251);
	border-radius: .5rem;
 }
#lk-menu>.rcl-tab-button {
	border-radius: .5rem;
	background: rgb(249, 250, 251);
 }
#lk-menu {
	/* padding: 1rem; */
	display: flex;
	flex-direction: column;
	row-gap: .5rem;
 }
#lk-menu, #rcl-tabs {
    overflow: hidden;
    border-radius: 10px;
    background: rgb(255, 255, 255);
}
.wprecallblock #lk-conteyner {
	display: none !important;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	max-width: 1280px;
	min-height: 3rem;
	padding: 0;
	opacity: 0;
	pointer-events: none;
 }
.wprecallblock .rcli.cab_cover_upl {
	margin: 0 8px 0 0;
	padding: 12px 6px 6px;
 }
.cab_lt_line {
	background: rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
	display: table;
	height: 55px;
	line-height: 1.4;
	width: 100%;
 }
.cab_lt_title {
	display: table-cell;
	max-width: 450px;
	padding: 0 5px 0 15px;
	vertical-align: middle;
 }
.wprecallblock .cab_lt_title h2 {
	color: #eee;
	font-size: 24px;
	line-height: 1.1;
	padding: 0;
 }
.wprecallblock .rcl-action {
	color: #ccc;
	font-size: 13px;
	margin: 0 0 0 10px;
 }
.cab_bttn_lite {
	display: table-cell;
	float: none;
	padding: 0 15px;
	text-align: right;
	vertical-align: middle;
 }
.cab_bttn_lite > span {
	vertical-align: middle;
 }
#rcl-office .cab_bttn_lite .rcl-tab-button .rcl-menu-notice span {
	display: inline-block;
 }
.office_sidebar {
	width: var(--sidebar-menu-width);
	display: grid;
	grid-template-rows: 8rem auto;
	row-gap: 1rem;
 }
.office_sidebar>div {
	border-radius: 10px;
	background: rgb(255, 255, 255);
	padding: 1rem;
 }
.counters>.rcl-tab-button a>.rcli {
	display:none;
 }
.counters>.rcl-tab-button a>span {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	padding:0;
 }
.counters>.rcl-tab-button a>span>span {
	padding:0;
	text-align:center;
 }
.counters>.rcl-tab-button a .rcl-menu-notice {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	display: flex;
	background: linear-gradient(-39.06deg, rgb(252, 237, 216) 16.446%,rgba(252, 237, 216, 0.71) 32.204%,rgba(252, 237, 216, 0.64) 45.463%,rgba(252, 237, 216, 0.56) 64.231%,rgba(252, 237, 216, 0.3) 79.205%);
	align-items: center;
	justify-content: center;
 }
.counters>.rcl-tab-button a:hover .rcl-menu-notice {
	background: linear-gradient(-39.06deg, rgb(222, 234, 252) 16.446%,rgba(222, 234, 252, 0.71) 32.063%,rgba(222, 234, 252, 0.58) 49.013%,rgba(222, 234, 252, 0.56) 64.231%,rgba(222, 234, 252, 0.3) 79.205%) !important;
 }
.counters>.rcl-tab-button a .rcl-menu-title {
	font-size:14px;
 }
.counters .lk-avatar {
	display: block;
	height: 190px;
	width: 190px;
 }
.office_sidebar .cab_usr_info {
	color: #333;
 }
.office_sidebar .recall-button,
.cab_lt_mobile#lk-menu .recall-button {
	display: flex;
	font-size: 14px;
	line-height: 1.1;
	margin: 3px 0 0;
	padding: 0;
	white-space: normal;
	width: 100%;
 }
.office_sidebar #lk-menu .recall-button:hover {
	opacity: 1;
	overflow: hidden;
	color: white !important;
 }
.office_sidebar .recall-button .rcli,
.cab_lt_mobile#lk-menu .recall-button .rcli {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 32px;
 }
.office_sidebar .recall-button.active:hover .rcli {
	/* background: rgba(0, 0, 0, 0.1); */
	}
.office_sidebar .recall-button.active:hover span {
	background: transparent;
 }
.office_sidebar .recall-button span,
.cab_lt_mobile#lk-menu .recall-button span {
	margin: 0;
	padding: 10px 5px;
	width: 100%;
 }
.office_sidebar a.recall-button {
	display: flex !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: rgb(249, 250, 251);
	color: rgb(0, 0, 0) !important;
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 1rem;
	border-radius: .5rem;
	}
.office_sidebar a.recall-button.active {
	color: white !important;
 }
.rcl-subtab-menu, 
.office_sidebar .counters a.recall-button,
.office_sidebar .recall-button:hover span,
.office_sidebar .counters a.recall-button:hover
 {
	background: transparent !important;
	background-color: transparent !important;
 }
.office_sidebar #lk-menu span span {
	padding: 10px 10px 10px 5px;
	position: relative;
 }
.wprecallblock .cab_lt_menu {
	font-size: 30px;
	height: 40px;
 }
.wprecallblock .cab_lt_menu .rcli {
	display: table-cell;
	vertical-align: middle;
 }
#lk-menu.st_menu_moved {
	background: #fff;
	height: 0;
	left: -300px;
	position: fixed;
	top: 0;
	visibility: hidden;
	z-index: 2000;
 }
#lk-menu.st_menu_moved.cab_lt_mobile {
	height: auto;
	left: 0;
	top: 0 !important;
	padding-top: 2rem;
	background-color: transparent;
	transition: left 0.25s ease-in-out 0s;
	visibility: visible;
	display: grid;
	width: calc(100% - .3rem);
	grid-template-columns: 1fr 1fr;
	column-gap: .2rem;
	padding: 2rem .3rem .2rem;
 }
body.admin-bar #lk-menu.st_menu_moved.cab_lt_mobile {
	top: 46px !important;
 }
#lk-menu .recall-button.active {
	background-color: coral;
	color: white;
	text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black;
 }
.cab_lt_mobile#lk-menu .recall-button.active>span {
	text-align: center;
 }
body:has(#lk-menu.st_menu_moved.cab_lt_mobile) {
	max-height: 100vh;
	overflow: hidden;
 }
#lk-menu.st_menu_moved.cab_lt_mobile:before {
	content: "\f2d4";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 1rem;
	color: white;
	font: normal normal normal 2rem/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 }
@media screen and (max-width:768px) {
	.office_sidebar,
	.office_sidebar #lk-menu,
	.office_sidebar .counters {
		width: 150px;
	}
	.counters .lk-avatar {
		height: 150px;
		width: 150px;
	}
 }
@media screen and (max-width:640px) {
	.cab_lt_line {
		display: block;
		height: auto;
		margin: 80px 0 0;
	}
	.cab_lt_title {
		display: block;
		max-width: none;
		width: 100%;
	}
	.cab_bttn_lite {
		display: block;
		padding: 0 15px 2px;
	}
 }
@media screen and (max-width:568px) {
	.wprecallblock #lk-conteyner {
		float: right;
		width: calc(100% - 150px);
	}
	.cab_lt_line,
	.office_sidebar .counters {
		margin: 0;
	}
	.wprecallblock .rcli.cab_cover_upl {
		margin: 0;
		padding: 6px;
		position: absolute;
		right: 0;
	}
	.cab_lt_title {
		width: calc(100% - 36px);
	}
	.wprecallblock .cab_lt_title h2 {
		font-size: 20px;
		padding: 7px 0 0;
	}
	#rcl-tabs {
		width: 100%;
	}
 }
@media screen and (max-width:480px) {
	.wprecallblock #lk-conteyner {
		width: calc(100% - 120px);
	}
	.office_sidebar,
	.office_sidebar #lk-menu,
	.office_sidebar .counters {
		width: 120px;
	}
	.counters .lk-avatar {
		height: 120px;
		width: 120px;
	}
	.office_sidebar .recall-button span {
		font-size: 13px;
		hyphens: auto;
	}
 }