﻿.centered-in-body {
    position: fixed;
    top: 30%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

.centered-in-parent {
    position: absolute;
    top: 200px;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

.container-center-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

.centered-in-screen {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
}

.btn-default {
    box-shadow: 2px 2px 5px #706d6d;
}

.TEMPLATE_WAIT { 
    z-index: 9999999;
    left: 50%;
    opacity: .6;
    background-color: white;
}
.TEMPLATE_WAIT .msg { 
    margin: 3px 30px;
    text-align: center;
}
.TEMPLATE_WAIT .img {
    background: url('../Img/default_loading.gif') no-repeat center top; 
    width: 32px; height: 32px; 
    margin: 0 auto;
    z-index: 10000;
}

.TEMPLATE_WAIT.centered-in-body {
    opacity: .6;
}

.TEMPLATE_WAIT.centered-in-parent {
    opacity: .9;
}

/*Файлы*/
.file_base {
    display: inline-block;
}

.file_base.file, .file_base.rtf, .file_base.xls, .file_base.xlsx, .file_base.xlsm, .file_base.docx,
.file_base.doc, .file_base.txt, .file_base.pdf, .file_base.bmp, .file_base.png, .file_base.jpg,
.file_base.zip, .file_base.rar, .file_base.mp3, .file_base.asf, .file_base.wma,
.file_base.wmv, .file_base.wm, .file_base.jfif {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 2px 0px 2px 36px;
    height: 32px;
    display: inline-block;
    margin-left: 15px;
}

.file_base.file, .file_base .file {
    background: url('../Img/fi/fileico_unk_32.png') no-repeat left center; 
    padding: 2px 0px 2px 36px; height: 32px; line-height: 32px; display: inline-block; margin-left: 15px;
}

/*
.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
*/

.dropdown-menu .file_base.file, .dropdown-menu .file_base .file {
    margin: 5px 5px;
}

.dropdown-menu .file {
    font-size: .80em;
}

.small .file_base.file, .small .file_base .file {
    padding: 0px 0px 0px 24px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    margin-left: 7px;
}

.file_base.file20, .file_base .file20 {background: url('../Img/fi/fileico_unk_32.png') no-repeat left center; padding: 1px 0px 2px 36px; line-height: 20px; display: inline-block; margin-left: 15px; background-size: 25px;}
.file_base.rtf, .file_base .rtf {background-image: url('../Img/fi/fileico_rtf_32.png');}

.file_base.xls, .file_base.xlsx, .file_base.xlsm, .file_base .xls, .file_base .xlsx, .file_base .xlsm {background-image: url('../Img/fi/fileico_xls_32.png');}

.small .file_base.xls, .small .file_base.xlsx, .small .file_base.xlsm, .small .file_base .xls, .small .file_base .xlsx, .small .file_base .xlsm {
    background-image: url('../Img/fi/16/FileXls_at.gif');
}

.file_base.docx, .file_base.doc, .file_base .docx, .file_base .doc {background-image: url('../Img/fi/fileico_word2_32.png');}

.file_base.mrt, .file_base .mrt {
    padding: 0px 0px 2px 28px;
    background: url('../Img/fi/fileico_mrt_24.png') no-repeat left center;
    background-size: 21px;
}

.small .file_base.docx, .small .file_base.doc, .small .file_base .docx, .small .file_base .doc {
    background-image: url('../Img/fi/16/FileWord_at.gif');
}

.file_base.gif, .file_base .gif {background: url('../Img/fi/fileico_gif_32.png') no-repeat left center; padding: 2px 0px 2px 36px; height: 32px; line-height: 32px; display: inline-block; margin-left: 15px;}

.file_base.pdf, .file_base .pdf {background-image: url('../Img/fi/fileico_pdf_32.png');}
/*.dropdown-menu .file_base.pdf, .dropdown-menu .file_base .pdf {
    background-image: url('../Img/fi/');
}
*/
.small .file_base.pdf, .small .file_base .pdf {
    background-image: url('../Img/fi/16/FilePdf_at.gif');
}

.file_base.bmp, .file_base .bmp {background-image: url('../Img/fi/fileico_bmp_32.png');}
.file_base.png, .file_base .png {background-image: url('../Img/fi/fileico_png_32.png');}

.file_base.jpg, .file_base.jpeg, .file_base.jpe, .file_base .jpg, .file_base .jpeg, .file_base .jpe {
    background-image: url('../Img/fi/fileico_jpg_32.png');
}

.file_base.jfif, .file_base .jfif {
    background: url('../Img/svg/file-image.svg') no-repeat;
    background-size: contain;
    margin-left: 15px;
}

.file_base.txt, .file_base .txt {background-image: url('../Img/fi/file-extension-txt-icon.png');}

.file_base.size-24 {
    background-size: 24px;
    background-position-y: 5px;
    padding-left: 27px;
    height: auto;
}
.file_base.size-20 {
    background-size: 20px;
    padding-left: 23px;
    height: auto;
}
.file_base.size-18 {
    background-size: 18px;
    background-position-y: 5px;
    padding-left: 22px;
    height: auto;
}

.file_base.zip, .file_base.rar, .file_base .zip, .file_base .rar {background-image: url('../Img/fi/fileico_zip2_32.png');}

.file_base.mp3, .file_base.asf, .file_base.wma, .file_base.wmv, .file_base.wm, .file_base .mp3, .file_base .asf, .file_base .wma, .file_base .wmv, .file_base .wm {
    background-image: url('../Img/fi/AudioFile.png'); background-size: 32px;
}

.file_base.xml, .file_base .xml {
    /*background-image: url('../Img/XMLFileHS.png');*/
    background-image: url('../Img/File-Adobe-Dreamweaver-XML-01-icon.png');
    background-size: 32px;
}

.file_base a.xml {
    background-size: 24px;
    padding: 0px 0px 0px 29px;
    margin: 0;
}

.file_base.video, .file_base .video {
    background-image: url('../Img/video_player.png');
    background-size: 32px;
}

.files_list { 
    position: relative;
    max-height: 75px;
    text-overflow: ellipsis;
    overflow: hidden; 
    padding: 0px 2px 0px 0px;
    margin: 1px 1px 5px 1px;
}

.files_list.border {
    border: 1px solid #CFCFCF;
    border-radius: 7px;
    padding: 7px 15px 7px 0px;
    margin: 0px 20px 3px 10px
}

.files_list.small {
    padding: 5px 0px;
    margin: 10px 0px;
}

.files_list.showall { 
    max-height: none;
}

.files_list .btn-expand {
    /*background: url('../Img/Expand_large.bmp') no-repeat;*/
    cursor: pointer;
    z-index: 3;
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 3px;
    background-color: #85A1C4;
    color: white;
}

.doc-files-block {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 20px 0px 20px 60px;
}

.doc-files-block div:nth-child(1) {
    font-weight: bolder;
    min-width: fit-content;
}

/*---- end of Файлы*/

/*div org_header*/
.org_header {
    background-color: #c4daee;
    /*background-image: url('../Img/head_ZSIO.png');*/
    background-repeat: no-repeat;
    background-position: bottom center;
    min-width: 800px;
    width: 100%;
    margin: 0px;
}

.org_header .head_in {
    height: 132px;
    text-align: left;
    max-width: 1108px;
    min-width: 800px;
}

.org_header .title_zs {
    width: 456px;
    height: 110px;
    padding-top: 3px;
    float: left;
    font-size: 20px;
    font-weight: 800;
    color: #003366;
}

.org_header img {
    width: 50px;
    min-width: 50px;
    margin: 5px 15px;
}

.org_header a { text-decoration:none;}
.org_header a:hover { text-decoration:underline;}

.title_zs span { 
    font-size: 20px;
    vertical-align: top;
    text-shadow: 2px 4px 3px rgba(255, 253, 253, 0.79);
}
.title_zs tspan {
    font-size: 28px;
    vertical-align: top;
    word-wrap:hyphenate;

}

.title_ais {
    display: contents;
    width: 420px;
    float: left;
    font-family: Tahoma;
    text-shadow: #003366 1px 1px 6px,#003366 0px 0px 0px,#003366 0px 0px 0px,#003366 1px 1px 2px;
    padding-left: -30px;
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
}

.title_zs .blank-emblem {
    background: url(../Img/product-not-found.png) no-repeat;
    background-position: center;
    background-size: 50px;
    width: 50px;
    height: 50px;
    margin: 8px 20px;
}

.title_zs #AIS_Name {
    padding-left: 5px;
    font-size: 1.2rem;
    vertical-align: top;
    text-shadow: 2px 4px 3px rgb(255 253 253 / 79%);
}
/*end of div org_header*/

/*nav#navbarAdditionalTop {
    background-color: #177fc5;
    z-index:201;
}
*/
.navbar-dark .navbar-toggler {
    border-color: #C1E3F7; /*rgb(193, 227, 247);*/
} 
/*https://stackoverflow.com/questions/49984241/bootstrap-4-navbar-fixed-top-and-other-sticky-top-elements*/
/*.sticky-offset {
    top: 56px;
}*/

.sticky-top-1 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1040 !important;
    width: 100%;
}

.sticky-top-2 {
    position: -webkit-sticky;
    position: sticky;
    top: 49px !important;
    z-index: 1030 !important;
    width: 100%;
}

.sticky-top-3 {
    position: -webkit-sticky;
    position: sticky;
    top: 98px;
    z-index: 1020 !important;
    /*background-color: white;*/
    width: 100%;
}

.sticky-top-3 th {
    vertical-align: middle;
    text-align: center;
}

/* Cross-Browser Support */
.make-me-sticky {
    position: relative; /* I am the fallback */

    /* Give it everything you got! (use an auto prefixer...) */
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;

    top: 0; /* Required  */
}

.my-sticky-emulate {
  position: fixed; 
  top: 0; 
  width: 100%!important;
}

.my-sticky-emulate > div {
  transform: translateX(50%);
}

.panel_as_choosen {
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444; 
    top:48px;
}

.page {
    /*background: #fff;*/
    min-height: 800px;
}

.page .container#data_container {
    min-height: 560px;
}

.footer {
    /*background: #cfcfcf;*/
    color: Gray;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

.footer a {
    color: Gray;
}

.footer #appVersion {
    color: darkblue;
    margin-left: 7px;
    /*font-weight: bold;*/
}

.table th, .table td {
    max-width: 50%;
}

.d-flex th, .d-flex td {
    max-width: 80%;
}

tr.opened td:last-child {
    cursor: pointer;
    background: url(../Img/navigate_up_16.png) no-repeat;
    background-size: 14px;
    background-position: right 10px center, center;
}

tr.closed td:last-child {
    cursor: pointer;
    background: url(../Img/navigate_down_16.png) no-repeat;
    background-size: 14px;
    background-position: right 10px center, center;
}

div.hidden-doc {
    background-image: url(../Img/red.gif);
    background-repeat: no-repeat;
    background-position: left 10px center, center;
}

td.hidden-doc {
    background: url(../Img/red.gif) no-repeat;
    background-position: left 10px center, center;
    border: 2px dashed #B91D7C;
    cursor: pointer;
}

tr.row-mark {
    border: 2px solid #0000CD;
    /*    border-radius: 10px;
    background-color: #F7F8DB;
    box-shadow: 0 0 7px #DDDFA5;
*/
}

tr.row-mark td:nth-child(1) {
    font-weight: bolder;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    /* Make the disabled links grayish*/
    color: gray !important;
}

.sticky-header {
    top: 96px;
    position: sticky;
}

.sticky-header > tr > th {
    text-align: center !important;
    vertical-align: middle !important;
    height: 45px;
    z-index: 99;
}

th.rotate90 {
    transform: rotate(-90deg);
    /*  height: 140px;
    white-space: nowrap;
    */
}

.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

.chosen-drop, .dropdown-menu {
    z-index: 9999;
}

.front-top-right {
    position: absolute;
    right: 3px;
    top: 3px;
    --bs-bg-opacity: 1;
    /*background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important;*/
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;*/
}

.front-bottom-right {
    position: absolute;
    right: 3px;
    bottom: 3px;
    --bs-bg-opacity: 1;
}

/* https://stackoverflow.com/questions/63996166/how-to-make-bootstrap-dropdowns-vertical-scrollbar */
.dropdown-menu.vert-scroll {
    max-height: 280px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.dropdown-menu.FloralWhite {
    background-color: #FFFAF0;
}

.dropdown-menu.FloralWhite a:hover {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chosen-container.wide .chosen-drop {
    min-width: 100%;
    width: auto;
}
.chosen-container.wide .chosen-drop ul {
    white-space: nowrap;
}
.chosen-container .chosen-results li.highlighted {
}

.chosen-container .chosen-drop {
    z-index: 9999 !important;
}

.dropdown-menu .dropdown-item {
    cursor: pointer;
}

.d-contents {
    display:contents; 
}

.dropdownFiles .file-container {
    border: 1px solid #dee2e6 !important;
    border-radius: .25rem !important;
    margin: 0 .25rem !important;
    padding: .25rem !important;
    width: max-content;
    max-width: 500px;
    min-width: 200px;
}

/*https://stackoverflow.com/questions/59817910/displaying-multiple-errors-one-per-line-in-asp-validation-for*/
span.field-validation-error {
    white-space: pre-line;
}

/*pre {
    white-space: pre-wrap;*/ /* Since CSS 2.1 */
    /*white-space: -moz-pre-wrap;*/ /* Mozilla, since 1999 */
    /*white-space: -pre-wrap;*/ /* Opera 4-6 */
    /*white-space: -o-pre-wrap;*/ /* Opera 7 */
    /*word-wrap: break-word;*/ /* Internet Explorer 5.5+ */
/*}*/

div:has(> .input-group):has(.quorum) {
    max-width: 190px;
}

.result-rassm {
    font-weight: bolder;
    margin: 0px 2px;
    color: #00008B; /*DarkBlue*/
}

