:root {
    --civop-max-width: 1728px;
}

/* Max sirka layoutu a s tim nutne souvisejici upravy */
.mud-layout.civop {
    max-width: var(--civop-max-width);
    margin: 0 auto;
}

.mud-appbar.mud-appbar-fixed-top.civop {
    max-width: inherit;
    left: unset;
    right: unset;
    background: linear-gradient(90.12deg, #F02D00 0.02%, #FFB800 99.95%);
}

.mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--open.civop,
.mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open.civop {
    left: calc((100vw - var(--civop-max-width) - (100vw - 100%))/2);
}

@media all and (max-width: 1728px) {
    .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--open.civop,
    .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open.civop {
        left: 0;
    }
}


/* Uprava, aby se app bar nezmensoval v XS zobrazeni a spraven se zarovnal content i drawer */
.mud-appbar .mud-toolbar-appbar {
    height: var(--mud-appbar-height);
}

.mud-main-content {
    padding-top: var(--mud-appbar-height);
}

@media (max-width: 599px) and (orientation: portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-always,
    .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never),
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always,
    .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height));
    }

    .mud-drawer-close-mini-md-left .mud-main-content {
        margin-left: 0;
    }
}

@media (min-width: 600px) and (max-width: 959px) {
    .mud-drawer-close-responsive-md-left .mud-main-content {
        margin-left: var(--mud-drawer-width-mini-left);
    }
}


    /* textbox */
    .mud-input-control.civop label {
        display: none !important;
    }
    /*
.mud-input-control.civop .mud-input > input.mud-input-root.mud-input-root-filled,
.mud-input-control.civop div.mud-input-slot.mud-input-root.mud-input-root-filled {
    padding: 18.5px 14px;
}
.mud-input-control.civop .mud-input.mud-input-filled {
    background-color: #F4F4F4;
    border-radius: 12px;
}
    .mud-input-control.civop .mud-input.mud-input-filled:hover{
        border: 1px solid red;
    }
    .mud-input-control.civop .mud-input.mud-input-underline:before,
    .mud-input-control.civop .mud-input.mud-input-underline:after {
        border-bottom: none;
    }
    */
    .mud-input-control.civop .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-color: #f4f4f4;
        border-radius: 12px;
    }

    .mud-input-control.civop .mud-input.mud-input-outlined {
        background-color: #F4F4F4;
        border-radius: 12px;
        transition: background-color 200ms cubic-bezier(0,0,.2,1) 0ms;
    }

        .mud-input-control.civop .mud-input.mud-input-outlined:focus-within {
            background-color: #fff;
        }

        .mud-input-control.civop .mud-input.mud-input-outlined:not(.mud-disabled):focus-within .mud-input-outlined-border,
        .mud-input-control.civop .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
            border: 2px solid #0A2878;
        }


    .civop-form-item {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column
    }

    /*nastaveni zaobleni pro buttony*/
    .civopButton {
        border-radius: 8px !important;
        font-size: 13px;
        font-weight: 700;
    }

    .rounded-12 {
        border-radius: 12px !important;
    }

    .rounded-t-12 {
        border-top-left-radius: 12px !important;
        border-top-right-radius: 12px !important;
    }

    .rounded-b-12 {
        border-bottom-left-radius: 12px !important;
        border-bottom-right-radius: 12px !important;
    }

    .dialog-section {
        border-top: 1px solid #EFEFEF;
    }
    /*prepisuji styl, ktery nastavoval buttonu velky pismena*/
    .mud-button {
        text-transform: none !important;
    }

    .mud-table-cell .mud-icon-button {
        padding: 8px !important;
    }

    /*svg.mud-table-cell .mud-svg-icon {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}*/

    .mud-icon-root.mud-svg-icon {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }


    /*v pripade mensiho rozliseni zmenseni velikosti fontu */
    @media (max-width:599px) {
        p, h6 {
            font-size: 10px !important;
        }
    }

    /* Paticka stranky */
    .subtitleBold {
        font-weight: bold !important;
    }

    /*delka pro vyhledavaci policka nad gridama */
    .hledejInput {
        max-width: 375px !important;
    }

    /*rozmaznuti pozadi pri vyvolani dialogu*/
    .my-custom-class {
        backdrop-filter: blur(10px);
    }

    /*zaoblene rohy popup dialogu */
    .mud-dialog {
        border-radius: 12px !important;
    }

    /*uprava stylu textu hlavicky tabulky (gridu)*/
    .mud-table-root .mud-table-head .mud-table-cell {
        font-weight: bold !important;
        color: #4A5568 !important;
        text-transform: uppercase !important;
    }
    /*zarovnani ikonky v tooltipu aby sedela spravne*/
    .tooltip-content {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .tooltip-content-margin {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin-top: 2px;
        margin-left: 3px;
    }
    /*account buttony barva podsviceni */
    .accountButtons.mud-icon-button:hover, .mud-icon-button:focus-visible {
        background-color: #F13A00;
    }



    .mud-table-sort-label .mud-table-sort-label-icon {
        opacity: 0.2;
    }

    .a-center {
        text-align: center;
    }

    .a-right {
        text-align: right;
    }

    /* PREHLEDY - POBOCKY, STREDISKA A SKOLENI */
    .bckgndPropadajici_zadne {
        background-color: #ffeeb3 !important
    }

    /*.bckgndPropadajici_tretina {
    background-color: #f8f8b9 !important
}*/

    .bckgndPropadajici_vetsina {
        background-color: #FBC400 !important;
        font-weight: bold !important;
    }

    .bckgndNeplatne_zadne {
        background-color: #ffd5cc !important
    }

    /*.bckgndNeplatne_tretina {
    background-color: #f8f8b9 !important
}*/

    .bckgndNeplatne_vetsina {
        background-color: #F02D00 !important;
        font-weight: bold !important;
        color: white !important;
    }

    .bckgndPlatne_zadne {
        background-color: #d3f8d3 !important;
        font-weight: bold !important;
    }

    .bckgndPlatne_vetsina {
        background-color: #2EAF00 !important
    }

    .cursorHand {
        cursor: pointer !important;
    }


.premium .mud-badge {
    background-color: #ffbf00 !important;
}

    /*Podoba okna s informaci object ztrate spojeni*/
    #components-reconnect-modal {
        display: flex !important;
        opacity: 1 !important;
        background-color: rgb(255 255 255 / 80%) !important;
    }

        #components-reconnect-modal::before {
            content: '';
            width: 300px;
            height: 65px;
            /*background: #fff3cd;*/
            background: var(--mud-palette-warning);
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: block;
            border-radius: var(--mud-default-borderradius);
        }

        #components-reconnect-modal h5 {
            margin-top: 50px !important;
            padding: .75rem 1.25rem;
            width: 300px;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1050;
            color: white;
            /*color: #856404;*/
            /*background-color: #fff3cd;*/
            background-color: var(--mud-palette-warning);
            box-shadow: 0px 10px 10px 0px hsl(0deg 0% 0% / 20%);
            border-radius: var(--mud-default-borderradius);
        }

        #components-reconnect-modal div {
            border-color: rgb(133 100 4) rgb(212 188 118) rgb(230 218 178) !important;
            /*border-color: rgb(133 100 4) rgb(212 188 118) rgb(230 218 178) !important;*/
            margin: auto;
            z-index: 1050;
        }

        #components-reconnect-modal h5 a {
            color: #092464 !important;
            color: #092464 !important;
        }

        #components-reconnect-modal button {
            visibility: hidden;
        }