html{
    overflow-x: hidden;
}
body{ 
    font-size: 0.82rem; 
    font-family: Arial, Helvetica, sans-serif; 
}
html.noscroll{
    position: fixed;
    width: 100%;
    top:0;
    left: 0;
    height: 100%;
    overflow-y: scroll !important;
    z-index: 10;
}
.navbar-custom .container{
    margin-top: 0;
}
.header-search{ 
    margin-left: 43px; 
    position: relative; 
    top: 10px; 
}
.header-search input{ 
    width: 250px !important 
}
.header-search .clearable__clear{ 
    position: relative; 
    top: 5px; 
    visibility: hidden; 
}
.header-search .clearable__clear.active{
    visibility: visible; 
}
.header-search .clearable__clear:hover{
    cursor: pointer;
    color: #d81b60;
}
.jjlkkjke{ background: yellow; }
.container{ 
    margin-top: 30px; 
}
#folder_menu,#content{
    display: inline-block;
    vertical-align: top;
}
#folder_menu{
    width: 15%;
}
#content { 
    width: 84%; 
    padding-left: 40px;
}
.required-msg{
    list-style: none;
    padding: 0;
}
#folder_menu ul{
    list-style: none;
    padding: 0;
}
#folder_menu ul li{
    line-height: 40px;
    font-size: 1.1em;
}
#folder_menu ul li.active a, 
#folder_menu ul li a:hover,
.nav-item.active .nav-link,
.nav-item .nav-link:hover{
    color: #0454d9;
}
#folder_menu ul li i{
    position: relative;
    top: 5px;
}
.seznami-variables-row{
    margin-top: 5px;
}
.seznami-variables-row .list-title{
    position: relative;
    top: 15px;
    margin-bottom: 0;
}
.seznami-variables-row .list-subtitle{
    font-style: italic;
    font-size: 13px;
    line-height: 18px;
    display: block;
    margin-bottom: 14px;
}
.list-subtitle-check{
    margin-top: 20px;
    color: red;
}
.seznami-variables-row .list-content{
    margin-top: 15px;
}
.seznami-variables-row .input-group{
    margin-top: 15px;
}
.form-control.select{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.input-datepicker{
    width: 160px;
}
.input-sign{
    position: relative;
    top: 8px;
}
.datepicker table tr td.active.active{ background-color: #e02424; background-image: none; }
.datepicker table tr td span.focused{ color: #fff; background-color: #e02424; }
.datepicker{
	border: 1px solid #ccc;
    border-radius: 0;
    color: #888;
}
input.datepicker{
    border: 0;
}
.inputSign{
    font-size: 17px;
}
.inputSignEuro{
    margin-top: 8px;
}
.nav-gzc .active{
    background-color: #e02424;
}
.news-search .news-search-input{
    border: 1px solid #d2d6da;
}
.news-search .news-search-select{
    padding: 6px 10px;
}
.news-search .news-search-select:focus,.news-search .news-search-input:focus{
    border: 1px solid #aaa;
}
.group-with-icon input{
    border-radius: 0 !important;
}
.group-with-icon .btn{
    background: #eee;
    margin: 0;
    border: 1px solid #d2d6da;
}
.news-content-single{
    border: 1px solid #d2d6da;
    padding: 15px 0;
}
.col-profile-image{
    max-width: 70px;
}
.profile-image .material-symbols-outlined{
    font-size: 50px;
}
.col-news-content .news-content-header{
    margin-bottom: 2px;
}
.col-news-content .news-content-name{
    font-weight: bold;
    margin-right: 15px;
}
.col-news-content .news-content-date{
    color: #488842;
}
.col-news-content .news-content-titlte{
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}
.news-content-footer{
    margin-top: 15px;
}
.news-content-footer .news-content-privil{
    color: darkred;
    margin-right: 20px;
}
.news-content-header .news-content-edit{
    color: #ed0678;
}
.news-content-files{
    margin-top: 15px;
}
.news-content-files p{
    margin-bottom: 1px;
}
.news-content-files p img{
    width: 20px;
}
.print-files{ margin-bottom: 1px; }
.print-files img{ width: 20px; }
.print-files:hover{ background-color: #f8f8f8; }
.recordDelete{ background-color: #fccccc; }
.recordSelected{ background-color: #f2fabb; }
.recordSelectedTitle{ padding: 10px 20px; font-weight: bold; }
.kontroleRedneDiv{
    overflow-wrap: break-word;
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-top>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .bs-popover-top>.popover-arrow:before{
    border-top-color: #7B8081;
}
.popover-body{
    background-color: #7B8081;
    color: #fff;
}
.bg-danger2{
    background-color: rgb(252, 212, 212) !important;
}
.bg-porocaj{
    background-color: #e02424;
    color: #fff;
}
.bg-docx{
    background-color: #2a589a !important;
    color: #fff;
}
.bg-pdf{
    background-color: #FF0000 !important;
    color: #fff;
}
.btn .fa-icon{
    font-size: 2em;
    margin-right: 10px;
}
.no-scroll{
    overflow: hidden;
}
.hover{
    cursor: pointer;
}

.form-switch .form-check-input{
    border-radius: 1.875rem !important;
    margin-left: 0;
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
    border-radius: 0 !important;
}
#seznam_load{
    overflow-x: auto;
    overflow-y: hidden;
    min-height: 560px;
    position: relative;
}
.table-header-color th{
    background-color: #b0abab;
    color: #fff;
}
.table-msg-clean td p{
    font-size: inherit;
    margin: 0;
}
.table-msg-clean td .material-symbols-outlined{
    font-size: 20px;
}
.table-postopki-faze td{
    white-space: unset;
    line-height: 20px;
}
.table-postopki-faze td.action{
    padding: 1px 10px 1px;
}
.table-postopki-faze td.view{
    padding: 5px 10px 1px;
}
.table-postopki-faze td.view{
    text-align: center;
}
.table-postopki-faze td .strosek-view{
    color: #2a589a;
    font-size: 1.5em;
}
.table-postopki-faze td .strosek-view:hover{
    cursor: pointer;
}
.table.table-list thead th{
    padding: 5px;
    text-transform: unset;
}
.table.table-list thead th,
.table.table-list tbody td:hover{
    cursor: pointer;
}
.noclick:hover{cursor: default !important;}
.table.table-list tbody td p{
    font-size: 0.82rem;
}
.table.table-list tfoot th{
    background-color: #b0abab;
    color: #fff;
}
.table.table-list tbody tr.active{
    background-color: #fffddd;
}
.table.table-stroski{
    background-color: #fff;
}
.table.table-stroski th{
    background-color: #e02424;
    color: #fff;
}
.table-multihover-bg{
    background-color: rgba(0,0,0,0.05) !important;
}
.table-hover.hover-multirow>tbody>tr:hover>td{
    --bs-table-accent-bg: unset !important
}
.table-noclick td:hover{
    cursor: auto !important;
}
.table-files .td-title td{
    padding: 4px 0 2px 7px;
}
.table-files .td-title td .infoBlockTitle .material-symbols-outlined{
    position: relative;
    top: 6px;
}
.table-files td{
    padding: 1px 0 1px;
    vertical-align: middle;
    white-space: normal;
}
.table-files .td-even td{
    background-color: #eee;
}
.table-files input, .table-files input:focus{
    border: 1px solid #aaa !important;
    background-color: #fff;
    margin-bottom: 10px;
}
.table-files .files-end td:nth-child(1){
    border-bottom: 1px solid #ccc;
}
.table-files .documentBrowseBtn{
    float: right;
}
.table-files .file-edit,
.table-files .file-delete{
    font-size: 19px;
}
#strosek_comments_load table td{
    white-space: normal !important;
}
.browse-target.btn-sm{
    font-size: 0.8em;
    margin-right: 5px !important;
}
.browse-target.btn-sm i{
    font-size: 1.5em;
}
.files-info-block{
    display: inline-block;
    vertical-align: middle;
    padding: 1px 10px;
    line-height: 16px;
    font-size: 12px;
}
.files-info-block .material-symbols-outlined{
    font-size: 14px;
    position: relative;
    top: 2px;
}

.pagination li.page-item.active a{
    color: #fff;
}
.pagination-frame{
    width: 100%;
    padding-left: 10px;
}

.napoved_status{
    padding: 5px 20px;
    text-align: center;
}
.row_color_grey td{ background-color: #e1e1e1; color: #444 !important; }
.row_color_red td{ background-color: #eb9090; color: #444 !important; }
.row_color_red2 td{ background-color: #f66464; color: #444 !important; }
.row_color_lightred td{ background-color: #f8dcd3; color: #444 !important; }
.row_color_yellow td{ background-color: rgb(254, 255, 202); color: #444 !important; }
.row_color_orange td{ background-color: #fec306; color: #444 !important; }
.row_color_lightblue td{ background-color: #9ec5dc; color: #444 !important; }
.row_color_blue td{ background-color: #70aed2; color: #444 !important; }
.row_color_lightgreen td{ background-color: #b3ec77; color: #444 !important; }
.row_color_green td{ background-color: #39c54e; color: #444 !important; }
.status-2,.row_color_2,.row_color_3,.row_color_5,.row_color_7,.row_color_11,.row_color_13,.row_color_21,.row_color2_4,.row_color_19{
    background-color: rgb(254, 255, 202);
}
.status-3,.row_color_4,.row_color2_2,.row_color_12,.row_color_15,.row_color_17,.row_color_23,.row_color_24{
    background-color: rgb(252, 212, 212) !important;
}
.status-4,.row_color_6,.row_color_10,.row_color_14,.row_color2_3,.row_color_16,.row_color_18,.row_color_22,.row_color_success{
    background-color: rgb(212, 252, 213) !important;
}
.redni_program_status.row_color_17{
    background-color: rgb(252, 212, 212) !important;
}
.row_color_disabled{
    background-color: #ddd;
}
.redni_program_status.row_color_16,.redni_program_status.row_color_18{
    background-color: rgb(212, 252, 213) !important;
}
.admin_user_status_disabled{
    background-color: rgb(238, 238, 238);
}
.admin_user_status_0{
    background-color: rgb(235, 97, 92);
    color: #fff;
    padding: 15px;
}
.admin_user_status_1{
    background-color: rgb(245, 254, 123);
    color: #000;
    padding: 15px;
}
.admin_user_status_2{
    background-color: rgb(131, 244, 137);
    color: #000;
    padding: 15px;
}

.bg-warning{
    background-color: #fff267 !important;
}
.btn.bg-warning{
    color: #000 !important;
}
.bg-news{
    background-color: #677d84 !important;
}
.bg-news h4{ color: #fff; }

.seznam_additional td{
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
.seznam_additional_row td{
    padding-top: 0 !important;
    border-top: 1px solid #fff !important;
    font-size: 0.9em;
    padding-bottom: 15px !important;
}
.seznam_additional_row td:nth-child(1),.seznam_additional_row td:nth-child(2){
    border-right: 1px solid #fff !important;
}
.table-borderless{
    margin-top: 10px;
    margin-bottom: 0;
}
.seznam_additional_row .table-borderless td{
    border: 0 !important;
    padding-bottom: 0 !important;
    text-wrap: wrap;
}
.table-color .thead-dark th{
    background-color: #677d84 !important;
    color: #fff;
    padding: .25rem .25rem;
}
.table-noWrap td,.table-noWrap th{
    white-space: normal;
}
.table-custom-border tbody td{
    border-right-width: 1px !important;
    border-left-width: 1px !important;
}
.table thead th{
    text-transform: unset;
}
.li-parent{
    font-weight: bold;
}
.checkALLrequired .ul-child-menu{
    margin-bottom: 8px;
}
.checkALLrequired .material-symbols-outlined{
    position: relative;
    top: 3px;
    font-size: 17px;
}
.btn{
    --bs-btn-border-radius: 0;
}
.btn i{
    vertical-align: middle;
    font-size: 17px;
    top: -1px;
    position: relative;
}
.link-primary{
    color: #d81b60 !important;
    text-decoration-color: #d81b60 !important;
    text-decoration: none;
}
.link-primary:hover{
    cursor: pointer;
}
.link-primary-icon{
    font-size: 20px;
}
.link-with-icon{
    position: relative;
    top: -5px;
}
.link-primary-icon,
.link-primary-hover,
.link-primary-2a1fee{
    color: #0901a4 !important;
}
.link-primary-underline{
    text-decoration: underline;
}
.link-primary-hover:hover,
.link-primary-underline:hover{
    color: #0a047d !important;
    text-decoration-color: #0901a4 !important;
    text-decoration: underline;
    cursor: pointer;
}
.btn.btn-primary{
    border-radius: 0;
    box-shadow: unset;
    color: #fff;
    background-color: #e02424;
    border-color: #e02424;
}
.btn:hover{
    box-shadow: 0 14px 26px -12px rgba(52, 71, 103,.4), 0 4px 23px 0 rgba(52, 71, 103,.15), 0 8px 10px -5px rgba(52, 71, 103,.2)
}
.disabled2{
    opacity: 0.5;
}
.btn.btn-primary:active,.btn.btn-primary.disabled, .btn.btn-primary:disabled, fieldset:disabled .btn.btn-primary{
    color: #fff !important;   
}
.btn .btn-text-label,
.switch-toggle .btn-text-label{
    position: relative;
    top: -7px;
}
.btn-secondary, .btn.bg-gradient-secondary{
    box-shadow: unset;
}
.btn-secondary{
    background-color: #7B8081;
    border-color: #7B8081;
}
.btn.btn-icon{
    line-height: 8px;
}
.icon-file-link{
    font-size: 1.2em;
}
.icon-file-link:hover{
    text-decoration: underline;
}
.vloga-file-del:hover{
    color: red;
    cursor: pointer;
}
.form-group-notice{
    margin-top: -10px;
}
.form-check-radio{
    margin-right: 18px;
}
.form-check-input[type=checkbox]{
    border-radius: 0;
}
.form-control{
    padding: .3rem .5rem !important;
}
.form-control-classic{
    background-color: #fff !important;
    border: 1px solid #888 !important;
}
.input-disabled.form-control-classic input{
    border: 1px !important;
    margin-left: 0px !important;
    margin-right: 1px !important;
}
select.form-control-classic {
    -webkit-appearance: listbox !important;
    appearance: listbox !important;
}
.input-group .form-label{
    padding-left: 7px;
}
.input-group.input-disabled .form-label{
    z-index: 9;
}
.input-group input.datepicker:read-only{
    /*background-color: #fff !important;*/
    background-color: transparent !important;
}
#vrednost_sredstev.readonly,
.input-group input:read-only,
.input-group input:disabled,
.input-group select:disabled,
.input-group input.datepicker:disabled,
#ModalWindowBody .form-control:disabled{
    background-color: #eee !important;
}
.input-group.input-group-outline .form-control{
    padding: 17px 12px !important;
    line-height: 1.5em !important;
}
.input-group.input-group-outline .form-label span{
    position: relative;
    top: 7px;
}
.input-group.input-group-outline.is-focused .form-label span,
.input-group.input-group-outline.is-filled .form-label span{
    top: 0;
}
.input-group .input-border,
.dropdown-menu-filter .datepicker{
    border: 1px solid #ccc !important;
}
.form-check-input:checked[type=checkbox], .form-check-input:checked[type=radio] {
    background-image: linear-gradient(195deg,#e02424,#e02424) !important;
    position: relative;
}
.form-check-input[type=checkbox], .form-check-input[type=radio] {
    position: relative;
    border: 1px solid #e02424;
}
.form-check,.form-check-inline{
    padding-left: 0;
}
.form-check:not(.form-switch) .form-check-input[type=radio]:after,
.form-check-inline:not(.form-switch) .form-check-input[type=radio]:after{
    background-image: linear-gradient(195deg,#e02424,#e02424),linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0))
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked:after,
.form-check-inline:not(.form-switch) .form-check-input[type=checkbox]:checked:after {
    opacity: 1;
}
.form-check:not(.form-switch) .form-check-input:after,
.form-check-inline:not(.form-switch) .form-check-input:after {
    transition: opacity .25s ease-in-out;
    font-family: 'Material Symbols Outlined';
    content: "done";
    width: 100%;
    height: 100%;
    color: #fff;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .67rem;
    opacity: 0;
}
.row.form-row{
    margin-top: 20px;
}
.input-group, .input-group .input-group-text{
    margin-top: 0px;
}
.has-error input,.has-error-form{
    background-image: linear-gradient(0deg,red 2px,rgba(255,17,0,0) 0),linear-gradient(0deg,red 1px,hsla(0,0%,82%,0) 0) !important;
    background-size: -1 !important;
    width: 100% !important;
}
.has-error-input{
    border: 1px solid red !important;
}
.input-group .has-error-form-bordered{
    border: 1px solid red !important;
    color: red !important;
}
.has-error label{
    color: red !important;
}
.help-block.with-errors ul.list-unstyled{
    margin: 0;
    margin-left: 6px;
    color: red !important;
}
.display_none{
    display: none;
}
.list_filter span{
    position: relative;
    top: -5px;
}
.list_filter:hover,
.list_filter.active{
    cursor: pointer;
    color: #d81b60;
}
.active_filters{
    margin-left: 20px;
    position: relative;
    top: -6px;
}
.active_filters .active_filter{
    margin-left: 12px;
}
.active_filters .filter_clear_specific{
    position: relative;
    top: -3px;
    font-size: 16px
}
.active_filters .filter_clear_specific:hover{
    color: #e02424;
    cursor: pointer;
}


.select-opt-check .select2-container {
    width: 300px !important;
    text-wrap: auto;
}
.select-opt-check .select2-container--default .select2-search--inline .select2-search__field{
    height: 17px;
}

.select-opt-check .select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
}


.dropdown-menu-filter li{
    padding: 0 6px;
}
.dropdown-menu-filter li .btn_filter,
.dropdown-menu-custom li .btn_filter{
    border-radius: 0;
    box-shadow: unset;
    color: #fff;
    background-color: #e02424;
    border-color: #e02424;
    margin: 10px 0px 0px;
}
.dropdown-menu-custom{
    list-style: none;
    padding: 0;
    position: absolute;
    background: #fff;
    display: none;
}

.modal-header.bg-danger h4,
.modal-header.bg-success h4{
    color: #fff;
}
.modal-header button{
    background: transparent;
    border: 0;
    line-height: initial;
    box-shadow: unset;
}
.modal-header.bg-danger button,
.modal-content button.bg-danger{
    color: #fff;
}
.modal-wide .modal-dialog {
	min-width: 800px;
	width: auto;
    max-width: 1150px;
}
#ModalWindowModal .modal-dialog{
    min-width: 500px !important;
    width: 500px !important;
    top: 200px;
}
#ModalWindow{
    z-index: 99999;
}
#ModalWindowWide4 .modal-dialog{ 
    margin-top: 20px; 
    min-width: 95%; 
}
.modal-full .modal-dialog {
	min-width: 96%;
	width: auto;
    max-width: 1150px;
	margin-top: 10px;
    margin-bottom: 10px;
    height: 96%;
}
.modal-full .modal-content {
	height: 100%;
}
.modalWindow h4{width: 100%;font-weight:bold;}
.modalWindow .btn{margin-right:20px !important; margin-bottom:0;}
.modal-content .modal-footer button + button{margin-bottom:0;}
.modalWindow .modal-footer{padding-bottom: 40px;}
#ModalWindowWideBody{ overflow: auto; }
.ekko-lightbox .modal-body{ padding: 7px; }

.error-div{
    border: 1px solid red !important;
}

.text-with-icon{
    position: relative;
    top: -7px;
}
.nav-menu{
    position: relative;
}
.nav-profil-menu{
    position: absolute;
    right: 0;
}
.nav-profil-menu a:after{
    position: relative;
    top: -6px;
}

.copyright p{
    font-size: 1em;
}
footer .footer{
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.bg-gray-200 {
    background-color: #e5e7eb;
}

.signup-page{
    margin-top: 100px;
    background-color: #f9fafb;
    color: #000;
}
.signup-page #vstop{
    background-color: #fff;
    border: 2px solid #eee;
    border-radius: 10px;
    padding: 30px;
}
.signup-page label,
.signup-page .input-group.input-group-outline.is-filled .form-label, .signup-page .input-group.input-group-outline.is-focused .form-label,
.signup-page h4,
.signup-page .form-control,
.signup-page .alert-msg{
    color: #000;
}
.signup-page .input-group .form-label{
    padding-left: 0;
}
.signup-page .forgot-pass{
    float: right;
}
.signup-page .forgot-pass a{
    font-size: 13px;
    color: #e02424;
}

.signup-page .btn-primary{
    width: 100%;
    color: #fff;
}
.signup-page .login-line{
    justify-content: center;
    display: inline-flex;
    width: 100%;
    align-items: center;
}
.signup-page .login-line hr{
    border-style: solid !important;
    height: 2px;
    width: 100%;
    background-color: #000 !important;
}
.signup-page .login-line span{
    position: absolute;
    background: #fff;
    padding: 0 20px;
}
.signup-page .login-cert{
    margin: 30px 0 10px;
}
.signup-page .login-cert a{
    width: 100%;
    color: #333
}
.signup-page .footer-login{
    margin-top: 30px;
}
.signup-page .alert-icon{
    font-size: 2.3em;
    margin-right: 20px;
}
.select2Tree ul li span.parentClass{
    font-weight: bold;
}
.select2Tree ul li.parentClassContainer{
    background-color: #eee;
}
.select2Tree ul li span.childClass{
    padding-left: 10px;
}
.signup-page .input-group.input-group-outline select option,
.signup-page .select2-results__options { color: #000; }
.signup-page .select2-container .select2-selection--single,
.signup-page .select2-container--default .select2-selection--single .select2-selection__clear,
.signup-page .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 46px; }
.signup-page .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 50px; }
.signup-page .select2-container--default .select2-selection--single{
    background-color: transparent;
    border: 1px solid #fff;
}
.signup-page .select2-container--default .select2-selection--single .select2-selection__rendered,
.signup-page .select2-container--default .select2-selection--single .select2-selection__placeholder,
.signup-page .select2-container--default .select2-selection--single .select2-selection__clear{
    color: #fff;
}
.signup-page .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #fff transparent transparent transparent;
    border-width: 5px 4px 0 4px;
}
.signup-page .modal-title,
.signup-page .modal-content{
    color: #000;
}
.signup-page .modal-footer button{
    width: auto;
}
.alert-msg.text-white a{
    color: #fff;
    text-decoration: underline;
}

.profile-change-pass-fiels{
    display: none;
    position: relative;
}
.profile-change-pass-cancel{
    position: absolute;
    right: 0;
    top: 0;
}
.segment-title{
    background: #eee;
    margin-top: 20px;
    padding: 5px 10px;
}

.filter-title{
    display: inline-block;
    margin-right: 10px;
}
.right-top-button{
    position: absolute;
    right: 0;
}

.skodniPrimerFrame{
    margin: 20px 0 20px;
}
.skodniPrimerFrame .vlogaFrame{
    display: none;
    background: #f8f8f8;
    padding: 20px;
}
.skodniPrimerFrame .row{
    margin-bottom: 20px;
}

.bannerRight .card{
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: unset;
}
.bannerRight .card-header{
    padding: 10px 25px 0px;
}
.bannerRight .card-body{
    padding: 0 24px 20px;
}

#drop-target{
	/*overflow: hidden;*/
	display: inline-block;
	min-height: 300px;
	width: 100%;
}
#drop-target.dragover {background: rgba(0,0,0,0.6);}
#drop-target.dragover .document_name div{color:#bbb;}
.document_uploading{
	background: rgba(0,0,0,0.6);
	position: absolute;
	padding: 50px 150px;
    text-align: center;
    margin: 111px 0 0px 79px;
    color: #fff;
	display: none;
	z-index: 1000;
}
.document_deleted{
	background: darkred;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#drop-msg {
	position:absolute;
	margin-top: 120px;
	z-index: 1000;
	padding-left: 220px;
	font-weight:bold;
	font-size: 30px;
	color:#fff;
	width: 95%;
	display: none;
}
#stroski_files{
    margin-top: 20px;
}
#stroski_files p{
    margin-bottom: 0;
}

.strosek_status_display,.strosek_status_display_full{
    width: 55px;
    float: left;
    text-align: center;
    font-size: 0.8em;
    padding: 5px 0;
}
.strosek_status_display_full{
    width: 150px;
}
.strosek_status_display0{ background-color: #ffea00; }
.strosek_status_display1{ background-color: green; color: #fff; }
.strosek_status_display2{ background-color: #ED1C24; color: #fff; }
.strosek_status_display3{ background-color: rgb(252, 181, 0); color: #000; }

.content-filter{
    background-color: #eee;
    padding: 10px 10px 0;
    margin-bottom: 10px;
}

.postopki-list i{ top: -2px; }
.postopki-step{ padding: 9px 20px; max-width: 200px; margin-bottom: 15px; }
.postopki-step.active{ color: #e02424; background: #eee; }
.postopki-step.disabled{ color: #777; }
.postopki-step strong{ color: #fff; }
.postopki-step-title{ 
    font-size: 1.5em; 
    position: relative; 
    top: 5px; 
    display: inline-block;
	width: 70%;
	margin-left: 10px;
}
.postopki-step-h1-title{ padding: 0px 0px 10px 0; line-height: 26px; }
.postopki-step-desc{ margin: 10px 0; }
.postopki-back a{ color: #000; font-size: 0.9em; }
.postopki-back a i.material-symbols-outlined{ color: #000; font-size: 18px; }
.postopki-step-url{ color: #000; }
.postopki-step-url .fa-stack{ vertical-align: unset; }
.postopki-back a:hover,.postopki-back a:hover i,.postopki-step-url:hover{ text-decoration: none; color: #e02424 }

.navigationAdditionalFrame{
    background-color: #f6f6f6;
    padding: 10px;
    margin-top: 80px;
    display: none;
}
.navigationAdditionalFrame p{
    font-size: 12px;
    margin-bottom: 3px;
}
.navigationAdditionalFrame p.navFrameTitle{
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 14px;
}

.ModalOpenInModal{
    background: rgba(0,0,0,0.6);
}

.dropdown-toggle-custom.caretOpen::after{
    transform: rotate(-180deg);
}
.switch-toggle{ float: left; }
.switch-toggle > input { position: absolute; opacity: 0; }
.switch-toggle > input + label { padding: 7px; float:left; color: #000; cursor: pointer; margin: 0; font-size: 0.9em; border: 1px solid #ccc; margin-right: 3px; }
.switch-toggle > input:checked + label { background: #ED1C24; color: #fff; }
.switch-toggle > input.swicth_ok:checked + label { background: green; color: #fff; }
.switch-toggle > input.swicth_ok2:checked + label { background: rgb(252, 181, 0); color: #000; }
.switch-toggle > input.swicth_primary:checked + label { background: #e02424; color: #fff; }
.switch-toggle > input.swicth_none:checked + label { background: #ffea00; color: #000; }
.switch-toggle > label:hover{ box-shadow: 0 14px 26px -12px rgba(52, 71, 103,.4), 0 4px 23px 0 rgba(52, 71, 103,.15), 0 8px 10px -5px rgba(52, 71, 103,.2) }
.switch-toggle-label{
    float: left;
    margin-left: 20px;
    margin-top: 11px;
}
.switch-icons label{ padding: 11px 12px 7px !important; }
.switch-icons .none{ padding: 14px !important }
.row-list-text p.row-title{
    margin-bottom: 3px;
}
.row-list-text p.row-content{
    margin: 0;
    padding-top: 5px;
}
.strosek_comments .seznami-variables-row{
    border-bottom: 1px dashed #333;
    padding: 14px;
    margin-left: 0;
}
.strosek_comments .JAVNI-row{
    background: #e8ffe0;
}

.comment_toggle{
    display: none;
}
.comment_show{
    display: none;
    background: lightyellow;
    padding: 5px;
    width: 100%;
    float: left;
    max-width: 110px;
    white-space: normal;
}
.comment_show_p{
    background: lightyellow;
    padding: 5px;
    width: 100%;
    max-width: 165px;
    white-space: normal;
    margin-top: 28px;
}
.loader-frame {
	position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
    z-index: 100;
}
.loader-frame-import{
	top: -51px;
    left: 0px;
	height: 300px;
}
.loader{
	position: absolute;
	left: 50%;
	margin-top: 85px;
}
.loader-import{ left: 40%; }
.btn-loader{ width: 25px; }
.lds-ring {
	display: inline-block;
	position: relative;
	width: 120px;
    height: 120px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid rgb(194, 17, 17);
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: rgb(194, 17, 17) transparent transparent transparent;
}
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }
.navbar-custom h3{ margin-left: 50px }
@keyframes lds-ring {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@media (max-width: 1599px) {
    .nav-item.me-5 { margin-right: 2rem !important; }
}
@media (max-width: 1420px) {
    .nav-item.dropdown #navbarDarkDropdownMenuLink .text-with-icon{ display: none; }
    .header-search { margin-left: 3px; }
    .nav-item.me-5 { margin-right: 4px !important; }
}
@media (min-width: 1400px) {
	.container { max-width: 1380px; }
	.header-search{ margin-left: 40px; }
}
@media (min-width: 1600px) { 
	.container { max-width: 1540px; }
	.seznami_frame > .row > .col-lg-3{ width: 19%; max-width: 19% }
	.seznami_frame > .row > .col-lg-9{ width: 81%; max-width: 81%; flex: 0 0 81%; }
	.header-search{ margin-left: 50px; }
	/* grid columns xxl */
	.col-xxl {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
	.col-xxl-auto {-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;}  
	.col-xxl-1 {-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
	.col-xxl-2 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
	.col-xxl-3 {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	.col-xxl-4 {-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
	.col-xxl-5 {-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
	.col-xxl-6 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.col-xxl-7 {-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
	.col-xxl-8 {-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
	.col-xxl-9 {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
	.col-xxl-10 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
	.col-xxl-11 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
	.col-xxl-12 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}  
}
@media (min-width: 1800px) { 
	.container { max-width: 1740px; }
	.header-search{ margin-left: 130px; }
}
@media (min-width: 1900px) { 
	.container { max-width: 1840px; }
	.header-search{ margin-left: 160px; }
}
@media (min-width: 2000px) { 
	.container { max-width: 1940px; }
	.header-search{ margin-left: 160px; }
}
@media (min-width: 2100px) { 
	.container { max-width: 2040px; }
	.header-search{ margin-left: 300px; }
}
@media (min-width: 2200px) { 
	.container { max-width: 2140px; }
	#content { width: 84%; }
	.header-search{ margin-left: 300px; }
}
@media (max-width: 1400px) {
    .navbar-custom h3{ margin-left: 20px; font-size: 25px; }
    #content{ width: 85%; }
    #folder_menu { width: 14%; }
}
@media (max-width: 1200px) {
	.header-search{ margin-left: 0; }
	.header-search-input.form-group{ width: 190px !important; }
    .navbar-custom h3{ display: none; }
    #content{ width: 83%; }
    #folder_menu { width: 16%; }
}
@media (max-width: 991px) {
	.seznami_frame > .row > .col-lg-3{ display: none; }
	.header-search{ display: none; }
    #content{ width: 79%; }
    #folder_menu { width: 20%; }
}
@media (max-width: 767px) {
	#folder_menu{ width: 100%; }
    .navbar-custom h3{ display: block; }
    .postopki-step-title{ font-size: 1.3em; width: 20%; }
    .postopki-step-url{ display: inline-block; }
	#content{ width: 100% !important; padding-left: 7px !important; }
    .seznami-variables-row .col-md-3 .list-title{
        margin-bottom: 10px;
    }
    .title-label-mobile{
        margin-bottom: 20px;
    }
    .modal-wide .modal-dialog{
        min-width: auto;
    }
    .nav-profil-menu{
        position: relative;
    }
    #navProfileSubMenu{
        margin-top: -20px !important;
        margin-left: 30px;
    }
    #navProfileSubMenu li a{
        color: #000;
    }
    .btn-manual{
        display: none;
    }
}
@media (max-width: 555px) {
    .postopki-step{ max-width: 150px }
}
@media (max-width: 485px) {
    .postopki-step-url{ display: block; }
    .postopki-step{ padding: 1px 18px; margin-bottom: 0 }
}