html {
    font-size: 13px;
}

body {
    position: relative;
}

    a, body,
    body #content-container,
    .bg-gray, .bg-gray a,
    .bg-light, .bg-light a,
    .bg-gray-light, .bg-gray-light a,
    .panel-footer,
    .page-header,
    .dropdown-menu > li > a {
        color: #515151;
    }

.bg-danger .fa-inverse, bg-warning .fa-inverse, success .fa-inverse, bg-primary .fa-inverse {
    color: black;
}



.fa-spin {
    display: inline-block !important;
}

body, #content-container, #navbar {
    background-color: #ecf0f5;
}

.dropdown-menu {
    overflow-y: auto;
    white-space: nowrap;
    min-width: 80px;
    z-index: 4001; /*over the sidebar*/
}

.navbar-top-links {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

    .navbar-top-links > li {
        /* float: left; */
        float: none;
        display: inline-block;
    }

    .navbar-top-links * {
        vertical-align: middle;
    }

.site-header-title {
    padding-left: 15px;
}

    .site-header-title > i {
        font-size: 24px;
        margin-right: 5px;
    }

.page-header {
    padding: 0;
    font-size: 24px;
    display: inline;
}

    .page-header .input-group-btn {
        width: auto;
    }

.brand-icon {
    width: 35px;
    height: 35px;
    margin: 12px;
}

@media (min-width: 768px) {
    #container.mainnav-sm .brand-icon {
        width: 35px;
        height: 35px;
    }
}

.site-header-controls {
    /*height: 59px;
    line-height: 59px;*/
    padding: 7px 18px;
    line-height: 40px;
    white-space: nowrap;
}

    .site-header-controls .form-inline {
        line-height: 31px;
    }

    .site-header-controls .toggle {
        position: absolute;
        top: 12px;
        right: 10px;
        padding: 10px;
        font-size: 17px;
        cursor: pointer;
        display: none;
    }

.site-header-controls, .navbar-content, #mainnav, .navbar-header:before {
    background-color: #ecf0f5;
}

    .site-header-controls .btn-default {
        background-color: white !important;
    }

.navbar-top-links .tgl-menu-btn {
    position: relative;
}

.navbar-content {
    text-align: left;
    display: flex;
    align-items: center;
}


@media(max-width:991px) {
    .site-header-controls.expandable .toggle {
        display: block;
        z-index: 1;
    }

    .site-header-controls.expandable:not(.expanded) > div {
        display: none;
    }

    .site-header-controls.expanded > div {
        position: absolute;
        right: 5px;
        top: 10px;
        background-color: white;
        border-radius: 16px;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        padding: 35px 10px 10px 10px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}

/*MAINNAV MENU******************************************************************************/

.mainnav-widget {
    border-radius: 16px;
    margin: 0 5px 5px 5px !important;
}

.mainnav-profile .mainnav-widget-content > a {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .mainnav-profile .mainnav-widget-content > a > span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#mainnav .mainnav-profile .mainnav-widget-content .list-group {
    background-color: transparent;
}

#mainnav .mainnav-profile .mainnav-widget-content .list-group-item {
    padding: 10px 20px;
    border: none;
}


#mainnav .list-divider {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    margin: 10px 0 10px;
}

    #mainnav .list-divider + .list-divider {
        display: none;
    }

#mainnav-menu i {
    font-size: 16px;
}

@media(max-width:767px) {
    #mainnav-container {
        width: 260px;
        left: -260px;
    }

    #mainnav {
        margin-top: 10px;
        padding-top: 5px;
        height: calc(100vh - 20px) !important;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
    }
}
/*BREADCRUMB******************************************************************************/
.breadcrumb {
    padding: 10px 30px 0 30px;
}

#container.mainnav-fixed #mainnav {
    height: 100%;
}

#page-content {
    padding: 10px 20px 0px 20px;
}

@media(max-width:767px) {
    #page-content {
        padding: 10px 5px 0px 5px;
    }
}

/*GRIDSYSTEM*****************************************************************************/
[class^="col-"]:not(.pad-no) {
    padding-left: 15px;
    padding-right: 15px;
}

/*img*/
.img-xs {
    min-width: 32px;
    min-height: 32px
}

.img-md {
    min-width: 64px;
    min-height: 64px
}

.img-sm {
    min-width: 48px;
    min-height: 48px
}

.img-lg {
    min-width: 96px;
    min-height: 96px
}

/*PANEL*/
.panel {
    display: flex;
    flex-direction: column;
}


.panel-heading {
    height: initial;
    /*line-height: 40px;*/
    display: flex;
    align-items: center;
}

.panel-body {
    padding: 15px;
    flex-grow: 1;
}

.panel > .scrollable {
    flex-grow: 1;
    position: relative;
}

    .panel > .scrollable > .scrollable-content {
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        height: 100%;
        overflow-y: auto;
        padding: 15px;
    }

.panel-control .btn.btn-rounded {
    padding: 6px 12px;
}

.panel-title {
    flex-grow: 1;
    padding-right: 0;
}

    .panel-title > i {
        font-size: 16px;
    }

.panel-control {
    order: 1;
    text-align: right;
    white-space: nowrap;
}

    .panel-control > * {
        vertical-align: middle;
    }

    .panel-control label {
        margin-bottom: 0;
    }

    .panel-control input[type=checkbox] {
        margin-top: 0;
    }



.panel-section {
    margin: 0px -15px -15px -15px;
    padding: 15px;
}

textarea.form-control {
    padding: 0 10px;
    max-width: 100%;
}



.form-control-disabled-transparent.form-control[disabled] {
    background-color: transparent;
    border: transparent;
    color: inherit;
}

.form-control {
    color: black;
}

.text-danger input.form-control {
    color: #f22314;
}

.field-validation-error {
    display: block;
}


/*PANEL GROUP, ACCORDION*/
.panel-group .panel {
    margin-bottom: 5px;
    border-radius: 0 !important;
}

.panel-group.accordion .panel-heading {
    border-radius: 0 !important;
}

.panel-group.accordion .panel-title {
    padding: 0 20px 0 20px;
}

.panel-group.accordion > .panel:first-child,
.panel-group.accordion > li:first-child .panel,
.panel-group.accordion > div:first-child .panel {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

    .panel-group.accordion > .panel:first-child .panel-heading,
    .panel-group.accordion > .panel:first-child > :first-child,
    .panel-group.accordion > div:first-child .panel .panel-heading,
    .panel-group.accordion > div:first-child .panel > :first-child,
    .panel-group.accordion > li:first-child .panel .panel-heading,
    .panel-group.accordion > li:first-child .panel > :first-child {
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
    }

.panel-group.accordion > .panel:last-child,
.panel-group.accordion > div:last-child .panel,
.panel-group.accordion > li:last-child .panel {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}


.panel-group-sm {
    margin-bottom: 0px;
}

    .panel-group-sm .panel .panel-title {
        line-height: 35px;
    }

.panel-group.panel-group-seamless .panel-group .panel {
    margin-bottom: 0;
}

.panel-group.panel-group-seamless .panel + .panel {
    margin-top: -1px;
}

/*accordion*/
.panel-group.accordion .panel:last-child {
    overflow: visible;
}

.panel-group > div + div,
.panel-group > li + li {
    margin-top: 5px;
}


/*TABS*/
/*.tab-base .nav-tabs > li:not(.active) > a {
    margin-top: -1px;
    margin-bottom: 1px;
}*/

.tab-base.only-navbar {
    border-bottom: 1px solid rgba(0,0,0,0.07) !important;
}

.nav-tabs li a[disabled] {
    cursor: not-allowed;
}


.tab-stacked-left .nav-tabs {
    white-space: nowrap;
    width: auto;
}

.tab-stacked-left {
    display: flex;
}

    .tab-stacked-left .tab-content, .tab-stacked-right .tab-content {
        overflow: visible;
        flex-grow: 1;
    }

.panel-control .nav li {
    display: inline-block;
    float: none;
    margin-right: 0;
}

    .panel-control .nav li a {
        padding: 0 8px;
    }

.panel-control .nav-tabs {
    min-height: 40px;
    height: unset;
    margin-right: -10px;
}

    .panel-control .nav-tabs > li:not(.active) a {
        color: inherit;
        border-bottom: 1px !important;
    }


.panel-gray .panel-heading {
    background-color: #e9eeef;
    border-color: #e9eeef;
    color: #4d627b;
}


.panel-gray.panel-bordered, .panel-bordered-gray {
    border: 1px solid #dae0e1;
}

/*lists*/
.ul {
    padding-left: 40px;
}

.li {
    list-style-type: disc;
    display: list-item;
}

ol.pretty {
    padding-left: 25px;
    list-style: none;
    counter-reset: ol-pretty-counter;
}

    ol.pretty li {
        position: relative;
        counter-increment: ol-pretty-counter;
        margin-bottom: 20px;
    }

        ol.pretty li::before {
            content: counter(ol-pretty-counter);
            position: absolute;
            left: -25px;
            background-color: #d7d7d7;
            display: inline-block;
            width: 20px;
            height: 20px;
            border-radius: 10px;
            text-align: center;
            line-height: 20px;
        }
/*GRIDSYSTEM*/
.row.eq-height {
    margin: 0;
}
/*STATIC MODAL*/
.modal-body > .close, .modal-header > .close {
    right: 20px;
}

.modal-static .modal-backdrop.in {
    bottom: 0;
}

.modal-dialog {
    z-index: 10050;
    margin-top: 30px;
    max-width: 90%;
}



@media (min-width: 768px) {
    .modal-static .modal-dialog {
        margin: 0px auto;
    }
}

@media (min-width: 992px) {
    .modal-xl {
        width: 95vw;
    }

    .modal-xlg {
        width: 95%;
    }
}

@media (min-width: 1250px) {

    .modal-xlg {
        width: 1200px;
    }
}


/*obecne*/
/*.eq-height{
    width:auto;
}*/
.valign-middle-parent > * {
    vertical-align: middle;
}

.valign-middle {
    vertical-align: middle;
}

.valign-middle-chck > input[type="checkbox"] {
    vertical-align: middle;
    margin: 0;
}

.valign-top {
    vertical-align: top;
}

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

.display-block {
    display: block;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.color-inherit, a.color-inherit:hover, a.color-inherit:active, a.color-inherit:visited {
    color: inherit;
}
/*FORM*/
.form-header { /*legacy*/
    text-align: center;
    margin: 0;
    padding: 10px 0;
    background-color: #e9eeef;
    margin: 10px 0;
    border-radius: 16px;
}

.form-group {
    margin-bottom: 5px;
}

.form-control, .form-control .k-widget input {
    /*padding-top: 3px;
    padding-bottom: 3px;*/
    height: auto;
    min-height: 28px;
    line-height: initial;
    color: initial;
}

.input-group-sm .form-control, .input-group-sm .form-control .k-widget input {
    padding: 0 12px;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    border-radius: 16px;
}


.form-horizontal .control-label {
    padding-top: 4px;
}

.input-group-addon {
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 24px;
}

.input-group {
    display: flex !important;
}

    .input-group .form-control.k-input {
        display: inline-flex;
    }

    .form-inline .input-group, .input-group.has-number {
        display: inline-flex !important;
    }

.input-group-btn, .input-group-addon {
    min-width: unset;
    width: auto;
}

.input-group-btn {
    font-size: inherit;
}

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        margin-left: 0px;
    }


.input-group .form-control {
    float: none;
}


input[type=checkbox] { /*ma pri editaci*/
    margin-top: 4px;
    border-radius: 6px;
    vertical-align: middle;
    cursor: pointer;
}

    input[type=checkbox]:is(:disabled) {
        margin-top: 0;
    }

h1.page-header .input-group-btn .btn.fa,
h1.page-header .input-group-btn .btn.fas {
    /*v terminalech search*/
    padding-top: 6px;
    padding-bottom: 6px;
}
/*
.input-group-addon {
    min-width: 20px;
}*/

.input-daterange {
    width: auto;
}

input[type=checkbox] {
    margin-right: 5px;
}
/*cursor*/
.cursor-pointer {
    cursor: pointer;
}

/*TEXT*/
.text-115x {
    font-size: 1.15em;
}

.text-12x {
    font-size: 1.2em;
}

.text-14x {
    font-size: 1.4em;
}

.text-3x { /*aby to prebijelo ostatni styly*/
    font-size: 3em;
}

.text-12px {
    font-size: 12px;
}

.text-linethrough {
    text-decoration: line-through;
}

.break-word {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.pre-wrap {
    white-space: pre-wrap;
}


/* kvuli razeni souboru */
.ui-sortable-helper {
    display: table;
}

.fake-tr {
    background-color: transparent !important;
    height: 20px;
}

.mar-all-no {
    margin: 0px;
}

.mar-all-xs {
    margin: 10px;
}

.mar-all-sm {
    margin: 10px;
}

.mar-top-sm {
    margin-top: 10px;
}

.mar-top-xs {
    margin-top: 5px;
}

.mar-rgt-xs {
    margin-right: 5px;
}

.mar-rgt-sm {
    margin-right: 10px;
}

.mar-lft-xs {
    margin-left: 5px;
}

.mar-btm-sm {
    margin-bottom: 10px;
}

.mar-btm-xs {
    margin-bottom: 5px;
}

.mar-btm-no {
    margin-bottom: 0px;
}

.pad-all-xs {
    padding: 5px;
}

.pad-all-sm {
    padding: 10px;
}

.pad-top-xs {
    padding-top: 5px;
}

.pad-bot-xs, .pad-btm-xs {
    padding-bottom: 5px;
}

.opacity-03 {
    opacity: 0.3;
}

.no-overflow {
    overflow: visible !important;
}

.position-relative {
    position: relative;
}

/*TEXTS*/
.text-white {
    color: white;
}

blockquote {
    font-size: unset;
}

/*INPUTS*/
input[type="number"] {
    text-align: right;
    min-width: 60px;
}

input.has-error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    background-color: #f5b8b6;
}

/*ALERT*/
.alert {
    border-radius: 8px !important;
}

    .alert:not(.text-center) {
        display: flex;
        align-items: center;
    }

    .alert .media-middle {
        flex-grow: 1;
    }

.alert-controls {
}

/*OPRAVY TLACITEK*/
.btn {
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 23px; /*spolecne i pro large*/
}

    .btn.btn-icon {
        padding: 6px;
        transform: scale(1);
    }

        .btn.btn-icon i {
            width: 1.5em;
        }

    .btn.btn-xs.btn-icon {
        padding: 1px;
    }

    .btn.btn-sm.btn-icon {
        padding: 5px;
    }

    .btn.btn-lg.btn-icon {
        padding: 9px;
        border-radius: 23px;
    }

    .btn.btn-icon {
    }



.btn-default, .btn-default:focus {
    background-color: #efefef !important;
}

    .btn-default, .btn-default:focus, .btn-hover-default:hover, .btn-hover-default:active, .btn-hover-default.active, .btn.btn-active-default:active, .btn.btn-active-default.active, .dropdown.open > .btn.btn-active-default, .btn-group.open .dropdown-toggle.btn.btn-active-default {
        color: #515151 !important;
    }

.btn:not(.btn-default):not(.btn-primary):not(.btn-info):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-mint):not(.btn-pink):not(.btn-purple):not(.btn-dark) {
    border: transparent;
}

.btn-primary, .btn-warning, .btn-danger, .btn-purple, .btn-success, .btn-dark {
    color: white !important;
}

/*.btn-xs {
    min-width: 24px;
}*/


.btn-labeled {
    font-weight: 400;
}

.btn-sm.btn-labeled:before, .btn-sm .btn-label {
    margin-left: -7px;
}

.btn-labeled.fa:before, .btn-labeled .fa:before,
.btn-labeled.fas:before, .btn-labeled .fas:before {
    font-family: "Font Awesome 6 Pro";
}

.btn:not(.btn-labeled).fa,
.btn:not(.btn-labeled).fas {
    padding: 6px;
}

    .btn:not(.btn-labeled).fa.btn-xs,
    .btn:not(.btn-labeled).fas.btn-xs {
        padding: 1px;
    }

/*colors*/
.bg-purple, .panel-purple .panel-heading, .panel-purple .panel-footer, .panel-purple.panel-colorful {
    background-color: #874f91;
}

/*table*/
#container .table-bordered, #container .table-bordered td, #container .table-bordered th {
    border-color: rgba(0,0,0,0.1);
}

th {
    text-align: center;
}

.tablecell-with-input {
    padding: 1px !important;
}

.tablecell-with-text {
    padding-top: 8px !important;
}

td.focused, tr.focused, tr.focused:hover, .panel-heading.focused {
    background-color: #8FE27A !important;
    color: black !important;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

td.vertical {
    writing-mode: vertical-rl;
    text-align: center;
    transform: rotate(180deg);
}

/*FA CUSTOM*/
.fa.pull-right {
    line-height: inherit;
}





/* autocomplete */
.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete {
    background-color: #fff;
    width: 300px;
    padding-left: 5px;
}

.ui-widget-content {
    border: 1px solid #aaa;
    color: #222;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
    z-index: 11000;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
}

.ui-autocomplete li {
    list-style-type: none;
}

.ui-autocomplete .ui-menu-item:hover {
    background-color: #aaa;
    cursor: pointer;
}

.form-control.k-autocomplete {
    width: 100%;
}





hr.hr-thin {
    margin: 5px 0 7px 0 !important
}




/*BADGE*/


.badge-primary {
    background-color: #25476a !important;
}

.badge-info {
    background-color: #03a9f4 !important;
}

.badge-success {
    background-color: #8bc34a !important;
}

.badge-warning {
    background-color: #ffb300 !important;
}

.badge-danger {
    background-color: #f44336 !important;
}

.badge-mint {
    background-color: #26a69a !important;
}

.badge-purple {
    background-color: #ab47bc !important;
}

.badge-pink {
    background-color: #f06292 !important;
}

.badge-dark {
    background-color: #3a444e !important;
}

/*LABEL*/
h1 .label {
    font-size: 50%;
    font-weight: normal;
}

/*POPover*/
.popover {
    max-width: unset;
    z-index: 10060; /*pres modal*/
    border-color: #e3e3e3;
}

[data-toggle=popover] .fa-stack {
    font-size: 8px;
}

.popover-content {
    display: none;
}

.popover .popover-content {
    display: block;
    overflow: auto;
}

.popover table {
    margin-bottom: 0 !important;
}


/*list groups*/
.list-group-item {
    overflow: hidden;
}

    .list-group-item > input[type=checkbox] {
        margin: 4px 15px 4px 10px;
        vertical-align: middle;
        cursor: pointer;
    }

        .list-group-item > input[type=checkbox] + label {
            margin-bottom: 0;
            cursor: pointer;
        }

.list-group-hover .list-group-item:hover {
    background-color: rgba(0,0,0,0.05);
}
/*KENDO*/
.k-input-solid {
    border-color: #ededed;
}

.k-input-md, .k-picker-md {
    font-size: 13px;
    min-height: 31px;
}

.k-dateinput input {
    text-align: center;
    text-indent: 0;
}

.k-datepicker, .k-datetimepicker, .k-numerictextbox {
    width: unset;
}

    .k-datepicker.k-header.form-control {
        width: 100%;
    }

.k-filter-row th, .k-grid-header th.k-header {
    white-space: normal !important;
}

.form-control.k-widget {
    padding: 0;
    max-width: 100%;
    background: transparent;
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    width: 2.5em;
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    padding-right: 2.5em;
}

.k-datetimepicker .k-select {
    width: 4.5em;
}

.k-datetimepicker .k-picker-wrap {
    padding-right: 4.5em
}
/*.form-control .k-picker-wrap:before {
    height: 26px;
}*/
.form-control .k-picker-wrap,
.form-control .k-numeric-wrap {
    border-color: #ededed;
    border-radius: 16px !important;
    overflow: hidden;
}

.input-group .form-control:not(:last-child) .k-numeric-wrap,
.input-group .form-control:not(:last-child) .k-numeric-wrap .k-input,
.input-group .input-group-btn:not(:last-child) .btn {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.input-group .form-control:not(:first-child) .k-numeric-wrap,
.input-group .form-control:not(:first-child) .k-numeric-wrap .k-input,
.input-group .input-group-addon + .k-input input,
.input-group .input-group-btn:not(:first-child) .btn {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.form-control .k-picker-wrap .k-input,
.form-control .k-numeric-wrap .k-input {
    height: 31px;
    padding: 0;
}

.form-control .k-numeric-wrap .k-input {
    padding-right: 5px;
}

.form-control .k-numeric-wrap .k-select .k-link {
    height: 50%;
}

/*multiselect*/
.k-multiselect {
    min-width: 100px;
}

    .k-multiselect .k-chip {
        border-radius: 12px;
    }
    /*.k-multiselect-wrap {
    border-radius: 3px;
    border-color: #ededed;
    padding: 1px;
}

.k-multiselect ul {
    display: inline;
}*/
    .k-multiselect input {
        min-height: 0 !important;
    }

/*colorpicker*/
.k-widget.k-colorpicker {
    background-color: transparent;
}

.k-colorpicker .k-picker-wrap {
    line-height: unset !important;
}

.k-autocomplete, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    border-radius: 3px;
    overflow: hidden;
}


/*chart*/
.k-chart-tooltip {
    border-radius: 16px !important;
}

/*treeview*/
.k-treeview li div {
    display: flex;
}

.k-treeview li a {
    flex-grow: 1;
}

.k-treeview a.k-state-selected, .k-treeview a.k-state-focused, .k-treeview a.k-state-hover {
    border-radius: 10px;
    box-shadow: none;
}

/*POPUP*/
.k-popup {
    border-radius: 16px;
}

    .k-popup .dropdown-menu {
        box-shadow: none;
    }

        .k-popup .dropdown-menu .btn {
            text-align: left;
            z-index:2;
        }

        .k-popup .dropdown-menu.has-icon .btn:not(.btn-labeled) {
            padding-left: 42px;
        }

        .k-popup .dropdown-menu .group-name{
            position:relative;
            overflow:hidden;
        }

        .k-popup .dropdown-menu .group-name span {
            font-size: 13px;
            color: #515151;
            font-weight: bold;
            background-color:white;
            padding:5px 5px 5px 0;
            position:relative;
        }

            .k-popup .dropdown-menu .group-name:before {
                content: "";
                position: absolute;
                left:10px;
                top: 50%;
                height: 1px;
                right: 10px;
                background-color: #dbdbdb;
            }

    .k-popup .k-separator {
        margin: 5px 10px;
        padding:0;
    }
/* list gorou s checboxy */
.list-group-checkboxes .list-group-item::before {
    display: inline-block;
    font: normal normal normal 14px/1 "Font Awesome 6 Pro";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f096";
    margin-right: 1em;
}

.list-group-checkboxes .list-group-item.active::before {
    content: "\f046";
}

/*flexbox*/
.flexbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

    .flex-row.eq {
        gap: 10px;
        align-items: stretch;
    }

        .flex-row.eq > * {
            flex-grow: 1;
            flex-basis: 0;
        }

.flex-grow {
    flex-grow: 1;
}

.flex-row > * {
    margin-bottom: 0;
}

.flex-row.eq.divided {
    gap: 0;
}

    .flex-row.eq.divided > * {
        /* margin: 20px 0;*/
        /*padding: 0 5px;*/
        position: relative;
    }

        .flex-row.eq.divided > *:not(:last-child) {
            /*border-right: 1px solid;*/
            margin-right: 5px;
        }

            .flex-row.eq.divided > *:not(:last-child):after {
                content: "";
                position: absolute;
                right: -3px;
                top: 65px;
                bottom: 20px;
                width: 1px;
            }

            .flex-row.eq.divided > *:not(:last-child) .panel-heading {
                border-top-right-radius: 0;
            }

        .flex-row.eq.divided > *:not(:first-child) .panel-heading {
            border-top-left-radius: 0;
        }

.panel-bordered-mint .flex-row.eq.divided > *:not(:last-child):after {
    background-color: #26a69a;
}

.panel-bordered-purple .flex-row.eq.divided > *:not(:last-child):after {
    background-color: #874f91;
}



@media(max-width:991px) {
    .flex-row.md {
        flex-direction: column;
    }
}


.break-word {
    word-wrap: break-word;
}







/**BASE V2*/
/*theme**************************************************/


.mainnav-toggle {
    color: inherit !important;
}

.navbar-top-links > li > a:hover {
    background-color: transparent !important;
}

#container.mainnav-lg .navbar-brand {
    width: 180px;
}

@media(min-width:768px) {
    .navbar-content {
        margin-left: 180px;
    }
}



.breadcrumb {
    padding-top: 0;
}

#mainnav-menu a {
    padding: 8px 18px;
    color: #2f4760;
}

#mainnav-menu > .active-link > a, #mainnav-menu > .active-link > a:hover {
    border-radius: 16px;
}

#mainnav-menu .active-link a, #mainnav-menu .active-ul:not(.active) a {
    border-radius: 16px;
    color: white !important;
}

#mainnav-menu .active-ul, #mainnav-menu .active {
    border-radius: 16px;
}

#mainnav-menu ul a {
    margin-left: 2px;
    margin-right: 2px;
}

#mainnav-menu .active {
    background-color: rgba(0,0,0,0.05) !important;
}

#mainnav-menu .pull-right i {
    padding: 0;
}

#footer {
    background-color: transparent !important;
    border-top: none;
}







/*THEME SPECIFICS*****************************************/
.theme-navy #mainnav-menu .active-link a, .theme-navy #mainnav-menu .active-ul:not(.active) > a {
    background-color: #25476a;
}

.theme-coffee #mainnav-menu .active-link a, .theme-coffee #mainnav-menu .active-ul:not(.active) > a {
    background-color: #795548;
}

/*shadows*/
.panel, .tab-content {
    /*filter: drop-shadow(0 0 10px rgba(0,0,0,0.1));*/
    box-shadow: 0 0 10px rgba(0,0,0,0.1) !important;
}

    .panel .panel, .panel .tab-content, .tab-content .panel, .modal-body .panel {
        box-shadow: none !important;
    }

.tab-base .nav-tabs > li.active > a {
    box-shadow: 0 -3px 4px rgba(0,0,0,0.1) !important
}
/*RADIUS************************************************************/

.btn-labeled .btn-label, .btn-labeled:before {
    margin-left: -8px;
}

.panel {
    border-radius: 8px;
}

    .panel .panel-heading, .panel > :first-child {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .panel .panel-footer, .panel > :last-child {
        border-bottom-left-radius: 7px !important;
        border-bottom-right-radius: 7px !important;
    }

        .panel .panel-footer, .panel > :last-child tfoot tr:last-child td:first-child {
            border-bottom-left-radius: 7px !important;
        }

        .panel .panel-footer, .panel > :last-child tfoot tr:last-child td:last-child {
            border-bottom-right-radius: 7px !important;
        }



.dropdown-menu {
    border-radius: 16px;
}

    .dropdown-menu > li a {
        border-radius: 16px;
    }

.form-control, .k-colorpicker {
    border-radius: 16px;
}

    .input-group-btn:last-child, .form-control:last-child, .input-group-addon:last-child {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .input-group-btn:first-child, .form-control:first-child, .input-group-addon:first-child {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
    }

.modal-content {
    border-radius: 16px;
}

.nav-tabs li a {
    border-radius: 8px 8px 0 0;
}

.tab-base .tab-content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}




td .form-control,
td .form-control .k-picker-wrap,
td .form-control .k-numeric-wrap {
    border-radius: 0 !important;
}


/*CLS*/
.cls-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*ERR PAGES*/
.cls-content {
    padding: 15px;
}

    .cls-content .error-code {
        margin: 0;
    }



/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/

@media (min-width: 1200px) and (max-width: 1999px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
    display: none !important;
}



@media (min-width: 2000px) {
    .container {
        width: 1970px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}

/*CUSTOM COLORS*/

.btn-info-light {
    background-color: #5dcdff !important;
    border: 1px solid #58bde9 !important;
    color: white;
}

.btn-warning-light {
    background-color: #e1bf90 !important;
    border: 1px solid #ddb986 !important;
    color: white;
}

.btn-success-light {
    background-color: #c1e19b !important;
    border-color: #bfd5a5 !important;
    color: #fff;
}

.btn-danger-light {
    background-color: #ff3e3e !important;
    border-color: #d5aeab !important;
    color: #fff;
}


.bg-purple, .panel-purple .panel-heading, .panel-purple .panel-footer, .panel-purple.panel-colorful {
    background-color: #874f91;
}

.bg-beige {
    background-color: #f5f5dc !important;
}

.bg-danger-light {
    background-color: #f5b8b6 !important;
}

.bg-warning-light {
    background-color: #f5e1b6 !important;
}

.bg-success-light {
    background-color: #c1d38c !important;
}


/*SIDEBAR*/
body #container, body.sidebar #navbar {
    width: 100%;
    transition: 300ms width cubic-bezier(0, 0.86, 0.58, 1);
}

#sidebar {
    width: 840px;
    position: fixed;
    top: 0px;
    transition: 300ms all cubic-bezier(0, 0.86, 0.58, 1);
    right: -840px;
}

.sidebar-header {
    overflow: hidden;
    padding-right: 20px;
    display: flex;
}

    .sidebar-header .site-header-controls {
        padding: 9px 5px;
    }

.sidebar-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 59px);
    padding: 20px;
}

body.sidebar #container, body.sidebar #navbar {
    width: calc(100% - 850px);
}

body.sidebar #sidebar {
    right: 0;
}

@media(max-width:1400px) {
    .link-to-sidebar {
        display: none !important;
    }
}

/*clickable*/
.clickable {
    cursor: pointer;
    transition: all,0.3s;
    position: relative;
}

    .clickable:hover {
        box-shadow: 0 3px 15px rgba(0,0,0,0.25);
        z-index: 1;
    }

/*section header*/
.section-header {
    text-align: center;
    height: 35px;
    padding: 0 10px;
    background-color: #e9eeef;
    margin: 10px 0;
    border-radius: 16px;
    display: flex;
    align-items: center;
}

    .section-header > span:first-child {
        flex-grow: 1;
        text-align: center;
    }


/*kosta-radio*/
.kosta-radio {
    position: relative;
}

    .kosta-radio input[type="radio"] {
        position: absolute;
        top: 17px;
        left: 10px;
    }

    .kosta-radio label {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 15px;
    }

    .kosta-radio input[type="radio"]:checked + label {
        background-color: #8FE27A;
    }

    .kosta-radio + .kosta-radio {
        margin-top: 5px;
    }