/*11.4.2022 seznam tříd na které je aplikovaný stín*/
.ksprvek, /*ksprvek je hlavni třída prvků ve stránkách portálu*/
.rdTable,
.rfdTable,
.boxview-okno,
.boxview-okno-posledni,
.panel-login,
.rtsLevel,
.ksBlFs,
.ksZalTable,
.RadWindow.rwMinimizedWindow,
.main_content_td > div > div > table:first-child,
.main_content_td > div > div > div:first-child,
.RadWindow,
.ksBlButtInsert,
.ksPozTelo > table {
    box-shadow: var(--stin);
    background: var(--kscolor2);
    color: var(--kscolor2text);
    border-radius: var(--ksrohy);
    overflow: hidden;
}

.RadWindow {
    animation-name: Zjeveni;
    animation-duration: 0.5s;
    border: 1px solid #e6e5e5 !important;
    font-family: "OpenSans-Light" !important;
}

    .RadWindow.rwInactiveWindow {
        opacity: 1 !important;
    }

    .RadWindow .rwConfirmDialog .rwOkBtn:hover {
        border-color: var(--kscolor1) !important;
        color: black !important;
        background-color: white !important;
    }

    .RadWindow .rwTitleBar {
        font-size: 16px;
    }

    .RadWindow .rwTitle {
        width: 100% !important;
        text-align: center !important;
        padding: 5px !important;
    }

    .RadWindow .rwTitleWrapper {
        /*padding: 8px !important;*/
    }

    .RadWindow .rwDialogButtons {
        position: relative !important;
    }

    /*Autosize u MessageBoxWindows*/
    .RadWindow.ksMessageAutoSize {
        height: fit-content !important;
    }

        .RadWindow.ksMessageAutoSize div.rwContent.rwExternalContent {
            height: fit-content !important;
        }

        /*.RadWindow.ksMessageAutoSize div.rwDialogMessage {*/
        .RadWindow.ksMessageAutoSize div.rwDialogMessage:not(.rwPromptDialog div.rwDialogMessage) {
            width: 100%;
        }
    .RadWindow.rwMinimizedWindow {
        width: fit-content !important;
        padding: 0 !important;
    }

        .RadWindow.rwMinimizedWindow .rwCommands {
            right: 0 !important;
        }

        .RadWindow.rwMinimizedWindow .rwTitleWrapper {
            width: fit-content !important;
            height: initial !important;
            padding: 0 100px 0 0 !important;
        }

.RadWindow, .RadWindow_Metro .rwContent {
    background: var(--kscolor2) !important;
    color: var(--kscolor2text);
}

/*.RadWindow_Metro {
    font-family: "OpenSans-Light" !important;
}*/



    /*.RadWindow .RadGrid_Metro {
        border: 1px solid #e6e5e5 !important;
    }*/

@keyframes Zjeveni {
    0% {
        opacity: 0%;
    }

    100% {
        opacity: 100%;
    }
}

.ksValidator {
    animation-name: KsWarning;
    animation-duration: 1s;
}

@keyframes KsWarning {
    0% {
        opacity: 0%;
    }

    33% {
        opacity: 100%;
    }

    66% {
        opacity: 0%;
    }

    100% {
        opacity: 100%;
    }
}

.revertShadow, /*zrušení stínu u prvků kde nemá být, a na které se vygeneroval automaticky*/
.rtsLevel {
    box-shadow: none !important;
    background: none !important;
}

@media print {
    .ksprvek,
    .rdTable,
    .rfdTable,
    .boxview-okno,
    .boxview-okno-posledni,
    .panel-login,
    .rtsLevel,
    .ksBlFs,
    .ksZalTable,
    .RadWindow.rwMinimizedWindow,
    .main_content_td > div > div > table:first-child,
    .main_content_td > div > div > div:first-child,
    .RadWindow {
        box-shadow: none !important;
    }
}

.RadMenu_Metro ul.rmRootGroup, .RadMultiSelectDropDown_Metro .k-list .k-item.k-state-selected {
    background-color: var(--ksmenutop) !important;
    color: var(--ksmenutoptext) !important;
}

.RadMultiSelectDropDown_Metro .k-list .k-item.k-state-selected {
    background-color: var(--kscolor1) !important;
    color: var(--kscolor1text) !important;
}

.rsAdvTitle,
.ksColor1, tr.ksColor1 tr,
.color1 {
    background-color: var(--kscolor1) !important;
    color: var(--kscolor1text) !important;
}

    .color1:hover {
        background-color: var(--kscolor1text) !important;
        color: var(--kscolor1) !important;
    }

.RadCalendar_Metro .rcToday, .RadCalendar_Metro .rcToday > a,
.RadComboBox_Metro .rcbExpanded, .RadComboBox_Metro .rcbFocused, .RadInput_Metro.RadInputFocused .riTextBox,
.rrbTabs .rrbItem.rrbSelected .rrbLink {
    border-color: var(--kscolor1) !important;
    background: white !important;
    color: black !important;
}

    .RadCalendar_Metro .rcSelected, .RadCalendar_Metro .rcSelected > a, .RadButton_Metro.rbButton.rbToggled,
    .RadComboBox_Metro .rcbReadOnly.rcbExpanded, .RadGrid_Metro .rgFilterActive,
    .RadCalendarMonthView_Metro .rcSelected > a, .RadPicker_Metro.rcCalPopupOpen .RadInput,
    .RadPicker_Metro.rcCalPopupOpen .rcCalPopup, .RadInput_Metro a:focus, .RadComboBox_Metro .rcbExpanded .rcbActionButton,
    .RadComboBox_Metro .rcbFocused .rcbActionButton, .RadDropDownList_Metro .rddlFocused, .rddlPopup_Metro .rddlItemSelected,
    .RadTabStrip_Metro .rtsLevel1 .rtsSelected .rtsLink, .RadWindow_Metro .rwConfirmDialog .rwOkBtn, .RadWindow_Metro .rwConfirmDialog .rwOkBtn:hover,
    .RadGrid_Metro .rgFiltered, .RadGrid_Metro .rgFiltered:hover, .RadGrid_Metro .rgFiltered:focus,
    .rmGroup .rmExpanded > .rmLink, .rsButton.rsPrimary, .reSelectedMode, .rrbTabs .rrbItem .rrbLink {
        border-color: var(--kscolor1) !important;
        color: var(--kscolor1text) !important;
        background-color: var(--kscolor1) !important;
    }

.RadRibbonBar .rrbQat .rrbButton:active, .RadRibbonBar .rrbButton.rrbClicked, .RadRibbonBar .rrbButton.rrbPressed,
.RadRibbonBar .rrbButton.rrbExpanded, .RadRibbonBar .rrbButton.rrbToggled, .RadRibbonBar .rrbButtonGroup .rrbButton:active,
.RadRibbonBar .rrbButtonGroup .rrbButton.rrbClicked, .RadRibbonBar .rrbButtonGroup .rrbButton.rrbPressed,
.RadRibbonBar .rrbComboBox .rrbButton.rrbClicked, .RadRibbonBar .rrbDropDown .rrbButton.rrbClicked,
.RadRibbonBar .rrbNumericTextBox .rrbButton.rrbClicked, .RadRibbonBar .rrbColorPicker .rrbButton.rrbClicked,
.RadRibbonBar .rrbDropDown .rrbDDInner:active, .RadRibbonBar .rrbColorPicker .rrbCPInner:active,
.RadRibbonBar .rrbGallery .rrbItem.rrbSelected, .RadRibbonBar .rrbGalleryActions .rrbButton.rrbClicked,
.rrbSlide .rrbItem.rrbSelected {
    border-color: var(--kscolor1) !important;
    color: var(--kscolor1text) !important;
    background-color: var(--kscolor1) !important;
}

.rwDialogButtons button {
    cursor: pointer;
}



.RadMenu .rmGroup .rmFocused > .rmLink {
    border: 1px solid white !important;
    box-shadow: none !important;
}

.RadComboBox_Metro .rcbExpanded {
    background: white !important;
}

.RadCalendar_Metro .rcRow > th {
    /* color: var(--kscolor1) !important;*/
}

.RadButton_Metro.rbRounded.rbSelected {
    background: var(--kscolor1text) !important;
    border: 1px var(--kscolor1) solid !important;
    color: var(--kscolor1) !important;
}

.RadButton_Metro.rbSkinnedButtonChecked {
    background-color: var(--kscolor1) !important;
    border-color: white !important;
    color: var(--kscolor1text);
}

.RadGrid_Metro .rgSelectedRow, .rgSelectedRow > td {
    background-color: var(--kscolor1) !important;
    border-color: var(--kscolor1text) !important;
    color: var(--kscolor1text);
}

.RadGrid_Metro .rgFilterBox:focus {
    border-color: var(--kscolor1) !important;
}

.rslHorizontal .rslTrack > .rslSelectedregion {
    background: var(--kscolor1) !important;
}

.RadDock_Metro .rdTop .rdLeft, 
.RadDock_Metro .rdTop .rdCenter, 
.RadDock_Metro .rdTop .rdRight, 
.RadWindow_Metro .rwTopLeft {
    background-color: var(--kscolor1);
    color: var(--kscolor1text);
    background-image: unset !important;
}

.rgHeader, .rgRow, .rgPagerCell {
    background: white;
}

.RadGrid_Metro .rgNumPart a.rgCurrentPage,
.RadScheduler_Metro .rsHeader ul a {
    border-color: var(--kscolor1) !important;
}

/*.RadRibbonBar_Metro .rrbTabs {
    background-color: var(--kscolor1) !important;
}*/
.rrbTabs {
    border-bottom-color: var(--kscolor1) !important;
    background-color: var(--kscolor1) !important;
}


.RadButton_Metro.rbSkinnedButtonChecked, .rgGroupPanel table, .color1text {
    color: var(--kscolor1text) !important;
}

.RadMenu_Metro .rmRootLink {
    color: var(--ksmenutoptext);
}

.color1 {
    background-color: var(--kscolor1) !important;
}

table {
    color: black;
}

.pozadiText { /*pro text na pozadí*/
    color: var(--kspozaditext) !important;
}

.whiteBack {
    background: white !important;
}

.color2text { /*pro text v oknech (ksprvek)*/
    color: var(--kscolor2text) !important;
}

.ErrorStyl {
    margin: 5px;
    background: white;
    padding: 3px;
}

.input:focus {
    color: black;
}

div.ksLc {
    padding-bottom: 15px;
}

.ksLc {
    width: 33%;
}

.selected {
    width: 33.333% !important;
}

/*.RadWindow .rwCorner { //zahesovano zduvodu, ze pak prdstane spravne fungovat js funkce window.autoSize()
    width: 0 !important;
}

.RadWindow .rwFooterCenter {
    height: 0;
}*/

.master-table-no-top {
    top: 0 !important;
}

.ksnadpis {
    color: var(--ksnadpis) !important;
}

.profileImg,
.img-round img,
.rocImageWrap img {
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--ksmenutop);
    background: white;
}

.img-round img {
    height: 34px;
    width: 34px;
    border: none;
}



.RadMenu .rmRootGroup .rmItem .rmGroup {
}

.rmRootLink {
    height: 100%;
}

    .rmRootLink label {
        color: var(--ksmenutoptext) !important;
    }

.rmSelected .rmRootLink, .rmExpanded .rmRootLink {
    border: 1px var(--ksmenutoptext) solid !important;
    background: var(--ksmenutop) !important;
    color: var(--ksmenutoptext) !important;
}

.rmItem .rmExpanded span, .rmItem a:hover {
    border: 1px var(--ksmenu) solid !important;
    background: var(--ksmenu) !important;
    color: var(--ksmenutext) !important;
}

.RadGrid_Metro .rgGroupPanel { /*Nechat takto! domluveno na poradě kvůli výchozímu stylu*/
    background: var(--kscolor1) !important;
    color: var(--kscolor1text) !important;
}

.rdTitleWrapper, .rdTitleWrapper .rdTitleBar, .kszahlavi, tr.kszahlavi > td > table,
.RadDock .rdTitleWrapper .rdTitle,
.RadWindow_Metro .rwTopResize, .RadWindow_Metro .rwTitleBar,
.RadWindow_Metro table.rwTitlebarControls em,
.RadWindow_Metro .rwTopLeft, .RadWindow_Metro
.rwTopRight, .RadPanelBar_Metro .rpRootLink.rpSelected,
.RadWindow_Metro .rwControlButtons a,
.RadScheduler_Metro .rsHeader {
    background: var(--kszahlavi) !important;
    color: var(--kszahlavitext) !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

    .rdTitleWrapper .rdTitleBar {
        text-align: center;
    }

.rdTitleWrapper {
    padding: 12px !important;
}

.RadMenu_Metro .rmRootGroup {
    background: inherit !important;
}

    .RadMenu_Metro .rmRootGroup .rmRootLink:hover {
        transition: 0.3s;
        background: inherit !important;
    }


.RadMenu .rmItem .rmRootLink label {
    padding: 15px;
}

.RadMenu .rmRootGroup .rmRootLink {
    padding: 0 !important;
    box-shadow: none !important;
}

.rmHorizontal > .rmItem a {
    border: 1px solid var(--ksmenutop);
}

.rmHorizontal > .rmItem .rmRootLink:hover {
    border: 1px solid var(--ksmenutoptext) !important;
}

.rmRootLink .rmText {
    font-size: 16px;
}

.RadMenu_Metro .rmItem .rmGroup .rmItem,
.RadMenu .rmHorizontal .rmItem,
.RadMenu .rmSlide, .RadMenu_Context {
    z-index: 7000 !important;
}

.Notifikace, .RadNotification {
    border: 2px solid var(--kscolor1) !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 15px;
    border-radius: 25px;
    padding: 10px !important;
    overflow: hidden;
}

    .RadNotification .rnTitleBar {
        border: none !important;
    }

    .Notifikace .rnTitleBar {
        /*background: var(--kscolor1);
        color: var(--kscolor1text);*/
        border: none;
    }

    .Notifikace .RadXmlHttpPanel {
        height: 100%;
        display: flex;
        align-items: center;
    }

        .Notifikace .RadXmlHttpPanel .rnContentWrapper {
            height: 100% !important;
            width: 100% !important;
            background: var(--kscolor2) !important;
            color: var(--kscolor2text) !important;
            border: none;
        }

            .Notifikace .RadXmlHttpPanel .rnContentWrapper .rnContent {
                display: flex;
                align-items: center;
                font-size: 15px;
            }

.aktual_zam::before {
    font-size: 20px !important;
}

.ksMenuMobile {
}

.fi {
    font-size: 25px;
}

.RadMenu .rmRootGroup.rmHorizontal > .rmItem {
    border-width: 0 0 0 0 !important;
    border-style: none !important;
}

.RadMenu .rmRootGroup.rmHorizontal, .rmRootGroup {
    border: none !important;
}

.rmItem .resp-menu-text {
    padding: 0 10px;
    font-size: 16px;
}

.rmVertical .rmItem {
    line-height: 22px;
}

.rbSelected {
    color: var(--kscolor1text) !important;
    /*    background: var(--kscolor1) !important;  
    border: solid 1px var(--kscolor1) !important;*/
}

    .rbSelected .logoImage {
        background: inherit !important;
        color: inherit !important;
        border: none !important;
    }

    .rbSelected:focus {
        box-shadow: none !important;
    }

.rgSelectedRow td {
    border-color: #e6e5e5 !important;
}

.RadPanelBar {
    border: none !important;
}

.rpLink { /*vertikalni vycentrovani textu*/
    display: flex !important;
    align-items: center;
}

.RadPicker_Metro.rcCalPopupOpen {
    border-color: var(--kscolor1) !important;
}

.RadDataPager .rdpWrap {
    display: flex !important;
    align-items: center;
}

.RadDataPager .rdpSliderLabel {
    padding-right: 10px !important;
}

.buttonText {
    cursor: pointer;
}

.rgGroupItem {
    background: white;
    color: black !important;
}

.RadInput input, .RadInput a {
    border: 1px solid #e0dfdf !important;
}

.rpExpandHandle .p-icon {
    /*display: none !important;*/ /*JH 28.8.2023 - Proces řešení požadavku*/
}

.ksicon16 {
    font-size: 1.4em !important;
}

.RadPanelBar_Master ul.rpGroup .rpExpandable span.rpExpandHandle {
    /*posunuto kvůli tomu, že se z nějakého důvodu zobrazují 2*/
    right: -5px;
}

.RadDock_Metro, .RadGrid_Metro, .RadWindow_Metro, .RadSplitter_Metro .rspPane, .RadSplitter_Metro, .RadScheduler_Metro,
div.RadPanelBar_Master .rpItem .rpGroup .rpExpanded, .RadPanelBar .rpGroup .rpLink, .RadDock .rdTitleWrapper {
    border: none !important;
}

.rpLink {
    transition: 0.3s;
}

.RadTabStrip_Metro.rtsTop .rtsLevel1 .rtsUL, .RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsLink, .RadTabStrip_Metro {
    background: white !important;
    border-color: white !important;
    transition: 0.25s;
    border-bottom-width: 1px !important;
}

    .RadTabStrip_Metro .rtsLevel1 .rtsLink:hover {
        border-color: var(--kscolor1) !important;
    }

.rdPlaceHolder {
    margin-bottom: 25px !important;
}

.rfdTable > tbody > tr > td, .rfdTable > tbody > tr > th, .rfdTable {
    border: none !important;
}

.rdContent {
    padding-bottom: 10px;
}

select {
    height: 22px;
    min-width: 40px;
}

/*Znefunkční AutoSize - přesunuto do SkinFile.skin*/
/*.rwStatusBar {
    display: none;
}*/

.ksBullEditorWindow .rwContent {
    margin: auto;
   /* width: 90%;*/
}

.NoRecordsTemplate {
    width: 100%;
    min-height: 50px;
    background: #e6e5e5;
    color: #afafaf;
    display: flex;
    flex-direction: column;
    padding: 15px 0;
}

    .NoRecordsTemplate i, .NoRecordsTemplate label {
        width: fit-content;
        margin: auto;
        font-size: 16px;
    }

    .NoRecordsTemplate i {
        font-size: 30px;
    }

/*loading icon*/
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 40px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 16px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: var(--kscolor1);
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
        border: 1px solid lightgrey;
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url(../Fonts/OpenSans-Regular.ttf);
    /*src: url(../Fonts/OpenSans-Light.ttf);*/
}

@media only screen and (max-width: 1450px) {
    .t-row {
        grid-template-columns: 1fr 1fr !important;
    }

    .ksLc:nth-child(1) {
        grid-area: 1/1/3;
    }

    .selected {
        width: 50% !important;
    }

    #ctl00_LB_aktual_zam {
        display: none !important;
    }

    #ctl00_IB_aktual_zam {
        display: block !important;
    }
}

@media only screen and (max-width: 800px) {
    .t-row {
        grid-template-columns: 1fr !important;
    }

    .RadDockZone {
        padding: 0 !important;
    }

    .selected {
        width: 100% !important;
    }
}

@media only screen and (max-width: 650px) {
    #ctl00_Img_photo {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
}

#ctl00_IB_aktual_zam {
    display: none;
}

.rmParentItem {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .rmParentItem label {
        margin-left: 10px;
    }

.kstlacitko, .gridCommandButton .RadButton_Metro, .gridCommandButton .RadButton_Metro, .WFSideBar a, .WFNavigation tr:last-child input, .NextPrevAndNumeric .rgActionButton, .seznamOdpovedi #close {
    padding: 7px 10px !important;
    transition: 0.25s;
    background: white !important;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border: 1px solid transparent !important;
}

    .kstlacitko:hover, .gridCommandButton .RadButton_Metro:hover, .gridCommandButton .RadButton_Metro:hover, .WFSideBar a:hover, .WFNavigation tr:last-child input:hover,
    .NextPrevAndNumeric .rgActionButton:hover {
        /*background: white;*/
        /*box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;*/
        border: 1px solid #999999 !important;
        /*box-shadow: 5px 5px 15px #c2c2c2, -5px -5px 15px #ffffff;*/
    }

    .kstlacitko:active, .gridCommandButton .RadButton_Metro:active, .gridCommandButton .RadButton_Metro:active, .WFSideBar a:active, .WFNavigation tr:last-child input:active,
    .NextPrevAndNumeric .rgActionButton:active {
        /*box-shadow: inset 5px 5px 8px #c2c2c2, inset -5px -5px 8px #ffffff !important;
        border: 1px solid transparent !important;*/
        transform: scale(0.95);
    }

.NextPrevAndNumeric .rgActionButton {
    padding: 0px !important;
}

.kstlacitkoFancy {
    border: var(--kscolor1) 2px solid;
    background: var(--kscolor1);
    color: var(--kscolor1text);
    padding: 5px 15px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px;
    transition: 0.5s;
    cursor: pointer;
}

    .kstlacitkoFancy:hover {
        background: var(--kscolor1text);
        color: var(--kscolor1);
    }

.kstlacitkoImgSvg16 {
    height: 16px;
}

.OsUdajeSekcePanelu .KsUnderlineTable {
    color: black !important;
}

    .OsUdajeSekcePanelu .KsUnderlineTable tr:nth-child(1) td {
        color: black !important;
    }

.KsUnderlineTable {
    font-weight: bold !important;
}

.KsUnderlineTable, .OsUdajeGrid {
    width: 100%;
    font-size: 14px;
}

    .KsUnderlineTable tr {
        height: 35px;
    }

        .KsUnderlineTable tr:nth-child(1) {
            text-align: center;
        }

    .KsUnderlineTable td {
        background: none !important;
        border: none !important;
        border-bottom: 1px solid var(--kscolor1) !important;
    }

        .KsUnderlineTable td:nth-child(1) {
            opacity: 60%;
        }

        .KsUnderlineTable td:nth-child(2) {
            text-align: right;
            padding-left: 10px;
        }

.KsUnderlineGrid table {
    padding: 10px;
    font-size: 13px;
}

.KsUnderlineGrid th a {
    opacity: 60%;
}

.KsUnderlineGrid td, .KsUnderlineGrid th {
    background: white;
    border-right: solid 1px #e6e5e5;
    border-bottom: 1px solid var(--kscolor1) !important;
}

.KsUnderlineGrid tr {
    border-bottom: 1px solid var(--kscolor1) !important;
}

.KsUnderlineGrid td {
    padding: 10px 5px 10px 13px !important;
}


.HodnoceniToolbar {
    border-color: var(--kscolor1) !important;
    border: none !important;
}

    .HodnoceniToolbar > tbody > tr > td {
        padding: 5px;
        border-color: var(--kscolor1) !important;
    }

.ksPozTelo {
    border-radius: var(--ksrohy);
}

    .rgCaption,
    .RadGrid_Metro .rgGroupPanel,
    .boxview-nadpis,
    #ctl00_HlavniOblast_UserControl_FormView1_tableitem,
    #ctl00_HlavniOblast_UserControl_FormView1,
    .ksPozTelo > table > tbody {
        border-top-left-radius: var(--ksrohy);
        border-top-right-radius: var(--ksrohy);
        overflow: hidden;
    }

.rgMasterTable,
.rgPager,
.rgPager .rgPagerCell {
    border-bottom-left-radius: var(--ksrohy);
    border-bottom-right-radius: var(--ksrohy);
    padding-bottom: 1px;
    overflow: hidden;
}

#ctl00_HlavniOblast_UserControl_FormView1_tableitem {
    border: none !important;
}

.rgMultiHeader > table > caption {
    border-radius: 0 !important;
}

.marginBottom,
#ctl00_P_HlavniOblast > .RadGrid:last-child,
#ctl00_HlavniOblast_GridSkoliciAkce1_TradGridSkolAkceZam {
    margin-bottom: 30px;
}

.rtsLevel {
    padding-left: 10px;
    background: var(--kscolor1) !important;
}

.EvidGrafy {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: fit-content;
    padding-bottom: 30px;
}

    .EvidGrafy > div:first-child {
        margin: 15px 15px 0 0;
    }

        .EvidGrafy > div:first-child > div > div > table {
            min-width: 600px;
            width: 100%;
        }

    .EvidGrafy > div:nth-child(2) {
        margin-bottom: 30px;
        margin-top: 15px;
        height: fit-content;
    }

        .EvidGrafy > div:nth-child(2) > div > div {
            padding: 5px;
        }

            .EvidGrafy > div:nth-child(2) > div > div > svg {
                min-width: 790px; /*+10 za padding*/
                width: fit-content;
            }

/*MiKo odstraňuji protože posunoval header row u static header gridů vpravo*/
/*.rdTitle,
.rgMultiHeader > div > div {
    margin-left: 10px !important;
}*/

.rgCaption,
.rgGroupPanel {
    padding-left: 20px !important;
}

.rwIcon {
    /*left: 20px !important;*/
    display: none !important;
}

.rgPagerCell {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#ctl00_L_zpravy {
    color: red;
    font-size: 12px;
    position: absolute;
    margin-left: -6px;
    margin-top: -7px;
    font-weight: bold;
    text-shadow: 1px 1px 1px var(--ksmenutop), -1px 1px 1px var(--ksmenutop), 1px -1px 1px var(--ksmenutop), -1px -1px 1px var(--ksmenutop);
}

.ksMenuMobile .rmToggle {
    padding-left: 25px !important;
}

.ksMenuMobile .rmLink {
    margin-right: 20px !important;
}

.revertButton {
    background: none !important;
    border: none !important;
    box-shadow: none;
}

.rwDialogContent {
    display: flex;
    align-items: center;
}

/*.RadRibbonBar_Metro .rrbTabs {
    border-color: var(--kscolor1);
}

    .RadRibbonBar_Metro .rrbTabs .rrbItem.rrbSelected .rrbLink {
        border-color: white;
        background: white;
        color: black;
    }*/

.RadListBox_Metro .rlbItem.rlbSelected {
    background: var(--kscolor1);
}

.RadTreeView_Metro .rtSelected .rtIn, .rgCommandCellLeft > button:active, .rgCommandCellLeft > button:focus,
.RadWizard_Metro .rwzSelected .rwzLink, .RadWizard_Metro .rwzSelected .rwzLink:before,
.RadWizard_Metro .rwzProgress, .RadWizard_Metro .rwzNext, .RadWizard_Metro .rwzFinish {
    background: var(--kscolor1) !important;
    border-color: var(--kscolor1) !important;
    color: var(--kscolor1text) !important;
}

.RadDock .rdTitleWrapper .rdTitle {
    max-width: 100% !important;
}

.ksBullEditorContainer .k-pdf-viewer {
    width: 100% !important;
}

.rbButton {
    min-width: unset !important;
}

.fiButton {
    font-size: 16px;
    margin-right: 5px;
}

.rgSelectedRow, .rgRow, .rgAltRow, .rgSelectedRow > td {
    transition: 0.4s;
}

.rbIconOnly, .rbIconOnly:hover, .rbSelected .rbIconOnly {
    background: inherit !important;
    color: inherit !important;
}

.RadGrid_Metro .rgHoveredRow > td {
    border-color: #fff #e6e5e5 !important;
}

.RadNotification.rnRoundedCorners {
    /*border-radius: var(--ksrohy) !important;*/
}

    .RadNotification.rnRoundedCorners .rnTitleBar {
        border-top-right-radius: var(--ksrohy) !important;
        border-top-left-radius: var(--ksrohy) !important;
    }

.rgMasterTable tbody tr td {
    font-size: 14px;
}

.ksRgRowHigh.RadGrid .rgRow > td, .ksRgRowHigh.RadGrid .rgAltRow > td, .ksRgRowHigh.RadGrid .rgEditRow > td {
    padding: 5px 13px !important;
}

.noPaddingTable td {
    padding: 2px !important;
}

.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage {
    color: var(--kscolor1) !important;
}

.ksPozTelo .rfdTable {
    border-radius: var(--ksrohy);
    overflow: hidden;
}

.ksPozTelo > .rfdTable > tbody > tr > td {
    padding: 0 !important;
}

.DataFieldHeaderStyle, .DataFieldStyle, .rgCaption, .theme_header {
    border: none !important;
    padding: 8px !important;
}

    .DataFieldHeaderStyle span {
        opacity: 0.7;
    }

/*    tbody > tr >.DataFieldHeaderStyle:nth-child(2n+1){
        border-left: solid 1px var(--kscolor1) !important;
    }

tbody > tr > .DataFieldHeaderStyle:first-child {
    border-left: none !important;
}*/


.ksPozProces td {
    padding: 10px;
}

.RadPanelBar_Metro .rpRootLink.rpSelected {
    border-bottom-color: var(--kscolor1) !important;
    border-bottom-width: 2px;
}

.RadPanelBar .rpRootLink {
    box-shadow: none !important;
}

.rfdTable td {
    border: none !important;
}

.rgMasterTable tr.rgRow > td.ksMES,
.rgMasterTable tr.rgAltRow > td.ksMES {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.loader {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    perspective: 800px;
    opacity: 1;
}

.raDiv .loader {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
}

.loaderTopLeft > div.raTopLeft {
    top: 5px;
    left: 5px;
}
    .loaderTopLeft > div.raTopLeft > div {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        perspective: 800px;
        opacity: 1;
    }

.inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

    .inner.one {
        left: 0%;
        top: 0%;
        animation: rotate-one 1s linear infinite;
        border-bottom: 3px solid var(--kscolor1);
    }

    .inner.two {
        right: 0%;
        top: 0%;
        animation: rotate-two 1s linear infinite;
        border-right: 3px solid var(--kscolor1);
    }

    .inner.three {
        right: 0%;
        bottom: 0%;
        animation: rotate-three 1s linear infinite;
        border-top: 3px solid var(--kscolor1);
    }

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

.RadPicker .riTextBox {
    padding: 0 0 0 4px !important;
}

.RadButton .rbPrimaryIcon {
    margin: 0 !important;
}

.RadButton span:nth-child(2) {
    margin-left: 5px;
}

.ksstin {
    box-shadow: var(--stin);
}

.ks-full-toggle .fi::before {
    font-size: 20px !important;
}

.NahratKartu {
    display: flex;
    flex-direction: column;
}

    .NahratKartu label, .NahratKartu img, .NahratKartu div, .NahratKartu span {
        /*width: fit-content;*/
        margin: auto;
    }

    .NahratKartu img {
        width: 200px;
    }

    .NahratKartu span {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .NahratKartu img {
        animation: tilt-shaking 2s infinite;
    }

    .NahratKartu .RadDropDownList span {
        font-size: 12px;
    }

    .NahratKartu .riTextBox {
        z-index: -1000;
        position: relative;
    }

@keyframes tilt-shaking {
    0% {
        transform: rotate(0deg);
    }

    5% {
        transform: rotate(5deg);
    }

    10% {
        transform: rotate(0eg);
    }

    15% {
        transform: rotate(-5deg);
    }

    20% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.revertShadow > table {
    border: 2px solid var(--kscolor1);
}

.RozpadHead {
    background: #E5E5E5;
    border: lightgray 1px solid !important;
    width: fit-content;
    padding: 10px !important;
}

.fancyDropdown {
    font-size: 14px !important;
    height: auto;
    padding: 5px;
    padding-left: 10px;
    min-width: unset;
}

.RadGrid td.rgBatchCurrent.oznBorder {
    padding: 0 !important;
    padding-right: 5px !important;
}

.RadPanelBar_Metro .rpRootLink.rpSelected .rpExpandHandle.rpHovered {
    border: none !important;
}

.rcCalPopupOpen .rcCalPopup,
.rcMYPopupOpen .rcCalPopup,
.rcTimePopupOpen .rcTimePopup {
    border-color: var(--kscolor1) !important;
    color: var(--kscolor1text) !important;
    background-color: var(--kscolor1) !important;
}
/*MiKo označuje ikonu v RadCheckBox*/
.rbToggleCheckboxChecked, .rbToggleCheckboxFilled, .rbToggleRadioChecked {
    color: color-mix(in xyz, var(--kscolor1), darkgrey) !important;
    filter: saturate(1.5);
}

.rgFooter td{
    border-bottom: 2px solid var(--kscolor1) !important;
}

.ui-dialog{
    z-index: 4001 !important;
}

/* PMEJ 20.10.2025 - Specifické pravidlo pro sessionTimeout-dialog */
.ui-dialog:has(#sessionTimeout-dialog) {
    z-index: 50000 !important;
}

.ksprvek .nadpis1 {
    font-size: 16px;
    color: var(--kscolor1);
}

.RadButton.rbDisabled .fi{
    cursor: default;
}