:root 
{
	--main_color           :#0F2D69;
    --main_color_hover     :#0F2D69;
	--main_color_fon       :#FFFFFF; /*#5F5C5D*/ 
	--main_color_input     :#bfbfbf;
	--main_color_select    :#bfbfbf;
	--main_color_font_white:#0F2D69;
	--main_font_size       :12pt;
	--height_footer        :35px;
	--height_search_simple :35px;
	--height_menu          :35px;
	--height_sa_element    :35px;
	
	--height_book_info_value:20px;
}
@font-face
{
	font-family: 'HSESans'; 
	src: url('fonts/HSESans-Regular.otf') format('opentype');
}
html 
{
    position: fixed;
    overflow: auto;   /* Полосы прокрутки добавляются только при необходимости. */
    left:   0;
    right:  0;
    top:    0;
    bottom: 0;
	background-color: var(--main_color_fon);
	font-family:'HSESans';
	font-size: var(--main_font_size);
	color: var(--main_color_font_white);
}
body 
{
    height: 100%;
    margin: 0;    /* Отступы вокруг элемента */
    overflow: auto;  /* Полосы прокрутки добавляются только при необходимости.*/
	background-color: var(--main_color_fon);
}
div
{
    margin: 0px;
    padding: 0px;
}
table tr td
{
   margin: 0;    /* Отступы вокруг элемента */
   padding:0;    /* Поля вокруг текста */
}
select
{
    height: 100%;
    border-radius: 5px 5px 5px 5px;
	font-family:'HSESans';
	font-size: var(--main_font_size);
	background-color: var(--main_color_select);
}
input
{
	border-radius: 5px 5px 5px 5px;
	font-family:'HSESans';
	font-size: var(--main_font_size);
	background-color: var(--main_color_input);
}
textarea
{
	border-radius: 5px 5px 5px 5px;
	font-family:'HSESans';
	font-size: var(--main_font_size);
	background-color: var(--main_color_input);
	box-sizing: border-box;
}
button
{
    font-family:'HSESans';
	font-size: var(--main_font_size);
}
a.btn 
{
    color: var(--main_color_fon);
    background:  var(--main_color);
    padding: .1rem 2rem;
    display: inline-block;
    border-radius: 5px 5px 5px 5px;
    transition-duration: .25s;
    border: none;
	text-decoration: none; /*Убираем подчеркивание*/
}
a.btn:hover 
{
	color:var(--color_font_hover );
}
sup
{
    color:#FF0000;
}
/*Логотип*/
div#div_logo
{
    text-align: center;
	height: 100px;
	width: 100%;
	display:flex;
}
img#img_logo
{
    height: 100%
}
img#img_logo_1
{
    height: 100%;
}
img#img_logo_2
{
    width: 100%
}
div#div_logo_1
{
	height: 50px;
	min-width: 450px;
}
div#div_logo_2
{
	display:flex;
    justify-content: center; 
    align-items: center;
	height: 100px;
	min-width: 550px;
}
/*Логотип*/
div.div_menu
{
    width: 100%;
    display: flex;
	background-color: var(--main_color);
	border-radius: 10px 10px 10px 10px;
}
div#div_info
{
    width: 100%;
	border-radius: 10px 10px 10px 10px;
	background-color: var(--main_color);
	color: var(--main_color_fon);
	min-height: var(--height_menu);
	align-items: center;
    justify-content:center;
}
div#div_info_name
{
    font-size:25pt;
    font-weight: bold;
    width: 100%;
	border-radius: 10px 10px 10px 10px;
	background-color: var(--main_color);
	color: var(--main_color_fon);
	min-height: var(--height_menu);
	align-items: center;
    justify-content:center;
}
div#div_count_find
{
    width: 100%;
    font-weight: bold;
	border-radius: 10px 10px 10px 10px;
	background-color: var(--main_color);
	color: var(--main_color_fon);
	min-height: var(--height_menu);
	line-height:var(--height_menu);
	text-align: center;
    vertical-align: middle;
}
div#div_search_advanced
{
    text-align: center;
	border-radius: 10px 0 0 10px;
	width: 450px;
}
div.div_btn
{
    cursor: pointer;
	background-color: var(--main_color);
	color: var(--main_color_fon);
	min-height: var(--height_menu);
	display:flex;
    align-items: center;
    justify-content:center;
}
div.div_btn_2
{
	background-color: var(--main_color);
	color: var(--main_color_fon);
	min-height: var(--height_menu);
	display:flex;
    align-items: center;
    justify-content:center;
}
div.div_btn_adm
{
    /*cursor: pointer;*/
	background-color: var(--main_color);
	color: var(--main_color_fon);
	min-height: var(--height_menu);
	display:flex;
    align-items: left;
    justify-content:left;
}
div#div_rub_add
{
    border-radius: 10px 0 0 10px;
}
a.btn_admin
{
    height: var(--height_menu);
}
div.div_btn:hover
{
	color:var(--color_font_hover );
}
img.img_btn
{
    height: var(--height_menu);
}
div#div_user_name
{
	background-color: var(--main_color);
    flex-grow: 2;
	color: var(--main_color_fon);
	min-height: var(--height_menu);
	display:flex;
    align-items: center;
    justify-content:right;
}
div#div_logout
{
    text-align: center;
	padding: 0px 5px 0px 5px;
}
div#div_help
{
    border-radius: 0px 10px 10px 0px;
}
div#div_catalog
{
    text-align: center;
	border-radius: 10px 0 0 10px;
	width: 450px;
}
div#div_adm_rub
{
    border-radius: 10px 0 0 10px;
	width: 450px;
}
div#div_search
{
	background-color: var(--main_color);
    flex-grow: 2;
	color: var(--main_color_fon);
	min-height: var(--height_menu);
	display:flex;
    align-items: center;
    justify-content:center;
}
div#div_button_search_simple
{
    height: var(--height_search_simple);
	border-radius: 0 10px 10px 0;
}
#button_search_simple
 {
    width: 100%;
    height: var(--height_search_simple);
    border: none;
    background-color: var(--main_color);
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
}
#button_search_simple:hover
{
}
#input_search
{
    width: 100%;
    height: 100%;
    padding-left: 10px;
    border: 1px solid  var(--main_color);
    border-radius: 10px;
    outline: none;
	box-sizing: border-box;
}
div#div_main
{
    min-height: 400px;
    width: 100%;
    display: flex;
}
div#td_tree
{
    width: 450px;
	min-width: 450px;
	background-color: var(--main_color_fon);
}
div#td_docs
{
    background-color: var(--main_color_fon);
	flex-grow: 2;
}
#side_checkbox 
{
    display: none;
}
.label_button_close
{
    display: none;
}
.label_button_open
{
}
div#div_niz
{
    /*text-align: center;
	border-radius: 10px 0 0 10px;
	min-width: 450px;
	background-color: var(--main_color);*/
    /*width: 100%;*/
	min-width: 450px;
	border-radius: 10px 0 0 10px;
	background-color: var(--main_color);
	color: var(--main_color_fon);
	min-height: var(--height_menu);
	display:flex;
	align-items: center;
    justify-content:left;
}
/*Кнопки листания страниц*/
#div_pages_buttons
{
    min-width: 82px;
    height: 100%;
	text-align:left;
	font-size: 0px; /*удаляем пробел между кнопками*/
	background-color: var(--main_color);
}
.pages_button
{
	height: var(--height_footer);
	width: 40px;
    border: 1px solid #000000;
	border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    /*background-color: var(--main_color);*/
	background-color: var(--main_color_select);
	text-align:center;
	position:relative;
}
.pages_button[disabled]
{
	cursor: default;
    /*background-color: var(--main_color);*/
	background-color:var(--main_color);
}
.pages_button img
{
    width:30px;
	border: none;
    position:absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*Кнопки листания страниц*/
#div_pages_text
{
    width: 100%;
    height: var(--height_footer);
    background-color: var(--main_color);
	display:flex;
    align-items: center;
    justify-content:left;
	color:var(--main_color_fon);
}
#div_pages_select
{
    /*width: 100%;*/
    height: var(--height_footer);
	border-radius: 0 10px 10px 0;
	text-align:right;
	background-color: var(--main_color);
}
#select_pages_count
{
    height: 100%;
	width: 50px;
}
#div_sort_type
{
	display:flex;
    height: var(--height_footer);
	text-align:right;
	background-color: var(--main_color);
}
#div_sort
{
    display:flex;
	align-items: center;
    justify-content:right;
	height: var(--height_footer);
	color:var(--main_color_fon);;
}
#div_metadata_sort_select
{
    width: 100%;
    height: var(--height_footer);
	text-align:right;
	background-color: var(--main_color);
}
#select_metadata_sort
{
    height: 100%;
}
#select_sort_type
{
    height: 100%;
}
.img_cover
{
    /*height: 75px;*/
	width:120px;
    border: 1px solid  var(--main_color);
	display: block;
}
div.div_book_info_value
{
    /*background-color:#98FB98;*/
	width:100%;
	border: 1px solid  var(--main_color_font_white);
	border-radius: 5px 5px 5px 5px;
	/*height: var(--height_book_info_value);*/
}

tr.tr_book
{
     
}
tr.tr_book_selected
{
    background-color:var(--main_color);
	color:var(--main_color_fon);
}

tr.tr_book_selected div.div_book_info_value
{
    /*background-color:var(--main_color);
	color:var(--main_color_fon);*/
	border: 1px solid  var(--main_color_fon);
}

div.gl_div_field_main
{
	margin-left: 10px;
}
div.gl_div_field
{
	
	/*height:25px;*/
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
	/*height: var(--height_menu);*/
}
div.gl_div_field_checkbox
{
	width: 25px;
}
div.gl_div_field_count
{
    width: 50px;
    /*background-color: yellow;*/
    /*height: var(--height_menu);*/
}
div.gl_div_field_name
{
    width: 100%;
    /*background-color: green;*/
    /*height: var(--height_menu);*/
    /*border-right: 0px;*/
}

div.gl_div_entity_main
{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
div.gl_div_entity_pic
{
	text-align: center;
	flex-shrink: 0;
	width: 100px;
}
div.gl_div_entity_info
{
	width: 100%;
	/*background-color: green;*/
}
div.gl_div_entity_title
{
}
div.gl_div_entity_fields
{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
div.gl_div_entity_field_name
{
	width: 150px;
	/*background-color: red;*/
}
div.gl_div_entity_field_value
{
	width: 100%;
	/*background-color: blue;*/
}
div.gl_div_field_pic
{
    height: var(--height_menu);
	/*width: var(--height_menu);*/
	width:35px;
	flex-shrink: 0;
}
img.gl_img_field_pic
{
    /*height: 100%;
    width: 100%;*/
    width: 100%; /* Гибкость – наше всё */
    height: 100%; 
    object-fit: contain; /* Исключаем искажения пропорций */
}
img.gl_img_entry_pic
{
    padding: 1em;
    width: 75%;
}
b.gl_b_embargo
{
    color:red;
}
div.div_field
{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
div.div_field_name
{
	width: 250px;
	/*background-color: red;*/
}
div.div_field_value
{
	width: 100%;
	/*background-color: blue;*/
}
div.div_field_title
{
    width: 100%;
	text-align:center;
	font-weight: bold;
	font-size: 200%;
}
input.input_field
{
    width: 250px;
    /* Убираем влияние padding и border на конечную ширину input */
    box-sizing: border-box;
    /* Обнуляем margin */
    margin: 0;
}
textarea.textarea_field
{
    width: 250px;
	height: 200px;
	resize: none;
}
select.select_field
{
    width: 250px;
}
sup.sup_field
{
    color:red;
	font-weight: bold;
}
@media screen and (max-width: 480px) 
{
div#div_info_name
{
    font-size:12pt;
    /*font-weight: bold;*/
    width: 100%;
	border-radius: 10px 10px 10px 10px;
	background-color: var(--main_color);
	color: var(--main_color_fon);
	min-height: var(--height_menu);
	align-items: center;
    justify-content:center;
}
}