:root {
	--dark: #303030;
	--grey:#979797;
	--lightgrey:#EDEDED;
	--green:#47AB32;
	--red:#f00a30;
	--blue:#112e68;
	--lightblue:#c5d9f2;
	--radius: 15px;
	--radius-sm: 10px;
}

/*SETTING*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

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

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

.uc {
	text-transform: uppercase;
}

.hidden {
	display: none !important;
}

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

em{
	font-style: italic;
}

.ta-c, .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(--blue);
}

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

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

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

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

.row {
	padding: 50px 0px;
}

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

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

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

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

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

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

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

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

.scroll:hover {
	cursor: pointer;
}

.rsz-v {
	resize: vertical;
}

.rsz-b {
	resize: both;
}

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

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


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

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

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

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

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


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

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

a,
button {
	outline: none;
}

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

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

h1 + .h1 {
	margin: -20px 0 30px;
}

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

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

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

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

.btn:hover{
	opacity: 1;
}

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

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

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

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

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

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

.btn-red {
	background: var(--red);
}

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

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

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

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

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

#filter .buttons,
.multi-container + .buttons{
	margin: 15px 0 0;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.loading::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	cursor: wait;
	filter: blur(100);
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(3px);
}

.loading > .loader{
	display: block;
}

.loader {
	display: none;
	z-index: 2;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: inline-block;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 3px solid;
	border-color: var(--green) var(--green) transparent transparent;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

.loader::after,
.loader::before {
	content: '';  
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border: 3px solid;
	border-color: transparent transparent var(--blue) var(--blue);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-sizing: border-box;
	animation: rotationBack 0.5s linear infinite;
	transform-origin: center center;
}
.loader::before {
	width: 32px;
	height: 32px;
	border-color: var(--green) var(--green) transparent transparent;
	animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotationBack {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

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

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

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(--lightgrey);
	color: var(--dark);
	font-size: 20px;
}

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

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

.fa-check::before {
	content: "\f00c";
}

.fa-times::before {
	content: "\f00d";
}

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

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

/*BODY*/
body {
	font-family: MuseoSansCyrl;
	font-size: 16px;
	color: var(--dark);
	background-color: var(--blue);
	overflow-x: hidden;
	width: 100%;
	font-weight: 300;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

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

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

header.active{
	width: 250px;
}

.header{
	overflow: auto;
	padding: 20px;
	height: 100%;
}

#logo{
	display: inline-block;
	margin: 0 0 50px;
	min-height: 40px;
}

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

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

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

header.active ul a{
	padding: 0 0 0 40px;
	background-position: left center;
	text-indent: 0;
}

header a[data-icon="list"]{background-image: url(../icon/menu/list.svg);}
header a[data-icon="my-list"]{background-image: url(../icon/menu/my-list.svg);}
header a[data-icon="plus"] {
	background-image: url(../icon/menu/plus.svg);
	min-height: 45px;
	line-height: 45px;
	margin-left: -5px;
}
header a[data-icon="edit"]{background-image: url(../icon/menu/edit.svg);}
header a[data-icon="ask"]{background-image: url(../icon/menu/ask.svg);}
header a[data-icon="folder-check"]{background-image: url(../icon/menu/folder-check.svg);}
header a[data-icon="user"]{background-image: url(../icon/menu/user.svg);}
header a[data-icon="logout"]{background-image: url(../icon/menu/logout.svg);}

header.active ul a[data-icon="plus"]{
	margin-left: -15px;
	padding-left: 55px;
}

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

header .move:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	top: 50%;
	border: solid var(--dark);
	border-width: 2px 2px 0 0;
	left: 50%;
	margin-left: -3px;
	transform-origin: 0 0%;
	opacity: .3;
	transform: rotate(45deg) translate(-50%,-50%);
	margin-left: -3px;
}

header.active .move:before{
	transform: rotate(-135deg) translate(-50%,-50%);
	margin-left: 2px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.block-col{
	display: grid;
}

.block-grid > .block,
.block-grid > *{
	grid-column: span 12;
}

.block-grid > .col-1{grid-column: span 1;}
.block-grid > .col-2{grid-column: span 2;}
.block-grid > .col-3{grid-column: span 3;}
.block-grid > .col-4{grid-column: span 4;}
.block-grid > .col-5{grid-column: span 5;}
.block-grid > .col-6{grid-column: span 6;}
.block-grid > .col-7{grid-column: span 7;}
.block-grid > .col-8{grid-column: span 8;}
.block-grid > .col-9{grid-column: span 9;}
.block-grid > .col-10{grid-column: span 10;}
.block-grid > .col-11{grid-column: span 11;}

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

.block.shhi{
	align-self: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*CONTENT*/
#content{
	background-color: #F5F5F5;
	border-radius: var(--radius) 0 0 var(--radius);
	min-height: 100vh;
}

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

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

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

#content.gradient {
	background: var(--blue) left -10px top -60px;
	background-size: 200px;
	min-height: 100vh;
	display: flex;
	align-items: center;
}

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

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

.content-text br {
	margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#avatar {
	align-items: center;
}

#avatar label {
	position: relative;
}

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

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

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

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

#avatar input {
	display: none;
}

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

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

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

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

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

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

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

#results .keywords{
	word-wrap: anywhere;
}

thead{
	position: sticky;
	z-index: 2;
}

tbody tr th{
	position: sticky;
	z-index: 1;
}

thead{
	top: 0;
	background-color: #F5F5F5;
}

tbody tr th{
	left: 0;
}

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

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

.tr{
	display: table-row;
}

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

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

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

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

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

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

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

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

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

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

#results .tbody .tr{
	cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

#results td:nth-child(4),
#results td:nth-child(5),
#results td:nth-child(6),
#results td:nth-child(7){
	width: 75px;
}

/*CHANGES*/
#changes .list{
	height: 600px;
	overflow: auto;
}

#changes .date{
	margin: 15px 0;
}

#changes table td.id{
	text-decoration: underline;
	cursor: pointer;
	color: var(--blue);
}

/*RESUME*/
#resume .result{
	max-height: 600px;
	overflow: auto;
	margin: 0 0 10px;
}

#resume thead input[type=text]{
	padding: 5px;
	min-width: 70px;
}

#resume thead .btn{
	min-width: 70px;
	padding: 5px 8px;
	border-radius: 8px;
}

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

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

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

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

form .message .error {
	color: red;
}



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

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

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

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

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

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

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

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

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


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

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

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

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

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

textarea {
	min-height: 180px;
}

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

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

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

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

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

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

select:required:invalid {
	color: gray;
}

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

option {
	color: black;
}

input[type=checkbox] + label,
input[type=radio] + label,
.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(--lightgrey);
}

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: 0;
	width: 18px;
	height: 18px;
	border: 1px solid;
}

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

input[type=checkbox] + label::before,
.editableform input[type=checkbox] + span::before{
	border-radius: 3px;
	border-color: var(--dark);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-col:not(:last-child){
	margin: 0 0 15px;
}

.form-col.col-4{
	grid-template-columns: repeat(4, 1fr);
}

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

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

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

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

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

.choise{
	display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-info .info{
	grid-column: span 2;
}

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

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

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

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

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

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

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

.order-info .tag{
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	background-color: red;
	border-radius: 7px;
}

/*TAGS*/
.tags{
	margin: -5px 0 0;
}

.tags span{
	float: left;
	padding: 5px;
	border-radius: 5px;
	background-color: #E9E9E9;
	margin: 5px 5px 0 0;
}

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

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

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

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

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

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

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

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

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

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

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

#comments-wrapper {
	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(--lightgrey);
	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: calc(100% + 10px);
	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;
}

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

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

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

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

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

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

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

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

.article img {
	width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*DRAGANDDROP*/
.draganddrop .wrap{
	position: relative;
}

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

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

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

body.drag .file-list.owner{
	border: 1px dashed #ccc;
}

body.drag .file-list:hover{
	cursor: pointer;
}

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

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

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

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

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

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

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

.drop-mess {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	background: rgba(255,255,255,0.9);
	display: none;
	border-radius: inherit;
}

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

.draganddrop .upload label {
	cursor: pointer;
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	right: 0;
	top: 0;
	transform: translate(50%, -50%);
	background-color: var(--blue);
	z-index: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*SHOWHIDE*/
.shhi{
	position: relative;
}

.shhi_button {
	position: absolute;
	right: 30px;
	top: 30px;
	cursor: pointer;
}

/*ACTIONS*/
#actions{
	background-color: var(--grey);
	border-radius: 10px;
	padding: 15px;
	margin: 0 -15px;
	font-size: 14px;
	max-height: 500px;
	overflow-y: auto;
}

#actions .item{
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

#actions .item > *{
	padding: 10px;
}

#actions .name{
	width: 100px;
	text-align: center;
	background-color: var(--lightblue);
	display: grid;
	align-items: center;
	font-weight: 400;
	position: relative;
}

#actions .name form {
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: center;
}

#actions .name button {
	color: red;
	text-decoration: underline;
	border: none;
	background: transparent;
	padding: 0;
	left: 0;
	cursor: pointer;
}

#actions .info{
	width: calc(100% - 100px);
	background-color: #fff;
}

#actions ul{
	display: grid;
	grid-gap: 5px;
}

#actions li > span:first-child{
	width: 65px;
	padding: 0 5px 0 0;
	opacity: 0.7;
}

#actions li > span{
	width: calc(100% - 65px);
}

/*CIRCLE*/
#actions .circle{
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.circle svg{
	width: 45px;
}

.circle *{
    display: inline-block;
    vertical-align: middle;
}

circle {
	fill: var(--lightblue);
	stroke: var(--lightblue);
	stroke-width: 7;
	stroke-dasharray: 150;
}

.circle[data-status=true] circle{
	fill: var(--green);
}

.circle[data-status=brake] circle{
	fill: var(--red);
}

circle:last-child {
	stroke: var(--grey);
}

.circle span{
    display: none;
}