/* (с) Юрий Лазаренко, Севастополь
   e-mail lazarenkoyv@mail.ru
   v-can.Site
   v 8.1.2.7
   15.12.2025
*/

:root {

    --main-1: #003A7D;					/* Основной цвет 1 */
    --main-2: #F97D0A;					/* Основной цвет 2 */
    --addt-1: #CCCCCC;					/* Дополнительный цвет 1 */
    --addt-1-dark: #777777;				/* Дополнительный цвет 1, темный */
    --addt-2: #000000;					/* Дополнительный цвет 2 */

    --text-main-1: #003A7D;				/* Текст, основной цвет 1 */
    --text-addt-1-dark: #777777;		/* Текст, основной цвет 1, темный */
    --text-main-inv-1: #FFFFFF;			/* Текст, инверсия, основной цвет 1 */

    --bg-main-1: #34689B;				/* Фон, основной цвет 1 */
	
    --standard-danger: #F90A0A;			/* Стандартные цвета, опасность */
    --standard-success: #349B3F;		/* Стандартные цвета, успех */
    --standard-warning: #F97D0A;		/* Стандартные цвета, внимание */
	
}

input::-webkit-input-placeholder{
	color: #b9b9b9;
} 
input::-moz-placeholder{
	color: #b9b9b9;
}

a {
	color: #000000;
	cursor: pointer;
}

div.pagemenu a{
	color: #ffffff;
}

div.pagemenu{
    font-weight: 300;
	font-size: larger;
	width: 15%;
    position: fixed;
    top: 50px;
	left: 0px;
	background: black;
	padding-left: 5px;
}

button.pagemenu-item{
	margin-bottom: 20px;
	font-size: large;
	width: 210px;
}

button.menu-active{
	background-color: #ec971f;
} 

span.pagemenu-item{
	display: block;
	padding-bottom: 20px;
	vertical-align: middle;
}

span.pagemenu-item > span{
	font-size: larger;
}

span.pagemenu-item.act{
	font-weight: 700;
}

div.pagemenu-subitems{
	margin: -20px 0px 20px 25px;
	font-size: smaller;
}

span.pagemenu-subitem{
	display: block;
	margin-bottom: 15px;
	font-size: 15px;
}

span.pagemenu-subitem.act{
    color: #da4648;
}

span.pagemenu-subitem.act a{
    color: #da4648;
}

span.pagemenu-subitem.act::before{
    color: #da4648;
    content: "\25AC";
    font-size: 20px;
    left: -5px;
    position: absolute;
    transform: rotate(90deg);
}

label p.act::before{
    color: #da4648;
    content: "\25AC";
    font-size: 20px;
    left: -5px;
	margin-top: -3px;
    position: absolute;
    transform: rotate(90deg);
}

div.footermenu{
	display: table;
	font-size: larger;
}

span.footermenu-item{
    margin-right: 20px;
	display: table-cell;
	text-align: center;
	padding-top: 4px;
	vertical-align: middle;
}

span.footermenu-delimeter{
    margin: 0px 5px;
	color: #ffe000;
	font-weight: 900;
	vertical-align: sub;
}	
	
span.menu-active{
	font-weight: 700;
}

#Страницы{
	margin-top: 30px;
}

span.measure_unit{
	padding: 0px 18px;
}

th.right{
	text-align: right;
}

th.center{
	text-align: center;
}

span.list-print-icon{
    /*margin-left: 8px;
    color: #c3c3c3;*/
    cursor: pointer;
	text-decoration: underline;
}

span.list-print-icon:hover{
	color: #000000;
}

div.pagetitle{
	text-align: center;
    font-weight: 700;
    font-size: x-large;
    margin: 0px 0px 7px 0px;
}

#videoinstruction{
	width: 950px;
	height: 534px;
}

#ФиксированноеНижнееМеню{
	display: block;
}

/* Панель открытых */

#ПанельОткрытых{
    height: 30px;
	padding: 0px;
	display: flex;
    max-width: 99vw;
	background: #f2f2f2;
}

.s22-opened-panel-item{
    height: 30px;
	cursor: pointer;
	max-width: 200px;
	border-left: 0px;
    padding: 4px 10px;	
    margin-left: -1px;
    white-space: nowrap;	
    display: inline-block;
    border: 1px solid #cccccc;
}

.s22-opened-panel-item.active{
	cursor: inherit;
    background-color: #ffffff;
}

.s22-opened-panel-item:hover .s22-opened-panel-item-closebtn{
	display: inline-block;
}

.s22-opened-panel-item-title{
    overflow: hidden;
	max-width: 178px;
    display: inline-block;
    text-overflow: ellipsis;
}

.s22-opened-panel-item-closebtn{
    width: 16px;
    height: 15px;
	display: none;
    cursor: pointer;
    font-size: 19px;
    margin: 2px -9px;
    position: absolute;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #cccccc;	
}

.s22-opened-panel-item-closebtn-title{
    top: -6px;
    left: 2px;
	position: absolute;
}


/* Элементы примененного фильтра */

.listFilter-items{
	margin-top: 7px;
}

.s22-filter-elements-item{
	height: 26px;
	max-width: 250px;
	border-left: 0px;
	border-radius: 13px;
	padding: 2px 10px;
	margin-left: -1px;
	margin-bottom: 6px;
	white-space: nowrap;
	display: inline-block;
	border: 1px solid #cccccc;
	color: var(--text-main-inv-1);
	background-color: var(--bg-main-1);
}

.s22-filter-elements-item-title{
    overflow: hidden;
    max-width: 208px;
	padding-right: 4px;
    display: inline-block;
    text-overflow: ellipsis;
}

.s22-filter-elements-item-closebtn{
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    margin: 2px 0px;
    position: relative;
    border-radius: 10px;
    background-color: var(--bg-main-1);
    border: 1px solid var(--text-main-inv-1);}

.s22-filter-elements-item-closebtn-title{
    top: -5px;
    left: 2px;
    position: absolute;
}

@media (max-width: 991px) {
	div.pagetitle{
		display: none;
	}
	div.pagemenu{
		position: relative;
		text-align: center;
		left: inherit;
		width: auto;
	}
	#videoinstruction{
		width: 90vw;
		height: 50vw;
	}	
	#goodListTBody{
		overflow-y: auto;
		height: 1500px;
		position: absolute;
	}
	#goodListContainer{
		height: 1500px;
	}
	#goodListLastRow{
		display:none;
	}
	#ФиксированноеНижнееМеню{
		display: none;
	}
}

/* Таблица элементов */

.s22-table{
	display: table;
}

.s22-table-row{
	display: table-row;
}

.s22-table-row-divider{
	height: 5px;
	display: table-row;
}
.s22-table-row-divider-2x{
	height: 10px;
	display: table-row;
}
.s22-table-row-divider-3x{
	height: 15px;
	display: table-row;
}

.s22-table-cell{
	display: table-cell !important;
}

.s22-table-cell-divider{
	width: 20px;
	display: table-cell;
}

/* Меню Аккордеон */

.acor-container {
    margin: 0px;
	height: 100vh;
	overflow: hidden;
    transition: all .4s ease;
}
.acor-container .acor-body {
    /*width: calc(100% - 40px);*/
    margin: 0 auto;
    height: 0;
    color: #ffffff;
    background-color: #333333;
    line-height: 18px;
    padding: 0 30px;
    box-sizing: border-box;
    transition: color 0.5s, padding 0.5s;
    overflow: hidden;
    /*font-family: Verdana, sans-serif; */
    font-size: 16px;
    /*box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 10px 16px rgba(0,0,0,0.2);*/
}
.acor-container .acor-body p{
    margin: 0 0 10px;
}
.acor-container label{
    cursor: pointer;
    background-color: #333333;
    display: block;
    padding: 10px 20px;
    width: 100%;
    color: #ffffff;
    font-weight: 300;
    box-sizing: border-box;
    z-index: 100;
    /*font-family: Verdana, sans-serif;   */
    font-size: 17px;
    margin: 0px;
    transition: all .35s;
}

.acor-container label.act{
	color: #da4648;
}

.acor-container.compressed label{
    padding: 10px 10px;
}

.acor-container.compressed span.acor-menu-name{
    display: none;
}

.acor-container p{
	margin: 0px;
}

.acor-container p.act{
	color: #da4648;
}

.acor-container label:hover {
    color: #ffffff;
}

.acor-container input{
    display: none;
}

.acor-container label.upmenu:before {
    content: '\276F';
    float: right;
}

.acor-container label.upmenu.act:before {
	color: #da4648;
    content: '\276F';
    float: right;
}

.acor-container input:checked + label {
    background-color: #333333;
    color: #ffffff;
    /*box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);*/
}
.acor-container input:checked + label:before {
    transition: transform .35s;
    transform: rotate(90deg);
}
.acor-container input:checked + label + .acor-body {
    height: auto;
    margin-top: -15px;
    color: #ffffff;
    padding: 15px 45px 5px;
}

.acor-container a {
    color: #ffffff;
}

.acor-body a {
    color: #e7e7e7;
	text-decoration: none;
}

.acor-menu-icon {
	vertical-align: baseline;
}

/* Главная страница */
div.mainpage-cols{
	display: inline-flex;
	width: 100%;
	/*font-family: 'Proxima Nova Rg';*/
}

div.mainpage-col-big{
	width: 100%
}

div.mainpage-col1{
	display: inline-grid;
	/*width: 300px;
	height: 88vh;*/
    background: #333333;
	position: sticky;
    top: 0px;
}

div.mainpage-col2{
	width: 100%;
	display: block;
	width: -webkit-fill-available;
}

div.mainpage-col3{
	z-index: 100;
	display: block;
	margin-top: -1px;
	max-width: 320px;
	margin-right: 0px;
}

div.dropdown-shadow{
	margin-top: 10px;
    display: none;
    width: 250px;
	background: #ffffff;
	box-shadow: 0 0 20px 2px rgba(221, 221, 221, 1);
	text-align: left;
	color: #797979;
	font-size: 13px;	
	line-height: 3;
	position: absolute;
    right: 20px;
	z-index: 1000;
}

#МенюПользователя{
	margin-top: 10px;
    display: none;
    width: 250px;
	background: #ffffff;
	box-shadow: 0 0 20px 2px rgba(221, 221, 221, 1);
	text-align: left;
	color: #797979;
	font-size: 13px;	
	/*line-height: 3;*/
	position: absolute;
    right: 20px;
	z-index: 1000;
}

#МенюПользователя h4{
	font-weight: 600;
}

#МенюПользователя div{
	color: #797979;	
}

#МенюПользователя span{
	color: #797979;	
}

#МенюПользователяПодвал{
    background: #f2f2f2;
	text-align: center;
	padding-top: 10px;
}

#МенюПользователяПодвал span{
	color: #797979;	
}

div.auth-top-group{
    height: 70px;
    background: #f2f2f2;
}

div.auth-data{
	display: inline-block;
	float: right;
	margin-right: 30px;
	margin-top: -5px;
}

div.auth-data-block{
	display: inline-block;
	color: #797979;
	font-size: 12px;
	margin-right: 40px;
}

div.auth-data-block-big{
	color: #797979;
    font-size: 14px;
    font-weight: 600;
	max-width: 400px;
}

div.pass-restore-group{
	position: relative;
}

div.doclistmainpanel{
	padding: 30px;
	position: absolute;
}

@media screen and (max-width:991px) {
	div.doclistmainpanel{
		width: 100%;
	}	
}

div.docformmainpanel{
	overflow: auto;
	position: relative;
	/*position: static; *tsl - неверно отображается попап-окно div.docformmainpanel.right */;
	background-color: #ffffff;
}

div.docformmainpanel.over{
    z-index: 100;
	position: absolute;
    background: #ffffff;
	border: 1px solid var(--addt-1);
	box-shadow: -2px 5px 10px 0px rgba(0, 0, 0, 0.7);
}

div.docformmainpanel.right{
    right: 0px;
}

/*div.doclisttab{
	display: inline-block;
    padding: 20px 15px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 90%;
	color: #34689b;
	cursor: pointer;
}

div.doclisttab.selected{
	background: #f2f2f2;
	color: inherit;
	border-top: 2px solid #34689b;
}*/

div.doclisttabdata{
	display: none;
}

div.doclisttabdata.selected{
	display: block;
}

#СписокОбъектов{
	/*background: #f2f2f2;*/
    padding: 10px 20px 5px 20px;
}

table.ObjectListTable th{
	color: #797979;
}

table.ObjectListTable th{
	color: #797979;
}

thead.ObjectListTableHead{
	display: block;
}

tbody.ObjectListTableBody tr{
	background: #ffffff;
	/*border-bottom: 7px solid #f2f2f2;*/
	cursor: pointer;
	min-height: 44px;
}

tbody.ObjectListTableBody tr.active{
	background: #f0f8ff;
	/*border-bottom: 7px solid #f2f2f2;*/
	cursor: pointer;
	min-height: 44px;
}

tbody.ObjectListTableBody tr:hover{
	/*background: #e7e7e7;*/
}

tbody.ObjectListTableBody td{
	border-top: 0px;
	padding: 15px;
	color: #555555;
	vertical-align: middle !important;	
}

table.FileListTable th{
	color: #797979;
}

tbody.FileListTableBody{
	background: #ffffff;
    margin: 0px -20px;	
    padding: 20px;	
}

tbody.FileListTableBody tr{
	background: #f7f7f7;
	border: 1px solid #ffffff;
	cursor: pointer;
	height: 47px;
}

tbody.FileListTableBody tr:hover{
	background: #e7e7e7;
}

tbody.FileListTableBody td{
	border-top: 0px;
	padding: 15px;
	color: #797979;
	vertical-align: middle !important;
	border-top: 0px !important;
}

td.FileListTableFiletype{
	width: 88px;
	color: #ffffff !important;
	text-align: center;
}

/*#СписокФайловТелоТаблицы tr{
	background: #e7e7e7;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
}*/

/* Таблица серый фон, красная линия под заголовком */

table.gray-redline tr{
	height: 38px;
}

table.gray-redline th{
	vertical-align: middle !important;
	color: #797979;
    font-weight: 300;
    font-size: small;
	border-bottom: 2px solid #ed1a3b !important;
	padding: 6px !important;
}

table.gray-redline td{
	vertical-align: middle !important;
	padding: 6px !important;
}

/* Таблица серый фон, синяя линия под заголовком */

table.gray-blueline tr{
	height: 38px;
}

table.gray-blueline th{
	vertical-align: middle !important;
	color: #797979;
    font-weight: 300;
    font-size: small;
	border-bottom: 2px solid #2e6da4 !important;
	padding: 6px !important;
}

table.gray-blueline td{
	vertical-align: middle !important;
	padding: 6px !important;
}

tr.red-background{
	background-color: #ffe8e8;
}

tr.red-background:hover  td{
	background-color: #ffc5c5;
}

input.searchInput{
    border: 1px #e7e7e7 solid;
    background: #ffffff;
    color: #333333;
    font-weight: 400;
    width: 320px;
    max-width: 320px;
    outline: none;
    padding: 13px 20px;
    border-radius: 0;
    -webkit-appearance: none;
    /*height: 45px;*/
}

span.menu_searchInputReset{
	padding: 0px 15px;
	cursor: pointer;
	min-width: 47px;
	background: #ffffff;
}

h2{
	font-weight: 800;
}

h2.formTitle{
	padding: 10px 0px;
}

button.btn-link{
	color: #2e6da4;
}

button.btn-link.green{
	background: #dceceb;
	min-width: 200px;
	height: 38px;
    margin-bottom: 8px;
	text-align: left;
	text-decoration: none;
}

button.btn-link.lightblue{
	background: #edf5fe;
	min-width: 200px;
	min-height: 38px;
    margin-bottom: 8px;
	text-align: left;
	text-decoration: none;
}

img.btn-link-img{
	vertical-align: middle;
	height: 16px;
}

span.inputtitle.inline{
	display: inline-block;
	padding-bottom: 3px;
}

span.inputtitle{
	display: block;
	padding-bottom: 3px;
}

span.inputtitle label{
	color: #797979;
	font-weight: 500;
}

span.inputfield{
	display: block;
	font-weight: 700;	
}

span.inputfield.inline{
	display: inline-block;
	width: auto;
	vertical-align: top;
	font-weight: 700;
}

textarea.form-control{
	padding: 8px 14px;
}

div.form-control{
    height: 50px;
	overflow-x: auto;
	padding: 14px 22px;
}

div.form-control.input-sm{
	min-height: 30px;
	height: auto;
	padding: 4px 10px;
}

.form-control.gray{
	background: #eeeeee;
	border: 1px solid #eeeeee;
	box-shadow: none;
}

.form-control.gray-border{
	background: #eeeeee;
	box-shadow: none;
}

button.outline{
	background: #ffffff;
}

button.outline:hover{
	background: #ffffff;
}

button.outline:focus{
	background: #ffffff;
}

button.font-red{
	color: #ed1a3b;
}

button.font-red:hover{
	color: #ed1a3b;
}

button.font-red:focus{
	color: #ed1a3b;
}

button.font-blue{
	color: #05223a;
}

button.font-blue:hover{
	color: #05223a;
}

button.font-blue:focus{
	color: #05223a;
}

button.itemSelectBtn{
    border: 0px;
    color: #777777;
    background: none;
	padding: 5px 7px 5px 3px;
}

button.itemSelectBtn i{
    color: #777777;
}

span.itemSelectBtn{
    color: #777777;
    background: none;
    border: 0px;	
}

button.clearElemBtn i{
    color: #777777;
}

label.title span{
	color: red;
}

input.date{
    background-position-x: 98px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-image: url(images/userpics/calendar.svg);
	width: 130px;
}

input.time{
    background-position-x: 67px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-image: url(images/userpics/clock.svg);
	width: 95px;
}

button.filter{
    min-width: 110px;
    float: left;
    border-radius: 0px;
    border: 0px;
	margin-right: 15px;	
    /*height: 45px;*/
}

button.filter span.fa{
	vertical-align: baseline;
}

#ФильтрыСписка{
	/*background: #f2f2f2;*/
    padding: 10px 20px 0px 20px;
}

.w-40px{
	width: 40px;
}

.w-70px{
	width: 70px;
}

.w-150px{
	width: 150px;
}

div.divider{
    width: 100%;
    height: 15px;
	margin-top: 8px;
    border-top: 1px solid #e7e7e7;	
}

div.divider-transparent-20{
    width: 100%;
    height: 20px;
}

div.divider-transparent-30{
    width: 100%;
    height: 30px;
}

h4.divider{
	padding: 10px;
    background: lightgray;	
}

img.personalphoto{
    height: 39px;
    border-radius: 20px;
    /* display: inline-block;
    padding: 2px 0px 0px 1px;
    vertical-align: bottom;
    margin-right: 10px; */
}

#СписокОбъектовТаблица{
	font-size: 14px;
}

#authform{
    /*background: #f2f2f2;
    height: 70px;
    padding: 12px;*/
}

img.menu-logo{
	max-height: 40px;
	object-fit: contain;
	-o-object-fit: contain;
	margin: 13px 48px 0px 15px;
}
	
.input-group-addon {
	background-color: transparent;
}

div.searchDiv{
	height: 34px;
}

button.big{
	width: 100%;
	padding: 13px;
	font-weight: 700;
	font-size: larger;	
	/*border-radius: 25px;*/
}

@media (max-width: 991px) {
	h2.formTitle{
		padding: 0px;
	}	
}