:root {
	--dark: #292A2B;
	--light: #F8FAFE;
	--grey: #292A2B;
	--green: #47AB32;
	--yellow: #FFDB97;
	--fon: #E9EFF6;
	--radius_md: 30px;
	--radius: 20px;
}

/*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,
.popup.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(--fon);
}

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

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

.undline,
.undline a {
	text-decoration: underline;
	color: var(--dark);
	opacity: 0.5;
	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: 1250px;
	margin: 0px auto;
	padding: 0px 15px;
	max-width: 100%;
}

header+.container {
	min-height: calc(100vh - 380px);
}

.flx,
.flx-c {
	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;
}

.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;
}


/*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;
}


/*FONTS*/
@font-face {
	font-family: 'Gotham Pro';
	src: url('fonts/GothamPro/GothamPro.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('fonts/GothamPro/GothamPro-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('fonts/GothamPro/GothamPro-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('fonts/GothamPro/GothamPro-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

/*MATERIAL ICON*/
.ma::before {
	font-family: Material Icons;
	text-transform: lowercase;
}

.ma-back::before {
	content: "arrow_back_ios";
}

.ma-next::before {
	content: "arrow_forward_ios";
}

.ma-add::before {
	content: "add";
}

.ma-close::before {
	content: "close";
}

/*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,
.h1 {
	font-size: 22px;
	margin-bottom: 30px;
	text-transform: uppercase;
	grid-column: span 3;
	font-weight: 500;
}

h2 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 500;
}

h3 {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-weight: 500;
}

h4 {
	font-size: 13px;
	margin-bottom: 15px;
	opacity: 0.5;
}

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

hr {
	border: solid var(--dark);
	border-width: 2px 0 0 0;
	opacity: 0.2;
	margin: 25px 0;
}

.btn,
.btn-sm,
.btn-lg {
	display: inline-flex;
	border-radius: var(--radius_md);
	padding: 14px 20px 12px;
	color: #fff;
	text-decoration: none;
	border: 0;
	cursor: pointer;
	font-size: 13px;
	min-width: 185px;
	align-items: center;
	justify-content: center;
	line-height: 1;
	position: relative;
	z-index: 1;
	opacity: 0.8;
	transition: 0.3s;
	font-weight: 500;
	text-transform: uppercase;
}

.btn-sm {
	font-size: 9px;
	padding: 11px 16px 9px;
}

.btn-lg {
	padding: 28px 40px 26px;
	border-radius: 40px;
}

.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: var(--green);
	color: #fff;
}

.btn-blue,
header ul a:active {
	background: linear-gradient(90deg, #85BCE7 0%, #1D71B8 100%);
	color: #fff;
    transition: background 0.5s ease;
}

.btn-blue:hover,
header ul a:hover {
	background: var(--dark);
	color: #fff;
}

.btn-white {
	color: var(--dark);
	background-color: #fff;
}

.btn-grey {
	color: var(--dark);
	background-color: var(--fon);
}

.btn-yellow {
	color: var(--dark);
	background-color: var(--yellow);
}

.btn-trans {
	color: var(--dark);
	background-color: transparent;
}

*[class*=btn-icon] {
	position: relative;
}

.btn-sm.btn-icon {
	padding-left: 35px;
}

.btn-sm.btn-icon-r {
	padding-right: 35px;
}

.btn-lg.btn-icon {
	padding-left: 100px;
}

.btn-lg.btn-icon-r {
	padding-right: 100px;
}

*[class*=btn-icon]>span {
	position: absolute;
	background-color: #fff;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 8px 0px #00000017;
	margin-top: -1px;
}

.btn-sm[class*=btn-icon]>span {
	width: 18px;
	height: 18px;
}

.btn-sm.btn-icon>span {
	left: 6px;
}

.btn-sm.btn-icon-r>span {
	right: 6px;
}

.btn-lg[class*=btn-icon]>span {
	width: 42px;
	height: 42px;
	font-size: 24px;
}

.btn-lg.btn-icon>span {
	left: 24px;
}

.btn-lg.btn-icon-r>span {
	right: 24px;
}

.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;
}

.btn span+svg {
	margin-left: 10px;
	margin-top: -2px;
}

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

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

.buttons.inline-c {
	justify-content: center;
}

.buttons.inline-r {
	justify-content: end;
}

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

.fancybox-stage {
	background-color: var(--fon);
}

/*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-radius: 20px;
	background-color: var(--fon);
	padding: 0;
	height: auto;
	/* display: flex; */
}

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

form .select2-container .select2-selection .select2-selection__rendered {
	padding: 7px 20px;
	line-height: 1;
}

body .select2-container .select2-selection--multiple {
	min-height: 10px;
}

.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;
}

.select2 input {
	text-align: inherit;
	border-radius: 0;
}

select[readonly=readonly]+.select2-container {
	pointer-events: none;
	touch-action: none;
}

/*DATERANGEPICKER*/
.daterangepicker table {
	display: table;
}

.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*/
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	background-color: #fff;
	border-radius: 5px;
}

body .editable-buttons {
	display: inline-flex;
}

body .editable-popup {
	border: none;
}

body .editableform {
	display: block;
}

body .editable-buttons button.ui-button-icon-only {
	height: 32px;
	width: 32px;
	border: none;
	margin-top: 0;
	border-radius: 5px;
}

body .editable-buttons button {
	font-family: "Font Awesome 5 Free";
}

.editable-buttons button[type="submit"] {
	background-color: var(--green);
	color: #fff;
	font-size: 18px;
}

.editable-buttons button[type="button"] {
	background-color: var(--fon);
	color: var(--dark);
	font-size: 20px;
}

.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;
}

/*CRUMBS*/
.crumbs {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 20px;
}

.crumb {
	display: flex;
	align-items: center;
	grid-gap: 10px;
}

.crumb>h4 {
	margin: 0;
}

.crumb .ic-dark {
	position: static;
	cursor: pointer;
}

/*BODY*/
body {
	font-family: Gotham Pro;
	font-size: 13px;
	color: var(--dark);
	background-color: var(--fon);
	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 {
	padding: 40px 0;
}

header #logo {
	max-width: 230px;
	display: flex;
	align-items: center;
}

@media screen and (min-width: 780px) {
	header #logo img:last-child {
		display: none;
	}
}

header ul {
	text-transform: uppercase;
	grid-gap: 10px;
}

header ul a {
	display: inline-flex;
	padding: 8px 7px 6px 17px;
	border-radius: var(--radius_md);
	transition: 0.3s;
	align-items: center;
	grid-gap: 7px;
}

/*NAV*/
nav {
	width: 250px;
	align-self: flex-start;
	position: sticky;
	top: 30px;
}

nav a {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
}

nav>a {
	background-color: #fff;
	padding: 28px 25px 24px 55px;
	border-radius: var(--radius);
	margin: 0 0 30px;
	position: relative;
}

nav>a .ma {
	position: absolute;
	font-size: 25px;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	opacity: 0.5;
}

nav>a:hover span {
	opacity: 1;
}

nav>.menu {
	margin-right: 10px;
	background: linear-gradient(147.62deg, #DCE6F0 5.05%, #CFDDEE 54.51%, #BCD1EC 103.98%);
	padding: 20px 10px;
	border-radius: var(--radius);
}

.menu ul {
	margin-bottom: 100px;
}

.menu ul:last-child {
	margin-bottom: 0;
}

.menu li {
	margin-bottom: 10px;
}

.menu li:last-child {
	margin-bottom: 0;
}

.menu a {
	padding: 14px 15px 11px;
	border-radius: 22.5px;
	transition: 0.3s;
	position: relative;
	display: flex;
	align-items: center;
}

.menu a>svg {
	margin-left: 10px;
}

.menu a.active,
.menu a:hover {
	background-color: #fff;
}

.menu a.active {
	text-shadow: 1px 0 0 var(--dark);
}

/*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;
}

/*TABS*/
.tabs .tab {
	display: none;
}

body .tabs .tabs-control {
	display: flex;
	grid-gap: 5px;
	margin: 0 0 25px;
}

body .ui-tabs .tabs-control li a {
	display: block;
	padding: 10px 14px 8px;
	border: 1px solid transparent;
	border-radius: var(--radius);
	font-size: 13px;
	transition: 0.3s;
	text-align: center;
	text-transform: uppercase;
}

body .ui-tabs .tabs-control .ui-tabs-active>a {
	border-color: var(--dark);
	font-weight: 500;
}

/*CORNER*/
.corner,
.corner-r,
.corner-sm {
	position: relative;
	border-color: transparent;
}

:where(.corner, .corner-r, .corner-sm)::before,
:where(.corner, .corner-r, .corner-sm)::after {
	position: absolute;
	content: '';
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px #0000001C;
	box-sizing: border-box;
	border-style: solid;
	border-color: inherit;
	border-width: 2px;
}

:where(.corner, .corner-r)::before {
	width: calc(100% - 40px);
	height: 40px;
	top: 0;
	border-radius: var(--radius) var(--radius) 0 0;
}

.corner-sm::before {
	width: calc(100% - 30px);
	height: 30px;
	top: 0;
	border-radius: 12px 12px 0 0;
}

:where(.corner, .corner-sm)::before {
	right: 0;
}

.corner-r::before {
	left: 0;
}

:where(.corner, .corner-r, .corner-sm)::after {
	width: 100%;
	height: calc(100% - 40px);
	left: 0;
	bottom: 0;
}

.corner-sm::after {
	height: calc(100% - 30px);
}

.corner::after {
	border-radius: var(--radius) 0 var(--radius) var(--radius);
}

.corner-sm::after {
	border-radius: 12px 0 12px 12px;
}

.corner-r::after {
	border-radius: 0 var(--radius) var(--radius) var(--radius);
}

.corner-wrap {
	position: relative;
	z-index: 2;
	width: 100%;
}

.corner-radius {
	border-color: inherit;
}

.corner-radius::before,
.corner-radius::after {
	position: absolute;
	z-index: 1;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	border-style: solid;
	border-color: #fff;
}

.corner-radius::before {
	content: '';
	top: 20px;
}

.corner>.corner-radius::before {
	left: 20px;
	border-width: 0 10px 10px 0;
	border-radius: 0 0 30px 0;
}

.corner-sm>.corner-radius::before {
	left: 15px;
	top: 15px;
	border-width: 0 10px 10px 0;
	border-radius: 0 0 25px 0;
	width: 25px;
	height: 25px;
}

.corner-r>.corner-radius::before {
	right: 20px;
	border-width: 0 0 10px 10px;
	border-radius: 0 0 0 30px;
}

.corner-r>.corner-radius::after {
	content: '';
	border-width: 0 0 2px 2px;
	border-radius: 0 0 0 30px;
	border-color: inherit;
	top: 13px;
	right: 13px;
}

.corner-shadow-line {
	position: absolute;
	width: calc(100% - 42px);
	right: 2px;
	height: 10px;
	background: #fff;
	top: 32px;
	z-index: 1;
}

.corner-sm>.corner-shadow-line {
	width: calc(100% - 32px);
	top: 22px;
}

.corner-r>.corner-shadow-line {
	left: 2px;
}

:where(.corner, .corner-r, .corner-sm)> :where(.ic, .ic-dark) {
	top: 0;
	border-radius: 50%;
	box-shadow: 0px 0px 10px 0px #0000001C;
}

a.ic {
	cursor: pointer;
}

:where(.corner, .corner-sm)>.ic {
	left: 0;
}

.corner-sm>.ic {
	width: 25px;
	height: 25px;
}

.corner-r> :where(.ic, .ic-dark) {
	right: 0;
}

.corner>.ic.back::before {
	margin-left: 6px;
}

/*ICONS*/
.ic,
.ic-dark {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	font-size: 16px;
	z-index: 3;
}

.ic-xs {
	width: 12px;
	height: 12px;
}

.ic-sm {
	width: 18px;
	height: 18px;
	font-size: 13px;
}

.ic-xs {
	width: 12px;
	height: 12px;
	font-size: 9px;
}

.ic-dark {
	background-color: var(--dark);
	color: #fff;
}

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

.columns>.s2 {
	grid-column: span 2;
}

.columns>.s3 {
	grid-column: span 3;
}

/*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 {
	width: calc(100% - 270px);
	padding: 25px 25px 35px 25px;
}

header+#content {
	transform: translateX(80px);
	width: calc(100% - 80px);
	transition: 0.5s;
}

header.active+#content {
	transform: translateX(250px);
}

#content .top {
	margin-left: 40px;
}

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

.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;
	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-wrap {
	/*overflow-x: auto;*/
}

table {
	width: 100%;
	font-size: 10px;
	border-collapse: separate;
	border-spacing: 0 10px;
}

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

thead {
	position: sticky;
	top: 0;
	z-index: 1;
}

#content table td {
	padding: 7px 5px;
	height: 40px;
	vertical-align: middle;
}

#content thead {
	text-align: left;
}

#content thead td {
	font-weight: 500;
	text-transform: uppercase;
	background: #CFDDEE;
}

tbody td {
	position: relative;
}

#content table td:first-child {
	border-radius: var(--radius) 0 0 var(--radius);
	padding-left: 20px;
}

#content table td:last-child {
	border-radius: 0 var(--radius) var(--radius) 0;
	padding-right: 20px;
}

#content tbody tr:nth-child(2n+1) td {
	background-color: var(--fon);
}

p.download {
	cursor: pointer;
}

/*AUTH*/
#authenticate {
	display: flex;
	align-items: center;
	min-height: 100vh;
}

#authenticate .auth-wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 16px;
}

#authenticate .invite-message {
	width: 100%;
	max-width: 650px;
	margin: 0 auto 24px;
	padding: 14px 18px;
	border-radius: 18px;
	background: #e9f5ff;
	color: #1b4a7a;
	text-align: center;
	line-height: 1.4;
	box-shadow: 0 8px 20px rgba(26, 59, 94, 0.12);
}

#authenticate .invite-message.is-error {
	background: #ffe9e7;
	color: #8a1f17;
}

#auth {
	text-align: center;
	width: 670px;
	margin: 0 auto;
	max-width: 100%;
}

#auth form,
#auth .form {
	width: 650px;
	padding: 55px;
	border-radius: 50px;
	margin: 0 auto;
	position: relative;
	max-width: 100%;
}

#auth.login form {
	width: 510px;
	background-color: #fff;
	max-width: 100%;
}

#auth form .shadow,
#auth .form .shadow {
	position: absolute;
	content: '';
	background: radial-gradient(49.97% 49.94% at 49.61% 49.5%, #B8D0FF 0%, rgba(168, 198, 247, 0.9) 6%, rgba(131, 176, 231, 0.66) 21%, rgba(100, 156, 216, 0.46) 36%, rgba(74, 141, 204, 0.3) 50%, rgba(54, 128, 195, 0.17) 64%, rgba(40, 120, 189, 0.07) 77%, rgba(31, 114, 185, 0.02) 89%, rgba(29, 113, 184, 0) 100%);
	width: 100%;
	height: 60%;
	left: 50%;
	transform: translateX(-50%);
	min-width: 400px;
	z-index: -1;
	bottom: -70px;
}

#auth.forgot form {
	width: 610px;
}

#auth .desc {
	font-size: 16px;
	margin: 20px 0 0;
	opacity: 0.5;
	line-height: 1.5;
}

#auth .desc+* {
	margin-top: 40px;
}

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

#authenticate input,
#authenticate .select2-container .select2-selection .select2-selection__rendered {
	padding: 11px 20px;
	text-align: center;
}

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;
}

#auth.login form+p {
	text-transform: uppercase;
	font-size: 13px;
	margin: 100px 0 0;
}

#auth.login .buttons {
	align-content: center;
	flex-direction: column;
}

/*FORM-GROUP*/
button {
	font-family: Gotham Pro;
	font-weight: 300;
	margin: 25px 0 0;
}

.buttons button {
	margin-top: 0;
}

input,
.input,
select,
textarea {
	width: 100%;
	font-family: Gotham Pro;
	font-size: inherit;
	border: 1px solid transparent;
	border-radius: var(--radius_md);
	padding: 7px 20px 5px;
	font-weight: 300;
	background-color: var(--fon);
}

.input {
	min-height: 27px;
}

.form-group.bw>.input {
	word-wrap: break-word;
}

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

input:not(:disabled):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;
}

.create_order input,
.create_order select+.select2-container--default .select2-selection,
.create_order textarea,
.create_order input.required,
.create_order select.required+.select2-container--default .select2-selection textarea.required {
	background-color: #fff;
    border-color: #c1cad5;
}

textarea {
	min-height: 180px;
	padding-top: 15px;
}

input::placeholder,
input::-webkit-input-placeholder,
input:-moz-placeholder {
	color: var(--dark);
	opacity: 0.5;
}

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-appearance: none;
}

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

input[data-type=password]+input+label {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background-image: url(../icon/form/eye.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	left: auto;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
}

input[data-type=password]+input:checked+label {
	background-image: url(../icon/form/eye_closed.svg);
}

input[data-type=password]+input+label:before,
input[data-type=password]+input+label:after {
	display: none !important;
}

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=file] {
	display: none;
}

input[type=checkbox]+label,
input[type=radio]+label,
.editableform input[type=checkbox]+span {
	position: relative;
	padding: 0 0 0 30px;
	left: 0;
	font-size: inherit;
	color: inherit;
	cursor: pointer;
	display: block;
	line-height: 1.3;
}

input[type=checkbox]:disabled+label,
input[type=radio]:disabled+label {
	color: var(--fon);
}

input[type=radio]+label::before,
input[type=radio]+label::after,
input[type=checkbox]+label::before,
input[type=checkbox]+label::after,
.editableform input[type=checkbox]+span::before,
.editableform input[type=checkbox]+span::after {
	position: absolute;
	content: '';
}

input[type=checkbox]+label::before,
input[type=radio]+label::before,
.editableform input[type=checkbox]+span::before {
	left: 0;
	top: -2px;
	width: 18px;
	height: 18px;
	border: 1px solid;
}

.form-group.inline>input[type=checkbox]+label::before,
.form-group.inline>input[type=radio]+label::before {
	left: 50%;
}

.create_order .form-group.inline>input[type=checkbox]+label::before,
.create_order .form-group.inline>input[type=radio]+label::before {
	top: 10px;
    background-color: #fff;
}

input.empty[type=checkbox]+label::before,
input.empty[type=radio]+label::before {
	top: -10px;
}

input[type=checkbox]:disabled+label::before,
input[type=radio]:disabled+label::before {
	background-color: var(--fon);
}

input[type=checkbox]+label::before,
.editableform input[type=checkbox]+span::before {
	border-radius: 50%;
	border-color: #CFDDEE;
	box-shadow: 0px 0px 8px 0px #00000026;
}

input[type=checkbox]:checked+label::before,
.editableform input[type=checkbox]:checked+span::before {
	background: linear-gradient(135deg, #85BCE7 18.06%, #1D71B8 84.72%);
}

input[type=checkbox]:checked+label::after,
.editableform input[type=checkbox]:checked+span::after {
	width: 8px;
	height: 4px;
	top: 4px;
	left: 5px;
	transform: rotate(-45deg);
	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: #fff;
}

.form-group.inline>input[type=checkbox]+label::after,
.form-group.inline>input[type=radio]+label::after {
	left: calc(50% + 5px);
}

input.empty[type=checkbox]:checked+label::after {
	top: -4px;
}

.create_order .form-group.inline>input[type=checkbox]+label::after,
.create_order .form-group.inline>input[type=radio]+label::after {
	top: 14px;
}

input[type=radio]+label::before {
	border-radius: 50%;
	border-color: var(--green);
}

input[type=radio]:checked+label::after {
	left: 7px;
	top: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--green);
}

.form-group {
	margin: 0 0 10px;
	position: relative;
}

.form-group.inline {
	display: flex;
	align-items: center;
}

.hd_form_invite_bulk .form-group.inline {
    line-height: 18px;
}
.hd_form_invite_bulk .form-group.inline>label {
    width: 35%;
}
.hd_form_invite_bulk .form-group.inline>label>span {
    display: inline-block;
    border-bottom: 1px dashed;
    margin-bottom: 3px;
    cursor: copy;
}

.create_order .form-group.inline {
    padding: 10px;
}
.create_order .form-group.inline:nth-child(2n+1) {
    background-color: var(--fon);
}

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

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

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

.form-group.inline>* {
	width: 75%;
}
.create_order .form-group.inline>* {
    width: 50%;
}

.form-group.inline>label {
	width: 25%;
}
.create_order .form-group.inline>label {
    width: 50%;
}

.form-group.inline>select+span {
	width: 75% !important;
}
.create_order .form-group.inline>select+span {
    width: 50% !important;
}

.form-group.inline-xs> :where(input, .input) {
	width: 50px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

.form-group.inline>label {
	position: static;
	background: transparent;
	padding: 0 10px 0 0;
	text-align: left;
}

.form-group.inline-xs>label {
	order: 1;
	padding: 0 0 0 10px;
	width: calc(100% - 50px);
}

.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);
	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;
	padding: 30px;
	max-width: 100%;
	text-align: center;
	min-height: 250px;
	align-items: center;
}

.popup::before,
.popup::after {
	box-shadow: none;
}

.popup form {
	width: 640px;
	max-width: 100%;
}

.popup form.lg {
	width: 940px;
}

.popup form.sm {
	width: 440px;
}

.popup>button {
	padding: 0;
	margin: 0;
	border: 0;
	cursor: pointer;
	font-size: 16px;
	background-color: var(--dark);
	color: #fff;
	z-index: 1;
}

.popup>button::before {
	margin-left: 1px;
}

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

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

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

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

.hd_form_invite_bulk small {
    display: block;
    font-size: .7rem;
}

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

#sign_agree_form .content-text {
	text-align: left;
}

#sign_cancel_form .content-text {
	margin: 0 auto 30px;
	width: 500px;
	max-width: 100%;
}

/*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 .top {
	position: relative;
	z-index: 1;
	align-items: baseline;
}

#order h1 {
	padding-right: 30px;
	position: relative;
}

#order .top>.status+*,
#order .top>.hd_form+* {
	max-width: calc(100% - 200px);
}

#order h1>span {
	right: 0;
	top: 2px;
	cursor: pointer;
}

@media screen and (min-width: 641px) {

	#order .top>.status,
	#order .top>form {
		order: 1;
	}
}

.active>h1 span::before {
	content: 'close';
}

#order .info {
	background: linear-gradient(127.09deg, #DCE6F0 5.17%, #CFDDEE 77.24%, #BCD1EC 158.51%);
	border-radius: var(--radius);
	position: relative;
	max-height: 0;
	overflow: hidden;
}

#order.active .info {
	max-height: none;
	overflow: visible;
	margin: 0 0 30px;
}

#order .info .wrap {
	padding: 20px 20px 30px;
}

#order .info>.arrow {
	position: absolute;
	background: #d8e3ef;
	width: 30px;
	height: 30px;
	bottom: 100%;
	left: 0;
}

#order .info>.arrow::before,
#order .info>.arrow::after {
	position: absolute;
	content: '';
	background-color: #fff;
	width: 40px;
	height: 60px;
	border-radius: 50%;
	bottom: 0;
}

#order .info>.arrow::before {
	right: 50%;
}

#order .info>.arrow::after {
	left: 50%;
}

#order .description {
	font-weight: 500;
	line-height: 1.3;
}

#order hr {
	border-color: #fff;
	opacity: 1;
}

#order :where(input, .input) {
	background-color: var(--light);
}

#order .contacts>form {
	margin: 0 0 20px;
}

#order .contacts>form button {
	margin: 0;
}

#order .contacts>.scrollbar-inner {
	height: 300px;
	margin-right: -15px;
}

#order .contact {
	line-height: 1.3;
	padding: 15px 15px 15px 40px;
	margin-bottom: 10px;
	word-break: break-all;
}

#order .contact:last-child {
	margin-bottom: 0;
}

#order .tabs-control {
	justify-content: center;
}

/*RESESRCH*/
#results {
	grid-gap: 15px;
	margin: 30px 0 0;
}

.research {
	min-height: 150px;
	cursor: pointer;
	padding: 40px 20px 20px;
}

.research>.ic-dark::before {
	font-size: 20px;
}

.research>.corner-wrap {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	grid-gap: 20px;
}

.research .title {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
}

.research .status {
	left: 50%;
	min-width: 170px;
	transform: translateX(-50%);
	max-width: 100%;
	text-overflow: ellipsis;
}

/*TOP*/
.top>h1 {
	margin-bottom: 0;
}

.top {
	margin-bottom: 30px;
}

/*STATUS*/
.status {
	border-radius: var(--radius_md);
	min-width: 170px;
	text-transform: uppercase;
	text-align: center;
	padding: 11px 10px 9px;
	font-weight: 500;
	color: var(--dark);
	display: inline-block;
	position: relative;
	border: none;
}

.status.lg {
	min-width: 185px;
	padding: 15px 14px 13px;
}

form>.status {
	cursor: pointer;
	padding-right: 32px;
	margin: 0;
}

.status>span {
	position: absolute;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.4);
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	transform: translateY(-50%);
	right: 7px;
}

table .status {
	font-size: 9px;
	min-width: 88px;
}

/*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 .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(--fon);
	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 {
	padding-left: 20px;
}

.article {
	padding: 9px 0;
	position: relative;
}

.article:not(:last-child)::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(41, 42, 43, 0.2);
}


.article>h2 {
	margin: 0;
	padding: 13px 50px 11px 20px;
	margin-left: -20px;
	width: calc(100% + 20px);
	border-radius: var(--radius);
	cursor: pointer;
	position: relative;
}

.article.active>h2 {
	background: linear-gradient(90deg, #DCE6F0 0%, #CFDDEE 47%, #BCD1EC 100%);
}

.article h2 span {
	width: 25px;
	height: 25px;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
}

.article.active>h2 span::before {
	content: 'close';
}

.article .text {
	display: none;
	padding: 15px 0 10px;
	opacity: 0.5;
}

/*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-color: var(--dark);
	text-align: center;
	padding: 40px 0 25px;
	border-radius: 35px 35px 0 0;
	margin: 110px 0 0;
}

footer .logo img {
	width: 250px;
}

footer .info {
	margin: 40px 0 0;
	text-transform: uppercase;
	font-size: 11px;
}

footer .info>* {
	opacity: 0.4;

}

footer div>a {
	text-decoration: underline;
}

footer div>a:hover {
	text-decoration: none;
}

/*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: 16px;
	line-height: 1.4;
	right: 10px;
	bottom: 10px;
}

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

#jGrowl .jGrowl-close {
	position: absolute;
	right: 10px;
	top: 12px;
	margin: 0;
}

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

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

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

/*SIMPLEBAR*/
body .simplebar-track {
	background-color: #E9EFF6;
	border-radius: 5px;
}

body .simplebar-content {
	padding: 0 13px 0 0 !important;
}

body .simplebar-scrollbar.simplebar-visible::before {
	background-color: #BCD1EC;
	opacity: 1;
}

body .simplebar-track.simplebar-vertical {
	width: 6px;
}

body .simplebar-scrollbar::before {
	top: 1px;
	bottom: 1px;
	left: 1px;
	right: 1px;
}

/*DRAGANDDROP*/
.draganddrop {
	border-color: transparent;
}

.draganddrop::before,
.draganddrop::after,
.draganddrop>.corner-shadow-line {
	background-color: #F3F6FA;
	box-shadow: none;
	border-style: dashed;
}

.draganddrop>.corner-radius::before {
	border-color: #F3F6FA;
}

.draganddrop>.corner-radius::after {
	border-style: dashed;
}

body.drag .draganddrop {
	border-color: #ccc;
}

.draganddrop .wrap {
	position: relative;
}

.draganddrop>p {
	margin: 0 0 10px;
}

*:not(.block-grid)>.draganddrop:not(:first-child) {
	margin: 30px 0 0;
}

.file-list {
	height: 290px;
	padding: 20px 55px 20px 20px;
	overflow: hidden;
	position: relative;
}

.draganddrop.sm .file-list {
	height: 80px;
}

.file-list.dragover {
	background-color: var(--green);
}

.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(--green);
	text-decoration: underline;
	word-break: break-word;
}

.drop-mess {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	display: none;
	border-radius: inherit;
	z-index: 1;
}

body.drag .drop-mess {
	display: flex;
}

.draganddrop .upload label {
	cursor: pointer;
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	right: 0;
	top: 0;
	background-color: var(--fon);
	z-index: 2;
}

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

.draganddrop .upload label:before {
	width: 18px;
	height: 2px;
}

.draganddrop .upload label:after {
	height: 18px;
	width: 2px;
}

.draganddrop input[type='checkbox']+label {
	position: absolute;
	top: 0;
}

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

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

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

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

.draganddrop .createdon {
	position: absolute;
	top: 0;
	color: grey;
	font-size: 10px;
}

/*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(--fon);
	opacity: 1;
}

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

/*DOCUMENTS*/
#documents {
	counter-reset: list;
}

#add_file {
	margin: 30px 0 0;
}

.document {
	position: relative;
}

.document h2:after {
	counter-increment: list;
	content: counter(list);
}

.document .ic-dark {
	right: 0;
	top: 0;
	cursor: pointer;
}

.document .preview embed {
	border-radius: 10px 10px 0 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*DOC*/
#doc .preview {
	width: 100%;
	position: relative;
	max-height: none;
	padding-bottom: 30px;
	margin: 30px 0;
}

#doc .preview embed {
	min-height: 500px;
}

#doc .preview .status {
	position: absolute;
	left: 10px;
	top: 10px;
}

#doc_remove {
	padding-top: 70px;
}

#doc_remove>button {
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(90deg, #DCE6F0 0%, #CFDDEE 43.5%, #BCD1EC 100%);
	color: var(--dark);
	border-radius: 15px 15px 0 0;
}

#uid {
	display: grid;
	grid-template-columns: repeat(34, 1fr);
	grid-gap: 1px;
	font-size: 18px;
}

#uid span {
	display: inline-flex;
	align-items: center;
	background-color: #E9EFF6;
	height: 36px;
	justify-content: center;
}

#uid span:first-child {
	border-radius: 10px 0 0 10px;
}

#uid span:last-child {
	border-radius: 0 10px 10px 0;
}

/*PREVIEW*/
.preview {
	position: relative;
	height: 100%;
	background-color: var(--fon);
	padding: 30px 30px 0 30px;
	border-radius: var(--radius);
	display: inline-flex;
	max-height: 170px;
}

.preview embed {
	border-radius: 10px;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
	height: 100%;
}

.preview__placeholder {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 10px;
}

.preview__placeholder-icon {
	font-size: 56px;
	line-height: 1;
	color: #2b579a;
	margin-bottom: 20px;
}

.preview__placeholder-title {
	font-weight: 700;
	color: var(--dark);
	margin-bottom: 8px;
}

.preview__placeholder-text {
	font-size: 12px;
	line-height: 1.3;
	color: #6b7280;
}

/* --- Filters --- */
#files-table thead td {
    padding: 10px 5px 20px;
    text-wrap: auto;
    text-align: center;
    vertical-align: middle;
}

#files-table tbody td {
    text-align: center;
}

.table-head__inner {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.table-head--filter {
	position: relative;
	white-space: nowrap;
    cursor: pointer;
}

.table-head--filter.table-head--active::after {
	content: "";
	position: absolute;
	top: 6px;
	right: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #0084E5;
}

/* Arrow button in header */
.table-head__arrow-btn {
	border: none;
	background: transparent;
	padding: 0;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
}

.table-head__arrow {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg);
	/* arrow down */
	margin-top: 3px;
}

.table-head--filter.table-head--active .table-head__arrow {
	border-right-color: #0084E5;
	border-bottom-color: #0084E5;
}

/* Popup wrapper */
.filter-popup {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 6px;
    min-width: 260px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding: 15px 16px 20px;
    z-index: 50;
    display: none;
}

.filter-popup--open {
	display: block;
    text-align: left;
}

.filter-popup__body {
	font-size: 13px;
}

.filter-popup__label {
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 8px;
}

.filter-popup__row {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 12px;
}

.filter-popup__input, .filter-popup__select {
    flex: 1 1 auto;
    padding: 10px 10px;
    border-radius: 10px;
    border: 1px solid #d0d8e5;
    font-size: 14px;
    outline: none;
    background: #e9edf6;
}

.filter-popup__input:focus,
.filter-popup__select:focus {
	border-color: #3b82f6;
}

.filter-popup__dash {
	font-size: 13px;
	color: #98a0b5;
}

.filter-popup__actions {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 10px;
}

.filter-popup__btn {
	width: 138px;
	border-radius: 999px;
	padding: 13px 10px;
	font-size: 13px;
	border: none;
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 0;
}

.filter-popup__btn--clear {
	background: #eef2fa;
	color: #44516a;
}

.filter-popup__btn--apply {
	background: linear-gradient(90deg, #63C8FF 0%, #0084E5 100%);
	color: #ffffff;
}

/* --- Date filter header (like your mockup top area) --- */

.date-range-header {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 8px;
}

.date-range-header__clear,
.filter-popup__btn--clear {
	align-self: flex-start;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #7e8ba8;
	cursor: pointer;
	text-decoration: underline;
	text-transform: none;
	width: auto;
}

.date-range-display {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 10px;
	border-radius: 10px;
	background: #e9edf6;
	font-size: 12px;
	color: #1b2a44;
	margin-top: 5px;
}

.date-range-display__text {
	white-space: nowrap;
}

/* --- Flatpickr inside popup (range inline) --- */

.filter-popup__calendar {
	margin-top: 10px;
}

/* remove default border and shadow, round corners */
.filter-popup--date .flatpickr-calendar.inline {
	box-shadow: none;
	border: none;
	border-radius: 12px;
	padding-top: 30px;
	top: 6px;
}

/* move calendar closer */
.filter-popup--date .flatpickr-innerContainer {
	padding: 4px 0 0;
	margin-top: 10px;
}

/* header: month/year and arrows */
.filter-popup--date .flatpickr-months {
    margin-bottom: 4px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
}

.filter-popup--date .flatpickr-month {
	height: auto;
}

.filter-popup--date .flatpickr-current-month {
	font-size: 14px;
	font-weight: 500;
	left: 0;
	padding: 0;
	width: auto;
}

.filter-popup--date .flatpickr-weekdays {
	font-size: 11px;
	font-weight: 500;
	color: #9aa5bd;
}

/* days style */
.filter-popup--date .flatpickr-day {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 999px;
	border: none;
	margin: 1px;
	font-size: 12px;
	max-width: 35px;
}

/* days in current month normal color */
.filter-popup--date .flatpickr-day:not(.prevMonthDay):not(.nextMonthDay) {
	color: #1b2a44;
}

/* muted for other months */
.filter-popup--date .flatpickr-day.prevMonthDay,
.filter-popup--date .flatpickr-day.nextMonthDay {
	color: #c4ccdd;
}

.filter-popup--date .flatpickr-day.nextMonthDay {
    visibility: hidden;
    font-size: 1px;
    width: 0;
    height: 0;
}

/* range middle */
.filter-popup--date .flatpickr-day.inRange {
	background: #e9edf6;
	color: #1e6cf2;
	border-radius: 0;
	box-shadow: -5px 0 0 #e9edf6, 15px 0 0 #e9edf6;
	z-index: 1;
}

/* start/end of range: blue circles */
.filter-popup--date .flatpickr-day.startRange,
.filter-popup--date .flatpickr-day.endRange,
.filter-popup--date .flatpickr-day.selected {
	background: linear-gradient(90deg, #63C8FF 0%, #0084E5 100%);
	color: #ffffff !important;
	border-radius: 999px;
	z-index: 2;
}

.filter-popup--date .flatpickr-day.startRange {
	box-shadow: 10px 0 0 #e9edf6;
}
.filter-popup--date .flatpickr-day.startRange.startRange--adjacent {
	box-shadow: none;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
	box-shadow: none;
}

/* hover state */
.filter-popup--date .flatpickr-day:hover {
	background: linear-gradient(90deg, #63C8FF 0%, #0084E5 100%);
	color: #ffffff !important;
	z-index: 3;
}

.filter-popup--date .flatpickr-day.endRange {
	z-index: 5;
}

/* today marker */
.filter-popup--date .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange) {
	border: 1px solid #1e6cf2;
	z-index: 5;
}

.date-range-month {
	margin-top: 10px;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 500;
	color: #1b2a44;
	text-transform: none;
}

/* --- Flatpickr month arrows like in mockup --- */

/* remove default svg icons */
.filter-popup--date .flatpickr-prev-month svg,
.filter-popup--date .flatpickr-next-month svg {
	display: none;
}

/* base styles for both buttons */
.filter-popup--date .flatpickr-prev-month,
.filter-popup--date .flatpickr-next-month {
	top: -1px;
	/* vertical align with "Февраль 2024 г." */
	width: 18px;
	height: 18px;
	border: none;
	box-shadow: none;
	background: transparent;
	cursor: pointer;
}

.filter-popup--date .flatpickr-next-month {
    right: 15px !important;
    top: -10px;
}

.filter-popup--date .flatpickr-prev-month {
    right: 45px;
    left: auto !important;
    position: absolute;
}

/* draw custom chevrons */
.filter-popup--date .flatpickr-next-month::after,
.filter-popup--date .flatpickr-prev-month::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 auto;
	border-right: 2px solid;
	border-bottom: 2px solid;
}

/* dark DOWN arrow (как на макете) */
.filter-popup--date .flatpickr-next-month::after {
	border-color: #333333;
	transform: rotate(45deg);
	/* "V" */
}

/* light UP arrow (полупрозрачная) */
.filter-popup--date .flatpickr-prev-month::after {
	border-color: #333;
	transform: rotate(-135deg);
	/* "^" */
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	padding: 5px;
	font-size: 14px;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
	background-color: #e9edf6;
}

.flatpickr-current-month input.cur-year {
    margin-left: 10px;
    padding: 5px;
    background-color: transparent !important;
}

.numInputWrapper span {
    right: -10px;
}

.wrapper-padding {
    padding: 0 35px;
}


/* mobile tweaks */
@media (max-width: 575px) {
	.filter-popup {
		left: 50%;
		transform: translateX(-50%);
		max-width: 100%;
	}

	.filter-popup__calendar {
		margin-top: 6px;
	}
}