/*body {background: #fff; font-size: .80em; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px;}*/
body {background: #fff;}

/*html, body {
    height: 100%;
}
*/
.container#data_container, .container#results {
   /* max-width: 21cm; */
    font-size: .80em; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; 
    background: #fff;
    color: black;
}

fieldset:has(#pasport_stages) {
    max-width: 760px;
    margin: 0px auto 0px auto;
    /*justify-items: center;*/
}

/*#pasport_stages {
    max-width: 760px;
    margin: 0px auto 60px auto;
    justify-items: center;
}
*/

.black {color: gray;}

#header_data {
    width: 100%;    
    /*margin-left: 4em;*/
}
#header_data a:not(.dropdown-item, .btn) {color: #0077ff; text-decoration: none;}
#header_data a:not(.dropdown-item):hover {text-decoration: underline;}

#header_data .title {
    font-size: 2em;
    padding: 1em 0em 0.3em 0em;
    text-align: center;
    position: relative;
}

#header_data .name {
    font-size: 1.5em; font-style: italic; 
    padding: 0em 2em; 
    text-align: justify;
}

#header_data .passport {padding: 0em 0em 0.5em 0em; }
#header_data .passport span {
    font-size: 1.2em; border-bottom: 1px dashed Gray; font-weight: bold;
    /*margin-left: 7em;*/
}
#header_data .item {padding: 5px 0px 5px 10px; vertical-align: top; font-weight: bold; max-width: 200px; min-width: 150px;width:20%}
#header_data .item_full {padding: 5px 0px 5px 10px; vertical-align: top;}
#header_data .item_value {padding: 0.3em 0em 0.3em 1em;}
#header_data .buttons {padding: 1em 0em 0em 0em;}
#header_data .buttons a {padding-right: 1em;}
#header_data .sessionButton {text-align: right;}
#header_data .showReportersButton { text-align: right; vertical-align: bottom;}

.body_data {width: 100%;}
.body_data a {color: #0077ff; text-decoration: none;}
.body_data a:hover {text-decoration: underline;}

.body_data .separator {height: 1em;}

table.body_data {
    border-collapse: separate;
}

.body_data .title td.panel_as_choosen {
    cursor: pointer; 
    padding: 5px 10px; font-weight: bold;

    background: url(../Img/navigate_up_16.png) no-repeat, linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-size: 14px;
    background-position: right 10px center, center;
}

.body_data .title td.panel_as_choosen.closed {
    background: url(../Img/navigate_down_16.png) no-repeat, linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-size: 14px;
    background-position: right 10px center, center;
}

.body_data .info td {padding: 5px 10px 5px 10px;}
.body_data .info .nodata {text-align: center; padding: 10px; font-size: 1.2em; color: Gray;}
.body_data .info .infoSeparator {height: 1px; background-color: White; margin: 10px 0px 0px 0px; border-top: solid 1px #ccc;}
.body_data .info .infoSeparatorHidden {height: 5px;}
.body_data .info .questionlist {padding-left: 20px;}
.body_data .chtenieItem {background-color: #eee;}
.body_data .chtenieItem.pzpCaption {text-align: center; font-size: 1.3em; font-style: italic;}

.session_table {margin: 15px 0px; background-color: #eee; width: 100%; box-shadow: 0px 2px 3px rgba(0,0,0,0.25); border-top: solid 1px #ccc;}
.session_table .sep1 {width: 15px;}
.session_table .sep2 {width: 5px;}
.session_table .c2 {
    width: 130px;
    text-align: center;
    vertical-align: top;
    padding: 5px 0px;
    background: #ddd;
    font-size: 1.2em;
}

    .session_table .c2 > table {
        width: 100%;
    }

    .session_table .c2 td {
        padding: 0;
    }

    .session_table .c2 .time_begin {
        font-size: .9em;
        padding-top: 4px;
    }
    .session_table .c2 .duration {
        font-size: .9em;
    }

.session_table .c3 {
    vertical-align: top;
    padding: 5px 0px;
}

.session_table .quest-result {
    width: 130px;
    text-align: center;
    vertical-align: top;
    padding: 0px 5px 5px 5px;
    background: #ddd;
}

.session_table .c2 .excluded {color: red; padding: 10px 0; font-weight: bold;}
.session_table.excluded {opacity: 0.5;}
.session_table .data {width: 40px; text-align: center; vertical-align: central;}

.session_table table .index, .index_new_rc {background-color: white; box-shadow: 0px 0px 3px rgba(0,0,0,0.5);}

.session_table table .index_new_rc {
    background: url('img/Annotation_New.png') no-repeat;
    background-color: white;
    background-size: 16px;
}

.quest-dop .session_table {background-color: #fff5ff; box-shadow: 0px 2px 3px rgba(128,0,128,0.25); border-top: solid 1px #eae;}
.quest-dop .session_table .c2 {background: #ddbbdd;}
.quest-dop .session_table table .index {background-color: #fff5ff; box-shadow: 0px 0px 3px rgba(128,0,128,0.5);}

#table-questions tr.quest-dop {
    background-color: #fff5ff;
}

#table-questions tr.quest-dop .reg-num {
    background-color: #ddbbdd;
}

.session_table ul {
    list-style: disc outside;
    margin: 0px 2px 4px 0px
}

/*.highlight {background-color: #fff5ff; box-shadow: 0px 2px 3px rgba(128,0,128,0.25); border-top: solid 1px #eae;}
.highlight .c2 {background: #ddbbdd;}
.highlight table .index {background-color: #fff5ff; box-shadow: 0px 0px 3px rgba(128,0,128,0.5);}*/

ul.StageList {
    margin: 10px 0px 5px 0px;
    padding: 0px 10px;
    min-width: -webkit-fill-available;
}

ul.StageList li.StageName {
    list-style-type: none;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom:10px;
}

ul.StageList li.StageName li.StageName {
    list-style-type: none;
    font-size: inherit;
    font-weight: 400;
    margin:  0px 0px 5px 30px;
}

ul.StageList div.StageName {
    background-color: #DFD9D9;
    border-color: #bdb4b4;

    /*text-transform: uppercase;*/
    color: #212121;
    text-decoration: none;
    border-bottom: 1px dashed #212121;
    padding: 1px 8px;
}

ul.StageList div.StageName.level0 {
    cursor: pointer;
}

ul.StageList ul.level1 {
    list-style-image: none;
    list-style-type: square;
    max-width: 98%;
}

ul.StageList ul.gd-level1 {
    list-style-image: none;
    list-style-type: none;
    max-width: 98%;
    padding-left: 21px;
}

    ul.StageList li.StageName[gd-zi] {
        background-color: #E7F6FF;
        border: .5px solid #22A5E7;
        border-radius: 0px 0px 8px 8px;
    }

ul.StageList ul.gd-level1 .ch-item-header1 {
    background-color: #F4F4F4;
    border-bottom: 1px dashed #AEE3F6;
    margin-top: 3px;
    padding: 0px 8px;
}

ul.StageList ul.level1 li.collapsed {
    background: url('../Img/Expand_16xLG.png') no-repeat left top;
    list-style-type: none;
    padding-left: 20px;
    margin-left: -20px;
    background-position-y: 4px;
}

ul.StageList ul.DocList {
    margin-left: 20px;
}

ul.StageList ul.level1 ul {
    list-style-image: none;
    list-style-type: disc;
    padding-left: 15px;
}

ul.StageList li.DocData {
    background: url('../Img/document16.png') no-repeat left top;
    background-position-y: 2px;
    list-style: none;
    margin: 2px -20px;
    padding: 0px 10px 3px 18px;
    font-weight: normal;
    font-size: 0.9em;
}

ul.StageList div.doc {
    border: 1px solid #D2D1D1;
    border-radius: 4px;
    background: #EEEDED;
    padding: 0px 5px 3px 5px;
    margin: 2px 5px 0px 0px;
}

ul.StageList div.doc.selected {
    border-width: 2px;
    border-color: darkblue;
}

ul.StageList p {
    margin: 0;
}

ul.StageList div.doc a:not(.btn) {
    color: #0077ff; text-decoration: none;
}

ul.StageList div.doc a:hover {text-decoration: underline;}

th.date {
    width: 100px;
    text-align: center;
}

th.tools {
    width: 100px;
    text-align: left;
}

/*.border#MainDocToolBox {max-width: max-content; position: relative; left:45%;}*/
/*.border#MainDocToolBox {max-width: max-content; }*/

/*--------------------------------------------------*/
td.tools2 {
    text-align: center;
    width: 90px;
}

/*.org_short {}*/

.panel-img img {
    border: 0;
    width: 50px;
    vertical-align: super;
}

.panel-img .blank-img {
    display: inline-block;
    border: 0;
    width: 50px;
    height: 60px;
    background: url('../Img/product-not-found.png') center no-repeat;
    background-size: 80px;
    /*background-color: #D6EAF7;*/
    /*margin:0;*/
}

.panel-img .blank-img.person {
    background: url('../Img/blank-profile-picture-973460_960_720.png') center no-repeat;
    background-size: 55px;
}

.panel-img {
    /*display: inline-block;*/
    border: 1px solid #dee2e6 !important;
    border-radius: 0.25rem !important;
    padding: 3px 4px 0px 4px;
    margin-bottom: 10px;
    text-align: center;
    max-width: 70px;
    /*max-height: 115px;*/
}

.panel-img.border-none {
    border: none !important;
    border-radius: unset !important;
}

.panel-img .tools {
    margin: 3px 1px -5px 1px;
    padding-bottom: 7px;
    /*margin-top: calc(100% - 40px);*/
    width: 60px;
}

.panel-img .tools button {
    margin: 1px 0px;
}

.panel-img + .descr {
    display: inline-block;
    vertical-align: top;
}

.DocData .edit {
    min-height: 35px;
}

.container-closed {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16"> <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/> </svg>');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: left 5px center;
    padding: 10px 10px 0px 23px;
}

.container-opened {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-up-fill" viewBox="0 0 16 16"> <path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/> </svg>');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: left 5px center;
    padding: 10px 10px 0px 23px;
}

i.caret-down-fill {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16"> <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/> </svg>');
    background-repeat: no-repeat;
    background-size: 14px;
}

i.caret-up-fill {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-up-fill" viewBox="0 0 16 16"> <path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/> </svg>');
    background-repeat: no-repeat;
    background-size: 14px;
}

.newComment {
    padding: 1px 0px;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
}

/*---------- like / dislike ----------*/
div.vote-like, div.vote-like-fill, div.vote-dislike, div.vote-dislike-fill {
    background-repeat: no-repeat;
    background-position-y: 3px;
    display: inline-block;
    min-width: 30px;
    cursor: pointer;
    padding-left: 25px;
    margin: 0px 3px;
}

div.vote-like.disabled, div.vote-like-fill.disabled, div.vote-dislike.disabled, div.vote-dislike-fill.disabled {
    cursor: auto;
}

div .vote-like {
    background-image: url('../Img/Like1.png');
    background-size: 17px;
}

div.vote-like-fill {
    background-image: url('../Img/Like1_Fill.png');
    background-size: 17px;
}

div.vote-dislike {
    background-image: url('../Img/disLike1.png');
    background-size: 17px;
}

div.vote-dislike-fill {
    background-image: url('../Img/disLike1_Fill.png');
    background-size: 17px;
}

/*button.vote-like i {
    background-image: url('../Img/Like1.png');
    background-repeat: no-repeat;
    background-size: 17px;
}

button.vote-like-fill i {
    background-image: url('../Img/Like1_Fill.png');
    background-repeat: no-repeat;
    background-size: 14px;
}

button.vote-dislike i {
    background-image: url('../Img/disLike1.png');
    background-repeat: no-repeat;
    background-size: 17px;
}

button.vote-dislike-fill i {
    background-image: url('../Img/disLike1_Fill.png');
    background-repeat: no-repeat;
    background-size: 14px;
}
*/
/*---------- end of like / dislike ----------*/

input.r-hook {
    display: none;
}

input.wide {
    min-width: 330px!important;
}

i.hide-member {
    background-image: url(../Img/HideMember_16x.png);
    background-repeat: no-repeat;
    background-size: 14px;
}

.form-group.required .control-label:before {
    color: red;
    content: "*";
    position: absolute;
    margin-left: -15px;
    font-family: 'Glyphicons Halflings';
    font-weight: normal;
    font-size: 22px;
}

.forward_alt {
    background-image: url(../Img/forward_alt.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left;
    padding: 0px 15px 0px 0px;
}

i.forward {
    background-image: url(../Img/ForwardsCommand_linkBlue_16x.png);
    background-size: 15px;
}

.ch-item-header {
    font-weight: 600;
}

/*tr.row-selected td {
    border-top: 2px solid !important;
    border-bottom: 2px solid !important;
    border-top-color: #3259CE !important;
    border-bottom-color: #3259CE !important;
}

tr.row-selected td:first-child {
    border-left: 2px solid !important;
    border-left-color: #3259CE !important;

    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

tr.row-selected td:last-child {
    border-right: 2px solid !important;
    border-right-color: #3259CE !important;

    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
*/

span.cntProtAct {
    margin-left: 3px;
    font-weight: bolder;
    color: #1481D8;
    font-style: initial;
}

/*.arrow-clockwise {
    background-image: url('../Img/svg/arrow-clockwise.svg');
    background-repeat: no-repeat;
    background-size: 15px;
}
*/

a.btn-msg-tool {
    text-decoration: none!important;
    margin: 0 0.15rem!important;
}

a.btn-msg-tool:hover {
    margin: 0 0.15rem !important;
    border: 1px dotted #3a7999;
    color: yellow;
    background: #0E6E9E !important
}

a.btn-msg-tool.msg-remove {
    color: red;
}

a.btn-msg-tool.msg-edit {
    color: green;
}

a.btn-msg-tool.refresh {
    color: darkblue;
}

/*
div:has(> ul.ztree) {
    overflow: auto;
    min-height: 50% !important;
    max-height: 70% !important;
}
*/

.ztree li span.button.file_pdf_ico_docu {
    background-image: url('../Img/fi/16/FilePdf_at.gif');
    margin-right: 4px;
}

.ztree li span.button.file_word_ico_docu {
    background-image: url('../Img/fi/16/FileWord_at.gif');
    margin-right: 4px;
}

.ztree li span.button.file_excel_ico_docu {
    background-image: url('../Img/fi/16/FileXls_at.gif');
    margin-right: 4px;
}

.ztree li span.button.file_txt_ico_docu {
    background-image: url('../Img/fi/16/FileTxt_at.gif');
    margin-right: 4px;
}

.ztree li span.button.file_xml_ico_docu {
    background-image: url('../Img/fi/16/XMLFile.bmp');
    margin-right: 4px;
}

.ztree li span.button.document_ico_open, .ztree li span.button.document_ico_close {
    background-image: url('../Img/fi/16/document.png');
    margin-right: 4px;
}

.ztree li span.button.pause_ico_docu {
    background-image: url('../Img/svg/pause-circle.svg');
    margin-right: 4px;
}

.ztree li span.button.pause_ico_open, .ztree li span.button.pause_ico_close {
    background-image: url('../Img/svg/pause-circle.svg');
    margin-right: 4px;
}

#povestka .doc.edit {
    margin: 5px;
    /*padding: 5px 12px;*/
    width: fit-content;
    border: 1px solid #dfdfdf;
    border-radius: .25rem !important;
    min-height: 35px;
}

input[type='text'].dt:read-only {
    width: fit-content;
}

.popover {
    max-width: 600px;
    z-index: 1000;
}

.mypopover-bg {
    /*background-color: #E0FFFF;*/
    background-color: #FFFFE0;
    padding: 0px 2px;
    border: 1px solid #D3D3D3;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

a.linkSitt {
    display: block;
    width: auto;
}

td:has(> a.linkSitt) { 
    vertical-align: baseline;
    /*width: 95%;*/
}
