:root{
--max-height-px: 3px;
--sec-transition: 2s;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
.table-container {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 70vh; /* или 60vh, по желанию */
    position: relative;
    border: 1px solid #ddd;
}

/* Обязательно: фиксируем ширину таблицы, чтобы скролл вообще появился */
.table-container .table {
    min-width: 1200px; /* Заменить на нужную ширину, если нужно */
}
.breadcrumb {
    background-color: #fff;
    margin: 21px 0 5px;
    padding: 0;
}
.magazine .header.header_table {
    color: #ffffff;
    font-size: 14px;
    font-weight: 100;
}

.tool_header {
    padding: 0 15px;
    box-sizing: border-box;
}

.jornal-list .magazine__col:not(.cell){
    vertical-align: baseline;
}
.jornal-list .magazine__col:not(.cell) a{
	line-height: 1.2;
}

.jornal-list .magazine__col:not(.cell) a {
	display: block;
	max-height: var(--max-height-px);
	overflow: hidden;
	position: relative;

	/* transition */
	-webkit-transition: max-height var(--sec-transition);
	-moz-transition: max-height var(--sec-transition);
	-ms-transition: max-height var(--sec-transition);
	-o-transition: max-height var(--sec-transition);
	transition: max-height var(--sec-transition);
}

/*.jornal-list .magazine__col:not(.cell) a:hover {
	max-height: 3500px;
}*/

.jornal-list .magazine__col:not(.cell) a::after {
	display: flex;
	font-family: 'FontAwesome';
	color: #fff;
	content: "\f0dd";
	position: absolute;
	left: 0;
	/*bottom: -10px;*/
	width: 100%;
	/*height: 20px;*/
	background: url(/local/svg/about_bg_old.svg);
	background-color: #fff;
	background-size: cover;
	justify-content: center;
	/*box-shadow: 10px 10px 10px 18px white;*/
}

.table thead th,
.header.header_table .magazine__col {
    height: 48px !important;
    font-size: 14px !important;
    padding: 10px 8px !important;
    line-height: 1.4;
}

.header.header_table > tr >.magazine .magazine__col {
    padding: 1px 20px 15px 5px;
	height: 40px!important;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 300;
    min-width: 183px;
}

.magazine .magazine__col {
    padding: 0px 1px 1px 1px;
	height: 3px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 300;
    min-width: 183px;
}

thead.header.header_table.fixed {
    width: 100vw!important;
}

thead.header.header_table.fixed tr {
    width: 100%!important;
}

.magazine table thead.fixed {
    position: fixed;
    /*top: 94px;*/
    top: 0;
    left: 0;
    z-index: 1000;
}

.jornal-list .magazine__col:nth-child(1){width: 7.5%!important;}
.jornal-list .magazine__col:nth-child(2){width: 8%!important;}
.jornal-list .magazine__col:nth-child(3){width: 11%!important;}
.jornal-list .magazine__col:nth-child(4){width: 5.5%!important;}
.jornal-list .magazine__col:nth-child(5){width: 15%!important;}
.jornal-list .magazine__col:nth-child(6){width: 5%!important;}
.jornal-list .magazine__col:nth-child(7){width: 5%!important;}
.jornal-list .magazine__col:nth-child(8){width: 22%!important;}
.jornal-list .magazine__col:nth-child(9){width: 7%!important;}
.jornal-list .magazine__col:nth-child(10){width: 7%!important;}
.jornal-list .magazine__col:nth-child(11){width: 2%!important;}
.jornal-list .magazine__col:nth-child(12){width: 5%!important;}
.jornal-list .magazine__col:nth-child(13){width: 30%!important;}
.jornal-list .magazine__col:nth-child(14){width: 7%!important;}
.jornal-list .magazine__col:nth-child(15){width: 7%!important;}
.jornal-list .magazine__col:nth-child(16){width: 7%!important;}
.jornal-list .magazine__col:nth-child(17){width: 7%!important;}
.jornal-list .magazine__col:nth-child(18){width: 7%!important;}
.jornal-list .magazine__col:nth-child(19){width: 7%!important;}
.jornal-list .magazine__col:nth-child(20){width: 7%!important;}
.jornal-list .magazine__col:nth-child(21){width: 7%!important;}
.jornal-list .magazine__col:nth-child(22){width: 7%!important;}
.jornal-list .magazine__col:nth-child(23){width: 7%!important;}
.jornal-list .magazine__col:nth-child(24){width: 7%!important;}
.jornal-list .magazine__col:nth-child(25){width: 7%!important;}
.jornal-list .magazine__col:nth-child(26){width: 7%!important;}
.jornal-list .magazine__col:nth-child(27){width: 7%!important;}

.archive-list .magazine__col:nth-child(1){width: 7.5%!important;}
.archive-list .magazine__col:nth-child(2){width: 7.3%!important;}
.archive-list .magazine__col:nth-child(3){width: 10.8%!important;}
.archive-list .magazine__col:nth-child(4){width: 31%!important;}
.archive-list .magazine__col:nth-child(5){width: 20.6%!important;}
.archive-list .magazine__col:nth-child(6){width: 5.5%!important;}
.archive-list .magazine__col:nth-child(7){width: 5.5%!important;}
.archive-list .magazine__col:nth-child(8){width: 5.3%!important;}
.archive-list .magazine__col:nth-child(9){width: 6.5%!important;}

.magazine .cell a.cell__sort {
    right: 6px;
    margin-top: -5px;
    top: 50%;
}
.tool a.tool__link {
    vertical-align: middle;
    line-height: 100%;
    border: 1px solid transparent;
    border-radius: 3px;
}
.tool a.tool__link:hover {
    background-color: #fcfcfc;
    border: 1px solid #2f3f56;
}
.tool .tool__link img {
    width: 20px;
}
.magazine input,
.magazine textarea,
.magazine select {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    max-width: 100%;
    box-sizing: border-box;
}
.magazine label {
    color: #2f3f56;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: normal;
}
.modal_magazine input, 
.modal_magazine textarea, 
.modal_magazine select {
    font-size: 14px;
    font-weight: 100;
    line-height: normal;
    max-width: 100%;
    box-sizing: border-box;
}
.modal_magazine label {
    color: #2f3f56;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: normal;
}
.btn_round.btn_big {
    font-size: 14px;
}
.modal_magazine .modal-title, 
.modal-custom .modal-title {
    color: #2969a9;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: normal;
}
.modal-settings label {
    font-size: 14px;
    color: #2f3f56;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin-left: 5px;
}

.register-list-title .engineer {
	font-size: 32px;
	font-weight: 400;
	color: #30353a;
}
.register-list-title .engineer span {
	color: #2969a9;
	font-size: 20px;
}

.page-link {
    border: none;
    color: #2969a9;
}
.page-item.active .page-link {
    background-color: #2969a9;
    border-color: transparent;
}
.page-item:first-child .page-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-radius: 4px;
}
.customfixed{
	position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
}
.default {
}
#bottom_panel_compare pre{
	display:none;
}