:root {
	--grey:#EDEDED;
	--green:#47AB32;
	--swamp: #5ba189;
	--mint: #7fbdae;
	--blue:#112e68;
	--radius: 15px;
	--radius-sm: 10px;
}

/*SETTING*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.clearfix {
	position: relative;
	z-index: 0;
}

.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

.uc {
	text-transform: uppercase;
}

.hidden {
	display: none !important;
}

strong,
b,
bold,
.bold {
	font-weight: bold;
}

em{
	font-style: italic;
}

.ta-c {
	text-align: center;
}

.ta-l {
	text-align: left;
}

.ta-r {
	text-align: right;
}

.content-text a,
.unddash {
	display: inline;
	border: none;
	background: transparent;
	border-bottom: 1px dashed;
	padding: 0;
	cursor: pointer;
	color: var(--blue);
}

.unddash:hover {
	border-color: transparent;
}

.fa + .unddash,
.icon + .unddash{
	margin-left: 5px;
}

.undline,
.undline a {
	text-decoration: underline;
	color: #01297f;
	cursor: pointer;
}

.undline:hover,
.undline a:hover {
	text-decoration: none;
}

.row {
	padding: 50px 0px;
}

.row-t {
	padding: 50px 0px 0px;
}

.row-b {
	padding: 0px 0px 50px;
}

.container {
	width: 1020px;
	margin: 0px auto;
	padding: 0px 20px;
	max-width: 100%;
}

.flx {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flx-c{
	align-items: center;
}

.flx-row {
	flex-direction: column;
}

.container.flx {
	justify-content: flex-start;
}

.fixed {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 3;
}

.scroll:hover {
	cursor: pointer;
}

/*COLORS*/
.c-blue {
	color: #0066a3;
}

.c-green {
	color: #309605;
}

.c-red {
	color: red;
}

.c-mint {
	color: var(--mint);
}

.c-light-green {
	color: #5ba189;
}

/*BACKGROUND-COLORS*/
.bg-light-blue,
*[data-bg-color=light-blue] {
	background-color: #edf3fa;
}

.bg-blue,
*[data-bg-color=blue] {
	background-color: #e0ebf7;
}

.bg-green {
	background-color: #309605;
}

.bg-white {
	background-color: #fff !important;
}

.bg-yellow {
	background-color: #f9fac4;
}

.bg-grey{
	background-color: #f2f2f2;
}

.bg-mint {
	background-color: var(--mint);
}

.bg-light-green {
	background-color: #5ba189;
}

/*FILL*/
.f-mint {
	fill: var(--mint);
}

.f-light-green {
	fill: #5ba189;
}

/*BORDER-COLOR*/
.bc-mint {
	border-color: var(--mint);
}

.bc-light-green {
	border-color: #5ba189;
}

.bg-pattern,
#sidebar:before,
.popup {
	background: url(../icon/patterns/trans.png);
}


/*FONTS*/
@font-face {
	font-family: 'MuseoSansCyrl';
	src: url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-100.eot');
	src: url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-100.svg#MuseoSansCyrl-100') format('svg'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-100.ttf') format('truetype'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-100.woff') format('woff'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-100.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSansCyrl';
	src: url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-300.eot');
	src: url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-300.svg#MuseoSansCyrl-300') format('svg'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-300.ttf') format('truetype'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-300.woff') format('woff'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-300.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSansCyrl';
	src: url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-500.eot');
	src: url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-500.svg#MuseoSansCyrl-500') format('svg'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-500.ttf') format('truetype'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-500.woff') format('woff'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-500.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSansCyrl';
	src: url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-700.eot');
	src: url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-700.svg#MuseoSansCyrl-700') format('svg'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-700.ttf') format('truetype'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-700.woff') format('woff'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSansCyrl';
	src: url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-900.eot');
	src: url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-900.svg#MuseoSansCyrl-900') format('svg'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-900.ttf') format('truetype'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-900.woff') format('woff'),
	   url('fonts/Museo_Sans_Cyrl/MuseoSansCyrl-900.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
}


/*COMMON*/
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
}

:active,
:hover,
:focus {
	outline: 0;
	outline-offset: 0;
}

a,
button {
	outline: none;
}

img {
	max-width: 100%;
	height: auto;
}

h1 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
}

h2 {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 600;
}

h3 {
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: 600;
}

a {
	text-decoration: none;
	color: inherit;
}

.btn {
	display: inline-block;
	border-radius: 15px;
	padding: 17px 20px;
	color: #fff;
	text-decoration: none;
	border: 0;
	cursor: pointer;
	font-size: 15px;
	min-width: 125px;
	text-align: center;
	line-height: 1;
	position: relative;
	z-index: 1;
	opacity: 0.8;
	transition: 0.3s;
	font-weight: 600;
}

.btn:hover{
	opacity: 1;
}

.btn.disabled,
.btn:disabled{
	cursor: not-allowed;
}

.btn-xs {
	min-width: 0;
	padding: 7px 10px;
	border-radius: 7px;
}

.btn-sm {
	min-width: 0;
}

.btn-green {
	background-color: #47AB32;
	color: #fff;
}

.btn-blue {
	background: #0074b9;
}

.btn-grey {
	color: #787878;
	background-color: #E9E9E9;
}

.btn-red {
	background: #f00a30;
}

.btn-more {
	background: url(../icon/btn/arr-next.png) no-repeat;
	background-position: center;
	padding: 0px;
	width: 30px;
	height: 20px;
	vertical-align: middle;
	border: 1px solid;
	border-color: transparent;
	min-width: 0;
}

.btn-more:hover {
	border-color: #a4a4a4;
}

.btn i {
	margin-right: 10px;
}

.btn:last-child{
	margin-right: 0;
}

.buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	grid-column: span 2;
	grid-gap: 10px;
}

.buttons.inline {
	justify-content: flex-start;
}

/*FANCYBOX*/
body .fancybox-container {
	z-index: 1000;
}

.fancybox-content .fancybox-button{
	_display: none;
}

/*SELECT2*/
body .select2-container {
	text-align: left;
	display: block;
}

body .select2-dropdown{
	z-index: 99999;
}

body .select2-container--default .select2-selection--multiple {
	padding: 0;
}

body .select2-container .select2-search--inline .select2-search__field {
	margin: 0;
}

form .select2-container--default .select2-selection {
	border: 1px solid var(--grey);
	border-radius: var(--radius-sm);
	background-color: transparent;
	padding: 0;
	height: auto;
}

body .select2-dropdown{
	border-color: var(--grey);
}

form .select2-container .select2-selection .select2-selection__rendered{
	padding: 15px;
	line-height: 21px;
}

.editable-container .select2-container .select2-selection .select2-selection__rendered{
	padding: 5px;
	min-height: 32px;
}

select.bg-white + .select2-container--default .select2-selection{
	background: #fff;
}

form .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
}

.popup .select2-hidden-accessible{
	width: 100% !important;
	left: 32px;
}

/*DATERANGEPICKER*/
.daterangepicker tbody td {
	padding: 0;
}

.daterangepicker tbody td::after {
	display: none;
}

.daterangepicker td.active{
	background-color: #357ebd !important;
}

/*LOADING*/
.loading{
	position: relative;
}

.loading:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(../icon/loading.svg) no-repeat;
	background-position: center;
	cursor: wait;
}

/*EDITABLE*/
body .editable-popup{
	border: none;
}

body .editable-buttons button.ui-button-icon-only{
	height: 32px;
	width: 32px;
	border: none;
}

.editable-buttons button{
	background-position: center;
	background-size: 15px;
}

.editable-buttons button[type="submit"]{
	background-color: #47AB32;
	background-image: url(/assets/components/helpdesk/js/web/x-editable/jquery-editable/img/check.svg);
}

.editable-buttons button[type="button"]{
	background-color: #E9E9E9;
	background-image: url(/assets/components/helpdesk/js/web/x-editable/jquery-editable/img/close.svg);
}

.editable-buttons .ui-button span{
	display: none;
}

body .editable{
	cursor: pointer;
	white-space: normal;
}

/*FULLCALENDAR*/
.fc h2.fc-toolbar-title{
	font-size: 18px;
}

/*KLADR*/
#kladr_autocomplete li:first-child{
	display: none;
}

/*BODY*/
body {
	font-family: MuseoSansCyrl;
	font-size: 16px;
	color: #303030;
	background-color: #fff;
	overflow-x: hidden;
	width: 100%;
	font-weight: 300;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body.compensate-for-scrollbar {
	overflow: visible !important;
}

/*HEADER*/
header {
	color: #303030;
	position: fixed;
	left: 0;
	top: 0;
	width: 80px;
	height: 100%;
	z-index: 2;
	transition: 0.5s;
	color: #fff;
}

header::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: var(--blue);
}

header.active {
	width: 250px;
	background: #fff;
	box-shadow: 3px 4px 10px rgba(17, 46, 104, 0.2);
}

.header {
	overflow: auto;
	padding: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#logo {
	margin: 0 0 50px;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

#logo img{
	transition: 0.5s;
}

header.active #logo img{
	max-width: 90px;
	margin-right: 10px;
}

#logo p {
	line-height: 1.4;
	max-width: 110px;
	text-indent: -9999px;
	transition: 0.5s;
}

header.active #logo p{
	text-indent: 0;
}

header p.menu {
	font-weight: 600;
	line-height: 19px;
	text-transform: uppercase;
	display: inline-block;
}

header ul + ul {
	margin: 100px 0 0;
}

header .ul.bottom{

}

header ul a,
.delta {
	display: block;
	margin: 0 0 30px;
	_background-position: center;
	min-height: 25px;
	line-height: 25px;
	text-indent: -9999px;
	transition: 0.5s;
	position: relative;
}

header ul li:last-child > a{
	margin: 0;
}

header ul a::before {
	position: absolute;
	content: "";
	width: 42px;
	height: 37px;
	top: 50%;
	left: 0;
	background-repeat: no-repeat;
	transform: translateY(-50%);
	background-color: rgba(255, 255, 255, 0);
	border-radius: 10px;
	background-position: center;
	color: #15336f;
}

header ul a.choice {
	color: #15336f;
}

header ul a.choice::before {
	background-color: rgba(255, 255, 255, 0.1);
}

header ul a:hover {
	text-decoration: underline;
}

.delta {
	position: relative;
}

.delta::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 8px solid transparent;
	transform: translateY(-50%);
	border-radius: 1px;
}

header.active ul a {
	padding: 0 0 0 50px;
	text-indent: 0;
}

header a[data-icon="edit"]::before {
	background-image: url(../icon/menu/edit.svg);
}
header a[data-icon="ask"]::before {
	background-image: url(../icon/menu/ask.svg);
}
header a[data-icon="folder-check"]::before {
	background-image: url(../icon/menu/folder-check.svg);
}
header a[data-icon="schema"]::before {
	background-image: url(../icon/menu/schema.svg);
}
header a[data-icon="layers"]::before {
	background-image: url(../icon/menu/layers.svg);
}
header a[data-icon="it"]::before {
	background-image: url(../icon/menu/it.svg);
}
header a[data-icon="study"]::before {
	background-image: url(../icon/menu/study.svg);
}
header a[data-icon="files"]::before {
	background-image: url(../icon/menu/files.svg);
}
header a[data-icon="archive"]::before {
	background-image: url(../icon/menu/archive.svg);
}
header a[data-icon="confirm"]::before {
	background-image: url(../icon/menu/confirm.svg);
}
header a[data-icon="user"]::before {
	background-image: url(../icon/menu/user.svg);
}
header a[data-icon="logout"]::before {
	background-image: url(../icon/menu/logout.svg);
}
header a[data-icon="info"]::before {
	background-image: url(../icon/menu/info.svg);
}
header.active ul a[data-icon="plus"] {
	margin-left: -15px;
	padding-left: 55px;
}

header .move {
	position: absolute;
	width: 30px;
	height: 30px;
	border: 1px solid var(--grey);
	border-radius: 50%;
	background: #fff;
	left: 100%;
	transform: translateX(-50%);
	top: 110px;
	cursor: pointer;
}

header .move:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	top: 50%;
	border: solid #303030;
	border-width: 2px 2px 0 0;
	left: 50%;
	margin-left: -3px;
	transform-origin: 0 0%;
	_opacity: 0.3;
	transform: rotate(45deg) translate(-50%, -50%);
	margin-left: -3px;
	border-radius: 1px;
}

header.active .move {
	background: var(--blue);
}

header.active .move:before {
	transform: rotate(-135deg) translate(-50%, -50%);
	margin-left: 2px;
	border: solid #fff;
	border-width: 2px 2px 0 0;
	border-radius: 1px;
}

header .move:hover:before {
	opacity: 1;
}

header .count {
	position: absolute;
	background: #ffae00;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	text-indent: 0;
	font-size: 14px;
	font-weight: 700;
	left: 0;
	top: 100%;
	transform: translateY(-50%);
	color: var(--blue);
	line-height: 20px;
}

#menuBtn {
	display: none;
	background: url(/assets/tpl/icon/sandvich.png) no-repeat 0px;
	color: #fff;
	padding: 2px 0 2px 40px;
	cursor: pointer;
	width: 85px;
	margin-bottom: 10px;
}

/*H1*/
#h1{
	margin-bottom: 30px;
	position: relative;
}

@media screen and (min-width: 781px) {
	#h1 h1{
		margin: 0;
	}
}

/*BREADCRUMBS*/
#breadcrumbs {
	padding: 0px 0px 15px;
	position: relative;
	z-index: 1;
	font-size: 16px;
}

#breadcrumbs li{
	display: inline-block;
	margin: 0 0 0 7px;
}

#breadcrumbs li:first-child {
	margin-left: 0px;
}

#breadcrumbs li a {
	display: inline-block;
}

#breadcrumbs li i{
	margin: 0 0 0 7px;
	font-size: 10px;
}

#breadcrumbs a,
#breadcrumbs li {
	color: #979797;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

/*BLOCKS*/
.block-grid{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 30px;
}

.block-grid[data-col=3],
.block-grid[data-col="1|1|1"]{
	grid-template-columns: repeat(3,1fr);
}

.block-grid[data-col="1|2"]{
	grid-template-columns: 1fr 2fr;
}

.block-col{
	display: grid;
}

.block-grid > .block{
	grid-column: span 2;
}

.block{
	border-radius: var(--radius);
	background-color: #fff;
	padding: 30px;
}

.block-col .block + .block{
	margin: 30px 0 0;
}

/*CONTENT H1, H2, H3, H4, H5, H6*/
.content-text h1 u,
.content-text h2 u,
.content-text h3 u,
.content-text h4 u,
.content-text h5 u,
.content-text h6 u {
	text-decoration: none;
	font-weight: normal;
	position: relative;
	margin-left: .4em;
	padding-left: .4em;
}

.content-text h5 u,
.content-text h6 u {
	font-style: italic;
}

.content-text h1 u:before,
.content-text h2 u:before,
.content-text h3 u:before,
.content-text h4 u:before,
.content-text h5 u:before,
.content-text h6 u:before {
	position: absolute;
	content: '';
	width: .2em;
	height: .2em;
	left: 0px;
	bottom: .5em;
	margin-left: -.1em;
}

.content-text h1 u,
.content-text h2 u {
	color: #ff003c;
}

.content-text h1 u:before,
.content-text h2 u:before {
	background: #ff003c;
}

.content-text h3 u,
.content-text h4 u {
	color: #00a5a7;
}

.content-text h3 u:before,
.content-text h4 u:before {
	background: #00a5a7;
}

.content-text h5 u {
	color: #002576;
}

.content-text h5 u:before {
	background: #002576;
}

.content-text h6 u {
	color: #000;
}

.content-text h6 u:before {
	background: #000;
}

/*CONTENT*/
.content{
	background-color: #F5F5F5;
	min-height: 100vh;
}

header + .content {
	margin-left: 80px;
	width: calc(100% - 80px);
	transition: 0.5s;
}

header.active + .content{
	margin-left: 250px;
}

.content.small {
	max-width: 720px;
}

.content.gradient {
	background-color: var(--blue);
	background-size: 200px;
	min-height: 100vh;
	display: flex;
	align-items: center;
	background-image: url(../icon/pattern.svg);
	background-repeat: repeat;
	background-size: 600px;
}

.content-text * {
	margin: 20px 0;
}

.content-text *:first-child {
	margin-top: 0;
}

.content-text br {
	margin: 0;
}

.content-text *:last-child {
	margin-bottom: 0;
}

.content-text p {
	text-align: justify;
}

.content-text p,
li {
	line-height: 1.2;
}

.content-text p + h2 {
	margin-top: 50px;
}

iframe {
	width: 100%;
	height: 400px;
}

.ta-c > .btn {
	_margin-top: 40px;
}

.content-text div.border {
	border: 1px solid #00a5a7;
	position: relative;
	padding: 10px 15px;
}

.content-text div.border p {
	margin: 0;
}

.content-text div.border:before {
	position: absolute;
	content: '';
	border: 1px solid #ff003c;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	left: -4px;
	top: -4px;
	z-index: -1;
}

.content-text li {
	padding: 5px 0 5px 20px;
	margin: 0;
	position: relative;
}

.content-text ul li::before {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	background: #003097;
	left: 0;
	top: 10px;
	border-radius: 50%;
}

.content-text ol {
	counter-reset: list;
}

.content-text ol li:before {
	counter-increment: list;
	content: counter(list) ".";
	position: absolute;
	left: 10px;
	top: 4px;
	color: #003097;
	font-weight: 700;
}

.content-text .column > *,
.content-text .column div > *,
.content-text .column img,
.content-text .float_block *,
.content-text blockquote *,
.content-text .img * {
	margin: 0;
}

.content-text .column,
.content-text .column ul,
.content-text .column ol {
	display: flex;
	flex-wrap: wrap;
}

.content-text .column > div ul,
.content-text .column > div ol {
	display: block;
}

.content-text .column {
	justify-content: space-between;
}

.content-text .column2 > *:not(div) li {
	width: 50%;
	padding-right: 15px;
}

.content-text .column3 > *:not(div) li {
	width: 33.33%;
	padding-right: 15px;
}

.content-text .column li.border {
	border-left: 1px solid #ccd6ea;
	padding-left: 50px;
}

.content-text .column li.border:before {
	left: 25px;
}

.content-text .column ol li.border:before {
	left: 20px;
}

.content-text .column2 > div,
.content-text .column2 img {
	width: calc(50% - 15px);
}

.content-text .column3 > div,
.content-text .column3 img,
.content-text .float_block img {
	width: calc(33.33% - 20px);
}

.content-text .column3 img + div {
	width: calc(66.6% - 10px);
}

.content-text .column img.fr {
	order: 1;
}

.content-text .float_block img.fl {
	margin: 0 25px 20px 0;
}

.content-text .float_block img.fr {
	margin: 0 0 20px 25px;
}

.content-text blockquote {
	position: relative;
	background: #e7ecf8;
	font-style: italic;
	padding: 25px 25px 25px 60px;
	margin-left: 25px;
}

.content-text blockquote:before,
.content-text blockquote:after {
	position: absolute;
	content: '';
}

.content-text blockquote::before {
	border: 25px solid transparent;
	border-top: 25px solid #e7ecf8;
	left: -25px;
	top: 0;
	z-index: -1;
}

.content-text blockquote:after {
	width: 34px;
	height: 28px;
	background: url(../icon/blockquote.png) no-repeat;
	top: -10px;
	left: 15px;
}

.content-text .img img {
	_width: 100%
}

.content-text .img .img_alt {
	font-style: italic;
	color: #fff;
	text-align: right;
	background: #00a5a7;
	padding: 10px 15px;
	margin-top: -2px;
}

/*PROFILE*/
.profile-statistic .form-inline{
	justify-content: flex-start;
	border: 1px solid #E5E5E5;
}

.profile-statistic .count{
	font-size: 36px;
	font-weight: 600;
	width: 100px;
}

.profile-statistic .title{
	width: calc(100% - 100px);
}

#avatar {
	align-items: center;
}

#avatar label {
	position: relative;
}

#avatar .img {
	border-radius: 50%;
	overflow: hidden;
	width: 130px;
	height: 130px;
	position: relative;
	cursor: pointer;
}

#avatar .img img {
	position: absolute;
	width: 100%;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	max-width: none;
}

#avatar .info {
	width: calc(100% - 170px);
}

#avatar .fio{
	font-weight: 600;
	font-size: 36px;
	margin: 0 0 10px;
}

#avatar input {
	display: none;
}

#avatar .img:hover:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(17, 46, 104, 0.7);
	background-image: url(../icon/svg/camera.svg);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}

#avatar label span {
	position: absolute;
	top: calc(100% + 5px);
	left: 50%;
	color: green;
	font-size: 16px;
	max-width: 100%;
	transform: translateX(-50%);
}

#avatar label span.error {
	color: red;
}

#avatar li {
	display: inline-block;
	margin: 0 35px 0 0;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	min-width: 30px;
	min-height: 18px;
	vertical-align: middle;
}

#avatar li[data-icon="department"]{background-image: url(../icon/svg/department.svg);}
#avatar li[data-icon="phone"]{background-image: url(../icon/svg/phone.svg);}
#avatar li[data-icon="email"]{background-image: url(../icon/svg/email.svg);}

/*TABLE*/
table, .table {
	display: table;
	width: 100%;
	font-size: 13px;
	border-collapse:separate;
	border-spacing: 0 2px;
}

#results{
	position: relative;
	padding: 0 0 30px;
}

thead{
	position: sticky;
	top: 0;
	z-index: 1;
	background-color: #F5F5F5;
}

.thead{
	display: table-header-group;
}

.tbody{
	display: table-row-group;
}

.tr{
	display: table-row;
}

.th, .td{
	display: table-cell;
}

thead tr,
.thead .tr {
	font-weight: 700;
	text-align: center;
}

table tr[onclick^=window] {
	cursor: pointer;
}

table.border thead tr,
.table.border .thead .tr {
	background: #dbe7f6;
}

tbody tr:hover td:not(.status),
.tbody .tr:hover .td:not(.status) {
	background: #fbfbfb;
}

thead td,
.thead .td{
	padding: 7px;
}

#results thead td:not([data-field=""]){
	cursor: pointer;
}

#results thead td.active {
	color: var(--blue);
	text-shadow: 0px 0px 3px rgb(17, 46, 104);
	position: relative;
}

#results thead td.active::before {
	position: absolute;
	content: '';
	border: 4px solid transparent;
	border-bottom: 6px solid;
	vertical-align: middle;
	bottom: calc(100% + 3px);
	left: 50%;
	transform: translateX(-50%);
}

#results thead td.active[data-sort="desc"]::before {
	border: 4px solid transparent;
	border-top: 6px solid;
	bottom: calc(100% - 3px);
}

#results tbody tr{
	cursor: pointer;
}

tbody td,
.tbody .td {
	padding: 7px 5px;
	position: relative;
	vertical-align: middle;
	border-top: 1px solid var(--grey);
	border-bottom: 1px solid var(--grey);
	background: #fff;
}

tr.late td,
.tr.late > *{
	background: rgba(255, 0, 0, 0.1);
}

tbody td:first-child,
.tbody .td:first-child{
	border-radius: 10px 0 0 10px;
	border-left: 1px solid var(--grey);
	position: relative;
}

tbody td:last-child,
.tbody .td:last-child{
	border-radius: 0 10px 10px 0;
	border-right: 1px solid var(--grey);
}

tbody td:after,
.tbody .td:after{
	position: absolute;
	content: '';
	width: 1px;
	height: calc(100% - 20px);
	top: 10px;
	right: 0;
	background: var(--grey);
}

tbody td.status:after,
.tbody .td.status:after,
#results tbody td:first-child:after,
tbody td:last-child:after,
.tbody .td.status:after{
	display: none;
}

table .avatar img,
.table .avatar img{
	border-radius: 50%;
	width: 30px;
}

table + h2, .table + h2 {
	margin-top: 50px;
}

table + h3, .table + h2 {
	margin-top: 30px;
}

table .icon,
.table .icon {
	padding: 15px 0;
	width: 50px;
	min-width: 50px;
}

table .icon a,
.table .icon a {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

table a[data-icon=skype] {
	background-image: url(../icon/table/skype.png);
	width: 26px;
	height: 26px;
}

table a[data-icon=chat] {
	background-image: url(../icon/table/chat.png);
	width: 32px;
	height: 26px;
}

a[data-icon=chat]:after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	bottom: 5px;
	right: -5px;
	border: 1px solid;
}

*[data-online=on]:after {
	background: #45c300;
	border-color: #337b0d !important;
}


*[data-online=off]:after {
	background: #ff0000;
	border-color: #bd0909 !important;
}

table a[data-icon=edit] {
	background-image: url(../icon/table/edit.png);
	width: 24px;
	height: 25px;
}

table .icon-s {
	padding-left: 50px;
}

table .miss-mess,
.table .miss-mess {
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: red;
	right: calc(100% + 5px);
	top: 50%;
	transform: translateY(-50%);
}

#results .total{
	position: absolute;
	right: 0;
	bottom: 0;
}



/*FORM-AUT*/
#aut {
	max-width: 600px;
	margin: 50px auto 0;
	text-align: center;
	padding: 50px;
	background: #fff;
	box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.35);
}

.aut .capt {
	font-size: 24px;
	margin-bottom: 30px;
}

form .message {
	display: block;
	text-align: left;
	color: green;
}

form .message * {
	margin-bottom: 10px;
	display: inline-block;
}

form .message .error {
	color: red;
}



form .captcha {
	background-color: #fff;
	border: 1px solid #b4d0de;
	border-bottom: none;
	position: relative;
	padding: 40px 15px 10px;
	margin: 20px 0;
	align-items: center;
	flex-direction: column;
}

form .captcha span {
	position: absolute;
	font-size: 14px;
	left: 50%;
	top: 5px;
	transform: translateX(-50%);
}

form .captcha .g-recaptcha {
	overflow: hidden;
}

form .agreement i {
	color: #4da7dc;
	font-size: 20px;
	margin: 0 0 10px;
}

form .agreement {
	font-size: 14px;
	border: 1px solid #dfdfdf;
	padding: 15px;
	color: #777;
	line-height: 1.2;
}

.aut .btn {
	margin-top: 20px;
}

.more {
	display: inline-block;
	border-bottom: 1px dashed;
	padding-bottom: 2px;
}

.more:hover {
	border-color: transparent;
}

br + .more {
	margin: 15px 0 0;
}


form .registration {
	margin-top: 20px;
}

/*FORM-GROUP*/
button{
	font-family: MuseoSansCyrl;
	font-weight: 300;
}

input,
select,
textarea {
	width: 100%;
	font-family: MuseoSansCyrl;
	font-size: inherit;
	border: 1px solid var(--grey);
	border-radius: var(--radius-sm);
	padding: 15px;
	font-weight: 300;
}

.editableform input {
	padding: 5px;
	border-radius: 5px;
	height: 32px;
}

input:not(:valid),
select:not(:valid) + .select2-container--default .select2-selection,
textarea:not(:valid),
input.required,
select.required + .select2-container--default .select2-selection
textarea.required{
	border-color: #ffd3d3;
}

textarea {
	min-height: 180px;
}

input::placeholder,
input::-webkit-input-placeholder,
input:-moz-placeholder{
	color: #555;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

input{
	-webkit-appearance: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: var(--radius-sm);
	-moz-border-radius: var(--radius-sm);
	-webkit-appearance: none;
}

input[type='checkbox'],
input[type='radio']{
	display: none;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../icon/select.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	padding-right: 20px !important;
}

select:required:invalid {
	color: gray;
}

option[value=""][disabled] {
	display: none;
}

option {
	color: black;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	position: relative;
	padding: 0 0 0 45px;
	left: 0;
	font-size: inherit;
	color: inherit;
	cursor: pointer;
	display: block;
	margin-left: 25px;
}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
	position: absolute;
	content: '';
	left: 0;
	top: -5px;
	width: 25px;
	height: 12px;
	border: 1px solid;
	border-width: 0 0 2px 2px;
	transform: rotate(-45deg);
	border-color: var(--grey);
}

input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
	border-color: var(--green);
}

.form-group {
	margin: 0 0 15px;
	position: relative;
	padding: 7px 0 0;
}

.form-col .form-group,
.form-group:last-child{
	margin: 0;
}

.form-group[data-type='checkbox']{
	padding: 0;
}

.form-col + .form-group{
	margin-top: 15px;
}

.form-group label {
	color: #939393;
	position: absolute;
	left: 10px;
	background: #fff;
	top: 0;
	padding: 0 5px;
	font-size: 14px;
	z-index: 1;
}

.form-group .fa,
.form-group .icon{
	width: 50px;
	text-align: center;
}

.btn-sm .fa,
.btn-sm .icon{
	width: auto;
	margin: 0;
}

.form-group.full > .fa:not(.fa-search),
.form-group.full > .icon:not(.fa-search){
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.form-group .group {
	width: calc((100% - 170px)/2 - 2px);
	margin-right: 2px;
}

.form-group .group:last-child {
	margin: 0 0 0 2px;
}

.form-group input[type=radio] {
	display: none;
}

.form-group label.group {
	min-height: 39px;
	line-height: 1.2;
	position: relative;
	padding-right: 50px;
}

.form-group .group .radio {
	position: absolute;
	width: 45px;
	height: 100%;
	right: 0;
	top: 0;
	border-left: 4px solid #fff;
}

.form-group .group input:checked + .radio:before {
	position: absolute;
	content: '';
	width: 12px;
	height: 5px;
	border-left: 2px solid;
	border-bottom: 2px solid;
	border-color: #000;
	transform: rotate(-55deg) skew(-15deg);
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -6px;
}

.form-col {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px 10px;
}

.form-inline{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border-radius: var(--radius-sm);
	margin: 0 0 15px;
	padding: 20px;
}

.form-inline.editableform{
	padding: 0;
}

.form-inline:last-child{
	margin: 0;
}

.form-inline > *{
	margin: 0;
}

.form-inline > .form-group[data-type="checkbox"] label{
	margin: 0;
}

/*LIST*/
.list .label {
	color: #939393;
	font-size: 14px;
	margin: 0 0 5px;
}

.list > *:not(:last-child){
	margin: 0 0 15px;
}

.list-col{
	display: grid;
	grid-gap: 15px 30px;
	grid-template-columns: repeat(2, 1fr);
}

.list-col[data-col="3"]{
	grid-template-columns: repeat(3, 1fr);
}

/*POPUP*/
.popup {
	display: none;
	background-color: #fff;
	padding: 30px;
	font-size: initial;
	min-width: 500px;
	max-width: 100%;
	text-align: left;
	width: 700px;
}

.popup.fancybox-content{
	overflow-x: hidden;
}

.popup img + .content-text{
	margin-top: 20px;
}

.popup input {
	background-size: 20px;
}

.popup input[name="link"] {
	background-image: url(../icon/upload.png);
}

.popup .create-count + .buttons,
.popup .form-group + .buttons{
	margin: 20px 0 0;
}

#lc-err .message {
	margin-bottom: 20px;
	color: red;
	min-height: 72px;
}

/*CREATE*/
#create .form-group:before,
.popup .form-group:before {
	left: 50px;
}

.create-sizes{
	margin: 30px 0;
}

.create-sizes > .img{
	width: calc(100% - 170px);
	align-self: flex-start;
}

.create-sizes > div{
	width: 150px;
}

.create-count .form-inline.checked{
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.create-count .form-group:nth-child(1){
	width: 180px;
}

.create-count .form-group:nth-child(2){
	max-width: 80px;
}

.create-count .form-inline img{
	filter: grayscale(100%);
	opacity: 0.6;
}

.create-count .form-inline.checked img{
	filter: grayscale(0);
	opacity: 1;
}

/*ORDER*/
#order .col{
	padding: 30px;
}

#order .col-md{
	width: calc(100% - 420px);
}

#order .col-sm{
	width: 400px;
}

#order .col h2 {
	padding-bottom: 15px;
	border-bottom: 1px solid #cfdce4;
}

#order .description .desc{
	padding-bottom: 15px;
	border-bottom: 1px solid #cfdce4;
}

#order .description .content-text{
	margin: 30px 0 0 30px;
}

#actions > *:not(:last-child){
	margin: 0 0 20px;
}

/*ORDER-INFO*/
.order-info{
	position: relative;
	padding-left: 180px;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}

.order-info p{
	margin: 0 0 10px;
}

.order-info span{
	font-size: 14px;
	color: #939393;
}

.order-info .status {
	width: 150px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	padding: 10px;
}

.status {
	color: #fff;
	background-color: var(--blue);
}

.status[style*="EDEDED"]{
	color: inherit;
}

.order-info .info,
.order-info .elements,
.order-info .hard{
	position: relative;
	padding: 0 0 25px;
}

.order-info .unddash,
.order-info .unddash{
	font-size: 14px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
}

.order-info .title{
	font-weight: 600;
}

.order-info .info form{
	margin: 20px 0 0;
}

.order-info .elements li {
	display: inline-block;
	text-align: center;
	position: relative;
	_padding-right: 25px;
	margin: 0 10px 0 0;
}

.order-info .elements li:last-child{
	margin: 0;
}

.order-info .elements .count{
	position: absolute;
	right: 0;
	font-weight: 600;
	font-size: 18px;
	top: 7px;
}

.order-info .actions{
	align-items: center;
	margin: 15px 0 0;
}

.order-info .actions > *{
	width: calc((100% - 10px)/2)
}

.order-info .target{
	border-top: 1px solid #cfdce4;
	border-bottom: 1px solid #cfdce4;
	padding: 30px 0;
	margin: 25px 0 0;
	justify-content: flex-start;
}

.order-info .target a:not(:last-child){
	margin: 0 70px 0 0;
}

/*MAN-INFO*/
.man-info{
	/* margin: 0 0 20px; */
	align-items: center;
}

.man-info img {
	width: 80px;
	border-radius: 50%;
}

.man-info .fio {
	width: calc(100% - 80px);
	padding-left: 10px;
	line-height: 1.3;
}

/*FILES*/
#files .col {
	padding: 0;
	width: calc((100% - 20px)/2);
}

#files .files {
	margin-top: 20px;
}

#files .file {
	display: block;
	position: relative;
	margin-bottom: 5px;
	padding: 15px 120px 15px 15px;
	background: #edf3fa;
}

#files .file:nth-child(2n) {
	background: #dbe7f6;
}

#files .file input[type=file] {
	display: none;
}

#files .file .btn {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

#files .file:hover .btn {
	display: block;
}

/*TICKETS*/
#tickets-wrap.col{
	position: relative;
	background-image: url(../img/tickets.png);
	background-size: cover;
	padding-bottom: 150px;
}

#comments-wrapper {
	max-height: 250px;
	overflow: auto;
	overflow-x: hidden;
	margin: 20px 0;
}

#tickets .ticket-comment,
#tickets .ticket-comment1 {
	margin: 0 0 10px;
}

#tickets img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 0 10px 0 0;
}

.ticket-comment-body {
	position: relative;
	width: 100%;
	max-width: 600px;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid var(--grey);
	border-radius: 0 15px 15px 15px;
	background-color: #fafaff;
}

.ticket-comment-body.fr{
	border-radius: 15px 0 15px 15px;
	background-color: #efffef;
}

#tickets .ticket-comment-author,
#tickets .ticket-comment-createdon {
	margin: 0;
	display: block;
}

.ticket-comment-header {
	margin: 0 0 10px
}

.ticket-comment-text {
	padding: 0 0 0 15px;
}

#comment-form {
	position: relative;
}

#comment-form textarea {
	width: 100%;
	padding-right: 50px;
	min-height: 0;
}

#comment-form button {
	width: 30px;
	height: 30px;
	position: absolute;
	background: url(../icon/svg/ticket.svg) no-repeat center;
	top: 10px;
	right: 10px;
	border: none;
	cursor: pointer;
}

#comment-form button:before{
	display: none;
}

/*FILTER*/
#filter {
	margin-bottom: 30px;
	position: absolute;
	right: 0;
	width: 600px;
	max-width: 100%;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
	z-index: 1;
	top: 100%;
	display: none;
}

#filter .search {
	position: relative;
	padding-right: 110px;
}

#filter .search button {
	position: absolute;
	right: 0;
	bottom: 0;
	height: calc(100% - 7px);
	width: 100px;
	margin: 0;
}

#filter .search button:before {
	display: none;
}

#filter .flx .form-group {
	width: calc((100% - 5px)/2);
}

#filter .stat li {
	align-items: center;
	margin: 0 0 10px;
}

#filter .stat p {
	width: calc(100% - 50px);
	border-right: 1px solid #d5d5d5;
}

#filter .stat .value {
	width: 50px;
	text-align: right;
	font-weight: 700;
	font-size: 20px;
}

#filter .buttons{
	margin: 15px 0 0;
}

/*HINTS*/
#hints li {
	position: relative;
	padding-left: 30px;
	margin: 0 0 15px;
}

#hints li:last-child{
	margin: 0;
}

#hints i {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
}

#hints p {
	font-weight: 700;
	margin: 0 0 5px;
	font-size: 16px;
}

#hints span {
	color: #9d9d9d;
	font-size: 14px;
}

/*ARTICLES*/
.articles {
	justify-content: flex-start;
}

.article {
	width: calc((100% - 30px)/3);
	margin-right: 15px;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 50px;
}

.article:nth-child(3n) {
	margin-right: 0;
}

.article img {
	width: 100%;
}

.article .capt {
	font-weight: 700;
	font-size: 22px;
	margin: 15px 0;
}

.article .capt:hover {
	text-decoration: underline;
}

.article .txt {
	font-size: 14px;
	line-height: 1.4;
}

.article .bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

time {
	font-size: 15px;
	color: #a4a4a4;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

/*PAGINATION*/
.paginationwrap {
	margin-top: 40px;
}

.pagination li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}

.pagination li:last-child {
	margin-right: 0px;
}

.pagination li * {
	display: block;
	border: 1px solid #adadad;
	width: 40px;
	height: 40px;
	line-height: 37px;
	text-align: center;
	border-radius: 5px;
	font-size: 20px;
	position: relative;
}

.pagination li.active a {
	background-color: #e7e7e7;
}

.pagination li:hover:not(.disabled):not(.active) * {
	border-color: #001749;
	color: #001749;
}

.pagination .control {
	margin-right: 7px;
}

.pagination .control * {
	background-image: url(../icon/btn/arr-prev.png);
	background-position: center;
}

.pagination .control:last-child {
	margin-right: 0px;
	margin-left: 7px;
}

.pagination .control:last-child * {
	background-image: url(../icon/btn/arr-next.png);
}

/*FOOTER*/
footer {
	color: #fff;
	background: #0066a3;
	font-size: 16px;
	text-align: center;
	padding: 15px 0;
}

footer a {
	color: inherit !important;
	font-size: inherit;
	position: absolute;
	right: 20px;
	top: 0;
}

/*ALERT*/
.alert{
	background-image: url(../img/alert.png);
	background-size: cover;
	background-blend-mode: multiply;
	border: 1px solid #fff;
	align-items: center;
}

.alert:not(#alert){
	margin: 0 0 15px;
	padding: 20px;
}

#alert{
	width: 600px;
	max-width: 100%;
}

.alert[data-kind=red]{
	color: #fff;
	background-color: #f1000b;
}

.alert[data-kind=yellow]{
	background-color: #ffde00;
}

.alert[data-kind=green]{
	color: #fff;
	background-color: #42af00;
}

.alert .capt{
	background: #fff;
	padding: 5px 10px;
	display: inline-block;
	font-weight: 600;
	color: initial;
}

#alert .capt{
	margin: 0 0 10px;
}

.alert .title{
	text-transform: uppercase;
	font-size: 25px;
}

#alert .title{
	font-size: 37px;
}

#alert ul,
#alert .title{
	margin: 30px 0;
}

#alert ul{
	font-size: 20px;
}

/*jGrowl*/
#jGrowl{
	font-size: 18px;
	line-height: 1.4;
	right: 10px;
	bottom: 10px;
}

#jGrowl .jGrowl-notification {
	color: #fff;
	border: none;
	width: auto;
	max-width: 500px;
	padding: 20px;
	margin: 5px 0 0;
	position: relative;
}

#jGrowl .jGrowl-close {
	position: absolute;
	right: 5px;
	top: 5px;
}

.jGrowl-notification.success {
	background: green !important;
}

.jGrowl-notification.error {
	background: #cc0101 !important;
}

.jGrowl-notification.warning {
	background: #191104 !important;
}

/*DRAGANDDROP*/
.draganddrop .drop{
	min-height: 135px;
	border: 1px dashed #ccc;
	border-radius: var(--radius-sm);
	padding: 30px;
	display: flex;
}

.draganddrop .drop:hover{
	cursor: pointer;
}

.draganddrop .file-list + .drop{
	margin: 10px 0 0;
}

.draganddrop .drop span{
	display: block;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
	align-self: center;
}

.draganddrop .upload {
	margin: 50px 0 0;
	text-align: center;
}

.draganddrop .upload label{
	position: relative;
	padding: 0 0 0 65px;
	cursor: pointer;
}

.draganddrop .upload span{
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--blue);
}

.draganddrop .upload span:before,
.draganddrop .upload span:after{
	position: absolute;
	content: '';
	background-color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.draganddrop .upload span:before{
	width: 20px;
	height: 2px;
}

.draganddrop .upload span:after{
	height: 20px;
	width: 2px;
}

.draganddrop input[type="checkbox"] + label{
	margin: 0 0 0 -30px;
}

.draganddrop input[type="file"]{
	display: none;
}

.draganddrop .file {
	position: relative;
	padding: 0 20px 0 30px;
}

.draganddrop .file .remove {
	position: absolute;
	color: var(--grey);
	cursor: pointer;
	right: 0;
	top: 0;
	font-weight: 700;
	padding: 0;
	border: none;
	background: transparent;
}

.draganddrop .file .remove:hover{
	color: red;
}

.file-list {
	height: 180px;
	border-radius: var(--radius-sm);
	border: 1px solid var(--grey);
	padding: 20px 10px 20px 20px;
	overflow: hidden;
}

.file-list.pad{
	position: relative;
	padding-top: 45px;
}

.file-list .title {
	position: absolute;
	left: 20px;
	top: 15px;
}

.file-list .title > *{
	display: inline-block;
	vertical-align: middle;
	color: grey;
	font-size: 14px;
}

.file-list .title img {
	margin: 0 10px 0 0;
	max-height: 20px;
	filter: grayscale(100%);
	opacity: 0.7;
}

.file-list form{
	width: calc(100% - 10px);
}

.file-list .file:not(:last-child){
	margin: 0 0 10px;
}

.file-list a {
	color: var(--blue);
	text-decoration: underline;
}

/*SCROLLBAR*/
body .scrollbar-inner > .scroll-element.scroll-y {
	right: 0;
	top: 0;
	width: 5px;
	border-radius: 5px;
	overflow: hidden;
}

body .scrollbar-inner > .scroll-element .scroll-element_track {
	background-color: #F3F3F3;
}

body .scrollbar-inner > .scroll-element .scroll-bar {
	background-color: var(--blue);
	opacity: 1;
}

body .scrollbar-inner {
	height: 100%;
}

/*PROFILE*/
#profile > .bg {
	display: block;
	width: 100%;
	height: 225px;
	position: absolute;
	opacity: 0.8;
	background-color: var(--profile-color);
}

#profile .row{
	position: relative;
	z-index: 1;
}

#profile .block{
	box-shadow: 10px 10px 10px rgba(56, 84, 156, 0.1);
}

#profile .head {
	font-weight: 600;
	font-size: 19px;
	line-height: 23px;
	margin: -30px -30px 20px;
	color: #fff;
	padding: 10px 35px;
	border-radius: 8px 8px 0 0;
	background-color: var(--profile-color);
}

#profile .personal {
	text-align: center;
	margin: 0 0 30px;
	flex-direction: column;
}

#profile .employee .head{
	margin: 0 -30px;
	border-radius: 0;
}

#profile .personal > div {
	margin-bottom: 15px;
}

#profile .photo {
	position: relative;
	display: inline-flex;
	margin: 0 auto;
}

#profile .photo span {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: var(--profile-color);
}

#profile .photo .inner {
	position: relative;
	width: 140px;
	height: 140px;
	overflow: hidden;
	border-radius: 50%;
}

#profile .photo img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#profile .name span {
	font-weight: 600;
	font-size: 21px;
	line-height: 25px;
	margin-bottom: 15px;
}

#profile .tab span {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	border-radius: 12px;
	padding: 5px 15px;
	background-color: var(--profile-color);
}

#profile .tel a,
#profile .mail a,
#profile .loc span,
#profile .exel a {
	line-height: 19px;
	padding-left: 25px;
	background-size: contain !important;
}

#profile .tel a {
	background: url(../icon/tel-card.svg) no-repeat 0px 0px;
}

#profile .mail a {
	background: url(../icon/mail-card.svg) no-repeat 0px 0px;
	text-decoration: underline;
}

#profile .loc span {
	background: url(../icon/location-card.svg) no-repeat 0px 0px;
}

#profile .personal .exel {
	margin: 60px 0 0;
}

#profile .exel a {
	position: relative;
	padding: 0;
}

#profile .exel a::before {
	position: absolute;
	content: "";
	top: -60px;
	left: 50%;
	width: 52px;
	height: 52px;
	background: url(../icon/adward.svg) no-repeat center;
	border: 2px solid var(--swamp);
	border-radius: 50%;
	transform: translateX(-50%);
	background-size: 35px;
}

#profile .info-top,
#profile .info-bottom {
	display: grid;
	gap: 40px;
}

#profile .info-bottom {
	margin-bottom: 40px;
}

#profile .card-top .inside,
#profile .card-bottom .inside {
	display: grid;
	grid-column: 1/2;
}

#profile .info-b-r > li:nth-child(4) + *,
#profile .info-b-l > li:nth-child(4) + * {
	display: none;
}

#profile .info-b-r {
	grid-column: 2/3;
}

#profile .info-b-l {
	grid-column: 1/2;
}

#profile .cell {
	padding: 10px 15px;
	border-bottom: 1px solid #d8d8d8;
}

#profile .cell p,
#profile .cell > div {
	margin: 5px 0;
}

#profile .cell:last-child {
	border-bottom: none;
}

#profile .tasks li{
	position: relative;
	padding: 0 0 0 12px;
}

#profile .tasks li:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: var(--swamp);
}

#profile .position .bold,
#profile .position .light {
	line-height: 19px;
	width: 50%;
}

#profile .position .light {
	text-align: right;
}

#profile .tasks .bold {
	margin-bottom: 5px;
	line-height: 19px;
}

#profile .tasks .light {
	font-size: 13px;
	line-height: 20px;
}

#profile .tags{
	width: 100%;
}

#profile .tags span {
	background: #ededed;
	border-radius: 15px;
	padding: 5px 10px;
	color: var(--swamp);
	font-size: 14px;
	line-height: 1.2;
	font-weight: 400;
	float: left;
	margin: 5px 5px 0 0;
}

#profile button {
	border-radius: 15px;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	padding: 15px 20px;
	cursor: pointer;
}

@media screen and (max-width: 540px) {
	body #gpt_window {
		height: 100%;
	}
}
#gpt #gpt_icon {
	width: 100px;
	height: 100px;
}
#gpt_icon .gpt_icon_wrap {
	background: url(../../../media/12351234.png);
	background-size: cover;
	box-shadow: 0 0 30px 4px rgba(87, 87, 87, 0.5);
	border-radius: 50%;
	border: 5px solid #878787;
}
#gpt_icon .gpt_icon_wrap svg {
	display: none;
}
body #gpt_window {
	background-color: #;
	border: 2px solid #878787;
}
body #gpt_chat {
	background-color: #ccc;
}
body #gpt_comments.scroll:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: linear-gradient(0deg, rgba(129, 140, 106, 0) 0%, #ccc 76.19%);
	z-index: 1;
}