: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:hover,
header ul a:hover{
	background: var(--dark);
	color: #fff;
}

.btn-blue,
header ul a:active {
	background: linear-gradient(90deg, #85BCE7 0%, #1D71B8 100%);
	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;
}

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

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

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

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

.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: 70%;
}

.form-group.inline > label {
	width: 30%;
}

.form-group.inline > select + span{
	width: 70% !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;
}

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