@font-face {
    font-family: 'BdoorFont';
    src: url('/fonts/bdoor_font.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.mainextra {
    display: flex;
    flex-direction: column;
    background: var(--bs-gray-200);
}

.radangle {
    contain: strict;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 10px 0px 0px 0px;
    background: white;
}

.panel-dash-limit-550 {
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}

.bgwhite {
    background: white;
}

.hx-sidebar-footer {
    display: inline-block !important;
}

.my-sidebar {
    --hx-sidebar-item-hover-background-color: var(--bs-emphasis-color-rgb);
    --hx-sidebar-item-active-background-color: var(--bs-emphasis-color-rgb);
    --hx-sidebar-item-active-color: var(--bs-emphasis-color);
    --hx-sidebar-item-hover-color: var(--bs-emphasis-color);
    --hx-sidebar-item-icon-color: var(--bs-secondary-color);
    --hx-sidebar-parent-item-active-icon-color: var(--bs-secondary-color);
}

.hx-sidebar-brand-logo {
    --hx-sidebar-brand-logo-width: 250px;
    --hx-sidebar-brand-logo-height: 50px;
}

.log-list-group {
    --bs-list-group-item-padding-x: 0;
    --bs-list-group-item-padding-y: 0;
}

.login-card {
    width: 100%;
    max-width: 350px;
    border-radius: 15px;
}

.colorlogo2 {
    color: #009de0;
    font-size: 26px;
    font-weight: 700;
}

.colorlogo {
    font-family: 'BdoorFont', sans-serif;
    font-weight: 400;
    font-size: 40px;
    background: linear-gradient(90deg, #199cd8 60%, #00c6ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    position: relative;
    display: inline-block;
    animation: logoFadeIn 1.2s cubic-bezier(.77,0,.175,1) 0s 1;
}

.navbar-logo {
    font-family: 'BdoorFont', sans-serif;
    font-weight: 400;
    font-size: 35px;
    line-height: 1.2;
    color: #009de0;
    max-height: 40px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.navbar-top{
    height: 35px;
}

@keyframes logoFadeIn {
    0% {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

    60% {
        opacity: 1;
        transform: translateY(5px) scale(1.05);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.virtualized-table-container {
    overflow: visible !important;
}

.hx-sidebar-toggler {
    /*display: none !important;*/
}

.col-g-id {
    width: 200px;
}

.col-g-4 {
    width: 400px;
}

.col-auto-max-3 {
    flex: 0 0 auto;
    max-width: 25%; /* odpovídá col-3 */
}

.col-auto-max-4 {
    flex: 0 0 auto;
    max-width: 33.3333%; /* odpovídá col-4 */
}

#loading-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 9999;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.3);
    border-top-color: #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.toast-block {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0px;
    margin: 0px;
    padding: 0px;
    padding-right: 17px; /* 17px remove scrollbar space */
    box-sizing: content-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.hx-toast-container {
    --hx-toast-container-margin: 0;
}

.toast {
    --bs-toast-max-width: none !important;
}

.toast-low {
    --bs-toast-padding-y: 0.35rem;
}

.toast-onlyheader .toast-header {
    border-bottom-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)) !important;
    border-bottom-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)) !important;
}

.toast-block::-webkit-scrollbar {
    display: none;
}

.params-textarea {
    height: 200px;
}

tr .hx-context-menu {
    opacity: 1 !important;
}

.hx-calendar-day-names {
    font-weight: 600 !important;
}

.hx-calendar {
    gap: 0 !important;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.hx-label {
    display: inline-block;
}

@keyframes moveBackground {
    0% {
        background-position: right bottom;
    }

    50% {
        background-position: left top;
    }

    100% {
        background-position: right bottom;
    }
}

.cardAlfa {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" fill-opacity="0.2"><path d="M20 2H8a2 2 0 0 0-2 2v16h2V4h12v16h-5v2h7V4a2 2 0 0 0-2-2zM11 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/></svg>');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 60px;
    min-height: 80px;
}

.cardBeta {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white" fill-opacity="0.2"><path d="M2 2v4.586l6.293 6.293a1 1 0 0 0 1.414 0l4.293-4.293a1 1 0 0 0 0-1.414L7.414 2H2zm1 1h3.586l6.293 6.293-3.586 3.586L3 6.586V3zm3 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/></svg>');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 60px;
    min-height: 80px;
}

.cardHandy {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white" fill-opacity="0.2"><path d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 1 0 1 0V6.435l.106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 0 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.035a.5.5 0 0 1-.416-.223l-1.433-2.15a1.5 1.5 0 0 1-.243-.666l-.345-3.105a.5.5 0 0 1 .399-.546L5 8.11V9a.5.5 0 0 0 1 0V1.75A.75.75 0 0 1 6.75 1M8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5 5 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.6 2.6 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046zm2.094 2.025"/></svg>');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 60px;
    min-height: 80px;
}

.animated-clock {
    font-family: "Kode Mono", monospace;
    color: black;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    transition: all 0.3s ease-in-out;
    text-align: right;
    vertical-align: middle; /* zarovnání k textu okolí */
}


.animated-clock span {
    transition: transform 0.3s ease-in-out;
    color: black;
}

.animated-clock span:hover {
    transform: scale(1.1);
}

.animated-clock .separator {
    color: gray;
    animation: blink 1s step-start infinite;
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}

.help-image-placeholder img {
    max-width: 70%;
}


.bgm-primary {
    background-color: rgba(var(--bs-primary-rgb),0.2) !important;
    border-radius: 5px;
}

.bgm-secondary {
    background-color: rgba(var(--bs-secondary-rgb),0.2) !important;
    border-radius: 5px;
}

.bgm-success {
    background-color: rgba(var(--bs-success-rgb),0.2) !important;
    border-radius: 5px;
}

.bgm-danger {
    background-color: rgba(var(--bs-danger-rgb),0.2) !important;
    border-radius: 5px;
}

.bgm-warning {
    background-color: rgba(var(--bs-warning-rgb),0.2) !important;
    border-radius: 5px;
}

.bgm-info {
    background-color: rgba(var(--bs-info-rgb),0.2) !important;
    border-radius: 5px;
}

.bgm-light {
    background-color: rgba(var(--bs-light-rgb),0.2) !important;
    border-radius: 5px;
}

.partitioned {
    width: 100%;
}

.partitioned input {
    width: 100%;
    font-size: 1.1rem;
    font-weight: 600;
    font-family: monospace;
    text-align: center;
    letter-spacing: 1.5ch; /* mezera mezi znaky */
    padding-right: calc(-1.5ch) !important;
}

.callout {
    padding: 15px;
    /*    margin: 5px 0;*/
    border: 1px solid #ddd;
    border-left-width: 7px;
    border-radius: 0.5rem;
}

.callout .callout-heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1.3em;
}

*.callout:empty {
    padding: 20px;
    margin: 0px;
    border: none;
}

.callout p:last-child {
    margin-bottom: 0;
}

.callout + .callout {
    margin-top: -5px;
}

.callout-success {
    border-left-color: var(--bs-success);
}

.bs-callout-success .callout-heading {
    color: var(--bs-success);
}

.callout-danger {
    border-left-color: var(--bs-danger);
}

.callout-danger .callout-heading {
    color: var(--bs-danger);
}

.callout-warning {
    border-left-color: var(--bs-warning);
}

.callout-warning .callout-heading {
    color: var(--bs-warning);
}

.callout-info {
    border-left-color: var(--bs-info);
}

.callout-info .callout-heading {
    color: var(--bs-info);
}

.table tbody tr.tbl-success {
    border-left: 3px solid var(--bs-success) !important;
}

.table tbody tr.tbl-danger {
    border-left: 3px solid var(--bs-danger) !important;
}

.table tbody tr.tbl-warning {
    border-left: 3px solid var(--bs-warning) !important;
}

.table tbody tr.tbl-info {
    border-left: 3px solid var(--bs-info) !important;
}

.table tbody tr.tbl-primary {
    border-left: 3px solid var(--bs-primary) !important;
}

.table tbody tr.tbl-light {
    border-left: 3px solid rgba(var(--bs-light-rgb), 0.2) !important;
}

.table tbody tr.tbl-dark {
    border-left: 3px solid var(--bs-dark) !important;
}

.panelCard {
    min-height: 550px;
}

/* Negativní margin utility třídy */
.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.mt-n4 {
    margin-top: -1.5rem !important;
}

.mt-n5 {
    margin-top: -3rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}

.mb-n5 {
    margin-bottom: -3rem !important;
}

.ms-n1 {
    margin-left: -0.25rem !important;
}

.ms-n2 {
    margin-left: -0.5rem !important;
}

.ms-n3 {
    margin-left: -1rem !important;
}

.me-n1 {
    margin-right: -0.25rem !important;
}

.me-n2 {
    margin-right: -0.5rem !important;
}

.me-n3 {
    margin-right: -1rem !important;
}

.hx-sidebar {
    width: 280px;
    transition: width 0.3s ease-in;
}

.hx-sidebar.collapsed {
    width: 70px !important;
    transition: width 0.3s ease-out;
}

.fs-8 {
    font-size: 0.8rem !important;
}