/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,cyrillic);*/
@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans-SemiBoldItalic.eot');
	src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
		url('font/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('font/OpenSans-SemiBoldItalic.woff') format('woff'),
		url('font/OpenSans-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans-LightItalic.eot');
	src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
		url('font/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('font/OpenSans-LightItalic.woff') format('woff'),
		url('font/OpenSans-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans-Bold.eot');
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url('font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/OpenSans-Bold.woff') format('woff'),
		url('font/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans-ExtraBoldItalic.eot');
	src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
		url('font/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('font/OpenSans-ExtraBoldItalic.woff') format('woff'),
		url('font/OpenSans-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans-Light.eot');
	src: local('Open Sans Light'), local('OpenSans-Light'),
		url('font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('font/OpenSans-Light.woff') format('woff'),
		url('font/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans-Italic.eot');
	src: local('Open Sans Italic'), local('OpenSans-Italic'),
		url('font/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('font/OpenSans-Italic.woff') format('woff'),
		url('font/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans-Regular.eot');
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
		url('font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('font/OpenSans-Regular.woff') format('woff'),
		url('font/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans-SemiBold.eot');
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
		url('font/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('font/OpenSans-SemiBold.woff') format('woff'),
		url('font/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans-ExtraBold.eot');
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
		url('font/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('font/OpenSans-ExtraBold.woff') format('woff'),
		url('font/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans-BoldItalic.eot');
	src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
		url('font/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('font/OpenSans-BoldItalic.woff') format('woff'),
		url('font/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Nunito Sans';
	src: url('font/Nunito-VariableFont_wght.ttf') format('truetype');
	/* font-weight: bold; */
	/* font-style: italic; */
}

@font-face {
	font-family: 'Nunito Sans ExtraBold';
	src: url('font/Nunito-ExtraBold.ttf') format('truetype');
	font-weight: bold;
	/* font-style: italic; */
}

html, body{
	width: 100%; 
	/* height: 100%; */
	height: 100vh;
	/* min-width: 1468px; min-height: 700px; */
	/* min-width: 1468px; min-height: 1080px; */
	margin: 0px; padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}
/*LOADER*/
.loader{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: #fff url(/img/loader.gif) center no-repeat;
	z-index: 9999;
}
.loader.loader_transparent {
	background: url(/img/loader.gif) center no-repeat, rgb(251 251 251 / 77%);
	z-index: 100003;
}
/*END LOADER*/

.header_name{
	float: left;
	height: 100%
}

.header_name_text{
	float: left;
	margin-top: 23px;
    font-size: 25px;
    color: #000000;
    font-weight: 800;
	font-family: "Nunito Sans";
}
.header_name_ico{
	width: 83px;
	height: 77px;
	float: left;
	background: url(/img/sed_header_ico.svg) center no-repeat;
}


/* Окошко, появляющееся при выборе пункта Заявка в ИТ-департамент. */
.new_modal {
	background: #fff;
	display: none;
	position: absolute;
	top: 30%;
	left: 40%;
	margin-right: -50%;
	width: 40%;
	border: 1px solid #BCBEC0;
}

.new_modal_header {
	background: #E6E6E6;
	padding: 15px 30px;
	color: #000;
	font-family: "Nunito Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
}

.new_modal_content {
	padding: 30px;
	color: #000;
	font-family: 'Nunito Sans';
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* line-height: 13px; 92.857% */
}

.new_modal_close_button_style{
	padding: 15px 30px;
	border-top: 1px solid #BCBEC0;
}

.new_modal_button {
	background: #5B0431;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 38px !important;
	color: #fff;
	padding: 0px 20px;
	border: 1px solid #5B0431;
	border-radius: 5px;
	transition: 0.5s;
}

.new_modal_button:hover {
	background: #fff;
	color: #5B0431;
	transition: 0.5s;
}

a.new_modal_content_link:link {color: #5B0431;}
a.new_modal_content_link:visited {color: #5B0431;}
a.new_modal_content_link:hover {color: #bd0231;}

/*MULTIPOST WIN*/
.multipost-window{
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -190px; margin-left: -300px;
	width: 600px; height: 380px;
	background: #fff;
	z-index: 10000;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
.multipost-message{
	margin-top: 20px;
	color: #5e828c;
	text-align: center;
	padding-top: 140px;
	background: url(/img/logo_posts_2020.png) top center no-repeat;
}
.multipost-select{
	border: 1px solid #5e828c;
	height: 30px; line-height: 30px;
	font-family: 'Open Sans', sans-serif;
	color: #5e828c;
	font-size: 14px;
	padding: 0 10px;
}
.multipost-ok{
	margin-top: 35px;
	margin-left: 230px;
	text-align: center;
	cursor: pointer;
}
/*MULTIPOST WIN*/
/**/
.shim{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: #000;
	opacity: 0.8;
	z-index: 10001;
	height:100vh;
}
.shim2{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: #000;
	opacity: 0.8;
	z-index: 101;
	height:100vh;
}
/**/
.docDetailsNewWindow{
	position: absolute;
	top: 40px; left: 50%;
	width: 970px; 
	/* max-height: 700px; */
	height: 720px;
	margin-left: -500px;
	padding: 10px 15px;
	background: #fff;
	z-index: 10000;
	border-radius: 5px;
	/* SED-27 bugfix */
	overflow: hidden;
}

.multiCopyTo {
	display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(10, 1fr);
    justify-content: flex-start;
    grid-gap: 10px;
	padding: 15px 0;
}

/*NEW DOC*/
.new-doc{
	position: absolute;
	top: 10px; left: 50%;
	width: 950px; 
	/* height: 100%; */
	height: max-content;
	/* max-height: 94% !important; */
	margin-left: -490px;
	padding: 20px 15px;
	background: #fff;
	z-index: 10002;
	border-radius: 5px;
	overflow: hidden;
}
.new-doc-headers-text {
	width: 50px;
	color: rgba(0, 0, 0, 0.80);
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.new-doc.edit-mode {
	left: 0px;
	right: 0px;
	margin: 0 auto !important;
	width: 680px;
}
.new-doc.edit-mode .new-doc-main {
	width: 100%;
	height: 70% !important;
}
.new-doc-title{
	font-size: 20px; line-height: 30px;
}
.new-doc-cancel{
	float: right;
	color: #fff;
	background: #a0acb0;
	font-size: 12px; line-height: 20px;
	border-radius: 10px;
	padding: 0 10px;
	margin: 5px 0;
	cursor: pointer;
}
.new-doc-type{
	font-size: 16px;
}
.new-doc-block{
	padding: 7px 0px;
	color: #6b818b;
	border-bottom: 1px solid #7D8184;
	/* border-bottom: 1px solid #cdd4d4; */
	color: rgba(0, 0, 0, 0.80);
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
/**/
/*NEW DOC ADD USER*/
.new-doc-add-to{
	height: 35px;
	position: relative;
}
.new-doc-add-to-list{
	position: absolute;
	top: 0px; right: -45px;
	/* top: -5px; right: -45px; */
	width: 34px; height: 34px;
	background: url(/img/material-symbols-light_list.svg) no-repeat;
	/* background: url(/img/icons_paket.png) -920px -40px no-repeat; */
	cursor: pointer;
}
.new-doc-add-to-list-admin-change-user{
	position: absolute;
	top: 0px; left: 180px;
	/* top: -5px; right: -45px; */
	width: 34px; height: 34px;
	background: url(/img/material-symbols-light_list.svg) no-repeat;
	/* background: url(/img/icons_paket.png) -920px -40px no-repeat; */
	cursor: pointer;
}
.new-doc-add-groupTo-list{
	position: absolute;
	top: -5px; right: -85px;
	width: 40px; height: 40px;
	background: url(/img/icons_paket.png) -920px -40px no-repeat;
	cursor: pointer;
}
.new-doc-add-to-remove{
	position: absolute;
	top: 0px; right: -90px;
	/* top: -5px; right: -125px; */
	width: 34px; height: 34px;
	background: url(/img/basil_cross-outline.svg) no-repeat;
	/* background: url(/img/icons_paket.png) -840px -80px no-repeat; */
	cursor: pointer;
}
.new-doc-add-to-remove-admin-change-user{
	position: absolute;
	top: 0px; left: 210px;
	/* top: -5px; right: -125px; */
	width: 34px; height: 34px;
	background: url(/img/basil_cross-outline.svg) no-repeat;
	/* background: url(/img/icons_paket.png) -840px -80px no-repeat; */
	cursor: pointer;
}
.new-doc-add-to-photo-div{
	width: 46px; height: 46px;
	float: left;
	position: relative;
}
.new-doc-add-to-photo{
	width: 40px;
	height: 40px;
	border-radius: 23px;
	/* border: 3px solid #a5adb0; */
	background-image: url(/img/employee_icon.svg);
	/* background-image: url(/img/no_photo.jpg); */
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}
.new-doc-add-to-photo:hover{
	/* border: 3px solid #589bbf; */
	cursor: pointer;
}
.new-task-add-to-photo{
	position: absolute;
	left: 0px; top: -5px;
	width: 40px; height: 40px;
	border-radius: 20px;
	background-image: url(/img/no_photo.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}
.new-doc-add-to-photo-close, .new-doc-add-to-photo-close2, .new-doc-add-to-photo-close2_spec{
	position: absolute;
	left: 29px; top: 3px;
	width: 14px; height: 14px;
	border-radius: 7px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	font-size: 10px;
	background: red;
	cursor: pointer;
}
.new-doc-add-to-photo-popup{
	display: none;
	position: fixed;
	background: #dae1e3;
	color: #6b808a;
	/* top: 30px; 
	left: -105px; */
	padding: 5px 10px;
	width: 250px;
	border-radius: 5px;
	box-shadow: -2px 5px 10px rgba(0,0,0,0.3);
	z-index: 111111;
	font-size: 11px;
}
/* .doc-route .route-step:first-child .new-doc-add-to-photo-popup {
	left: 30px !important;
	right: auto !important;
}
.doc-route .route-step:last-child .new-doc-add-to-photo-popup {
	right: 30px;
	left: auto;
} */
.new-doc-add-to-photo-popup b{
	font-size: 12px; font-weight: 700;
}
.new-doc-add-to-users-list, .new-doc-add-to-usersGroup-list, .new-doc-add-to-users-list-admin-change-user{
	display: none;
	position: absolute;
	top: 30px; left: 0px;
	width: 240px; height: auto; max-height: 300px;
	padding: 5px 10px;
	background: #dae1e3;
	z-index: 111112;
	overflow: auto;
	border-radius: 0px 5px 5px 5px;
	box-shadow: -2px 5px 10px rgba(0,0,0,0.3);
}
.new-doc-add-to-users-list-item, .new-doc-add-to-usersGroup-list-item, .new-doc-add-to-users-list-item-admin-change-user{
	cursor: pointer;
}
.new-doc-add-to-users-list-item-name, .new-doc-add-to-users-list-item-name-admin-change-user{
	color: #1a3740;
}
.new-doc-add-to-users-list-item-post, .new-doc-add-to-users-list-item-post-admin-change-user{
	font-size: 11px;
}
.new-doc-add-to-users-list-item:hover .new-doc-add-to-users-list-item-name, .new-doc-add-to-users-list-item-admin-change-user:hover .new-doc-add-to-users-list-item-name-admin-change-user{
	color: #000;
}
.upload-file-result{
	margin-top: 10px;
	background: #fff;
}
.upload-file-result-name{
	padding: 0 10px;
	line-height: 30px;
}
.upload-file-result-name-name{
	float: left;
	width: 206px;
}
.upload-file-result-bar{
	height: 11px; line-height: 11px; width: 100%;
	font-size: 10px;
	text-align: center;
	color: #fff;
	background: #7ac29f;
	clear: both;
}
.upload-file-result-del{
	margin-top: 8px;
	float: right;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	font-size: 10px;
	background: red;
	cursor: pointer;
}
.upload-file-button{
	width: 202px; 
	height: 42px; 
	margin: 10px auto; 
	position: relative;
}
.attachment{
	float: left;
	width: 100%; 
	height: 120px;
	margin: 10px;
}
.attachment-icos{
	float: left;
	width: 70px; height: 120px;
}
.attachment-name{
	/* float: right; */
	position: relative;
	/* width: 220px;  */
	height: 120px;
	/* font-weight: 600; */

	color: #000;
	font-family: "Nunito Sans";
	/* font-size: 14px; */
	font-style: normal;
	font-weight: 400;
	/* line-height: 15px; 107.143% */
}
.attachment-name span{
	display: block;
	font-size: 10px;
	margin-top: 10px;
	font-weight: 400;
}
.attachment-ico{
	width: 70px; height: 70px;
	background-size: cover;
}
.attachment-ico.any{
	/* background: url(/img/filetype_any.png) top center no-repeat; */
	background: url(/img/zip-file.svg) top center no-repeat;
}
.attachment-ico.img{
	/* background: url(/img/filetype_img.png) top center no-repeat; */
	background: url(/img/zip-file.svg) top center no-repeat;
}
.attachment-ico.doc{
	background: url(/img/filetype_doc.png) top center no-repeat;
}
.attachment-ico.xls{
	background: url(/img/filetype_xls.png) top center no-repeat;
}
.attachment-ico.pdf{
	background: url(/img/filetype_pdf.png) top center no-repeat;
}
.attachment-ico.archive{
	background: url(/img/filetype_archve.png) top center no-repeat;
}
.attachment-name__info {
	margin-bottom: 13px;
}
.attachment-download{
	display: inline-block;
	height: 30px; 
	line-height: 30px;
	padding: 5px;
	width: 88px;
	/* font-size: 14px; */
	/* border-radius: 3px; */
	color:#fff;
	/* background: #7ac29d; */
	text-align: center;
	text-decoration: none;


	color: #FFF;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	border: 1px solid #5B0431;
	border-radius: 4px;
	background: #5B0431;
}
.attachment-download:hover {
	transition: 0.3s;
	background: #fff;
	color:#5B0431;
	/* border: 1px solid #5B0431; */
	/* border-radius: 4px; */
}
.attachment-download_sample{
	display: inline-block;
	height: 22px; 
	line-height: 22px;
	padding: 5px;
	/* font-size: 14px; */
	/* border-radius: 3px; */
	color:#5B0431;
	background: #fff;
	/* background: #7ac29d; */
	text-align: center;
	text-decoration: none;

	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	border: 1px solid #5B0431;
	border-radius: 4px;
	margin-bottom: 20px;
}
.attachment-download_sample:hover {
	transition: 0.3s;
	
	background: #5B0431;
	color:#fff;
	/* border: 1px solid #5B0431; */
	/* border-radius: 4px; */
}

.change-file{

}

.doc-attachment-change-file{
	display: inline-block;
	vertical-align: middle;
	height: 20px; 
	width: 20px;
	background: url(/img/ph_pencil.svg) no-repeat;
	background-size: 20px 20px;
}

.doc-attachment-change-file-text{
	display: inline-block;
	padding: 10px 10px 10px 0;
}

.change-file-form{
	display: inline-block;
	padding-left: 10px;
}

.fileUploadEditForm{
	/* display: inline-block; */
	/* padding-left: 10px; */
}

.fileUploadEditBtn{
	height: 30px !important; 
	width: 154px !important; 
	position: absolute; 
	top: 0; 
	left: 0;
	opacity: 0; 
	cursor: pointer;
}
.button-upload-file-edit {
	color: #4D4D4F;
	border-radius: 4px;
	border: 1px solid #4D4D4F;

	color: #4D4D4F;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	/* line-height: normal; */
	padding: 5px;
}

.btn-icon-change-file-form {
	/* display: grid; */
    grid-auto-flow: column;
    grid-gap: 7px;
	align-items: center;
	padding-left: 6px;
    padding-right: 10px;
}

.attachmentTable{
	float: none;
	width: 94%; height: auto;
	clear: both;
	position: relative;
	margin: 5px;
}
.attachmentTable .attachment-icos{
	height: auto;
	width: 35px;
}
.attachmentTable .attachment-ico{
	width: 25px; height: 30px;
	background-size: contain;
}
.attachmentTable .attachment-name{
	float: left;
	width: auto;
	height: auto;
}
.attachmentTable:after{
	content: '';
	display: block;
	clear: both;
	float: none;
}
.attachmentTable .attachment-name{
	font-size: 12px;
}
.attachmentTable .attachment-name span{
	margin-top: 2px;
}
.attachmentTable .attachment-download{
	/* position: absolute; */
	top: 0px; right: 0px;
	/* padding: 0 10px; */
	font-size: 13px;
	/* height: 25px; line-height: 25px; */
}
#view-switcher{
	position: absolute; 
	top: 0px; right: 0px; 
	color: #000; cursor: pointer;
	width: 40px; height: 40px;
	cursor: pointer;
	background-image: url(/img/icons_paket.png);
	background-repeat: no-repeat;
	background-position: -880px -80px;	
}
#view-switcher.active{
	background-position: 0px -120px;	
}
/**/
/*LEFT PANEL*/
.left-panel{
	width: 245px; height: 100%;
	/* background: #dae1e3; */
	overflow: hidden;
}
.left-panel-logo{
	/* height: 100px; */
	/* background: #1d3742 url(/img/logo-svg-new.svg) center no-repeat;  */
	background-size: 100%;
	
	height: 77px;
	background: #E6E6E6 url(/img/logo-svg-new.svg) center no-repeat; /* logo2020.png */
    border-bottom: 0.5px solid #BCBEC0;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

	/* position: relative; */
    /* width: 100%; */
    /* line-height: 50px; */
    /* color: #6b818b; */
}
.left-panel-user{
	/* min-height: 180px; */
	padding-bottom: 5px;
	/* background: #6a818a; */
	background: #fff;
	position: relative;
	padding-top: 15px;
}
.left-panel-user-photo{
	position: relative; top: 20px;
	width: 83px; height: 83px;
	margin: 0 70px 25px 76.5px;
	border-radius: 50px;
	border: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.left-panel-user-settings{
	position: absolute;
	top: 60px; 
	right: 76.5px;
	width: 22px; 
	height: 22px;
	/* width: 16px;  */
	/* height: 16px; */
	cursor: pointer;
	background: #E6E6E6 url(/img/ph_gear.svg) 3px 3px no-repeat;
	border-radius: 11px;
	/* background-image: url(/img/icons_paket.png); */
	/* background-repeat: no-repeat; */
	/* background-position: -720px -160px; */
}
.left-panel-user-multipost{
	display: none;
	position: absolute;
	top: 85px; right: 65px;
	width: 40px; height: 40px;
	cursor: pointer;
	background-image: url(/img/icons_paket.png);
	background-repeat: no-repeat;
	background-position: -800px -160px;
}
.left-panel-user-name{
	/* color: #fff; */
	color: #000;
	font-size: 16px;
	text-align: center;

	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 400;
}
.left-panel-user-post{
	/* color: #fff; */
	color: #000;
	font-size: 11px;
	text-align: center;
}
.left-panel-menu a{
	position: relative;
	display: block;
	/* height: 50px;  */
	/* line-height: 50px; */
	height: 36px; 
	line-height: 36px;
	/* padding-left: 60px; */
	padding-left: 50px;
	/* color: #6b818b; */
	color: #000;
	text-decoration: none;

	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	/* line-height: normal; */
	margin-bottom: 10px;
}

.left-panel-menu a:hover{
	background: #DBEAE7;
	transition: 0.3s;
}

.left-panel-menu {
	padding-top: 23px;
    display: flex;
    flex-direction: column;
}
.left-panel-menu a.current{
	/* background: #439cbf; */
	/* color: #fff; */
	/* font-weight: 600; */

	background: #E6E6E6;
	color: #000;

	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	/* line-height: normal; */
	
}
.left-panel-menu a div{
	position: absolute;
	top: 5px; left: 15px;
	/* width: 40px; height: 40px; */
	/* background-image: url(/img/icons_paket.png); */
	background-repeat: no-repeat;
}
.left-panel-menu a div.settings{
	background-image: url(/img/settings_profile.svg);
	width: 19px;
    height: 23px;
}
.left-panel-menu a div.changeUZ{
	background-image: url(/img/briefcase_icon.svg);
	width: 19px;
	height: 23px;
	margin-top: 2px;
}
.left-panel-menu a div.user_folders{
	background-image: url(/img/user_folders.svg);
	width: 30px;
    height: 30px;
    left: 14px !important;
    top: 4px !important;
}
.changeUZ_block{
	display: none;
	cursor: pointer;
}

.left-panel-menu a div.docs{
	background-image: url(/img/doc_icon.svg);
	width: 19px;
    height: 23px;
}
.left-panel-menu a.current div.docs{
	background-image: url(/img/doc_icon.svg);
	width: 19px;
    height: 23px;
}

.left-panel-menu a div.favs{
	background-image: url(/img/favourites_icon.svg);
	width: 30px;
    height: 30px;
	left: 10px !important;
    top: 2px !important;
}
.left-panel-menu a.current div.favs{
	background-image: url(/img/favourites_icon.svg);
	width: 30px;
    height: 30px;
	left: 10px !important;
    top: 2px !important;
}

.left-panel-menu a div.journals{
	background-image: url(/img/journals_icon.svg);
	width: 22px;
    height: 22px;
}
.left-panel-menu a.current div.journals{
	background-image: url(/img/journals_icon.svg);
	width: 22px;
    height: 22px;
}

.left-panel-menu a div.reports{
	background-image: url(/img/reports_icon.svg);
	width: 22px;
    height: 22px;
}
.left-panel-menu a.current div.reports{
	background-image: url(/img/reports_icon.svg);
	width: 22px;
    height: 22px;
}

.left-panel-menu a div.base{background-position: 0px -40px;}
.left-panel-menu a.current div.base{background-position: -40px -40px;}

.left-panel-menu a div.adm{
	/* background-position: -920px 0px; */
	background-image: url(/img/admin_gear_icon.svg);
	width: 30px;
	height: 30px;
}
.left-panel-menu a.current div.adm{
	/* background-position: -960px 0px; */
	background-image: url(/img/admin_gear_icon.svg);
	width: 30px;
	height: 30px;
}

.left-panel-menu a div.admEmpl{
	/* background-position: -920px 0px; */
	background-image: url(/img/admin_gear_icon.svg);
	width: 30px;
	height: 30px;
}

.left-panel-menu a div.exit{
	background-image: url(/img/back_to_portal_icon.svg);
	width: 30px;
	height: 30px;
	left: 10px !important;
    top: 2px !important;
}

.left-panel-menu a span.docs_counter, .left-panel-menu span.docs_counter2, .main-content-doclist-docs-doctypename span.docs_counter2{
	display: none;
	position: absolute;
	/* top: 15px;  */
	top: 8px; 
	right: 10px;
	height: 20px; line-height: 20px;
	/* background: #fff; */
	background: #E6E6E6;
	border-radius: 10px;
	padding: 0 15px;
	/* color: #6b818b; */
	/*шрифт*/
	/* color: #E6E6E6; */

	color: #000;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	/* line-height: normal; */

}
.left-panel-menu span.docs_counter2, .main-content-doclist-docs-doctypename span.docs_counter2{
	display: block;
}
.main-content-doclist-docs-doctypename span.docs_counter2{
	top: 5px; 
}
.left-panel-menu a span.docs_counter i, .left-panel-menu span.docs_counter2 i, .main-content-doclist-docs-doctypename span.docs_counter2 i{
	display: block;
	position: absolute;
	top: 5px; left: -4px;
	height: 10px; width: 10px;
	/* background: #ff5454; */
	background: #A50034;
	border-radius: 5px;
}
.left-panel-docsByAct-item{
	position: relative;
	/* background: #487787; */
	background: #fff;
	/* color: #fff; */
	color: #000;
	/* height: 50px; */
    /* line-height: 50px; */
	height: 36px;
    line-height: 36px;
    padding-left: 40px;
	cursor: pointer;
	display: none;

	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	/* line-height: normal; */
}
.left-panel-docsByAct-item:hover {
	transition: 0.3s;
	background: #DBEAE7;
}
.left-panel-docsByAct-item.active span.docs_counter2{
	/* background: #439cbf; */
	background: #fff;
}
.left-panel-docsByAct-item.active{
	/* background: #439cbf; */
	background: #E6E6E6;
}
.left-panel-docsByAct222{
	border-top: 1px solid #487787;
}
/*LEFT PANEL END*/

/*RIGHT PANEL*/
.right-panel{
	position: absolute;
	right: 0px; top: 0px;
	width: 400px; height: 100%;
	border-left: 1px solid #cdd4d4;
	background-color: #fff;
}
.right-panel-tabs{
	/* height: 50px; */
	/* background: #dae1e3; */
	background: #E6E6E6;
	height: 77px;
	color: #000;
	font-family: "Nunito Sans";
	/* font-size: 0.75rem; */
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	border-bottom: 0.5px solid #BCBEC0;
}
.right-panel-tab-my{
	/* position: relative;
	float: left;
	width: 120px; 
	/* height: 42px; */
	/* height: 77px; */
	/* line-height: 77px; */
	/* padding-left: 50px;  */
	/* padding-top: 8px; */
	/* background: #dae1e3; */
	/* color: #6b818b; */
	/* cursor: pointer; */

	position: relative;
	float: left;
	padding-top: 20px;
	width: 100px; 
	height: 57px; 
	/* height: 77px;  */
	/* line-height: 77px; */
	padding-left: 50px;
	/* background: #dae1e3; */
	/* color: #6b818b; */
	cursor: pointer;
}
.right-panel-tab-my-ico{
	position: absolute;
	top: 26px; 
	left: 15px;
	width: 24px; 
	height: 25px;
	/* background: url(/img/icons_paket.png) -520px -80px no-repeat; */
	background: url(/img/lucide_user.svg) no-repeat;
}
.right-panel-tab-my.active .right-panel-tab-my-ico{
	/* background: url(/img/icons_paket.png) -680px -160px no-repeat; */
}
.right-panel-tab-tasks{
	position: relative;
	float: left;
	width: 100px; 
	height: 77px; 
	line-height: 77px;
	padding-left: 50px;
	/* background: #dae1e3; */
	/* color: #6b818b; */
	cursor: pointer;

	/* height: 4.8125rem; */
	/* height: 77px;
	padding: 1.25rem 1.5625rem 1.25rem 1.875rem;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0; */
}
.right-panel-tab-tasks-ico{
	position: absolute;
	top: 26px; 
	left: 15px;
	width: 25px; 
	height: 25px;
	/* background: url(/img/icons_paket.png) -440px -80px no-repeat; */
	background: url(/img/ph_alarm.svg) no-repeat;
}
.right-panel-tab-tasks.active .right-panel-tab-tasks-ico{
	/* background: url(/img/icons_paket.png) -480px -80px no-repeat; */
}
.right-panel-tab-tasks.active, .right-panel-tab-my.active{
	/* background: #6a818a; */
	/* color: #fff; */
	background: #DBEAE7;
	color: #000;
}
.right-panel-hide{
	position: relative;
	float: left;
	width: 70px; height: 50px;
}
.right-panel-hide-ico{
	/* position: absolute; */
	top: 26px; 
	/* left: -5px; */
	width: 25px; 
	height: 1px;
	padding: 15px;
	background: url(/img/arrow-left.svg) no-repeat;
	/* background: url(/img/icons_paket.png) -800px 0px no-repeat; */
	cursor: pointer;
	margin: 20px 25px 0px 25px;
}
.right-panel-show{
	position: relative;
	float: right;
	/* width: 30px;  */
	/* height: 50px; */
	display: none;
}
.right-panel-show-ico{
	/* position: absolute; */
	position: relative;
	/* top: 5px;  */
	/* left: -5px; */
	/* width: 30px;  */
	/* height: 30px; */
	/* background: url(/img/icons_paket.png) -765px 0px no-repeat; */
	background: url(/img/right_panel_show_icon.svg) no-repeat;
	cursor: pointer;
	margin: 20px 25px 0px 20px;
	padding: 15px;
}
.right-panel-content-my{
	overflow: auto;
}
.right-panel-content-my-no{
	text-align: center;
	/* font-size: 14px; */
	/* color: #6b818b; */
	padding-top: 20px;

	color: #000;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	/* line-height: 110%; 13.2px */
	margin-top: 10px;
}
.right-panel-content-my-dep{
	position: relative;
	background: #f0f0f0;
	padding: 5px 80px 5px 10px;
	line-height: 20px;
	color: #6b818b;
}
.right-panel-content-my-dep-count{
	position: absolute; top: 50%; margin-top: -11px; right: 35px;
	height: 20px; 
	padding: 0 12px;
	border: 1px solid #6b818b;
	border-radius: 10px;
	background: #fff;
}
.right-panel-content-my-user{
	margin: 0 10px;
	border-bottom: 1px solid #cdd4d4;
}
.right-panel-content-my-user-photo{
	float: left;
	width: 40px; height: 40px;
	margin: 10px 0 10px 10px;
	border-radius: 20px;
	border: none;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;	
}
.right-panel-content-my-user-info{
	float: right;
	width: 255px;
}
.right-panel-content-my-user-info-fio{
	color: #6b818b;
	font-weight: 600;
	line-height: 15px;
	padding-top: 10px;
	cursor: pointer;
}
.right-panel-content-my-user-info-post{
	color: #439cbf;
	font-size: 12px;
	line-height: 15px;
	min-height: 30px;
}
.right-panel-content-my-user-info-text{
	height: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 12px;
}
.right-panel-content-my-user-info-text-work{
	position: relative;
	float: left;
	width: 100px;
	color: #6b818b;
	line-height: 16px;
	padding-left: 20px;
}
.right-panel-content-my-user-info-text-work div{
	position: absolute;
	top: 2px; left: 0px;
	width: 10px; height: 10px;
	background: url(/img/icons_paket.png) -575px -174px no-repeat;
}
.right-panel-content-my-user-info-text-favs{
	position: relative;
	float: left;
	width: 100px;
	color: #61b490;
	line-height: 16px;
	padding-left: 20px;
}
.right-panel-content-my-user-info-text-favs div{
	position: absolute;
	top: 2px; left: 0px;
	width: 10px; height: 10px;
	background: url(/img/icons_paket.png) -655px -174px no-repeat;
}
/*RIGHT PANEL END*/
/*MAIN CONTENT*/
.button{
	position: relative;
	/* height: 30px;  */
	/* line-height: 28px; */
	/* padding-left: 10px; */
	height: 38px; 
	line-height: 38px;
	padding-left: 20px;
	padding-right: 40px;
	/* border-radius: 3px; */
	border: 1px solid #000;
	border-radius: 4px;
	/* color: #fff; */
	cursor: pointer;
	/* background-color: #fff !important; */

	color: #4D4D4F;
	/* text-align: center; */
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	/* line-height: normal; */
}
.button div{
	position: absolute;
	top: 0px; right: 5px;
	width: 30px; height: 30px;
	background-image: url(/img/icons_paket.png);
	background-repeat: no-repeat;
}
.main-content{
	position: absolute;
	top: 0px; left: 245px;
	height: 100%;
}
.main-content-content{
	position: relative;
	/* background: #F4F4F4; */
	/* padding-top: 30px; */
	/* height: 90%; */
	height: calc(100% - 78px);
}
.main-content-header{
	position: relative;
	width: 100%; 
	/* height: 50px;  */
	height: 77px; 
	/* line-height: 50px; */
	/* background: #dae1e3; */
	color: #6b818b;

	background: #E6E6E6;
	border-bottom: 0.5px solid #BCBEC0;
	/* box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10); */
}
.main-content-header-ico{
	position: absolute;
	top: 5px; left: 5px;
	width: 40px; height: 40px;
	background: url(/img/icons_paket.png) -880px 0px no-repeat;
}
.main-content-header-newdoc{
	float: right;
	height: 38px;
	margin-top: 20px; 
	background: #5B0431;
	border: 1px solid #5B0431;
	border-radius: 4px;
	margin-right: 30px;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 38px !important;
	color: #fff;
}
.main-content-header-newdoc:hover {
	background: #fff;
	color: #5B0431;
	transition: 0.3s;
}
.main-content-header-newdoc:hover div {
	background: url(/img/ic_baseline-plus.svg) no-repeat;
	filter: invert(41%) sepia(35%) saturate(248%) hue-rotate(308deg) brightness(50%) contrast(108%);
	transition: 0.3s;
}

.main-content-header-newdoc div{
	background: url(/img/ic_baseline-plus.svg) no-repeat;
	width: 16px;
	height: 16px;
    margin-top: 9px !important;
    margin-right: 20px !important;
    position: absolute;
    top: 0px !important;
    right: 0px !important;
}
.main-content-workarea{
	position: absolute;
	height: calc(100% - 30px);
	/* background: #fff; */
	left: 471px; 
	top: 0;

	background: #F4F4F4;
	/* margin-top: 30px; */
	padding-top: 30px;
}

.main-content-doclist{
	position: relative;
	width: 450px; 
	height: 100%;
	/* height: 100vh; */
	padding: 0 10px;
	border-right: 1px solid #cdd4d4;
	z-index: 11;

	background: #F4F4F4 !important;
}
.main-content-doclist-header{
	position: relative;
	height: 50px; 
	line-height: 50px;
	/* font-size: 28px; */
	/* font-weight: 300; */
	background: #f4f4f4;
	/* padding-top: 28px; */

	/* Заголовки - 28px/exbold */
	font-family: "Nunito Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: 800;
}
.viewAs-header{
	float: left;
	display: block;
	height: 40px;
	font-size: 13px;
	line-height: 20px;
	padding: 0 10px;
	margin-left: 10px;
	margin-top: 4px;
	color: #6b818b;
    font-weight: 600;
	border: 1px solid #6b818b;
	border-radius: 3px;
	position: relative;
}
.viewAs-header-close{
	position: absolute;
    right: -5px;
    top: -3px;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    font-size: 10px;
    background: red;
    cursor: pointer;	
}
.main-content-doclist-header input{
	float: right;
	height: 30px; line-height: 30px;
	margin: 10px 0;
	border: none;
	width: 110px;
	padding: 0 20px 0 10px;
	font-family: 'Open Sans', sans-serif;

	color: #000;
	font-family: "Open Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	background: #F4F4F4;
}
.main-content-doclist-header-search-ico{
	position: absolute; 
	width: 16px; height: 16px;
	right: 10px; top: 20px;
	/* background: url(/img/icons_paket.png) -725px -5px no-repeat; */
	background: url(/img/search_icon.svg) no-repeat;
}
.main-content-doclist-docgroup{
	position: relative;
	/* height: 50px;  */
	/* line-height: 50px; */
	height: 36px; 
	line-height: 36px;
	padding-left: 30px;
	/* margin-bottom: 5px; */
	/* font-size: 16px;  */
	/* font-weight: 300; */
	border-radius: 4px;
	/* color: #fff; */

	color: #000;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}
.main-content-doclist-docgroup.input, .main-content-doclist-docgroup.folders{
	/* background: #6198ad; */
	background: #E6E6E6;
}
.main-content-doclist-docgroup.output{
	/* background: #60b38e; */
	border-radius: 4px;
	background: #E6E6E6;
}

.main-content-doclist-docgroup-ico-in-text, .main-content-doclist-docgroup-ico-out-text, .main-content-doclist-docgroup-create-folder{
	height: 25px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
    line-height: 27px;
}
.main-content-doclist-docgroup-ico-in-text:hover, .main-content-doclist-docgroup-ico-out-text:hover, .main-content-doclist-docgroup-create-folder:hover{
	cursor: pointer;
	background: #c5c3c3;
}
.main-content-doclist-docs-doctypename{
	border: 1px solid black;
    border-radius: 5px;
    padding: 4px;
    margin: 2px;
    font-size: 15px;
	cursor: pointer;
}
.main-content-doclist-docs-doctypecount{
	float: right;
}
.main-content-doclist-docs-doctype-block{
	position: relative;
}

.main-content-doclist-docs-button-collapse{
	position: sticky;
	height: 30px;
}
.main-content-doclist-docs-button-collapse hr, .main-content-doclist-docs-button-collapse div{
	width: 33%;
	float: left;
	text-align: center;
}
.main-content-doclist-docs-button-collapse div{
	cursor: pointer;
}

.main-content-doclist-docgroup-ico-in, .main-content-doclist-docgroup-ico-out{
	position: absolute;
	left: 5px;
	width: 25px; 
	height: 25px;
	margin-top: 5px;
	background: url(/img/arrow-down-2.svg) no-repeat;
	background-position: center;
}
.main-content-doclist-docgroup-ico-in:hover, .main-content-doclist-docgroup-ico-out:hover{
	cursor: pointer;
	background: url(/img/arrow-down-2.svg) no-repeat #c5c3c3;
	background-position: center;
}

.main-content-doclist-docgroup-ico-in-active, .main-content-doclist-docgroup-ico-out-active{
	position: absolute;
	left: 15px;
	width: 25px; 
	height: 25px;
	margin-top: 5px;
	background: url(/img/arrow-up-2.svg) no-repeat;
	background-position: center;
}
.main-content-doclist-docgroup-ico-in-active:hover, .main-content-doclist-docgroup-ico-out-active:hover{
	cursor: pointer;
	background: url(/img/arrow-up-2.svg) no-repeat #c5c3c3;
	background-position: center;
}
.main-content-doclist-docgroup-favs{
	position: relative;
	float: right;
	height: 16px; 
	line-height: 16px;
	margin: 10px 0px 5px 0px;
	padding: 0 13px;
	/* border: 2px solid #fc6565; */
	border-radius: 20px;
	
	/* color: #fff; */
	/* font-size: 13px;  */
	/* font-weight: 600; */
	/* background: #fc6565; */
	display: none;
	cursor: pointer;
	
	background: #F4F4F4;
	color: #000;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
}
.main-content-doclist-docgroup-favs.active{
	border: 2px solid #fff;
}
.main-content-doclist-docgroup-favs div{
	position: absolute;
	top: 4px; 
	left: -3px;
	width: 8px; 
	height: 8px;
	border-radius: 5px;
	background: #A50034;
}
.main-content-doclist-docgroup-acts{
	position: relative;
	float: right;
	height: 25px; 
	line-height: 25px;
	margin: 5px 0px 5px 0px;
	/* padding: 0 34px 0 12px; */
	padding: 0 28px 0 6px;
	border-radius: 15px;
	/* color: #fff; */
	/* font-size: 12px;  */
	/* font-weight: 400; */
	cursor: pointer;

	color: #000;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
}
.main-content-doclist-docgroup-acts div{
	position: absolute;
	top: 4px; 
	right: 10px;
	width: 17px; 
	height: 17px;
	/* background: url(/img/icons_paket.png) -325px -84px no-repeat; */
	background: url(/img/ic-baseline-arrow-drop-down.svg) no-repeat;
}
.main-content-doclist-docgroup-acts-sort{
	position: relative;
	float: right;
	width: 25px; 
	height: 25px;
	margin: 4px 10px 0px 10px;
	/* background: url(/img/icons_paket.png) -165px -84px no-repeat; */
	background: url(/img/sort_icon.svg) no-repeat;
	background-position: center;
	cursor: pointer;
	
}
.main-content-doclist-docgroup-acts-sort:hover{
	cursor: pointer;
	background: url(/img/sort_icon.svg) no-repeat #c5c3c3;
	background-position: center;
}
.main-content-doclist-docgroup-filter{
	position: relative;
	float: right;
	height: 25px; 
	width: 25px;
	margin: 4px 0px 0px 7px;
	/* background: url(/img/icons_paket.png) -165px -84px no-repeat; */
	background: url(/img/filter-2.svg) no-repeat;
	background-position: center;
	cursor: pointer;	
}
.main-content-doclist-docgroup-filter:hover{
	cursor: pointer;
	background: url(/img/filter-2.svg) no-repeat #c5c3c3;
	background-position: center;
}
.main-content-doclist-docgroup-expand{
	position: relative;
	float: right;
	height: 25px; 
	width: 25px;
	margin: 4px 8px 4px 8px;
	background: url(/img/arrow-expand.svg) no-repeat;
	background-position: center;
	cursor: pointer;	
}
.main-content-doclist-docgroup-expand:hover{
	cursor: pointer;
	background: url(/img/arrow-expand.svg) no-repeat #c5c3c3;
	background-position: center;
}
.main-content-doclist-docgroup.input .main-content-doclist-docgroup-acts{
	/* background: #487787; */
	background: #F4F4F4;
}
.main-content-doclist-docgroup.output .main-content-doclist-docgroup-acts{
	/* background: #489473; */
	background: #F4F4F4;
}
.main-content-doclist-docs{
	overflow: auto;
	background: #F4F4F4 !important;
	/* height: 300px !important; */
	width: 100%;
}
.main-content-doclist-docs-doc .hidden{
	display: none;
}
.main-content-doclist-docs-date{
	/* height: 20px; line-height: 20px; */
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 2px;
	padding-left: 5px;
	/* margin-bottom: 5px; */
	background: #ebebeb;
	color: #6b818b;

	color: #000;
	font-family: 'Nunito Sans';
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;

}
.main-content-doclist-docs-more{
	position: relative;
	height: 40px; line-height: 30px;
	border-radius: 2px;
	margin-bottom: 5px;
	background: #ebebeb;
	color: #6b818b;
	text-align: center;
	cursor: pointer;
}
.main-content-doclist-docs-more:after{
	content: "";
	position: absolute;
    height: 20px;
    width: 20px;
	top: 20px; left: 50%;
	margin-left: -10px;
    background: url(/img/icons_paket.png) -370px -170px no-repeat;
    cursor: pointer;	
}
.main-content-doclist-docs-doc{
	border-bottom: 1px solid #cdd4d4;
	/* margin-bottom: 5px; */
	cursor: pointer;
	min-height: 80px;
	background: #f4f4f4;
}
.main-content-doclist-docs-doc:hover, .main-content-doclist-docs-doc.selected{
	/* background-color: #d1eaf0; */
	background-color: #DBEAE7;
	transition: 0.3s;
}
.main-content-doclist-docs-doc table{
	width: 100%;
}
.main-content-doclist-docs-doc table td{
	vertical-align: top;
}
.main-content-doclist-docs-doc i.isChanged{
	display: block;
	float: left;
	margin-top: 5px;
	margin-right: 4px;
    height: 10px;
    width: 10px;
    background: #ff5454;
    border-radius: 5px;	
}
.main-content-doclist-docs-doc-marker{
	width: 10px;
}
.main-content-doclist-docs-doc-marker.red{
	width: 10px;
    background: #5B0431;
    height: 80px;
}
.main-content-doclist-docs-doc-title{
	padding-top: 5px;
	font-weight: 400; line-height: 20px;
	color: #000;	
}
.main-content-doclist-docs-doc-attachment{
	/* padding-top: 5px; */
	width: 25px;
	margin: auto;
}
.main-content-doclist-docs-doc-attachment div{
	width: 12px; height: 12px;
	/* background: url(/img/icons_paket.png) -10px -170px no-repeat; */
	background: url(/img/mdi_paperclip.svg) no-repeat;
	margin: auto;
}
.main-content-doclist-docs-doc-no-attachment div{
	width: 20px; height: 20px;
	background: url(/img/icons_paket.png) -970px -170px no-repeat;
}

.main-content-doclist-docs-doc-time{
	line-height: 20px;
	width: 40px;
	color: #6b818b;
	padding-top: 5px;
	padding-right: 18px;
}
.main-content-doclist-docs-doc-type{
	/* color: #6b818b;  */
	line-height: 16px;
	padding-bottom: 2px;
	color: rgba(0, 0, 0, 0.70);
	font-family: 'Nunito Sans';
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	/* line-height: 13px; */

}
.main-content-doclist-docs-doc-fio{
	/* color: #6b818b;  */
	line-height: 16px;
	padding-bottom: 5px;
	color: rgba(0, 0, 0, 0.70);
	font-family: 'Nunito Sans';
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
}
.main-content-doclist-docs-doc-ico{
	width: 30px; padding: 5px 10px 0 10px;
}
.main-content-doclist-docs-doc-ico div,
.main-content-doclist-favs-ico div{
	width: 30px; height: 30px;
	/* background-image: url(/img/doctypes.png); */
	background-position: -4px -6px;
	background-repeat: no-repeat;
	border-radius: 15px;

	/* position: absolute; */
	top: 30px; 
	left: 0px;
	width: 30px; 
	height: 30px;
	border-radius: 15px;
	background: #E6E6E6 url(/img/doc_icon_small.svg) 9px 8px no-repeat;
}
.main-content-doclist-favs-ico-white div{
	width: 30px; height: 30px;
	/* background-image: url(/img/doctypes.png); */
	background-position: -4px -6px;
	background-repeat: no-repeat;
	border-radius: 15px;

	/* position: absolute; */
	top: 30px; 
	left: 0px;
	width: 30px; 
	height: 30px;
	border-radius: 15px;
	background: #FFF url(/img/doc_icon_small.svg) 9px 8px no-repeat;
	margin-right: 10px;
}
.main-content-doclist-docs-doc-ico div.doc-type-id-1,
.main-content-doclist-favs-ico div.doc-type-id-1{
	background-position: -44px -5px;
}
.main-content-doclist-docs-doc-ico.in div,
.main-content-doclist-favs-ico.in div{
	/* background-color: #6198ad; */
}
.main-content-doclist-docs-doc-ico.out div,
.main-content-doclist-favs-ico.out div{
	/* background-color: #60b38e; */
}

.main-content-doclist-docs-doc-favs{
	width: 22px; 
	padding: 0px 10px;
	/* padding: 0 14px 5px 14px; */
}
.main-content-doclist-docs-doc-favs div{
	cursor: pointer;
	width: 23x; height: 14px;
	background: url(/img/star_icon.svg) no-repeat;
	/* background-size: 20px 14px; */
	/* background: url(/img/icons_paket.png) -650px -172px no-repeat; */
	/* border-radius: 10px; */
	/* border: 1px solid #6b818b; */
	/* border: 1px solid rgba(77, 77, 79, 0.50); */
}
.main-content-doclist-docs-doc-favs div.active{
	width: 23px;
	/* background: #fc9797 url(/img/icons_paket.png) -610px -172px no-repeat; */
	background: url(/img/red_star_icon.svg) no-repeat;
	/* border: 1px solid #fc9797; */
}
.main-content-doc-actions-action{
	float: left;
    /* background: #a5adb0; */
    background: #fff;
    /* margin-top: 10px; */
    margin-left: 22px !important;
    /* padding: 10px 20px 0 20px !important; */
    /* height: 38px; */
}
.main-content-doc-actions-action:hover, 
.main-content-doc-actions-naosnovanii:hover, 
.main-content-doc-actions-resend:hover, 
.main-content-doc-actions-print:hover {
	color: #fff !important;
	background: #5B0431;
	transition: 0.3s;
}
.main-content-doc-actions-action div{
	/* background-position: -365px -85px; */
	background: url(/img/dashicons_arrow-down-alt2.svg);
	background-repeat: no-repeat;
	margin-top: 11px;
}
.main-content-task-actions-action{
	float: left;
    /* background: #a5adb0; */
    background: #fff;
    /* margin-top: 10px; */
    margin-left: 22px !important;
    /* padding: 10px 20px 0 20px !important; */
    /* height: 38px; */
}
.main-content-task-actions-action:hover {
	color: #fff !important;
	background: #5B0431;
	transition: 0.3s;
}
.main-content-task-actions-action div{
	/* background-position: -365px -85px; */
	background: url(/img/dashicons_arrow-down-alt2.svg);
	background-repeat: no-repeat;
	margin-top: 11px;
}
.main-content-doc-actions-naosnovanii{
	/* float: left;
	background: #a5adb0;
	margin-top: 10px; margin-left: 10px; */

	float: left;
    background: #fff;
    margin-left: 22px !important;
    /* padding: 10px 20px 0 20px !important; */
    height: 38px;
}
.main-content-doc-actions-naosnovanii div{
	/* background-position: -365px -85px; */
	background: url(/img/dashicons_arrow-down-alt2.svg);
	background-repeat: no-repeat;
	margin-top: 11px;
}
.main-content-doc-actions-print{
	/* float: left;
	background: #a5adb0;
	margin-top: 10px; margin-left: 10px; */

	float: left;
    background: #fff;
    margin-left: 22px !important;
    /* padding: 10px 20px 0 20px !important; */
    height: 38px;
}
.main-content-doc-actions-print div{
	/* background-position: -405px -85px; */
	background: url(/img/printer_icon.svg);
	background-repeat: no-repeat;
	margin-top: 11px;
}
.main-content-doc-actions-resend{
	float: right;
	background: #fff;
	/* margin-top: 10px;  */
	margin-right: 35px;
	color: #4D4D4F !important;
	/* color: #6a818a; */
	/* border: 1px solid #6a818a; */
}
.main-content-doc-actions-resend div{
	/* background-position: -645px -5px; */
	background: url(/img/arrow-bend-left-down-2.svg);
	background-repeat: no-repeat;
	margin-top: 11px;
}
.main-content-doc-actions-closedoc{
	float: right;
	background: #fff;
	/* margin-top: 10px; */
	margin-right: 10px;
	color: #6a818a;
	border: 1px solid #6a818a;
	display: none;
}
.main-content-doc-actions-closedoc div{
	background-position: -805px -5px;
}
.main-content-task-actions-closetask{
	float: right;
	background: #fff;
	/* margin-top: 10px; */
	margin-right: 10px;
	color: #6a818a;
	border: 1px solid #6a818a;
}
.main-content-task-actions-closetask div{
	background-position: -805px -5px;
}
.main-content-doc-title{
	position: relative;
	margin: 10px; 
	margin-left: 22px; 
	padding-left: 50px;
	padding-top: 30px;
	/* font-size: 18px; */
	line-height: 40px;

	color: #000;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 112.5% */
}
.main-content-doc-title div{
	position: absolute;
	top: 30px; 
	left: 0px;
	width: 30px; 
	height: 30px;
	border-radius: 15px;
	background: #E6E6E6 url(/img/doc_icon_small.svg) 9px 8px no-repeat;
}
.main-content-doc-title div.group{
	position: absolute;
	top: 0px; left: 0px;
	width: 42px; height: 42px;
	border-radius: 21px;
	background: #6198ad url(/img/icons_paket.png) -39px -39px no-repeat;
}
.main-content-doc-type{
	position: relative;
	margin: 0 10px; padding-left: 63px;
	font-size: 12px;
	color: #6b818b;

	color: rgba(0, 0, 0, 0.80);
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 13px; 
}
.main-content-doc-tabs{
	/* margin: 10px; */
	margin-left: 22px;
	margin-right: 22px;
	height: 30px;
	/* border-bottom: 1px solid #6198ad; */
	border-bottom: 1px solid #BCBEC0;
}
.main-content-doc-tabs-tab{
	float: left;
	height: 30px; 
	line-height: 30px;
	/* font-size: 14px; */
	padding: 0 15px;
	/* color: #6b818b; */
	cursor: pointer;

	color: #000;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
.main-content-doc-tabs-tab:hover {
	transition: 0.3s;
	background: #DBEAE7;
}
.main-content-doc-tabs-tab.active{
	/* background: #6198ad; */
	/* color: #fff; */

	color: #000;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	background: #DBEAE7;

}
.main-content-doc-tabs-tab.disabled{
	cursor: default;
	color: #a6aeb1;
}
.main-content-doc-tabs-content{
	margin: 0 10px;
	margin-left: 22px;
	margin-right: 22px;
	/* color: #6b818b; */
	color: #000;
	overflow-y: auto;
	overflow-x: hidden;
	/* margin-top: -10px; */
	font-size: 'Nunito Sans';
	height: 85%;
}
.main-content-doc-tabs-content.info table{
	width: 100%;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.80);
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* line-height: 13px; */
}

.main-content-doc-tabs-to-copy-field {
    background: #E6E6E6;
    padding-top: 10px;
}

.main-content-doc-tabs-to-copy-field-main {
	background: #E6E6E6;
}

.main-content-doc-employee-name {
	padding-top: 10px;
	color: #000;
	font-family: 'Nunito Sans';
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.main-content-doc-employee-description {
	color: rgba(0, 0, 0, 0.80);
	font-family: 'Nunito Sans';
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 13px; /* 108.333% */
}

.main-content-doc-tabs-content.info table td{
	vertical-align: top;
}
.main-content-doc-copyTo-view{
	position: absolute;
	top: 10px; right: 20px;
	width: 220px; height: 20px; line-height: 20px;
	border-radius: 10px;
	background: #fff;
	padding-left: 30px;
	/* padding-left: 40px; */
	font-size: 13px;
	color: #b8b8b8;

	color: #000;

	font-family: 'Nunito Sans';
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	/* line-height: 13px; 108.333% */
}

.main-content-doc-copyTo-view.active{
	/* color: #29cf84; */
	color: #000;
	background: #DBEAE7;
}
.main-content-doc-copyTo-view div{
	position: absolute;
	top: 2px; left: 6px;
	/* height: 20px; width: 40px; */
	width: 14px;
	height: 14px;
	/* background: url(/img/icons_paket.png) -960px -130px no-repeat; */
	background: url(/img/visible_eye_icon.svg) no-repeat;
}
.main-content-doc-copyTo-view.active div{
	background: url(/img/visible_eye_icon.svg) no-repeat;
	/* top: 4px;  */
	left: 6px;
	width: 14px;
	height: 14px;
	/* background: url(/img/icons_paket.png) -920px -130px no-repeat; */
}
div.doc-status-id-16 {
	background-color: #c1c1c1 !important;
    background-image: url(/img/draft_icon.svg);
    background-size: 24px;
    background-position: center right;
}
div.doc-status-id-15 {
	background-image: url(/img/doc_remove.svg);
    background-position: 5px 3px;
    background-size: 22px;
    background-color: #fd9797 !important;
}
.copyTo_more{
	position: relative;
	border-top: 1px solid #d6d6d6;
	color: #439cbf;
	padding: 7px 25px;
	font-size: 13px;
}
.comments_more{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	color: #439cbf;
	padding: 7px 25px;
	font-size: 13px;
}
.history_more{
	position: relative;
	color: #439cbf;
	padding: 7px 25px;
	font-size: 13px;
}
.resolution_priority{
	position: relative;
	height: 18px;
	padding: 10px 0px 15px 0px;
	margin: 10px 0px 5px 0px;
	border: 1px solid rgba(0,0,0,0);
}
.resolution_priority.error{
	border: 1px solid #fc9797;
}
.resolution_priority span{
	height: 18px; line-height: 18px;
	margin-left: 10px;
	margin-right: 25px;
	color: #439cbf;
	float: left;
}
.resolution_priority input{
	float: left;
	width: 18px; height: 18px;
	margin: 0px !important;
}
.resolution_priority label{
	float: left;
	height: 18px; line-height: 18px;
	margin-left: 5px;
	margin-right: 15px;
}
.resolution_priority .error_text{
	display: none;
	background: #fff;
	position: absolute;
	bottom: -8.5px; left: 10px;
	height: 18px; line-height: 18px;
	padding: 0 5px; color: #fc9797;
}
.resolution_priority.error .error_text{
	display: block;
}
.resolution_more, .coworkers_more, .responsible_more{
	position: relative;
	color: #439cbf;
	padding: 7px 25px;
	font-size: 13px;
}
.copyTo_more span, .history_more span, .resolution_more span, .coworkers_more span, .responsible_more span, .comments_more span{
	cursor: pointer;
}
.copyTo_more div.copyTo_slideDown, .copyTo_more div.groupTo_slideDown, .history_more div.history_slideDown, .resolution_more div.resolution_slideDown, .coworkers_more div.coworkers_slideDown, .responsible_more div.responsible_slideDown, .comments_more div.comments_slideDown{
	position: absolute;
	height: 20px; width: 20px;
	top: 7px; left: 0px;
	background: url(/img/icons_paket.png) -370px -170px no-repeat;
	cursor: pointer;
}
.copyTo_more div.copyTo_slideUp, .copyTo_more div.groupTo_slideUp, .history_more div.history_slideUp, .resolution_more div.resolution_slideUp, .coworkers_more div.coworkers_slideUp, .responsible_more div.responsible_slideUp, .comments_more div.comments_slideUp{
	position: absolute;
	height: 20px; width: 20px;
	top: 7px; left: 0px;
	background: url(/img/icons_paket.png) -330px -170px no-repeat;
	cursor: pointer;
}
.no-tasks{
	text-align: center;
	padding-top: 20px;
	/* background: url(/img/no_tasks.png) top center no-repeat; */
	/* font-size: 14px; */

	/* color: #000; */
	/* font-family: "Nunito Sans"; */
	/* font-size: 0.875rem; */
	/* font-style: normal; */
	/* font-weight: 400; */
	/* line-height: 0.9375rem; 107.143% */

	color: #000 !important;
	font-family: "Nunito Sans" !important;
	font-size: 12px !important;
	font-style: normal !important;
	font-weight: 300 !important;
	/* line-height: 110%; 13.2px */
}
.tasks-task-link {
	color: #000;
	font-family: "Nunito Sans";
	font-size: 0.875rem;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* line-height: 0.9375rem;  */
}
.tasks-task-link:hover {
	background-color: #DBEAE7;
	transition: 0.3s;
}
.create-task-btn{
	height: 40px; width: 200px;
	line-height: 38px;
	margin: 10px auto;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #7ac29f;
	color: #7ac29f;
	text-align: center;
	font-size: 16px;	
}

.create-innertask-btn{
	height: 30px;
    width: 205px;
    line-height: 29px;
    margin: 10px 10px 10px 50px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #5B0431;
    color: #5B0431;
    text-align: center;
    font-size: 14px;	
}
.create-innertask-btn:hover{
	background: #5B0431;
	color: #FFFFFF;
}

.create-file-btn{
	width: 200px;
	margin: 10px auto;
	cursor: pointer;
	text-align: center;
	
	/* height: 40px;  */
	/* line-height: 38px; */
	/* color: #7ac29f; */
	/* border: 1px solid #7ac29f; */
	/* border-radius: 3px; */
	/* font-size: 16px; */
	
	background: #DBEAE7;
	padding: 10px 0;
	border-radius: 4px;

	color: #4D4D4F;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.zip-file-btn{
	height: 40px; width: 200px;
	line-height: 38px;
	margin: 10px auto;
	/* border-radius: 3px; */
	cursor: pointer;
	/* border: 1px solid #6198ad; */
	/* color: #6198ad; */
	text-align: center;
	/* font-size: 16px; */
	display: block;
	text-decoration: none;
	
	border-radius: 4px;
	background: #E6E6E6;
	color: #4D4D4F;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;

}
.history-table{
	margin-top: -10px;
	width: 100%;
	font-size: 13px;
}
.history-table td p{
	margin: 0;
	text-align: center;
}
.history-table-title td{
	text-align: center;
	/* background: #dae1e3; */
	background: #DBEAE7;
	border-right: 1px solid #fff;

	color: #000;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* line-height: 13px; */
	padding: 4px 20px;
}
.history-table-tr td{
	padding: 10px 5px;
	border-bottom: 1px solid #dae1e3;
	font-size: 13px;

	color: #000;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* line-height: 13px; */

}

.btn-custom {
	display: inline-block;
    border: none;
    outline: none;
    padding: 0px 20px;
    font-size: 14px;
    line-height: 28px;
    border-radius: 5px;
	border: 1px solid transparent;
	color: #fff;
	background: transparent;
	text-decoration: none !important;
    cursor: pointer;
	transition: all .3s ease-in-out;
}
.btn-custom_primary {
	background: #7ac29f;
}
.btn-custom_primary:hover {
	background: #5fa985;
}
.btn-custom_secondary-border { 
	/* color: #0782c1; */
	color: #4D4D4F;
	/* border: 1px solid #0782c1; */
	border-radius: 4px;
	border: 1px solid #5B0431;

	color: #5B0431;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	/* line-height: normal; */
}
.btn-custom_secondary-border:hover {
	/* background-color: #0782c1; */
	/* border: 1px solid #0782c1; */
	background-color: #5B0431;
	border: 1px solid #5B0431;
	color: #fff;
}
.btn-custom_secondary {
	background: #439cbf;
}
.btn-custom_secondary:hover {
	background: #3389ab;
}
.btn-custom_canceled {
	background: #fc6565;
}
.btn-custom_canceled:hover {
	background: #d14343;
}
.btn-icon-hover-white:hover img {
	filter: invert(100%) sepia(1000%) saturate(100%) hue-rotate(180deg) brightness(104%) contrast(97%);
}
/*.btn-edit {
	background-image: url(/img/edit_pencile_write_icon.svg);
    padding-left: 35px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 24px;
}*/
.btn-attachment-change {
	display: inline-block;
    border-radius: 4px;
	border: 1px solid #5B0431;
	color: #5B0431;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	transition: all .3s ease-in-out;
}
.btn-attachment-change:hover{
	background-color: #5B0431;
	border: 1px solid #5B0431;
	color: #fff;
}
.btn-icon {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 7px;
	align-items: center;
	padding-left: 6px;
    padding-right: 10px;
}
.btn-icon img {
	width: 24px;
}
.block-grid-cols {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 10px;
	justify-content: flex-start;
}

.doc-comments-title{
	margin-top: 0px;
	/* background: #dae1e3; */
	padding: 0px 10px;
	background: #E6E6E6;
	color: rgba(0, 0, 0, 0.80);
	font-family: "Nunito Sans";
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	/* line-height: 0.8125rem; 108.333% */
}
.doc-comments-button{
	position: relative;
	height: 40px; width: 170px;
	/* margin: 0 10px; */
	background: url(/img/ph_pencil.svg) no-repeat;
	/* background: url(/img/icons_paket.png) -180px 0px no-repeat; */
	cursor: pointer;
	color: #000;
	font-family: "Nunito Sans";
	/* font-size: 0.75rem; */
	font-style: normal;
	font-weight: 400;
	/* line-height: 0.8125rem; 108.333% */
	margin: 15px;
}
.doc-comments-button-text{
	padding-left: 25px;
}
.doc-comments-comment-input, .doc-comments-comment-text{
	font-family: 'Open Sans', sans-serif;
	/*width: 98%;*/
	width: 100%;
	border: 1px solid #dae1e3;
	border-radius: 5px;
	/*padding: 8px 1%;*/
	padding: 8px;
	box-sizing: border-box;
}
.doc-comments-comment-text p{
	margin: 7px 0;
}
.doc-comments-comment-text {
	display: grid;
	overflow-x: auto;
}
.doc-comments-new {
	/*position: relative;*/
}
.doc-comments-new.edit-mode {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 95%;
    z-index: 1000;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 15px rgb(0 0 0 / 30%);
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #dadada;
}
.doc-comments-new-send, .doc-comments-new-edit, .doc-comments-new-cancel{
	float: right;
	height: 30px;
	line-height: 28px;
	padding: 0 10px;
	margin-left: 10px;
	margin-top: 10px;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #7ac29f;
	color: #7ac29f;
}
.doc-comments-new-edit {
	display: none;
}
.doc-comments-new-cancel{
	border: 1px solid #fc6565;
	color: #fc6565;
}
.doc-comments-new .cke_chrome{
	border: 1px solid #dae1e3 !important;
	border-radius: 5px !important;
	box-shadow: none !important;
}
.doc-comments-comment-info:after{
	content: "";
	display: block;
	clear: both;
}
.doc-comments-comment__save-edit-btn {
	display: none;
}
.doc-comments-comment-control {
	/*position: relative;*/
    clear: both;
    margin: 10px 0;
}
.doc-comments-comment-control__btns {
	margin: 10px 0 15px;
}
.doc-comments-comment__date_edit {
	color: #5ea783;
}
.doc-comments-comment-control.edit-mode .doc-comments-comment__save-edit-btn {
	display: inline-block;
}

.tasks-task {
	display: flex;
	padding: 1.9375rem 0rem 0.4375rem 0rem;
	flex-direction: column;
	gap: 1.125rem;
}

.tasks-task-details {
	padding-left: 47px;
}

.link-to-task{
	color: #439cbf;
}
.link-to-doc{
	color: #439cbf;
}

.tasks-task-table td{
	vertical-align: top;
	line-height: 20px;
}
.tasks-task-ico{
	width: 40px; height: 40px;
	background: url(/img/ph_alarm2.svg) no-repeat;
}
.tasks-task-btn{
	position: relative;
	float: left;
	font-size: 11px; line-height: 20px;
	padding-left: 25px;
	margin-left: 5px;
	margin-right: 15px;

	color: #000;
	font-family: "Nunito Sans";
	/* font-size: 0.75rem; */
	font-style: normal;
	font-weight: 400;
}
.tasks-task-btn div{
	position: absolute;
	top: 0; left: 0;
	width: 20px; height: 20px;
	cursor: pointer;
}
.tasks-task-btn.active div{
	cursor: default;
}
.tasks-task-btn.play div{
	background: url(/img/icons_paket.png) -170px -170px no-repeat;
}
.tasks-task-btn.play.active div{
	background: url(/img/icons_paket.png) -290px -170px no-repeat;
}
.tasks-task-btn.stop div{
	background: url(/img/icons_paket.png) -130px -170px no-repeat;
}
.tasks-task-btn.stop.active div{
	background: url(/img/pause_button.svg) no-repeat;
	background-position: 2px 4px;
}
.tasks-task-btn.end div{
	background: url(/img/icons_paket.png) -90px -170px no-repeat;
}
.tasks-task-btn.end.active div{
	background: url(/img/icons_paket.png) -210px -170px no-repeat;
}
/*MAIN CONTENT END*/
/*MAIN CONTENT REPORTS*/
.main-content-workarea-full{
	padding: 0 10px;
	background: #F4F4F4;
	height: 100%;
}
.main-content-workarea-full-header{
	height: 50px; 
	line-height: 50px;
	font-size: 28px;
	font-weight: 300;

	color: #000;
	/* Заголовки - 28px/exbold */
	font-family: "Nunito Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: 800;
	/* line-height: normal; */
	padding-top: 30px;
}
.main-content-workarea-full-buttons{
	padding-bottom: 10px;
	border-bottom: 1px solid #cdd4d4;
	height: 40px;
}
.main-content-workarea-full-buttons-button{
	float: left;
	background: #fff;
	/* border: 1px solid #6a818a; */
	/* color: #6a818a; */
	margin-right: 10px;
	padding: 0 10px;

	color: #4D4D4F;
	border-radius: 4px;
	border: 1px solid #4D4D4F;
	margin-bottom: 10px;

}
.main-content-workarea-full-buttons-button.active{
	float: left;
	/* background: #a5adb0; */
	/* border: 1px solid #a5adb0; */
	margin-right: 10px;
	/* color: #fff; */
	background: #E6E6E6;
	border: 1px solid #4D4D4F;
}
.main-content-report-header{
	position: relative;
	/* height: 40px;  */
	/* line-height: 40px; */
	height: 28px; 
	line-height: 28px;
	padding-left: 40px;
	/* margin: 10px 0; */
	/* color: #6b838a; */
	/* font-size: 18px; */
	/* font-weight: 300; */

	margin: 10px 0px 20px 0px;
	color: #000;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	/* line-height: normal; */
}
.main-content-report-header-ico{
	position: absolute;
	top: 0px; 
	left: 0px;
	/* width: 40px; height: 40px; */
	/* background: url(/img/icons_paket.png) -560px -40px no-repeat; */
	width: 28px; height: 28px;
	background: url(/img/bx_calendar.svg) no-repeat;
}
.main-content-report-period{
	position: relative;
	margin-left: 250px;
	/* background: #dae1e3; */
	height: 30px; 
	line-height: 30px;

	background: #E6E6E6;
}
.main-content-report-period-dates{
	position: absolute;
	top: 0; left: -250px;
}
.main-content-report-period-from, .main-content-report-period-to{
	float: left;
	width: 100px;
	border: 1px solid #6a818a;
	color: #6a818a;
	line-height: 28px;
	text-align: center;
}
.main-content-report-period-delimeter{
	float: left;
	width: 30px;
	color: #6a818a;
	text-align: center;
}
.main-content-report-period-today, .main-content-report-period-tomorow, .main-content-report-period-prevweek{
	float: left;
	position: relative;
	/* color: #6a818a; */
	padding-left: 35px;
	padding-right: 10px;
	cursor: pointer;

	color: #000;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* line-height: normal; */
}
.main-content-report-period-today div, .main-content-report-period-tomorow div, .main-content-report-period-prevweek div{
	position: absolute;
	top: 0px; left: 0px;
	width: 28px; height: 28px;
	/* width: 30px; height: 30px; */
	/* background-image: url(/img/icons_paket.png); */
	background-repeat: no-repeat;	
}
.main-content-report-period-today div{
	background-image: url(/img/report_period_today_icon.svg);
	/* background-position: -965px -84px; */
}
.main-content-report-period-tomorow div{
	background-image: url(/img/report_period_yesterday_icon.svg);
	/* background-position: -925px -84px; */
}
.main-content-report-period-prevweek div{
	background-image: url(/img/report_period_lastweek_icon.svg);
	/* background-position: -885px -84px; */
}

.main-content-report-body{
	margin-top: 10px; 
	/* border-bottom: 1px solid #cdd4d4; */
}
.main-content-report-body-col1_1, .main-content-report-body-col2_1, .main-content-report-body-col3_1{
	float: left;
	width: 33%;
	padding-top: 20px;
}

.main-content-report-body-col3, .main-content-report-body-col3_1{
	color: #6b818b;
}

.main-content-report-body-col3 .input-text, .main-content-report-body-col3_1 .input-text {
	width: 250px;
}


#ui_rep_sortable li {
    cursor: move !important;
    font-size: 1.4em;
    height: 18px;
    margin: 0 3px 3px;
    padding: 0.4em 0.4em 0.4em 1.5em;
}
#ui_rep_sortable li span {
    margin-left: -1.3em;
    position: absolute;
}
#ui_rep_sortable li label {
    cursor: move !important;
    margin: -10px 0 0 -10px;
    position: absolute;
}
#ui_rep_sortable .li_sort_select {
    font-weight: bold !important;
}

.main-content-report-body-col-header{
	position: relative;
	height: 28px; line-height: 28px;
	/* height: 40px; line-height: 40px; */
	/* padding-left: 40px; */
	padding-left: 38px;
	margin: 10px 0 20px 0;
	/* color: #6b838a; */
	/* font-size: 18px; */
	/* font-weight: 300;	 */

	color: #000;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	/* line-height: normal; */
}
.main-content-report-body-col-subheader{
	height: 30px; 
	line-height: 30px; 
	margin-bottom: 8px;
	color: #000;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* line-height: normal; */
}
.main-content-report-body-col-header div{
	position: absolute;
	top: 0px; left: 0px;
	width: 40px; height: 40px;
	/* background-image: url(/img/icons_paket.png); */
	background-repeat: no-repeat;
}

.main-content-report-body-col-header-doc-statuses{
	width: 28px !important;
	height: 28px !important;
	background-image: url(/img/report_ph_flag.svg);
}
.main-content-report-body-col-header-doc-types {
	width: 28px !important;
	height: 28px !important;
	background-image: url(/img/report_document_type_icon.svg);
}
.main-content-report-body-col-header-doc-initiator{
	width: 28px !important;
	height: 28px !important;
	background-image: url(/img/report_initiator_icon.svg);
}

.main-content-report-buttons-button{
	float: left;
	position: relative;
	padding: 0 20px 0 20px;
	/* padding: 0 20px 0 55px; */
	margin-right: 15px;
	margin-top: 15px;
	height: 40px; 
	line-height: 40px;
	border-radius: 4px;
	color: #fff;
	/* font-size: 16px; */
	/* font-weight: 300; */
	cursor: pointer;

	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	/* line-height: normal; */
	/* text-transform: uppercase; */
}
.main-content-report-buttons-button div{
	position: absolute;
	top: 0px; left: 10px;
	width: 100%; 
	height: 100%; 
	/* width: 40px; height: 40px; */
	/* background-image: url(/img/icons_paket.png); */
	/* background-repeat: no-repeat; */
}
.main-content-report-buttons-button.save-draft div {
	position: absolute;
	top: 0px; left: 10px;
	width: 40px; height: 40px;
	/* background-image: url(/img/save_icon.svg); */
    background-size: 32px;
    background-position: center right !important;
    filter: invert(1) sepia(0) saturate(5) hue-rotate(359deg);
	background-repeat: no-repeat;
}
/**/
/*POPUP WINDOWS*/
.popup{
	display: none;
	position: absolute;
	top: 0px; left:0px;
	border-radius: 5px;
	z-index: 99;
	box-shadow: -2px 5px 10px rgba(0,0,0,0.3);
}
.create-doc-link, .actions-doc-link, .actions-task-link{
	display: block; position: relative;
	height: 40px; line-height: 40px;
	font-family: "Nunito Sans";
	padding-left: 40px;
	padding-right: 25px;
	/* margin-top: 45px; */
	/* background: #dae1e3; */
	background: #e6e6e6;
	/* color: #1a3740; */
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
}
.actions-doc-link-sort{
	display: block; position: relative;
	height: 40px; line-height: 40px;
	font-family: "Nunito Sans";
	padding-left: 20px;
	padding-right: 20px;
	/* margin-top: 45px; */
	/* background: #dae1e3; */
	background: #e6e6e6;
	/* color: #1a3740; */
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
}
.create-doc-link:hover, .actions-doc-link:hover, .actions-doc-link-sort:hover, .actions-task-link:hover{
	background: #DBEAE7;;
	/* background: #7ac29f; */
}
.create-doc-link div, .actions-doc-link div, .actions-doc-link-sort div, .actions-task-link div{
	position: absolute;
	top: 0px; left: 0px;
	width: 40px; height: 40px;
	background: url(/img/icons_paket.png) -80px -120px no-repeat;
}
.actions-doc{
	background: #dae1e3;
}
.actions-task{
	background: #dae1e3;
	z-index: 100000;
}
.actions-doc-link.disabled, .actions-task-link.disabled{
	opacity: 0.6;
	cursor: default;
}
.actions-doc-link.disabled:hover, .actions-task-link.disabled:hover{
	background: #dae1e3;
}
.create-doc.popup.scroll-type {
	height: 80%;
	/* SED-27 bugfix */
	background: #dae1e3;
}
/*END POPUP*/
/*INPUTS*/
.checkbox{
	position: relative;
	height: 20px; line-height: 20px;
	padding-left: 35px;
	/* color: #6b818b; */
	margin: 10px 7px;

	color: #000;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* line-height: normal; */
}
.checkbox div{
	position: absolute;
	top: 0px; left: 0px;
	width: 20px; height: 20px;
	/* background-image: url(/img/icons_paket.png); */
	/* background-position: -610px -10px; */
	background-image: url(/img/checkbox_icon.svg);
	background-repeat: no-repeat;
	cursor: pointer;
}
.checkbox.checked div{
	/* width: 20px; height: 20px; */
	background-image: url(/img/checked_checkbox_icon.svg);
	/* background-repeat: no-repeat; */
}
.checkbox.indeterminate div{
	/* width: 20px; height: 20px; */
	background-image: url(/img/indeterminate_checkbox_icon.svg);
	/* background-repeat: no-repeat; */
}
.input-text{
	height: 31px; 
	line-height: 31px;
	width: 350px;
	padding: 0 10px;
	/* border: 1px solid #6a818a; */
	border: 1px solid #000;
	/* color: #6b818b; */
	outline: none;

	color: #000;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.input-textarea{
	height: 132px; line-height: 22px;
	width: 350px;
	padding: 5px 10px;
	border: 1px solid #6a818a;
	color: #6b818b;
}
.approver-doc-fields .form-control-field {
	box-sizing: border-box;
    width: 100%;
	margin-bottom: 10px;
}
.approver-doc-fields {
    max-height: 300px;
    
	margin-bottom: 20px;
}
.approver-doc-fields_scroll {overflow-y: scroll; padding-right: 15px;}
.main-content-report-fields__item {
	padding: 1px;
    border: 1px solid #dadada;
    margin-bottom: 3px;
}
.main-content-report-fields__item .checkbox {
	height: auto;
	min-height: 20px;
}
.main-content-report-div-settings .main-content-report-fields__item .checkbox {
    line-height: 20px !important;
}
.main-content-report-fields > div .main-content-report-fields__item:nth-child(odd) {
	background: #f8f8f8;
}
.main-content-report-fields .checkbox + div {display: none;}
.main-content-report-fields .checkbox.checked + div {display: block;}
.main-content-report-fields .input-text, .main-content-report-fields .input-textarea {
	width: 100%;
	box-sizing: border-box;
	height: 28px;
}
.dop-fields-rep {text-align: left;}
.dop-fields-rep__item {
	padding: 3px;
    border: 1px solid #dcdcdc;
    margin-bottom: 2px;
}
.dop-fields-rep .dop-fields-rep__item:nth-child(odd) {
	background: #ccc;
}
.dop-fields-rep .dop-fields-rep__item:nth-child(even) {
	background: #fff;
}
.tableRep1 tbody tr:nth-child(even) {background: #f8f8f8;}

.upload-field {margin-bottom: 10px;}
.upload-field__file {display: none;}
.input__file-icon {width: 20px;}
.upload-field__button {
	background: #fff;
	/* border: 1px solid #5B0431; */
    color: #5B0431;
    display: grid;
    max-width: 170px;
    grid-template-columns: 40px auto;
    align-items: center;
	text-align: center;
	cursor: pointer;
}
.uploadFileBtn.field-error + label.upload-field__button {
	background: #fc9797;
}
.upload-field__button-icon {
	border: 1px solid #5B0431;
	padding: 5px 5px;
	border-radius: 4px;
    /* border-right: 1px solid #fff; */
}
.upload-field__button-caption {
	border: 1px solid #5B0431;
	padding: 7px 10px;
	margin-left: 6px;
	border-radius: 4px;
	width: 133px;
	font-weight: 700;
	font-size: 12px;
	height: 22px;
	line-height: 20px;
}
/* .upload-field__button-caption:hover {
	background-color: #5B0431;
	border: 1px solid #5B0431;
	color: #fff;
} */


.field-error-message {
	color: #c71616; 
	padding: 5px 0 10px;
}

.select2-container--default .select2-selection--single {
	border: none !important;
}
.select2-container {
	border: 1px solid #6a818a;
}

/*END INPUTS*/
.doc-route-target{
	position: absolute;
	right: 15px;
	width: 460px;
	display: none;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	background: #fff;
}
.doc-route-target-spec{
	position: absolute;
	right: 15px;
	width: 460px;
	display: none;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	background: #fff;
}
.route-step{
	float: left;
	width: 46px;
	position: relative;
}
.route-step-delim{
	position: relative;
	float: left;
	height: 2px; width: 30px;
	margin-top: 22px; 
	/* background: #ccc; */
	background: #4D4D4F;
	margin-left: -5px;
}
.route-step-add, .route-step-add-first, .route-step-add-btn {
	position: absolute;
	right: 0px; top: -7px;
	width: 16px; height: 16px; line-height: 15.5px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	border-radius: 8px;
	background: #93c29d;
	cursor: pointer;
	z-index: 999;
}
.route-step-add2, .route-step-add2_spec{
	position: absolute;
	right: -10px; top: 15px;
	width: 16px; height: 16px; line-height: 15.5px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	border-radius: 8px;
	background: #93c29d;
	cursor: pointer;
	z-index: 111;
}
.route-step select{
	position: absolute;
	top: -20px; height: 18px; width: 74px;
	border: 1px solid #6a818a;
    color: #6b818b;
	font-size: 11px;
	display: none;
}
#repWaiting {
	text-align: center !important;
}
/*NEWNEWNEW*/
.comment-file-btn{
	position: relative;
	padding-left: 30px;
	height: 25px; 
	line-height: 25px;
	cursor: pointer;
}
.comment-file-btn div{
	/*position: absolute;
	top: 0px; left: 0px;
	height: 25px; width: 25px;
    /*background: url(/img/icons_paket.png) -10px -170px no-repeat;*/
    /*background: url(/img/sprite.png)  no-repeat;
	background-position: -137px -15.3px;
	cursor: pointer;
	opacity: 0.6;
}
.comment-file-btn div:hover{
	opacity: 1;*/
}
.comment-file-btn__icon {
	position: absolute;
	top: 0px; left: 0px;
	height: 25px; width: 25px;
    background: url(/img/sprite.png)  no-repeat;
	background-position: -137px -15.3px;
	cursor: pointer;
	opacity: 0.6;
}
.comment-file-btn__icon:hover{
	opacity: 1;
}
.comment-toggle-input{
	position: absolute;
	right: 0px; top: 0px;
	height: 25px; width: 25px;
	background: url(/img/sprite.png)  no-repeat;
	background-position: -29px -772px;
	cursor: pointer;
	opacity: 0.6;
}
.comment-toggle-input:hover, .comment-toggle-input.toggled{
	opacity: 1;
}
.doc-comments-comment-attach{
	position: relative;
	padding-left: 30px;
	height: 25px; line-height: 25px;
}
.doc-comments-comment-attach a{
	text-decoration: none;
	color: #439cbf;
}
.doc-comments-comment-attach div{
	position: absolute;
	top: 0px; left: 0px;
	height: 25px; width: 25px;
    /*background: url(/img/icons_paket.png) -10px -170px no-repeat;*/
    background: url(/img/sprite.png)  no-repeat;
	background-position: -137px -15.3px;
	cursor: pointer;
	opacity: 0.6;	
}
.doc-comments-comment-attach span{
	cursor: pointer;
	color: red;
	padding-left: 10px;
}
.doc-comments-comment-attach-title{
	padding: 10px 0px 2px 0px;
	font-weight: 600;
	font-size: 13px;
}
.dashboard-stars{
	height: 30px;
	padding-top: 20px;
}
.dashboard-text{
	float: left;
	line-height: 30px;
	width: 100px;
}
.dashboard-star{
	cursor: pointer;
	float: left;
	width: 30px; height: 30px;
	background: url(/img/star_rating_3.svg) top center no-repeat;
	background-size: 30px 30px;	
	margin-right: 16px;	
}
.dashboard-star.dashboard-star-full{
	background: url(/img/star_rating_1.svg) top center no-repeat;	
	background-size: 30px 30px;	
}


/* Dop field prompt */
.dop-field-prompt {
	position: relative;
	background: #cbcdda;
	color: #fff;
	border: 1px solid #a5adb0;
	width: 14px;
	height: 14px;
	line-height: 15px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	text-shadow: 1px 1px 2px rgba(0,0,0,.4);
}
.dop-field-prompt .new-doc-add-to-photo-popup {
	/* top: 15px;
    left: 15px; */
	position: absolute;
    text-shadow: none;
    font-size: 12px;
    line-height: 15px;
    padding: 10px;
    width: 400px;
    text-align: left;
}
.dop-field-prompt:hover > .new-doc-add-to-photo-popup {
	display: block !important;
}
.input-checkbox-label {
	display: flex;
	margin: 5px 0 10px;
}
.input-checkbox-label .input-checkbox {margin-right: 10px;}


/* Organization + summa */
.selected-orgs__item {
	display: grid;
    grid-template-columns: 150px auto;
	align-items: center;
    background: #f0f0f0;
    padding: 5px;
    margin-bottom: 5px;
}
.selected-orgs__item-del {
	display: inline-block;
    border: none;
    background: var(--Crimson, #5B0431);
    padding: 5px;
	border-radius: 0 3px 3px 0;
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease-in-out;
	outline: none;
}
.selected-orgs__item-del:hover {background: var(--Crimson, #5B0431);}
.selected-orgs__item-summa {
	display: flex;
}
.selected-orgs__item-summa input[type=text], .table-field-wrap input[type="text"] {
	outline: none;
    border-radius: 0px;
    border: 1px solid #dadada;
    height: 28px;
    padding: 0 3px;
    width: 100%;
    box-sizing: border-box;
}

/* Multiselect-items */
.multi-select-field-wrap {
	display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}
.multi-select-items {
	margin-bottom: 10px;
}
.multi-select-item {
	display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto 25px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
    padding: 2px 5px;
    background: #f0f0f0;
    border-left: 2px solid #439cbf;
}


input[type="text"].no-border {border: none !important;}

/* Multi input field */
.multi-input-field-wrap {
	display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}
.multi-input-items {
	margin-bottom: 10px;
}
.field-content {margin: 10px 0;}
.multi-input-field-wrap .input-text {
	width: auto !important;
}
.plus-btn, .minus-btn {
	background: var(--Crimson, #5B0431);
    border: none;
    color: #fff;
    font-size: 20px;
	width: 35px;
	height: 30px;
    cursor: pointer;
	/* opacity: 0.7; */
	transition: all .3s ease-in-out;
}
.plus-btn.small, .minus-btn.small {
	width: 25px;
    height: 25px;
}
.minus-btn {background: #ff5f5f;}
.multi-input-items {

}
.multi-input-item, .field-content__item {
	display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto 25px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
    padding: 2px 5px;
    background: #f0f0f0;
    border-left: 2px solid #439cbf;
}
.field-content__item {
	font-size: 16px;
	padding: 7px 5px;
}
.multi-input-item__content{}
.del-btn {
	background: url(/img/del_icon.svg) center no-repeat;
    border: none;
    width: 25px;
    height: 25px;
    text-indent: -9000px;
    opacity: 0.4;
	transition: all .3s ease-in-out;
	cursor: pointer;
}
.plus-btn:hover, .minus-btn:hover, .del-btn:hover {opacity: 1;}



.field-row {
	display: flex;
}
.field-row input[type="text"]:disabled {opacity: 0.5;}
.edit-btn {
	width: 32px;
    height: 28px;
    text-indent: -9000px;
    background-size: 20px;
    background-image: url(/img/pensil-black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.edit-btn:hover, .edit-btn.edit {background-image: url(/img/pensil-blue.png);}

/* Table field */
.table-field-wrap {
	margin: 15px 0;
}
.field-table-header, .field-table-content {
	display: grid;
    grid-auto-flow: column;
    gap: 5px;
}
.field-table-header, .field-table-content {margin-bottom: 5px;}
.field-table-header > div, .field-table-content > div {
	background: #f0f0f0;
	padding: 7px;
}
.field-table-content.win > div {background: #b5e1bf;}
.field-table-content.unreliable > div {background: #ffb1b1;}
.field-table-content.unreliable {display: none;}
#tab-text-content .field-table-header, #tab-text-content  .field-table-content {
	font-size: 0.8em;
}

.field-table-header > div:last-child, .field-table-content > div:last-child {
	text-align: center;
}
.field-table-header > div {
	font-weight: bold;
    line-height: 115%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dbdbdb;
}

/* Range slider field */
.range-slider-field .ui-state-default, .range-slider-field .ui-widget-content .ui-state-default, .range-slider-field .ui-widget-header .ui-state-default {
    border: 1px solid #959090;
    background: #cbcbcb;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
}
.range-slider-field .ui-state-hover, .range-slider-field .ui-widget-content .ui-state-hover, .range-slider-field .ui-widget-header .ui-state-hover, 
.range-slider-field .ui-state-focus, .range-slider-field .ui-widget-content .ui-state-focus, .range-slider-field .ui-widget-header .ui-state-focus {
	background: #959090;
}
.range-slider-field__widget {
	padding: 10px;
	margin-bottom: 10px;
}
.range-slider-field {
	margin-bottom: 15px;
}
.range-slider-field__input_wrap {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 15px;
    justify-content: flex-start;
}
.range-slider-field__input.input-text {
	width: auto;
    padding: 0 0 0 10px;
    outline: none;
	max-width: 70px;
}



.table_legend {
	margin: 15px 0px;
    padding: 0px;
    display: flex;
}
.table_legend li {
	list-style: none;
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-right: 25px;
}
.table_legend li span {
	display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.table_legend li span.win {background: #b5e1bf;}
.table_legend li span.unreliable {background: #ffb1b1;}

.btn-gray {
	background: #a5adb0;
    border: none;
    padding: 5px 15px;
    color: #fff;
    cursor: pointer;
}
.btn-gray:hover {
	background: #8f989b;
}


.change-show-allways {
	background: url(/img/show_allways_off.png) center, #fff;
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    bottom: -5px;
    left: 0px;
    border-radius: 50%;
    opacity: 0.7;
    padding: 3px;
    box-sizing: border-box;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
    cursor: pointer;
	transition: all .3s ease-in-out;
}
.change-show-allways.disabled {
	opacity: 0.4;
	box-shadow: none;
	cursor: auto;
}
.change-show-allways:not(.disabled):hover {
	opacity: 1;
}
.new-doc-add-to-photo-div.on .change-show-allways {
	background: url(/img/show_allways_on.png) center, #fff;
	background-size: contain;
}


/* Route step status */
.dog-steps {
	margin: 15px 0;
    padding: 0;
    display: flex;
}
.dog-steps li {
	position: relative;
	list-style: none;
	margin-right: 1px;
	display: inline-block;
	background: #dadada;
	padding: 3px 7px 3px 25px;
}
.dog-steps li:after {
	position: absolute;
    content: "";
    width: 0px;
    top: 0px;
    right: -32px;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 12px 20px;
    z-index: 10;
}
.dog-steps li:nth-child(odd) {background: #dadada;}
.dog-steps li:nth-child(odd):after {border-color: transparent transparent transparent #dadada;}
.dog-steps li:nth-child(even) {background: #ebebeb;}
.dog-steps li:nth-child(even):after {border-color: transparent transparent transparent #ebebeb;}
.dog-steps li:last-child:after {border-color: transparent transparent transparent #6198ad;}
.dog-steps li:last-child {
	font-weight: bold;
	background: #6198ad !important;
    color: #fff;
}


/* Alert popup style */
.popup-alert {
    position: absolute;
    z-index: 10003;
	max-width: 400px;
    left: 0;
    right: 0px;
    margin: 0 auto;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    padding: 25px 35px 25px 35px;
    font-size: 16px;
    backdrop-filter: blur(10px);
    border-radius: 5px;
    transition: all .5s ease-in-out;
    top: -500px;
}
.popup-alert.open {
    top: 100px;
}

.popup-alert_success {
    color: #fff;
    background-color: #3bb97f;
    border-color: #badbcc;
}

.popup-alert_error {
    /*color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;*/
	text-align: center;
	background: rgba(255, 0, 0, 0.65);
    box-shadow: 0px 16px 24px rgb(98 0 0 / 25%);
    color: #fff;
}

.popup-alert_info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.popup-alert__close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMxMzQ1NjM7fQo8L3N0eWxlPjxnPjxnIGlkPSJJY29uLUNsb3NlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODEuMDAwMDAwLCAyMzEuMDAwMDAwKSI+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIGlkPSJGaWxsLTE2IiBwb2ludHM9Ii0zNzAuNywtMTc0LjcgLTM3MywtMTc3IC0zMjcsLTIyMyAtMzI0LjcsLTIyMC43IC0zNzAuNywtMTc0LjcgICAgIi8+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIGlkPSJGaWxsLTE3IiBwb2ludHM9Ii0zMjcsLTE3NC43IC0zNzMsLTIyMC43IC0zNzAuNywtMjIzIC0zMjQuNywtMTc3IC0zMjcsLTE3NC43ICAgICIvPjwvZz48L2c+PC9zdmc+");
    background-position: center;
    background-repeat: no-repeat;
}
.popup-alert__approve {
    /* position: absolute; */
    /* /* right: 10px; */
    /* top: 10px; */
    width: 40px;
	padding: 4px;
    margin-top: 10px;
    text-align: center;
    /* height: 40px; */
    cursor: pointer;
	border: 2px solid #0c5460;
	border-radius: 5px;
    /* background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMxMzQ1NjM7fQo8L3N0eWxlPjxnPjxnIGlkPSJJY29uLUNsb3NlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODEuMDAwMDAwLCAyMzEuMDAwMDAwKSI+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIGlkPSJGaWxsLTE2IiBwb2ludHM9Ii0zNzAuNywtMTc0LjcgLTM3MywtMTc3IC0zMjcsLTIyMyAtMzI0LjcsLTIyMC43IC0zNzAuNywtMTc0LjcgICAgIi8+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIGlkPSJGaWxsLTE3IiBwb2ludHM9Ii0zMjcsLTE3NC43IC0zNzMsLTIyMC43IC0zNzAuNywtMjIzIC0zMjQuNywtMTc3IC0zMjcsLTE3NC43ICAgICIvPjwvZz48L2c+PC9zdmc+"); */
    /* background-position: center;
    background-repeat: no-repeat; */
}
/* END alert popup style */

.btn-warning {
	color: #fff;
    /* background-color: #fc6565; */
    background-color: #5B0431;
    border-color: #dc3545;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 3px 5px;
	transition: all .3s ease-in-out;
}
.btn-warning:hover {
	background-color: #d14343;
	box-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
}
.btn-warning.with-img {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 5px;
    align-items: center;
}
.btn-warning.with-img img {
	height: 16px;
}
img.white-svg {
	filter: invert(1000%) sepia(0%) saturate(100%) hue-rotate(2deg) brightness(104%) contrast(97%);
}
.main-content-doclist-docs-doc-title .btn-warning {
	margin: 3px 0;
}


/* Doc detail comments */
.field-changes-history {
	width: 100%;
}
.field-changes-history th, .field-changes-history td {
	padding: 3px;
}
.field-changes-history thead {
	background: #e1e1e1;
}

/* Alerts */
.alert-custom {
	position: relative;
    padding: 1rem 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    margin: 0px 0 1rem;
}
.alert-custom.primary {
	color: #247899;
    background-color: #d1eaf0;
    border-color: #c4d9d9;
}
.alert-custom.doc-allow-fields {
	margin: 15px 0;
}


.document_content_header_name {
	color: #000;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 13px; /* 81.25% */
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 25px;
}


.copyTo_slideDownText, .history_slideDownText {
	color: rgba(0, 0, 0, 0.80);
	font-family: 'Nunito Sans';
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 13px; /* 108.333% */
}

.copyTo_slideUpText, .history_slideUpText {
	color: rgba(0, 0, 0, 0.80);
	font-family: 'Nunito Sans';
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 13px; /* 108.333% */
}

/* .cke_top { */
	/* padding: 100px !important; */

	/* background: #E6E6E6 !important; */
	/* height: 10px !important; */
	/* border: none !important; */
	/* -webkit-box-shadow: none !important; */
/* } */

.cke_bottom {
	background: #E6E6E6 !important;
	height: 20px !important;
	border: none !important;
	background-image: none !important;
}

.cke_chrome {
	border: none !important;
}

.history_header_container{
	/* font-size: 16px;  */
	line-height: 35px;
	padding-top: 60px;

	color: #000;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	/* line-height: 13px; 81.25% */
	text-transform: uppercase;

}

.history-table-tr {
	font-size: 30px;
}
.history-table-tr img{
	width: 100%;
}
.history-table-tr table{
	width: 100% !important;
}
.history-table-tr-content {
	text-align: center;
	color: #000;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 13px;
}

.main-content-favs-header-td1 {
	color: #000;
	font-family: "Nunito Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/* .main-content-favs-doc-td {
	color: #000;
	font-family: "Nunito Sans";
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
} */

.main-content-favs-doc-fio {
	padding-top: 0px;
}

.main-content-favs-doc {
	background: #F4F4F4;
}

.new-doc-files {
	float: right; 
	position: relative; 
	width: 240px; 
	color: #6b818b; 
	padding: 0 10px; 
	height: 100%; 
	background: #D9D9D9;
	/* background: #f0f0f0; */
	border-radius: 6px;
}

.new-doc-files-text {
	height: 28px; 
	line-height: 28px; 
	padding-top: 10px;
	padding-bottom: 14px; 
	/* border-bottom: 1px solid #cdd4d4; */
	border-bottom: 1px solid #7D8184;

	color: rgba(0, 0, 0, 0.80);
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* line-height: normal; */
}
.new-doc-files-text-bottom {

	line-height: 24px; 
	/* text-align: center;  */
	position: absolute; 
	width: 100%; 
	bottom: 24px;

	/* height: 28px; 
	line-height: 28px; 
	padding-bottom: 10px; 
	border-bottom: 1px solid #cdd4d4; */

	color: rgba(0, 0, 0, 0.80);
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* line-height: normal; */
}

.new-doc-files-add-attach-button {
	margin-top: 10px; 
	/* color: #fff;  */
	/* font-size: 14px;  */
	text-align: center; 
	line-height: 26px; 
	/* background: #7ac29f;  */
	cursor: pointer;

	color: #5B0431;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	/* line-height: normal; */
	text-transform: uppercase;
	border-radius: 4px;
	border: 1px solid #5B0431;
}

.new-doc-buttons-block {
	/* padding: 10px; */
}

.main-content-report-period-input {
	width:110px; 
	text-align:center;
	border-radius: 4px;
	border: 1px solid #4D4D4F;
	background: #E6E6E6;
}

.main-content-report-body-underline {
	border-bottom: 1px solid #BCBEC0;
	padding-top: 10px;
}

.main-content-report-buttons-button-run {
	color: #000;
	background: #DBEAE7 !important;
	border-radius: 4px !important;
	padding: 0 20px 0 40px;
}
.main-content-report-buttons-button-run-icon {
	background: url(/img/fluent_checkmark-12-filled.svg) no-repeat;	
	background-size: 19px 15px;	
	margin-top: 13px;
}
.main-content-report-buttons-button-excel {
	color: #000;
	background: #E6E6E6 !important;
	border-radius: 4px !important;
	padding: 0 20px 0 40px;
}
.main-content-report-buttons-button-excel-icon {
	background: url(/img/material-symbols_download.svg) no-repeat;	
	background-size: 24px 24px;	
	margin-top: 8px;
}
.main-content-report-buttons-button-clear {
	color: #000;
	background: #E6E6E6 !important;
	border-radius: 4px !important;
	padding: 0 20px 0 40px;
}
.main-content-report-buttons-button-clear-icon {
	background: url(/img/basil_cross-solid.svg) no-repeat;	
	/* width: 14px !important; */
	/* height: 14px !important; */
	margin-top: 13px;
	background-size: 14px 14px;	
}

.field-error {
	outline: none;
	box-shadow: 0 0 5px rgb(255 0 0 / 63%) !important;
    border: 1px solid rgb(255 0 0 / 63%) !important;
	transition: all .3s ease-in-out !important;
}


.disable-div{
	pointer-events: none;
	opacity: 0.4;
}


/* Стили для просмотра доков под пользователем */

.upload_list_doc_for_user{
	position: relative;
	float: right;
	right: 50px;
}

.upload_list_doc_for_user_title{
	line-height: 30px;
}

.warning_upload_table {
	border: 1px solid #BCBEC0;
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
    background: #DBEAE7;
    display: inline-block;
}

.upload-file-edit-comment-form {
	position: relative;
	margin: 10px 0;
}

.selectize-input{
	border: 1px solid #000 !important;
	border-radius: 0 !important;
	outline: none !important;
}

.right-panel-content-my-task-info{
	background: #f4f4f4;
	padding: 10px;
	padding-left: 15px;
}
.right-panel-content-my-task-info:hover{
	background: #DBEAE7;
}

.right-panel-content-my-task-info-top{
	height: 35px;
}

.right-panel-content-my-task-info-name{
	display:inline-block;
}

.right-panel-content-my-task-info-date{
	float: right;
	display:inline-block;
}

.right-panel-content-my-task-info-sender{
	display:inline-block;
}

.right-panel-content-my-task-info-deadline{
	float: right;
	display:inline-block;
}

.right-panel-content-marker{
	width: 10px;
    height: 70px;
	float: left;
}
.right-panel-content-marker.red{
    background: #5B0431;
}

.right-panel-count_task_number{
	text-align: center;
	margin: 0px 20px 0px 20px;
	background: #f4f4f4;
	border-radius: 15px;
}

.right-panel-count_task_number div{
	position: absolute;
    top: 54px;
    left: 16px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #A50034;
}


/* Стили для блока Назначение сотрудников */

.table_assign_empoyees{
	width: 100%;
}

.assign_empoyees_left_panel_col{
	vertical-align: top;
	width: 20%;
}

.assign_empoyees_left_panel_ico{
	height: 30px;
	float: left;
	padding-left: 40px;
	background: url(../img/icons_paket.png) -80px -200px no-repeat;
}

.assign_empoyees_left_panel_title{
	color: #0CC8A4;
	font-size: 18px;
	margin: 7px 0 15px 0;
}

.assign_empoyees_left_panel_ref_book, .assign_empoyees_left_panel_ref_book_response{
	color: #000;
	font-size: 16px;
	margin: 7px 0 15px 0;
	padding: 10px;
}

.assign_empoyees_left_panel_ref_book:hover, .assign_empoyees_left_panel_ref_book_response:hover{
	background: #5B0431;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
	cursor: pointer;
}

.ref_book, .ref_book_response{
	vertical-align: top;
	width: 80%;
}

.ref_book_response{
	display:none;
}

.ref_book_table, .ref_book_response_table{
	width: 95%;
}

.ref_book_thead_col, .ref_book_response_thead_col{
	text-align: center;
    background: #DBEAE7;
    border-right: 1px solid #fff;
    color: #000;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 4px 20px;
}

.ref_book_tbody_col, .ref_book_response_tbody_col{
	padding: 10px 5px;
	background: #f4f4f4;
    font-size: 13px;
    color: #000;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.ref_book_tbody_col:hover, .ref_book_response_tbody_col:hover{
	background: #5B0431 !important;
	cursor: pointer;
}
.ref_book_tbody_col a, .ref_book_response_tbody_col a{
	color: #000;
	text-decoration: none;
}
.ref_book_tbody_col:hover a, .ref_book_response_tbody_col:hover a{
	color: #fff;
	text-decoration: none;
}

.ref_book_tbody_col_first, .ref_book_response_tbody_col_first{
	background: #f4f4f4;
	text-align: center;
	padding: 10px 5px;
    font-size: 13px;
    color: #000;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.ref_book_tbody_col_first:hover{
	background: #5B0431 !important;
	cursor: pointer;
}
.ref_book_tbody_col_first:hover{
	color: #fff;
}

.assign_employees_modal, .assign_employees_response_modal{
	top: 390px;
	position: fixed;
}

.main-content-doclist-docs-more-doctype{
	position: relative;
	height: 40px; line-height: 30px;
	border-radius: 2px;
	margin-bottom: 5px;
	background: #ebebeb;
	color: #6b818b;
	text-align: center;
	cursor: pointer;
}

/* Контекстные меню */
.context_menu_doc_block{
	max-height: 300px;
	overflow: auto;
	position: absolute;
	z-index: 10000;
    top: 0;
    left: 0;
    background: #F4F4F4;
    /* width: 250px; */
    font-size: 15px;
	/* padding: 10px; */
	border: 1px solid black;
}

.context_menu_doc_block div{
	border-bottom: 1px solid #BCBEC0;
	cursor: default;
	padding: 7px;
}

.context_menu_doc_block div:hover{
	background: #DBEAE7;
	padding: 7px;
}

.main-content-doclist-docs-doctype-text{
	text-align: center;
	margin: 10px auto;
	width: 350px;
}

/* Тест */
.selectize-dropdown{
	z-index: 100000000 !important;
}