html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }

h1 { font-size:1.6em; text-transform:none; margin-bottom:1em }
h1 small{ font-size:50%; text-transform:none; display:block; padding-top:0.3rem; }
h1.horizontal-subtitles { margin-bottom:0; }
h1.horizontal-subtitles small{ display:inline; padding-left:1rem; }

/*.card.button-absolute-bottom .card-body{ position:relative; padding-bottom:54px; }*/
.btn.ico.left span{  }
.btn.ico.right span{  }
.btn-ico-ring { width:40px; height:40px; border-radius:20px; display:flex; justify-content:center; align-items:center; 
                border:1px solid var(--bs-border-color); text-decoration:none; cursor:pointer; padding:0;
}
.card .card-header.with-buttons { padding-right:10px; }
.card .card-header .btn-ico-ring { width:24px; height:24px; border-radius:12px; font-size:12px; }
.card .card-header .help { font-size: 90%; color: var(--color06); cursor:pointer; }
.card .card-header .btn-ico-ring.btn-primary { background-color:var(--primary); color:var(--color10); border-color:var(--color13); }
.card .card-body-list .item { border-bottom: 1px solid var(--layout-fullsize-list-border);}
.card .card-body-list .item.alternative { background-color: var(--list-item-alternative-bg); }
.card .card-body-list .item:last-child { border-bottom:0; border-radius:0 0 5px 5px; }
.card .card-body-list .item .field { align-items:center; display:flex; }
.btn-ico-ring i{  }
.btn.btn-list {  }
.btn.btn-list {  }
.btn.btn-list {  }
.card.button-absolute-bottom .btn.btn-primary{ width:auto; display:table; margin:1em auto; }
.form-control::placeholder { font-style:italic; opacity:0.7; }
.page-scroll { overflow-y:scroll; display:block; }

option:checked, option:hover { background-color:var(--primary); color:white;}
.btn-control-panel { border:1px solid var(--control-panel-btn-border); background-color:var(--control-panel-btn-bg);/* border-radius:0;*/ color:var(--control-panel-btn-color); }
.btn-control-panel.ico.left span {  }
.btn-control-panel:hover { border:1px solid var(--control-panel-btn-border); background-color:var(--control-panel-btn-bg-hover); }

.card-header.with-buttons {  }
.card-header.with-buttons .title{ line-height:30px; }
.btn-box-panel { padding:2px 8px;
}
.btn-box-panel.ico.left span {  }
.btn-light:hover { border:1px solid var(--control-panel-btn-border); background-color:var(--control-panel-btn-bg-hover); }
.btn-light { border:1px solid var(--control-panel-btn-border); background-color:var(--control-panel-btn-bg);/* border-radius:0;*/ color:var(--control-panel-btn-color); }

.btn.ico.left i{ margin-right:5px; }
.dropdown.dropdown-control-panel { border:1px solid var(--control-panel-btn-border); background-color:var(--control-panel-btn-bg);/* border-radius:0;*/ color:var(--control-panel-btn-color); }
.control-panel { border-bottom:1px solid var(--control-panel-btn-border); }
.control-panel .breadcrumb { --bs-breadcrumb-margin-bottom:0; margin-top:5px; padding-right:5px; }
.control-panel .vr{ background-color:var(--control-panel-vr); margin:0 5px 0 0; }
.control-panel .item { padding-right:0.25rem; }
.control-panel .item.first {  }
.control-panel .item.last { padding-right:0; }

    .control-panel.bookmarks { border-bottom:0; }
    .control-panel.bookmarks .item { padding-right:0; }
    .control-panel.bookmarks .item button.btn-bookmark{ margin:5px 0 0 1px; border:1px solid var(--control-panel-btn-border); 
                                                        border-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0;
                                                        background-color:white;
    }
    .control-panel.bookmarks .item:first-child button.btn-bookmark{ margin-left:5px; }
    .control-panel.bookmarks .blank { border-bottom:1px solid var(--control-panel-btn-border); margin-right:5px; }
    .control-panel.bookmarks .item button.btn-bookmark.active{ border-bottom:1px solid var(--color10); background-color:var(--color10) }
    .control-panel.bookmarks .item button.btn-bookmark{ border-bottom:1px solid var(--control-panel-btn-border); background-color:var(--color08); }
    .control-panel.bookmarks .item button.btn-bookmark:hover { background-color:var(--color10); }
.bookmarks-content { margin: 0 5px 5px 5px; 
                     background-color: var(--color10); 
                     border: 1px solid var(--control-panel-btn-border); 
                     border-top: 0; min-height: calc(100% - 5px);
                     padding: 12px;
}
    
    

#test option:hover { background-color:var(--primary); }
.dropdown-menu .dropdown-item i{ width:25px; display:inline-block; }
.hidden-element {
  visibility: hidden;
}
.busybox-host {
    position:relative;
}
.busybox-overlay {
    display:none;
    position:absolute;
    inset:0;
    z-index:50;
    min-height:100%;
    background:rgba(255,255,255,0.72);
    backdrop-filter:blur(1px);
}
.busybox-overlay.busybox-page-overlay {
    position:fixed;
    z-index:2000;
}
.busybox-overlay-content {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    border:1px solid var(--layout-fullsize-list-border);
    border-radius:6px;
    background:var(--bs-body-bg);
    box-shadow:0 8px 24px rgba(0,0,0,0.12);
    font-weight:600;
}
.busybox-overlay .spinner-border {
    width:1.2rem;
    height:1.2rem;
    border-width:0.16rem;
}
/*.responsive-menu-button { visibility:hidden; }
.responsive-menu-button.resize-active { visibility:visible; }*/
.responsive-menu-destination .section{ flex-wrap:wrap; }
.responsive-menu-destination .section .item{ min-width:100%; padding-right:0; margin-bottom:0.5rem; }
.responsive-menu-destination .section .vr { display:none; }
.responsive-menu-destination .section .item .btn{ min-width:100%; padding-right:0; }
.form-check .form-check-input { cursor:pointer; }
.red-color { color:var(--bs-danger); }
.green-color { color:var(--bs-success); }
.yellow-color { color:var(--bs-warning); }
.taghelper.phone i,.taghelper.email i,.taghelper.www i { color:var(--color06); padding-left:0.4rem; font-size:90%; }
.popover-body { background-color:var(--color06); color:var(--color10); border-radius:3px; }
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
    border-top-color: var(--color06); /* barva šipky */
}
.protected-item { color:#FFBD00; }




@media (max-width: 500px) {
    h1.horizontal-subtitles { font-size:1.4em; }
    h1.horizontal-subtitles small { display:none; }
}