/* Minification failed. Returning unminified contents.
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(477,17): run-time error CSS1039: Token not allowed after unary operator: '-hlavni-barva'
(747,14): run-time error CSS1030: Expected identifier, found '.'
(747,28): run-time error CSS1031: Expected selector, found ')'
(747,28): run-time error CSS1025: Expected comma or open brace, found ')'
(1190,25): run-time error CSS1030: Expected identifier, found '.'
(1190,64): run-time error CSS1031: Expected selector, found ')'
(1190,64): run-time error CSS1025: Expected comma or open brace, found ')'
(1431,17): run-time error CSS1039: Token not allowed after unary operator: '-hlavni-barva'
(1625,83): run-time error CSS1030: Expected identifier, found '.'
(1625,96): run-time error CSS1031: Expected selector, found ')'
(1625,96): run-time error CSS1025: Expected comma or open brace, found ')'
(1642,83): run-time error CSS1030: Expected identifier, found '.'
(1642,127): run-time error CSS1031: Expected selector, found ')'
(1642,127): run-time error CSS1025: Expected comma or open brace, found ')'
(1666,83): run-time error CSS1030: Expected identifier, found '.'
(1666,127): run-time error CSS1031: Expected selector, found ')'
(1666,127): run-time error CSS1025: Expected comma or open brace, found ')'
(1696,87): run-time error CSS1030: Expected identifier, found '.'
(1696,98): run-time error CSS1031: Expected selector, found ')'
(1696,98): run-time error CSS1025: Expected comma or open brace, found ')'
(1714,81): run-time error CSS1030: Expected identifier, found '.'
(1714,127): run-time error CSS1031: Expected selector, found ')'
(1714,127): run-time error CSS1025: Expected comma or open brace, found ')'
(1719,81): run-time error CSS1030: Expected identifier, found '.'
(1719,127): run-time error CSS1031: Expected selector, found ')'
(1719,127): run-time error CSS1025: Expected comma or open brace, found ')'
(1747,69): run-time error CSS1030: Expected identifier, found '.'
(1747,80): run-time error CSS1031: Expected selector, found ')'
(1747,80): run-time error CSS1025: Expected comma or open brace, found ')'
(1752,69): run-time error CSS1030: Expected identifier, found '.'
(1752,84): run-time error CSS1031: Expected selector, found ')'
(1752,84): run-time error CSS1025: Expected comma or open brace, found ')'
(1992,31): run-time error CSS1030: Expected identifier, found '.'
(1992,42): run-time error CSS1031: Expected selector, found ')'
(1992,42): run-time error CSS1025: Expected comma or open brace, found ')'
(2478,17): run-time error CSS1030: Expected identifier, found '.'
(2478,40): run-time error CSS1031: Expected selector, found ')'
(2478,40): run-time error CSS1025: Expected comma or open brace, found ')'
(2795,16): run-time error CSS1030: Expected identifier, found '['
(2795,21): run-time error CSS1031: Expected selector, found '='
(2795,21): run-time error CSS1025: Expected comma or open brace, found '='
(2872,11): run-time error CSS1030: Expected identifier, found '['
(2872,16): run-time error CSS1031: Expected selector, found '='
(2872,16): run-time error CSS1025: Expected comma or open brace, found '='
(2951,26): run-time error CSS1030: Expected identifier, found ':'
(2951,32): run-time error CSS1031: Expected selector, found ')'
(2951,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2963,26): run-time error CSS1030: Expected identifier, found ':'
(2963,32): run-time error CSS1031: Expected selector, found ')'
(2963,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2975,26): run-time error CSS1030: Expected identifier, found '.'
(2975,49): run-time error CSS1031: Expected selector, found ')'
(2975,49): run-time error CSS1025: Expected comma or open brace, found ')'
(3061,34): run-time error CSS1030: Expected identifier, found '.'
(3061,52): run-time error CSS1031: Expected selector, found ')'
(3061,52): run-time error CSS1025: Expected comma or open brace, found ')'
(3159,31): run-time error CSS1030: Expected identifier, found '['
(3159,36): run-time error CSS1031: Expected selector, found '='
(3159,36): run-time error CSS1025: Expected comma or open brace, found '='
(3189,22): run-time error CSS1030: Expected identifier, found '.'
(3189,48): run-time error CSS1031: Expected selector, found ')'
(3189,48): run-time error CSS1025: Expected comma or open brace, found ')'
(3199,37): run-time error CSS1030: Expected identifier, found ':'
(3199,46): run-time error CSS1031: Expected selector, found ')'
(3199,46): run-time error CSS1025: Expected comma or open brace, found ')'
(3203,37): run-time error CSS1030: Expected identifier, found ':'
(3203,47): run-time error CSS1031: Expected selector, found ')'
(3203,47): run-time error CSS1025: Expected comma or open brace, found ')'
(3241,55): run-time error CSS1030: Expected identifier, found '.'
(3241,73): run-time error CSS1031: Expected selector, found ')'
(3241,73): run-time error CSS1025: Expected comma or open brace, found ')'
(3261,39): run-time error CSS1030: Expected identifier, found ':'
(3261,49): run-time error CSS1031: Expected selector, found ')'
(3261,49): run-time error CSS1025: Expected comma or open brace, found ')'
(3265,39): run-time error CSS1030: Expected identifier, found ':'
(3265,48): run-time error CSS1031: Expected selector, found ')'
(3265,48): run-time error CSS1025: Expected comma or open brace, found ')'
(3276,22): run-time error CSS1030: Expected identifier, found '.'
(3276,65): run-time error CSS1031: Expected selector, found ')'
(3276,65): run-time error CSS1025: Expected comma or open brace, found ')'
(3299,22): run-time error CSS1030: Expected identifier, found '.'
(3299,48): run-time error CSS1031: Expected selector, found ')'
(3299,48): run-time error CSS1025: Expected comma or open brace, found ')'
(3338,39): run-time error CSS1030: Expected identifier, found ':'
(3338,49): run-time error CSS1031: Expected selector, found ')'
(3338,49): run-time error CSS1025: Expected comma or open brace, found ')'
(3351,41): run-time error CSS1030: Expected identifier, found ':'
(3351,50): run-time error CSS1031: Expected selector, found ')'
(3351,50): run-time error CSS1025: Expected comma or open brace, found ')'
(3356,34): run-time error CSS1030: Expected identifier, found '.'
(3356,52): run-time error CSS1031: Expected selector, found ')'
(3356,52): run-time error CSS1025: Expected comma or open brace, found ')'
(3389,22): run-time error CSS1030: Expected identifier, found '.'
(3389,45): run-time error CSS1031: Expected selector, found ')'
(3389,45): run-time error CSS1025: Expected comma or open brace, found ')'
(3395,22): run-time error CSS1030: Expected identifier, found '.'
(3395,63): run-time error CSS1031: Expected selector, found ')'
(3395,63): run-time error CSS1025: Expected comma or open brace, found ')'
(3400,22): run-time error CSS1030: Expected identifier, found '.'
(3400,36): run-time error CSS1031: Expected selector, found ')'
(3400,36): run-time error CSS1025: Expected comma or open brace, found ')'
(4166,51): run-time error CSS1039: Token not allowed after unary operator: '-hlavni-barva'
(4184,17): run-time error CSS1039: Token not allowed after unary operator: '-hlavni-barva'
(4618,26): run-time error CSS1030: Expected identifier, found '.'
(4618,49): run-time error CSS1031: Expected selector, found ')'
(4618,49): run-time error CSS1025: Expected comma or open brace, found ')'
(4726,22): run-time error CSS1030: Expected identifier, found '.'
(4726,45): run-time error CSS1031: Expected selector, found ')'
(4726,45): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@import url(Fonts.css);

::-ms-reveal {
    display: none
}

:root {
    --hlavni-barva: #3C60E3; /*hlavní modrá barva*/
}

a {
    text-decoration:none;
}

html * {
    font-family: 'Inter';
    font-weight:400;
}

h1, h2, h3, h4, h5 {
    font-family: 'Avantt TRIAL';
    font-weight: 700;
}

body {
    margin: 0px;
    background-color: #EFF4FD;
}

.overflow-hidden {
    overflow: hidden;
}

.no-layout-body {
    background-color: #f5f5f5;
}

.background-white{
    background:#fff !important;
}

p {
    margin: 0px;
}

.hidden{
    display:none !important;
}

.bold-600{
    font-weight:600;
}

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

.highlight-text {
    color: #061950;
    font-weight: bold;
}

.non-highlight-text {
    color: #061950;
}

.font-size14px {
    font-size: 14px !important;
}

@media (max-width:480px){
    .hide-mobile{
        display:none;
    }
}

@media (max-width:768px) {
    .hide-tablet {
        display: none;
    }
}

.border {
    border: 1px solid #B9D2F9;
}

.border-radius8px{
    border-radius:8px !important;
}

.border-radius16px {
    border-radius: 16px !important;
}

.border-radius8px-bottom {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.border-radius20px {
    border-radius: 20px !important;
}

.border-radius20px-bottom {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

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

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

.background-transparent {
    background-color: transparent;
}

.color-white {
    color: white;
}

.title {
    color: #001E41;
    font-size: 20px;
    line-height: 130%;
}

.title-main {
    color: #005495;
    font-size: 30px;
    line-height: 130%;
    margin-top: 30px;
    margin-bottom: 15px;
}

@media(max-width:480px){
    .title-main {
        margin-bottom: 10px;
        margin-top: 16px;
        font-size: 24px;
    }
}

.small-icon {
    width: 20px;
    height: 20px;
}

.small-flag-icon {
    width: 23px;
    height: 20px;
}

.small-18-icon {
    width: 18px;
    height: 18px;
}

#menu-toggle {
    display:none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

#menu-toggle-xmark {
    display: none;
}

@media (max-width:1200px) {
    #menu-toggle {
        display: block;
    }
}

.hamburger-menu {
    position: absolute;
    display: none;
    color: white;
    padding-top:57px !important;
    top:10px;
}

.hm-visible {
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows:max-content;
    overflow-y:auto;
}

.ham-menu-content {
    width: 100%;
}

.ham-menu {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
}

.ham-menu ul {
    padding: 0;
    margin: 0;
}

.ham-menu ul li {
    list-style: none;
}

.ham-menu-nav {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 100%;
    vertical-align: middle;
    align-items: center;
    background: #45EB9B;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 4px;
    cursor: pointer;
    color: #062C19;
}

.ham-menu-nav > h3 {
    margin: 0;
    color:#062C19;
    font-weight: 600;
    font-size: 14px;
    line-height: 180%;
}

.hamburger-info {
    padding: 0;
    font-size: 12px;
    line-height: 180%;
    margin-left: -16px;
    margin-right: -16px;
    display: block;
    align-self: end;
}

.hamburger-info > li {
    list-style:none;
    padding: 4px 16px 4px 16px;
    width:100%;
    display:flex;
}

.hamburger-info > li > span{
    display:block;
    width:100%;
    color: #B9D2F9;
}

.hamburger-info > li > span:nth-of-type(2) {
    text-align: right;
    color: #FFFFFF !important;
}

@media(min-width:1079px) {
    .hamburger-info{
        display:none;
    }
}

@media(max-width:600px){
    .people {
        display: none !important;
    }
}

@media(max-width:1079px){
     .contact {
        display: none !important;
    }

    .nav-top{
            height:50px;
            min-height:50px;
    }
}

@media (max-width: 1200px) {
    
    .contact{
        display:none !important;
    }

    .hamburger-menu {
        width: 50%;
        height: 100%;
        z-index: 500;
        background-color: #005495;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-top: none;
        padding: 16px;
        gap: 16px;
        max-width: 400px;
    }
}

@media (max-width: 425px) {
    .hamburger-menu {
        width: 100%;
        height: 100%;
        z-index: 500;
        background-color: #005495;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-top: none;
        padding: 16px;
        gap: 16px;
    }
}

.ham-menu button {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
}

.hamburger-menu-label, .hamburger-menu-label > a {
    font-weight: 600;
    font-size: 14px;
    line-height: 180%;
}

.hamburger-menu-label > a{
    color: white;
}

#ham-arrow-back {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
}

.blur-mask {
    display: none;
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, 0.6);
    z-index: 499;
    width: 100%;
    height: 100%;
    position: absolute;
}

.icon-20px {
    width: 20px;
    height: 20px;
}

.icon-16px {
    width: 16px;
    height: 16px;
    min-width:16px;
    min-height:16px;
}

.icon-32px {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
}

.heroicons-eye {
    width: 20px;
    height: 20px;
    background-image: url(../Images/visibility.svg);
}

.heroicons-eye-slash {
    width: 20px;
    height: 20px;
    background-image: url(../Images/visibility-off.svg);
}

.k-icon {
    background-image: url('../Images/heroicon-chevron-down-mini.svg');
    height: 20px;
    width: 20px;
    background-position: 0px 0px !important;
}

@media (min-width:0){
    .k-icon {
        background-size: unset !important;
    }

    .k-i-arrow-s {
        background-image: url(../Images/heroicon-chevron-down-mini.svg) !important;
    }

    .k-i-calendar {
        background-image: url(../Images/calendar_month.svg) !important;
    }

    .k-i-seek-e {
        background-image: url(../Images/heroicon-chevron-right-custom-blue.svg) !important;
    }

    .k-i-seek-w {
        background-image: url('../Images/heroicon-chevron-left-custom-blue.svg') !important;
    }

    .k-i-arrow-w {
        background-image: url(../Images/heroicon-chevron-left-mini-blue.svg) !important;
    }

    .k-i-arrow-e {
        background-image: url(../Images/heroicon-chevron-right-mini-blue.svg) !important;
    }

    .k-filter {
        background-image: url('../Images/tune.svg') !important;
    }

    .k-i-close {
        background-image: url('../Images/heroicon-x-mark-mini.svg')!important;
    }
}

.k-i-close {
    background-image: url('../Images/heroicon-x-mark-mini.svg');
}

.k-i-arrow-s {
    background-image: url('../Images/heroicon-chevron-down-mini.svg');
}

.k-i-arrow-n {
    background-image: url('../Images/heroicon-chevron-up-mini.svg');
}

.k-i-calendar {
    background-image: url(../Images/calendar_month.svg);
    background-position: initial;
}

.k-i-seek-e {
    background-image: url('../Images/heroicon-chevron-right-custom-blue.svg');
    height: 23px;
}

.k-i-seek-w {
    background-image: url('../Images/heroicon-chevron-left-custom-blue.svg');
    height: 23px;
}

.k-filter {
    background-image: url('../Images/tune.svg');
    width: 20px;
    height: 20px;
    margin-bottom: 2px;
}

.heroicons-trash {
    color: #ef4444;
}

.blue-arrow {
    color: var(--hlavni-barva);
}

.red-arrow {
    color: #EF4444;
}

.green-arrow {
    color: #22C55E;
}

.rotate-plus-90 {
    transform: rotate(90deg);
}

.rotate-minus-90 {
    transform: rotate(-90deg);
}

.textAlignRight {
    text-align: right !important;
}

.textAlignLeft {
    text-align: left !important;
}

.textAlignCenter{
    text-align:center;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.margin-bottom16px {
    margin-bottom: 16px !important;
}

.margin-top16px {
    margin-top: 16px !important;
}

.margin-bottom10px{
    margin-bottom:10px;
}

.margin-top10px {
    margin-top: 10px;
}

.margin-bottom32px {
    margin-bottom: 32px;
}

.margin-top32px {
    margin-top: 32px;
}

.padding-16px{
    padding:16px !important;
}

.padding-bottom16px {
    padding-bottom: 16px !important;
}

.padding-bottom10px {
    padding-bottom: 10px !important;
}

.padding-top16px {
    padding-top: 16px !important;
}

.padding-top25px {
    padding-top: 25px !important;
}

.margin-auto{
    margin:auto;
}

.margin-left5px {
    margin-left: 5px;
}

.margin-right5px {
    margin-right: 5px;
}

.margin-top5px {
    margin-top: 5px;
}

.margin-left10px{
    margin-left:10px;
}

.margin-right10px {
    margin-right: 10px;
}

.margin-left-minus-5px {
    margin-left: -5px !important;
}

.padding-left5px {
    padding-left: 5px;
}

.padding-right5px {
    padding-right: 5px;
}

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

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

.padding-bottom15px {
    padding-bottom: 15px !important;
}

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

.padding-right25px {
    padding-right: 25px !important;
}

.padding-bottom25px {
    padding-bottom: 25px !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.block{
    display:block;
}

.flex-16gap{
    display:flex;
    gap:16px;
}

.flex-button-right {
    display:flex;
    justify-content:flex-end;
}

.flex-space-between{
    display:flex;
    justify-content:space-between;
}

.flex-align-items-baseline {
    display: flex;
    align-items: baseline;
}

.flex-align-items-start {
    display: flex;
    align-items: start;
}

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

.align-self-center{
    align-self:center !important;
}

@media(max-width:768px) {
    .flex-16gap {
        flex-wrap:wrap;
    }
}

@media(max-width:480px){
    .flex-16gap {
        flex-direction: column;
        gap: 5px;
    }

    .flex-button-right {
        flex-direction:column;
    }

}

.width-100proc{
    width:100%;
}

.no-padding {
    padding: 0 !important;
}

.padding5px{
    padding:5px;
}

.height-min {
    height: min-content;
}

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

.border-bottom-none{
    border-bottom:none !important;
}

.border-radius8px{
    border-radius:8px !important;
}

.hreq {
    display: none !important;
}

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

.container-width560px{
    width:560px;
}

.container-width768px {
    width: 768px !important;
}

.container-width1024px {
    width: 1024px !important;
}

.height-min-content{
    height:min-content !important;
}

/* Layout - begin */
.body-container {
    box-sizing: border-box;
    width: 100%;
    padding: 0px;
}

.content {
    padding: 0px 24px;
}

.content:has(.index-content) {
    padding: 0px 16px;
}

@media(max-width:480px){
    .content {
        padding: 0px 16px;
    }
}

/* Layout - end */

/* MenuPartial - begin*/

.nav-top {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 24px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    filter: drop-shadow(0px 2px 4px rgba(60, 96, 227, 0.05));
    background:#0077CC;
    min-height:57px;
    position:relative;
    z-index:999;
}

@media(max-width:480px) {
    .nav-top {
        padding:0 16px;
    }
}

.logo {
    width: 123px;
    height: 21px;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    display:contents;
}

.logo > a {
    text-decoration: none;
}

.nav-right {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 8px 0px;
    
    align-items: center;
    text-align: right;
}

.nav-right p {
    font-size: 12px;
    line-height: 8px;
}

.information-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 4px;
}

.contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 8px;
    min-width: fit-content;
}


.people {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    min-width: fit-content;
}

.icon-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0px;
    height: 100%;
    gap: 16px;
}

.nav-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 0px 0px 0px;
    gap: 16px;
}

.header-navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 4px;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .header-navbar {
        display: none;
    }
}

.header-navbar > a, .header-navbar > button {
    border-radius: 8px;
    padding: 8px 12px;

    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
    cursor:pointer;
}

.header-navbar > a:not(.selected):not(.menu-active):hover, .header-navbar > button:not(.selected):not(.menu-active):hover {
    background-color: #006ab7;
}

#nav-submenu-panel ul > li > a:not(.sub-menu-active):hover {
    color: #80aaca;
    text-decoration:underline;
}

.header-navbar > button{
    background-color:transparent;
    border:none;
}

.nav-submenu > li > a {
    color: #FFFFFF;
    font-size: 13px;
}

.header-navbar > a:hover, .header-navbar > button:hover,
.nav-submenu > li > a:hover,
.selected {
    color: white;
}

#nav-submenu-panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 0px 24px;
    filter: drop-shadow(0px 2px 4px rgba(60, 96, 227, 0.05));
    background: #005495;
    border-width: 1px 0px;
    border-color: rgba(255, 255, 255, 0.15);
}

@media (max-width: 1200px) {
    #nav-submenu-panel {
        display: none;
    }
}

#nav-submenu-panel > ul > li > a {
    display: inline-block;
    padding: 0px 0px 8px 0px;

    font-size: 14px;
    line-height: 16px;
}

.nav-submenu {
    list-style-type: none;
    display: flex;
    flex-flow: row wrap;
    margin: 0px;
    padding: 8px 8px 0 8px;
    align-items: center;
    column-gap: 16px;
}

.bottom-panel-border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.menu-active {
    background-color: #45EB9B;
    color: #062C19 !important;
    font-weight: 600;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.sub-menu-active{
    color: #FFFFFF !important;
    text-decoration:underline;
}

/* MenuPartial - end */

/* Index - begin */
.index-content {
    gap: 15px;
    margin-top: 15px;
    margin-bottom: 80px;
    display:grid;
    grid-template-columns:49.5% 49.5%;
}

@media (max-width: 850px) {
    .index-content {
        grid-template-columns:100%;
        margin-bottom: 40px;
    }
}

.index-content > div > div > h3 {
    margin: 10px;
}

.content {
    position: relative;
}

.warning-popup {
    background-color: #EEC239;
    display: none;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 30;

    border-radius: 4px;
    padding: 8px;
}
#OLBTrade-top-panel1 {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap: 8px;
}

.OLBTileContainer {

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 8px 12px;
    gap: 8px;

    background: #FFFFFF;

    border: 1px solid rgba(60, 96, 227, 0.15);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.add-tile-button {
    border-radius: 12px;
    border: 1px solid #D5E3FB;
    background: #D5E3FB;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
    padding: 8px 8px 12px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
    min-height:145px;
}

.add-tile-button .add_tile_text{
    color:  #001E41;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
    text-decoration:underline;
    text-align:center;
    text-underline-offset: 4px;
}

.add-tile-button:hover {
    border: 1px solid #B9D2F9;
}

.add-tile-button .add-circle {
    color: #82B6F8;
    margin-bottom:8px;
}

.add-tile-button:hover .add-circle {
    color: #0077CC;
}

@media(min-width:2260px) {
    #OLBTrade-top-panel1 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media(min-width:3330px) {
    #OLBTrade-top-panel1 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

@media(min-width:850px) and (max-width:1280px){
    #OLBTrade-top-panel1{
        grid-template-columns:1fr 1fr;
    }
}


@media(max-width:650px) {
   #OLBTrade-top-panel1 {
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:319px) {
    #OLBTrade-top-panel1 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .index-transakce { 
        width: 100%;
    }
}

@media (max-width: 425px) {
    .index-transakce { 
        max-width: 100%;
    }
}

/* Index - end */

/* Index - obchody - begin */
.currency-container {
    width: 100%;
    position: relative;
}

@media(min-width:480px){
    .currency-container{
        min-width:175px;
    }
}

.currency-container > span {
    width: 100%;

    border: none;
}

.currency-container > span * {
    border: none !important;
}

.currency-container .k-dropdown-wrap.k-state-focused {
    border-radius: 0;
    background-color: transparent;
}

.currency-container .k-header {
    background-color: transparent;
}

.currency-container > span > span > * {
    background: white;
}

.currency-container .k-combobox .k-input {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    height: 27px;
}

.currency-container .k-combobox .k-i-arrow-s{
    margin-top: 0;
}

.currency-container .k-combobox .k-dropdown-wrap{
    box-shadow:none;
    border-radius:8px;
}

.currency-container .k-combobox .k-dropdown-wrap .k-select {
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
}

.cpair-mask-container {
    position: absolute;
    z-index: 1;
    border: none;
    background: white;
    cursor: pointer;
    min-height: 1.94em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin-right: 1.9em;
    border-radius:8px;
}

@media (max-width: 425px) {
    .flag {
        display: none;
    }
}

.cpair-mask {
    display: flex;
    background: white;
    padding: 6px 0 6px 4px;
    justify-content: space-between;
    border-radius: 8px;
}

.currency-container:has(.cpair-mask-container .cpair-mask:hover) .k-combobox .k-select,
.currency-container:has(.cpair-mask-container .cpair-mask:hover) .k-input,
.cpair-mask-container:has(.cpair-mask:hover),
.currency-container:has(.cpair-mask-container .cpair-mask:hover) .k-dropdown-wrap,
.currency-container:has(.k-combobox .k-dropdown-wrap.k-state-hover) .cpair-mask,
.currency-container:has(.k-combobox .k-dropdown-wrap.k-state-hover) .cpair-mask-container .cpair-mask,
.currency-container:has(.k-combobox .k-dropdown-wrap.k-state-hover) .cpair-mask-container
{
    background-color: #EFF4FD;
}

.cpair-mask:hover,
.currency-container .k-dropdown-wrap.k-state-hover,
.currency-container .k-dropdown-wrap.k-state-hover .k-input,
.currency-container .k-dropdown-wrap.k-state-hover .k-select
{
    background-color: #EFF4FD;
}

.currency-container .k-combobox .k-dropdown-wrap{
    outline: none !important;
    border: none !important;
}

.cpair-mask > div {
    display: flex;
    flex-direction: row;
}

.cpair-mask > div > * {
    padding-right: 6px;
    line-height: 20px;
}

.cpair-mask > div > p {
    margin: 0;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
}

.curr-lov-li {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.curr-lov-li > * {
    margin-top: auto;
    margin-bottom: auto;
}

.curr-lov-li:hover > img {
    color: white !important;
}

.tile-buttons {
    display: grid;
    grid-template-columns:1fr 1fr;
    justify-content: space-between;
    width: 100%;
    gap: 4px;
}

.tile-button {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
    padding: 8px 4px 8px 6px;
    background-color: #EFF4FD;
    cursor: pointer;
    border: 1px solid #82B6F8;
    box-shadow: 0px 1px 2px rgba(60, 96, 227, 0.1);
    border-radius: 4px;
}

.tile-button:hover {
    background-color: #D5E3FB !important;
    border-color: #479FF1;
}

.tile-button-label {
    font-size: 12px;
    line-height: 180%;
    color: #005495;
}

.tile-button:hover .tile-button-label, .tile-button:hover .smallText {
    color: #003A6A;
}

@media (max-width:480px) {
    .tile-buttons {
        display:flex;
        flex-direction: column;
    }

    .tile-button{
        flex-direction:row;
        gap:8px;
        align-items:baseline;
    }

    .OLBTileContainer{
        flex: 1 1 45%;
    }

    .tile-button-label{
        line-height:unset;
    }
}

.lastTwoBig {
    flex-wrap: nowrap;
    display: flex;
    gap: 1px;
    align-items:baseline;
    margin-top:3px;
}

.kurz-hodnota {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;

    width: 100%;
}

.smallText {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #005495;
}

.bigNumbers {
    font-weight: 700;
    font-size: 18px;
    line-height: 90%;
    color: #001E41;
}

.tile-button:hover .bigNumbers {
    color: #001531;
}

.tile-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    width: 100%;
    padding: 0 4px;
}

.tile-footer > * {
    color: #005495;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
}

.tile-footer > span{
    color: #001531;
}

.graph-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 4px;
}

.graph-header-heading {
    display: inline-flex;
    align-self: center;
    gap: 6px;
}

.graph-header-heading > span {
    display: inline-flex;
    align-items: center;
}

.graph-header-img {
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.small-select {
    background: #EFF4FD;
    border: 1px solid #DCE2EF;
    border-radius: 4px;
    padding: 2px;
    width: 70px;
    height: fit-content;
}

.graph-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration-line: underline;
    padding: 0;
}

.graph-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.chart-div {
    position: fixed;
    z-index: 20;
    background: #FFFFFF;
    padding: 8px;

    border: 1px solid rgba(60, 96, 227, 0.15);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

.graph-info-text {
    font-size: 12px;
    line-height: 100%;

    color: #7B8DB3;
}

.graph-orange {
    color: #FB923C;
    font-weight: 700;
}

.graph-blue {
    color: var(--hlavni-barva);
    font-weight: 700;
}

/* Index - obchody - end */

/* tabulka - begin */
.table-component {
    font-size: 14px;
}

.table-component .k-grid tr td {
    border-style: solid;
    border-color: #D5E3FB;
}

.table-component .k-grid {
    box-shadow: none;
}

#indexAktInfo .Green-table-bg {
    background: #FFFFFF !important;
}

.table-component .k-grid-header th > .k-link, .table-component .k-grid-content td {
    color: #001E41 !important;
}

.table-component.k-grid-content tr, .table-component .k-grid-content td {
    border-left: none !important;
    border-right: none !important;
}

.table-component .k-grid-header th[aria-sort] > .k-link:has(span) {
    font-weight: bold;
    color: #525252;
}

.table-component .k-grid-header th[aria-sort] > .k-link-has-span {
    font-weight: bold;
    color: #525252;
}

.table-component .k-grid-content table[data-role=selectable] td{
    cursor:pointer;
}

.table-component .k-grid-header th > .k-link:has(span) {
    /*padding: 7px;*/
    position: relative;
    padding-left: 20px;
}

.k-link.k-link-has-span {
    padding-left: 20px !important;
}

.table-component .k-grid-header th > .k-link > span {
    position: absolute;
    left: 0;
    /*order: -1;
    min-height:20px;
    min-width:20px;*/
}

.table-component .k-grid-header th > .k-link {
    padding: 8px;
    /*display:flex;*/
    position: relative;
}

.table-component .k-grid-header th.textAlignRight > .k-link{
    /*justify-content: end;*/
}

.table-component .k-grid-header th > .k-link > .k-i-arrow-s {
    background-image: url('../Images/heroicon-bars-arrow-down-solid.svg') !important;
}

.table-component .k-grid-header th > .k-link > .k-i-arrow-n {
    background-image: url('../Images/heroicon-bars-arrow-up-solid.svg') !important;
}

.table-component tr.k-state-selected {
    background-color: #479FF1 !important;
}

.table-component tr.k-state-selected td {
    color: #fff !important;
}

.table-component tr>.k-header {
    background: none;
    border-style: none !important;
    border-right: 1px solid #D5E3FB !important;
}

.table-component .k-header:hover {
    border-right: 1px solid #B9D2F9 !important;
}

.table-component .k-header:last-of-type {
    border-right: none !important;
}

.table-component .k-widget {
    border: none;
}

.table-component .k-grid-content {
    overflow-y: auto;
}

.table-component .k-alt {
    background: none;
}

.table-component .k-grid-header {
    margin-bottom: 5px;
    border-radius: 4px;
    background: #fff;
    border-bottom: 0;
    padding-right:0 !important;
}

.table-component .k-grid-header-wrap {
    border: none;
}

.table-component .k-grid-header-wrap tr:first-of-type {
    background: #EFF4FD;
}

.table-component .k-grid-header-wrap tr:first-of-type .k-link {
    border-top: 1px solid #B9D2F9;
    border-bottom: 1px solid #B9D2F9;
}

.table-component .k-grid-header-wrap tr:first-of-type > th:first-of-type .k-link {
    border-left: 1px solid #B9D2F9;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.table-component .k-grid-header-wrap tr:first-of-type > th:last-of-type .k-link {
    border-right: 1px solid #B9D2F9;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.table-component .k-grid-header-wrap .k-filter-row .k-datepicker .k-picker-wrap {
    padding: 0 1.95em 0 0;
}

.table-component .k-grid-header-wrap .k-filter-row .k-datepicker .k-picker-wrap .k-select {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.table-component .k-grid-header-wrap .k-filter-row .k-autocomplete .k-input {
    height: 30px;
    padding: 0;
}

.table-component .k-grid-header-wrap .k-filter-row .k-autocomplete .k-loading {
    display:none !important;
}

.table-component .k-grid-header-wrap .k-filter-row .k-autocomplete {
    box-shadow:none;
    border-radius:6px;
}

.table-component .k-grid-header-wrap .k-filter-row .k-datepicker .k-picker-wrap,
.table-component .k-grid-header-wrap .k-filter-row .k-datepicker + .k-dropdown .k-dropdown-wrap,
.table-component .k-grid-header-wrap .k-filter-row .k-numerictextbox .k-numeric-wrap,
.table-component .k-grid-header-wrap .k-filter-row .k-numerictextbox .k-numeric-wrap .k-input,
.table-component .k-grid-header-wrap .k-filter-row .k-numerictextbox + .k-dropdown .k-dropdown-wrap,
.table-component .k-grid-header-wrap .k-filter-row .k-autocomplete .k-input,
.table-component .k-grid-header-wrap .k-filter-row .k-autocomplete + .k-dropdown .k-dropdown-wrap,
.table-component .k-grid-header-wrap .k-filter-row .k-combobox .k-dropdown-wrap,
.table-component .k-grid-header-wrap .k-filter-row .k-combobox + .k-dropdown .k-dropdown-wrap {
    border: none;
    outline: none;
    box-shadow: none;
    background-color: #fff !important;
}

.table-component .k-grid-header-wrap .k-filter-row .k-combobox .k-dropdown-wrap {
    background-color: #fff !important;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-datepicker),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-numerictextbox),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-autocomplete),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-combobox) {
    border: 1px solid #479FF1;
}

.filter-border {
    border: 1px solid #479FF1 !important;
}

.filter-border:hover{
    border: 1px solid #28CC82 !important;
    outline: 1px solid #28CC82 !important;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-datepicker > .k-picker-wrap.k-state-hover),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-dropdown > .k-dropdown-wrap.k-state-hover),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-numerictextbox > .k-numeric-wrap.k-state-hover),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-autocomplete.k-state-hover),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-combobox > .k-dropdown-wrap.k-state-hover) {
    border: 1px solid #28CC82;
    outline: 1px solid #28CC82;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span .k-autocomplete.k-state-hover:not(.k-state-focused):not(.filled):before,
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span .k-combobox:not(.filled) .k-dropdown-wrap.k-state-hover:not(.k-state-focused):not(.filled):before,
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span .k-numerictextbox .k-numeric-wrap.k-state-hover:not(.k-state-focused):not(.filled):before {
    background-image: url(../Images/search.svg);
    width: 20px;
    height: 20px;
    content: "";
    display: block;
    position: absolute;
    margin: 5px 0 5px 5px;
    background-repeat: no-repeat;
    pointer-events: none;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-datepicker>.k-picker-wrap.k-state-focused),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-dropdown >.k-dropdown-wrap.k-state-focused),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-numerictextbox > .k-numeric-wrap.k-state-focused),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-autocomplete.k-state-focused),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(.k-combobox > .k-dropdown-wrap.k-state-focused) {
    border: 1px solid #28CC82;
    outline: 2px solid #28CC82;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
}

.filter-border-focus {
    border: 1px solid #28CC82 !important;
    outline: 2px solid #28CC82 !important;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1) !important;
}

.table-component .k-grid-header-wrap .k-filter-row,
.table-component .k-grid-header-wrap .k-filter-row .k-datepicker .k-picker-wrap,
.table-component .k-grid-header-wrap .k-filter-row .k-combobox {
    font-size: 13px;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span {
    display: grid;
    grid-template-columns: 100%;
    position:relative;
    margin-bottom:3px;
    border-radius:6px;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span:has(span.k-dropdown) {
    grid-template-columns: auto 28px;
    border-radius: 6px;
    margin-bottom: 3px;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header .span-has-k-dropdown{
    grid-template-columns: auto 28px;
    border-radius: 6px;
    margin-bottom: 3px;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header > span .k-button .k-i-close {
    width: 16px;
    height: 16px;
    margin-bottom: 4px;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header span:has(.k-button[style]:not([style='display: none;'])):has(.k-autocomplete),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header span:has(.k-button[style]:not([style='display: none;'])):has(.k-combobox) {
    grid-template-columns: 1fr 20px;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header span:has(.k-button[style]:not([style='display: none;'])):has(.k-numerictextbox),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header span:has(.k-button[style]:not([style='display: none;'])):has(.k-combobox):has(.k-dropdown),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header span:has(.k-button[style]:not([style='display: none;'])):has(.k-autocomplete):has(.k-dropdown),
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header span:has(.k-button[style]:not([style='display: none;'])):has(.k-datepicker)
{
    grid-template-columns: 1fr 28px 20px;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header .grid-3columns{
    grid-template-columns: 1fr 28px 20px;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header .grid-2columns {
    grid-template-columns: 1fr 20px;
}

.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header .k-button {
    width: max-content;
    border: none;
    height: 32px;
    background: unset;
    padding: 0;
}

.table-component .k-grid-header-wrap .k-filter-row .k-autocomplete .k-input {
    border-radius:6px;
}

.table-component .k-grid-header-wrap .grid-filter-header > span:has(.k-dropdown) .k-autocomplete .k-input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.table-component .k-grid-header-wrap .grid-filter-header > span:has(.k-autocomplete) .k-dropdown .k-dropdown-wrap {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.table-component .k-grid-header-wrap .k-filter-row .k-autocomplete .k-input,
.table-component .k-grid-header-wrap .k-filter-row .k-numerictextbox > span > input,
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header .k-dropdown-wrap.k-state-border-down > input {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.table-component .k-grid-header-wrap .k-filter-row .k-datepicker,
.table-component .k-grid-header-wrap .k-filter-row .k-numerictextbox,
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header .k-autocomplete,
.table-component .k-grid-header-wrap .k-filter-row .grid-filter-header .k-combobox {
    width: 100%;
    border-radius:6px;
}

.span-has-k-dropdown .k-dropdown-wrap .k-input{
    width:0;
}

.table-component .k-grid-header-wrap .k-filter-row .k-numeric-wrap {
    padding-right: 0;
}

.table-component .k-grid-header-wrap .k-filter-row .filterCheckbox input {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}

.table-component .k-filter-row .filterCheckbox > label{
    grid-template-columns: auto 24px; 
}

.table-component .k-filter-row .filterCheckbox > .k-button{
    top:-7px;
}

.table-component .k-filter-row .filterCheckbox label:nth-of-type(2),
.table-component .k-grid-header-wrap .k-filter-row .k-numeric-wrap > .k-select {
    display: none;
}

.table-component .k-grid-header-wrap .k-filter-row .k-combobox .k-input,
.table-component .k-grid-header-wrap .k-filter-row .k-datepicker .k-input {
    height: 30px;
    padding: 0;
    border: 0;
    margin: 0;
}

.table-component .k-grid-header-wrap .k-filter-row .k-combobox .k-i-arrow-s,
.table-component .k-grid-header-wrap .k-filter-row .k-datepicker .k-i-calendar {
    margin-top: 0;
}

.table-component .k-grid-header-wrap > table {
    border-spacing: 0 5px;
}

.table-component .k-grid-header-wrap .k-filter-row > th {
    border: none;
    border-top: 1px solid #DCE2EF;
    padding-bottom:0;
}

.table-component .k-pager-wrap {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #005495;
    margin-top: 10px;
}

.table-component .k-pager-wrap .k-link {
    border: 1px solid #D5E3FB;
}

.table-component .k-pager-wrap .k-pager-nav.k-pager-last {
    margin-right: 1.4166em;
}

.table-component .k-pager-wrap .k-pager-sizes{
    padding:0;
}

.table-component .k-pager-wrap .k-pager-sizes > span {
    display:inline-flex;
}

.table-component .k-pager-wrap .k-pager-numbers .k-link {
    color: #005495;
}

.table-component .k-pager-wrap .k-pager-sizes .k-dropdown .k-dropdown-wrap {
    border: 1px solid #D5E3FB;
    border-radius: 4px;
    height: 28px;
}

.table-component .k-pager-wrap .k-pager-sizes .k-dropdown .k-dropdown-wrap .k-input {
    padding: 0 5px 0 0;
    line-height: 28px;
    border-right: 1px solid #D5E3FB;
}

.table-component .k-pager-wrap .k-pager-sizes .k-dropdown .k-dropdown-wrap .k-select {
    padding: 0;
    line-height: 28px;
}

.table-component .k-pager-wrap .k-pager-sizes .k-dropdown {
    margin-left:0px;
    margin-top:0px;
}

.table-component .k-pager-sizes .k-widget.k-dropdown{
    width:fit-content;
}

.table-component .k-grid-content .k-no-data td{
    border:none;
}

@media(max-width:600px){
    .table-component .k-pager-wrap .k-pager-nav, .table-component .k-pager-wrap .k-pager-numbers {
        margin-bottom: 10px;
    }
}

@media(max-width:830px) {

    .table-component .k-pager-wrap .k-pager-nav, .table-component .k-pager-wrap .k-pager-numbers {
        margin-bottom: 10px;
    }

    .table-component .k-pager-wrap .k-pager-sizes {
        padding-right: 1.333em;
        margin-bottom: 11px;
    }

    .table-component .k-pager-wrap .k-pager-info {
        display: inline-block;
        float: none;
        padding: 0;
    }
}


@media(max-width:480px){
    #indexAktInfo .k-grid-content .km-scroll-container > table > colgroup col:nth-child(2) {
        width: auto !important;
    }

    #indexAktInfo .k-grid-header .k-grid-header-wrap > table > colgroup col:nth-child(2) {
        width: auto !important;
    }

    .table-component .k-pager-wrap .k-pager-nav.k-pager-last {
        margin-right: 4px;
    }
}

.table-component .k-grid-footer .k-grid-footer-wrap .k-footer-template td {
    background: none;
}

.table-component .k-grid-footer {
    background: #EFF4FD;
    border-top: 1px solid #B9D2F9;
    border-bottom: 1px solid #B9D2F9;
}

/* tabulka - end */
/* Index page - tabulky - begin */
.OLBTrade-top-panel {
    border-radius: 8px;
    background: #ffffff;
    padding: 10px 10px 10px 10px;
}

.OLBTrade-top-panel.table-component .k-grid-header-wrap > table {
    border-spacing: 0 0;
}
/* Index page - tabulky - end */

/* Barvy řádků v tabulkách - begin */

tr.Green-table-bg {
    background: rgba(69, 235, 155, 0.1) !important;
}

tr.Red-table-bg {
    background: rgba(250, 84, 28, 0.1) !important;
}

tr.Yellow-table-bg {
    background: rgba(255, 221, 0, 0.1) !important;
}

tr.Gray-table-bg {
    background: #e9e9e9 !important;
}

/* Barvy řádků v tabulkách - end */

/* Prehledy - begin */
.prehled-container {
    border-radius: 8px;
    padding: 12px 10px 20px 10px;
    background:#fff;
    margin-bottom:10px;
}

.prehled-detail-container {
    background: #EFF4FD;
    border: 1px solid #B9D2F9;
    border-radius: 8px;
    margin-top: 20px;
    padding-top: 5px;
}

.prehled-detail-container > .navigation-tabs {
    margin: 0px 0px 10px 5px;
}

.prehled-detail-container > .tiskPP {
    margin: 0px 5px 10px 0px;
}

.obraty-ipu label {
    font-size: 10px !important;
    color: #005495 !important;
}

.prehled-detail-container:has(.tab-detail) > .navigation-tabs, .prehled-detail-container:has(.tab-detail) > .tiskPP{
    margin-bottom:0;
}

.prehled-detail-container .tab-detail{
    margin-top:10px;
}

.tiskPP > button {
    background: #005495;
    border: 1px solid #005495;
    color: #fff;
    display: flex;
    cursor: pointer;
    border-radius: 8px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px 10px;
    gap:8px;
    padding:8px;
    height:34px;
}

.navigation-tabs {
    width: max-content;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #c2cde5;
    padding: 4px;
    display: inline-block;
    list-style: none;
}

.navigation-tabs > li{
    float: left;
}

.navigation-tabs .active > a, .navigation-tabs button {
    border: 1px solid #005495;
    background: #005495;
    border-radius: 6px;
    color: #fff !important;
    line-height:18px;
}

.navigation-tabs > li > a, .navigation-tabs > li > button {
    position: relative;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    color: #005495
}

.tiskPP .icon-printer {
    margin-right: 10px
}

@media(max-width:400px) {
    .tiskPP > button {
        gap: 3px;
    }

    .tiskPP .icon-printer {
        margin-right: 0px
    }
}

.legend {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding-left: 10px;
    margin-bottom:0;
    flex-wrap:wrap;
}

.legend > li {
    margin-right: 20px;
    font-size: 12px;
    color: #344461;
}

@media(max-width:480px){
   .legend{
       flex-direction:column;
   }
   .legend > li {
        margin-bottom: 5px;
    }
}

.icon-printer {
    width: 18px;
}

.icon-printer-arrow {
    width: 13px;
    align-self: center;
    padding-top: 3px;
}

/* Prehledy - end*/

/* Pagination - begin */
.k-state-selected {
    background: #005495;
    font-weight: 700;
    border: 1px solid #005495;
}

.k-i-arrow-e {
    background-image: url(../Images/heroicon-chevron-right-mini.svg);
    background-position: initial;
    height: 23px;
}

.k-i-arrow-w {
    background-image: url(../Images/heroicon-chevron-left-mini.svg);
    background-position: initial;
    height: 23px;
}

/* Pagination - end */

/* form container - begin */
.container-medium-center, .container-small-center, .container-576px-center, .container-864px-center {
    margin-bottom: 48px;
}

@media (min-width: 768px) {
    .container-small-center {
        width: 768px !important;
        margin: 30px auto 48px auto;
    }
}

@media (min-width: 864px) {
    .container-864px-center {
        width: 864px !important;
        margin: 30px auto 48px auto;
    }
}

@media (min-width: 576px) {
    .container-576px-center {
        width: 576px !important;
        margin: 30px auto 48px auto;
    }
}

@media(min-width:1080px) {
    .container-medium-center {
        width: 1080px;
        margin: 30px auto 48px auto;
    }
}

.form-container-content {
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}

.form-container-content .warntext {
    font-size: 14px;
    line-height: 180%;
    color: #005495;
}

.form-container-header {
    background: #EFF4FD;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    margin: -16px -16px 0 -16px;
    padding: 10px;
    border-bottom: 1px solid #B9D2F9;
}

.form-container-content label, .label-legend{
    font-size: 14px;
    line-height: 180%;
    color: #001E41;
}

.label-legend-container{
    padding-bottom:15px;
}

.prehled-container label {
    font-size: 10px;
    line-height: 12px;
    color: #005495;
}

.form-container-footer {
    padding: 10px 20px 16px 20px;
    text-align: right;
    display: flex;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    justify-content: space-between;
    margin: 0 -16px -16px -16px;
}

@media(max-width:480px) {
    .form-container-footer {
        flex-direction: column-reverse;
        justify-content: flex-start;
        gap:5px;
    }

    .form-container-footer .two-buttons button{
        width:100%;
        margin-top:5px;
    }
}

/* olb container - nahrada za modal - end */

/* login - begin */
#loginForm {
    position: relative;
}

.info-alert {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    gap: 24px;

    background: linear-gradient(0deg, rgba(239, 68, 68, 0.1), rgba(239, 68, 68, 0.1)), #FFFFFF;
    border: 1px solid rgba(239, 68, 68, 0.25);
    border-radius: 8px;

    margin-left: auto;
    margin-right: auto;
}

.info-alert > p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;

    display: flex;
    align-items: center;
    text-align: center;

    color: #EF4444;
}

.text-danger {
    color: #EF4444;
    display: block;
    font-size: 14px;
}

.validation-summary-errors > ul {
    margin: 0;
    padding: 0;
}

.validation-summary-errors > ul > li {
    list-style-type: none;
}

.login-logo-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    gap: 5px;
    max-width: 480px;
    height: 80px;
    border-bottom: 1px solid #D5E3FB;
    border-radius: 16px 16px 0px 0px;
}

.login-frame {
    background: #FFFFFF;
    border: 1px solid #D5E3FB;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    padding: 0 0 32px;
}

.login-heading {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    line-height: 130%;
    color: #001E41;
    margin-bottom:6px;
}

.login-subheading {
    text-align: center;
    margin-top: 0;
    color: #455482;
    font-size:16px;
}

.login-container {
    max-width: 504px;
    margin: 5% auto 0 auto;
    padding-left:12px;
    padding-right:12px;
}

.login-form-container {
    padding: 0 24px 0 24px;
}

.forgotten-link , .link{
    font-size: 14px;
    line-height: 180%;
    text-decoration-line: underline;
    color: #003A6A;
}

.login-informations {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}

.login-informations a{
    color: #003A6A;
    text-decoration:underline;
}

.login-links, .login-phone-numbers {
    list-style: none;
    display: flex;
    font-size: 14px;
    line-height: 180%;
    color: #003A6A;
    gap:8px;
    padding:0;
}

.login-links{
    margin-top:0;
}

    @media(max-width:480px) {
        .login-links, .login-phone-numbers {
        flex-direction:column;
    }
}

.login-phone-numbers li>span:nth-of-type(2){
    text-decoration:underline;
    margin-left:4px;
}

.login-links li, .login-phone-numbers li {
    text-align: center;
}

.login-container a {
    text-decoration:underline;
}

.login-label {
    font-size: 14px;
    line-height: 180%;
    color: #001E41;
}

.login-loggedUser {
    color: #001E41;
    font-weight: 600;
    font-size: 16px;
    line-height: 180%;
}

/* login - end */

/* OAuth2 - begin */

.oauth-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.oauth-ipu-check {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.oauth-redirect-text-div {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 8px;
    border-radius: 6px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}


.oauth-redirect-success {
    background: #D2FEE2;
    border: 1px solid #45EB9B;
}

.oauth-redirect-error {
    background: #FFF0F1;
    border: 1px solid #FFC1C3;
    color: #E61631;
}

.oauth-redirect-info {
    background: #D5E3FB;
    border: 1px solid #B9D2F9;
}

.oauth-consent-info {
    gap: 8px;
    display: flex;
    flex-direction: column;
}

#countdown {
    margin-left: auto;
    margin-right: auto;
    width: 10%;
}

/* OAuth2 - end */

/* Obchody - begin */

.obchod-ipu-cell-container{
    display:flex;
    gap:16px;
}

.obchod-ipu-cell-container > .obchod-ipu-cell {
    padding: 10px;
    width: 50%;
}

.obchod-ipu-cell .radio-buttons {
    padding: 0;
}

.obchod-ipu-cell .balance {
    border: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: #001E41;
    height: 30px;
    background-color: #EFF4FD !important;
    padding: 0;
    height:48px;
}

.order-checkboxes{
    display:flex;
    height:100%;
}

.order-grid {
    display: grid;
    grid-template-areas: "radio-buttons prodej nakup kurz";
    grid-gap: 10px;
    align-items: end;
}

.order-grid:has(.field-validation-error){
    align-items: start;
}

.order-grid-with-validation-error {
    align-items: start;
}

.order-grid .radio-buttons {
    width: 205px;
}

@media(min-width:480px) and (max-width:768px){
    .order-grid {
        grid-template-areas: "radio-buttons radio-buttons radio-buttons"
            "prodej nakup kurz";
    }

    .order-checkboxes{
        padding: 10px 0 10px 0;
    }

    .order-grid .radio-buttons{
        width:auto;
    }
}

@media(max-width:480px) {
    .order-grid {
        grid-template-areas: "radio-buttons"
            "prodej"
            "nakup"
            "kurz";
    }

    .order-checkboxes {
        padding: 10px 0 10px 0;
    }
}
.control-code-grid{
    display:grid;
    grid-template-columns: auto max-content;
    align-items:end;
    grid-gap:5px;
}

@media(max-width:480px) {
    .obchod-ipu-cell-container {
        flex-direction:column;
        gap: 24px;
    }

    .obchod-ipu-cell{
        width: 100% !important;
    }

    .order-grid{
        grid-template-columns:1fr;
    }

    .control-code-grid {
        grid-template-columns: 1fr;
        display:grid !important;
    }
}

.background-container {
    background: #EFF4FD;
    border-radius: 8px;
    padding: 10px 5px 10px 5px;
}

.background-container-partner {
    background: #D5E3FB;
    border-radius: 8px;
    padding: 10px 5px 16px 5px;
}

.hromadny-prikaz-zustatek-container{
    padding-bottom:0 !important;
}

.hromadny-prikaz-zustatek {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: #003A6A;
}

/* Obchody - end */
/* tabulka - start */
.table {
    border: 1px solid #82B6F8;
    border-radius: 6px;
    border-spacing: 0;
    color: #003A6A;
    font-size: 16px;
    line-height: 180%;
    width: 100%;
}

@media(max-width:600px){
    .table{
        overflow-x: auto;
        display:block;
    }
}

.table th {
    background: #D5E3FB;
    color: #001531;
    font-weight: 600;
    font-size: 16px;
    line-height: 180%;
    text-align:left;
    padding:12px;
}

.table td {
    border-top: 1px solid #82B6F8;
    background: #EFF4FD;
    padding:10px 12px 10px 12px;
}

.table tbody:last-child tr:last-child td:first-child, .grid-table tbody tr:last-child td {
    border-bottom-left-radius: 6px;
}

.table tbody:last-child tr:last-child td:last-child, .grid-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.table thead tr th:first-child, .grid-table thead tr th:nth-child(2){
    border-top-left-radius:6px;
}

.table thead tr th:last-child, .grid-table thead tr th:last-child {
    border-top-right-radius: 6px;
}

.grid-table table thead th {
    background: #D5E3FB;
    border-color: #82B6F8;
    border: none !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 180%;
    color: #001531;
}

.grid-table table thead th:first-child{
    border-left:none;
}

.grid-table {
    border-color: #82B6F8;
    border-radius: 6px;
    font-size:13px;
}

.grid-table tbody td {
    background: #EFF4FD;
    border: none !important;
    text-align:left !important;
}

.grid-table .k-no-data{
    height:31px;
}

/* tabulka - end */
/* cookie stranka - start */
.cookie-site p {
    font-size: 16px;
    line-height: 180%;
}

.cookie-headline {
    font-size: 24px;
    line-height: 130%;
    color: #001E41;
    margin:0px;
}

/* cookie stranka - end */

/* Cookie consent - start */
.termsfeed-com---nb {
    bottom: 30px;
    right: 30px;
    background-color:unset !important;
}

.cc-cp-foot-save, .cc-nb-okagree, .cc-nb-reject {
    background: #EFF4FD !important;
    color: #001E41 !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    margin-bottom: 0 !important;
}

.cc-nb-main-container {
    border-radius: 16px;
    background: rgba(0, 30, 65, 0.9);
    border: 1px solid #EFF4FD;
    width: 360px;
    margin-bottom: 30px;
    margin-right: 30px;
    padding: 16px !important;
}

@media(max-width:500px){
    .cc-nb-main-container {
        width: auto;
    }
}

@media(max-width:800px) {
    .termsfeed-com---nb-simple {
        max-width:80% !important;
    }
}

@media(max-width:330px) {
    .termsfeed-com---nb-simple {
        height: auto !important;
    }
}

.cc-nb-title {
    color: #EDF0F7 !important;
    font-size: 16px !important;
    font-family: 'Avantt TRIAL';
    font-weight: 700;
    line-height: 130%;
}

.cc-nb-text {
    font-size: 12px !important;
    color: #EFF4FD! important;
    margin-bottom: 10px !important;
    line-height: 16px !important;
}

.cc-nb-text > a {
    color: #EFF4FD !important;
    text-decoration: underline !important;
}

.cc-nb-okagree:focus {
    box-shadow: 0 0 0 2px #EDF0F7 !important;
}

/* Cookie consent - end */
/* Scrollbar - begin*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 6px;
}
/* Scrollbar - end */

/* inputy - begin */

.disable-read-only-inputs div:not(.input-with-icon) > input:read-only {
    background-color: #fff;
    color: #344461;
}

textarea {
    border: 1px solid #479FF1;
    border-radius: 8px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    background: #FFFFFF;
    padding: 11.5px 12px;
    font-size: 16px;
    line-height: 180%;
}

textarea:hover{
    border: 1px solid #28CC82;
    outline: 1px solid #28CC82;
}

textarea:focus{
    border: 1px solid #28CC82;
    outline: 2px solid #28CC82;
}

textarea.input-validation-error {
    border: 1px solid #E61631 !important;
    outline: 2px solid #E61631 !important;
}

.checkbox-label {
    display: grid;
    grid-template-columns: 24px auto;
    gap: 12px;
    align-items: center;
    font-size: 14px;
    line-height: 180%;
    color: #003A6A;
    width: max-content;
}

label:has(input[type="checkbox"]) {
    display: grid;
    grid-template-columns: 24px auto;
    gap: 12px;
    align-items: center;
    font-size: 14px;
    line-height: 180%;
    color: #003A6A;
    width: max-content;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 24px; /* 1.35em */
    height: 24px; /* 1.35em */
    border: 2px solid #82B6F8;
    border-radius: 4px;
    transform: translateY(-0.075em);
    background: #EFF4FD;
    display: grid;
    place-content: center;
    /*box-shadow: 0 0 0 1px #9db0f1;*/
    cursor: pointer;
}

input[type="checkbox"]::before {
    content: "";
    width: 10px; /* 0.9em */
    height:8px; /* 0.9em */
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    background-color: #EFF4FD;
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

input[type="checkbox"]:checked {
    background: #28CC82;
    border: 2px solid #28CC82;
}

input[type="checkbox"]:checked:hover {
    background: #24B070;
    border: 2px solid #24B070;
}

input[type="checkbox"]:hover {
    border: 2px solid #479FF1;
}

input[type="checkbox"]:focus {
    outline: 2px solid #24b070;
    outline-offset: 1px;
    border: 1px solid #0077CC;
}

input[type="checkbox"]:disabled {
    border: 2px solid #B3B3B3 !important;
    background: #F4F4F4;
}

input[type="checkbox"]:checked:disabled{
    background: #B3B3B3;
}

input[type="checkbox"]:checked:disabled::before {
    background: #F4F4F4;
}

label:has([type="checkbox"]:disabled){
    color: #B3B3B3 !important;
}

input[type="text"], input[type="password"] {
    width: 100%;
    border-radius: 6px;
    line-height: 180%;
    padding: 11.5px 12px;
    color: #001E41;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #479FF1;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    font-size: 14px;
}

input[type="text"]:hover {
    border: 1px solid #28CC82;
    outline: 1px solid #28CC82;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

input[type="text"]:focus, .focus {
    border: 1px solid #28CC82;
    outline: 2px solid #28CC82;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
}

input[type="text"]:-webkit-autofill {
    transition: background-color 9999s ease-in-out 0s;
}

input.input-validation-error {
    border: 1px solid #E61631 !important;
    outline: 2px solid #E61631 !important;
    box-shadow: 0px 4px 8px rgba(255, 149, 154, 0.5) !important;
}


input[type="text"]:disabled, input[type="text"]:read-only:not(:disabled) {
    background: rgba(0, 21, 49, 0.1);
    border: none;
    box-shadow: none;
    outline: none;
}

.password-input {
    display: grid;
    grid-template-columns: auto 36px;
    grid-gap: 0;
    border-radius: 6px;
    border: 1px solid #479FF1;
}

.password-input button{
    border-bottom-right-radius:6px;
    border-top-right-radius:6px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    cursor: pointer;
}

.password-input > input, .password-input button {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: #fff;
}

.password-input button{
    padding-left:8px;
    padding-right:8px;
}

.password-input > input:-webkit-autofill {
    transition: background-color 9999s ease-in-out 0s;
}

.password-input:has(input:hover), .password-input:has(button:hover){
    outline: 1px solid #28CC82;
    border-color: #28CC82;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.password-input-hover {
    outline: 1px solid #28CC82;
    border-color: #28CC82;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.password-input:has(input:focus),.password-input:has(button:focus){
    outline: 2px solid #28CC82;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
    border-color: #28CC82;
}

.password-input-focus{
    outline: 2px solid #28CC82;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
    border-color: #28CC82;
}

.password-input:has(input.input-validation-error) {
    border: 1px solid #E61631 !important;
    outline: 2px solid #E61631 !important;
    box-shadow: 0px 4px 8px rgba(255, 149, 154, 0.5) !important;
}

.currency-label-flex-container{
    display:flex;
    justify-content:space-between;
}

.currency-label {
    width: 77px;
    text-align: left;
    display: flex;
    align-items: end;
}

.price-and-currency {
    display: flex;
    height: 48px;
}

.price-and-currency .currency-disabled-input{
    border-radius: 0px 6px 6px  0px !important;
    font-size:16px;
    text-align:right;
    max-width:45px;
    padding-left:0;
}

.price-and-currency .price {
    border-radius: 6px 0px 0px 6px !important;
}

.price-and-currency span.currency {
    width:77px;
}

.price-and-currency .currency .k-dropdown-wrap {
    background: #EFF4FD;
    border-radius: 0px 6px 6px 0px !important;
    border-left: none;
}

.price-and-currency .currency .k-dropdown-wrap .k-select{
    border-radius: 0 5px 5px 0;
    width:25px;
}

.price-and-currency .currency .k-dropdown-wrap.k-state-disabled{
    background: none !important;
    box-shadow:none;
}

.price-and-currency .currency .k-dropdown-wrap.k-state-disabled input:disabled{
    background: rgba(0, 21, 49, 0.1);
}

.price-and-currency .currency input {
    width: 50px !important;
    text-indent: 12px;
    border-radius: 0 !important;
    background: #EFF4FD;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #001E41;
}

.price-and-currency .currency input:disabled::placeholder{
    color:transparent;
}

.price-and-currency .currency input::placeholder{
    color:#B3B3B3;
}

.k-datepicker .k-input:read-only + span {
    background: rgba(0, 21, 49, 0.1);
}

.k-datepicker-disabled-border {
    border-color: rgba(0, 21, 49, 0.1) !important;
}

.k-datepicker .k-picker-wrap:has(.k-input:read-only) {
    border-color: rgba(0, 21, 49, 0.1);
}

.radio-buttons {
    gap: 8px;
    display: flex !important;
    flex-wrap: wrap;
}

.radio-buttons label {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    color: #003A6A;
    font-size: 14px;
    margin-right: 10px;
}


/*.radio-buttons label:has(input[type="radio"]:not(:disabled)){
    cursor:pointer;
}*/

.radio-buttons input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: #EFF4FD;
    width: 23px; /*1.15em*/
    height: 23px; /*1.15em*/
    border: 2px solid #82B6F8;
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    box-shadow: 0 0 0 1px currentColor;
    cursor: pointer;
}

.radio-buttons input[type="radio"]:checked {
    background-color: #28CC82;
    border: 2px solid #28CC82;
}

.radio-buttons input[type="radio"]:hover {
    border: 2px solid #479FF1;
}

.radio-buttons input[type="radio"]:checked:hover {
    border: 2px solid #24B070;
    background-color: #24B070;
}

.radio-buttons input[type="radio"]::before {
    content: "";
    width: 9px; /* 0.45em */
    height: 9px; /*0.45em*/
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background-color: #EFF4FD;
}

.radio-buttons input[type="radio"]:checked::before {
    transform: scale(1);
}

.radio-buttons input[type="radio"]:focus {
    outline: 2px solid #24B070;
    box-shadow: 0 0 0 1px currentColor;
    background-color: #EFF4FD;
    outline-offset: 1px;
    color: #EFF4FD;
    border: 1px solid #238455;
}

.radio-buttons input[type="radio"]:checked:focus {
    background-color: #238455;
    border: 1px solid #238455;
}

.radio-buttons input[type="radio"]:disabled {
    background-color: #F4F4F4;
    border: 2px solid #B3B3B3 !important;
    cursor:default;
}

.radio-buttons input[type="radio"]:checked:disabled {
    background: #B3B3B3;
}

.radio-buttons input[type="radio"]:checked:disabled::before{
    background: #F4F4F4;
}

.radio-buttons label:has(input[type="radio"]:disabled) {
    color: #B3B3B3;
}

.label-disabled{
    color: #B3B3B3 !important;
}

.input-with-icon {
    display: flex;
    flex-direction: row;
    border-radius: 6px;
    border: 1px solid #479FF1;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}

.input-with-icon > .k-widget {
    width: 100%;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color:#fff;
    border:none !important;
}

.input-with-icon button:disabled {
    background-color: rgba(0, 21, 49, 0.1);
}

.input-with-icon:has(.k-widget > input:disabled),  .input-with-icon:has(.k-widget > input:read-only){
    border: 1px solid rgba(0, 21, 49, 0.1);
    box-shadow:none;
}

.input-with-icon-disabled {
    border: 1px solid rgba(0, 21, 49, 0.1) !important;
    box-shadow: none !important;
}

.input-with-icon .k-widget:has(input:disabled), .input-with-icon .k-widget:has(input:read-only) {
    background: none;
}

.input-with-icon .k-widget:has(input:read-only) {
    border-color: rgba(0, 21, 49, 0.1);
}

.input-with-icon-disabled .k-widget {
    background: none !important;
}

.input-with-icon .k-widget.k-state-focused{
    box-shadow:none;
    -webkit-box-shadow: none;
}

.input-with-icon button {
    height:46px;
    border: none;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    background:#fff;
    cursor: pointer;
}

.input-with-icon .k-input {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 42px;
    line-height: 180%;
    padding: 2px 0;
}

.input-with-icon .k-input:read-only {
    border:none !important;
}

.input-with-icon .k-widget:not(.k-state-disabled):has(.k-input:read-only) + span > button:not(:disabled) {
    background: rgba(0, 21, 49, 0.1);
}

.k-datepicker, .k-combobox {
    font-size: 14px;
}

.k-combobox .k-input, .k-datepicker .k-input{
    line-height: 180%;
    padding: 2px 0;
    height: 42px;
    text-indent:12px;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline:none !important;
}

.k-combobox .k-dropdown-wrap:has(input:read-only) .k-datepicker .k-picker-wrap:has(input:read-only) {
    background: #D5E3FB;
}

.k-combobox .k-dropdown-wrap:has(input:disabled) .k-datepicker .k-picker-wrap:has(input:disabled) {
    background: rgba(0, 21, 49, 0.1);
}

.input-with-icon .k-input.input-validation-error,
.k-combobox .k-dropdown-wrap .k-input.input-validation-error,
.k-datepicker .k-picker-wrap .k-input.input-validation-error{
    border: none !important;
    outline: none !important;
}

.input-with-icon:has(.k-widget > .k-input.input-validation-error),
.k-combobox .k-dropdown-wrap:has(.k-input.input-validation-error),
.k-combobox:has(.input-validation-error) > .k-dropdown-wrap,
.k-datepicker .k-picker-wrap:has(.k-input.input-validation-error){
    border: 1px solid #E61631 !important;
    outline: 2px solid #E61631 !important;
    box-shadow: 0px 4px 8px rgba(255, 149, 154, 0.5) !important;
}

.error-border {
    border: 1px solid #E61631 !important;
    outline: 2px solid #E61631 !important;
    box-shadow: 0px 4px 8px rgba(255, 149, 154, 0.5) !important;
}

.k-combobox .k-input:hover, .k-datepicker .k-input:hover,
.k-combobox .k-input:focus, .k-datepicker .k-input:focus,
.input-with-icon .k-input:hover, .input-with-icon .k-input:focus{
    border: none;
    box-shadow: none;
    outline: none;
}

.input-with-icon:has(.k-widget > input:disabled) > .k-state-hover{
    border: none;
    box-shadow: none;
    outline: none;
}

.k-combobox .k-i-arrow-s{
    margin-top:12px;
}

.k-datepicker .k-i-calendar {
    margin-top: 8px;
}

.k-datepicker  .k-picker-wrap {
    padding: 0 45px 0 0;
}

.k-datepicker .k-picker-wrap .k-select {
    width: 45px;
}

.k-combobox .k-dropdown-wrap .k-select {
    border-style: none;
}

.k-combobox .k-dropdown-wrap, .k-datepicker .k-picker-wrap {
    border: 1px solid #479FF1;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}

.k-combobox .k-dropdown-wrap .k-input:read-only, .k-datepicker .k-picker-wrap .k-input:read-only{
    border:none;
}

.k-datepicker .k-picker-wrap.k-state-disabled, .k-combobox .k-dropdown-wrap.k-state-disabled{
    border:1px solid rgba(0, 21, 49, 0.1);
}

.k-combobox .k-dropdown-wrap:has(input:read-only){
    border:1px solid rgba(0, 21, 49, 0.1);
}

.k-dropdown-wrap, .k-picker-wrap, .dropdown-list .k-dropdown-wrap , .k-animation-container .k-list-container, .k-combobox {
    border-radius: 6px;
}

.k-datepicker, .k-combobox{
    background: none;
    box-shadow: none;
}

.k-datepicker > .k-picker-wrap:has(input:disabled), .k-datepicker .k-picker-wrap:has(.k-input:read-only),.k-combobox .k-dropdown-wrap:has(.k-input:read-only) {
    background: none;
    box-shadow: none;
}

.k-combobox .k-dropdown-wrap:has(.k-input:read-only){
    border-color:rgba(0, 21, 49, 0.1);
}

.k-combobox .k-dropdown-wrap .k-input:read-only + span{
    background: rgba(0, 21, 49, 0.1);
}

.k-datepicker > .k-picker-wrap.k-state-disabled, .k-combobox > .k-dropdown-wrap.k-state-disabled {
    background: none !important;
    box-shadow: none !important;
}

.k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down {
    border-radius: 6px;
    padding-bottom: 0;
}

.k-dropdown-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-input {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.dropdown-list .k-combobox {
    width: 100%;
}

.k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-hover{
    border: 1px solid #28CC82;
    outline: 1px solid #28CC82;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.input-with-icon:has(.k-widget.k-state-hover) {
    border: 1px solid #28CC82;
    outline: 1px solid #28CC82;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.input-with-icon:has(.k-widget.k-state-hover .k-input:disabled) {
    outline: none;
    box-shadow: none;
}

.k-dropdown-wrap:has(.k-input:focus),
.k-datepicker .k-picker-wrap:has(.k-input:focus),
.input-with-icon:has(.k-widget.k-state-focused), .input-with-icon:has(.k-widget .k-input:focus) {
    border: 1px solid #28CC82;
    outline: 2px solid #28CC82;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
}

.k-datepicker .k-picker-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused {
    border: 1px solid #28CC82;
    outline: 2px solid #28CC82;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
}

.dropdown-list .k-combobox .k-select {
    border-style: none;
}

.k-animation-container li.k-state-hover, .k-animation-container li.k-state-selected {
    background: #D5E3FB !important;
    color: #001E41;
}

.k-animation-container li {
    padding-left: 5px;
    padding-right: 5px;
    color:#001E41;
}

.k-picker-wrap .k-select{
    border-left:none;
}

.inputs-readonly-text input[type="text"]:read-only {
    font-size: 13px;
    color: #001E41;
    border: none;
    background: none;
    padding: 0 0 0 2px;
    line-height: 17px;
    height: unset;
    box-shadow: none;
}

.inputs-readonly-text input[type="text"]:read-only:focus,
.inputs-readonly-text input.input-validation-error[type="text"]:read-only {
    outline: none !important;
    border: none !important;
    box-shadow:none !important;
}

.k-state-disabled {
    background: rgba(0, 21, 49, 0.1);
    opacity: 1;
}

.k-state-disabled .k-select{
    background: rgba(0, 21, 49, 0.1);
}

.label-for-required:after {
    content: "\00a0*";
    color: #E61631;
    font-weight: 600;
}

.label-legend:before {
    content: "*\00a0";
    color: #E61631;
    font-weight: 600;
}

.btn-primary {
    background: #45EB9B;
    color: #0D4228;
}

.btn-secondary {
    background: #fff;
    color: #001E41;
}

.btn-primary, .btn-secondary, .btn-light {
    display: flex;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 180%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10.5px 12px;
    gap: 10px;
    min-height: 48px !important;
    height:48px;
    max-height: max-content;
    border:0;
}

.btn-light {
    color: #001E41;
    border: 1px solid rgba(0, 30, 65, 0.4);
    background: transparent;
}

.btn-light:hover {
    border: 1px solid #0077CC;
    outline: 1px solid #0077CC;
}

.btn-light:active {
    background: #D2FEE2;
    border: 1px solid #24B070 !important;
}

.btn-light:focus {
    border: 1px solid #0077CC;
}

.btn-light:disabled {
    background:#F4F4F4;
    color:#B3B3B3;
    border: 1px solid #F4F4F4 !important;
    outline:none;
    cursor: default;
}

.btn-primary:hover {
    color: #EFF4FD;
    background: #165E3B;
}

.btn-primary:active{
    background: #0D4228;
    color: #EFF4FD;
}

.btn-primary:focus {
    background: #165E3B;
    box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 5px #24B070;
    color: #EFF4FD;
}

.btn-primary:disabled {
    border: 1px solid #B9D2F9;
    background: #EFF4FD;
    color: #B9D2F9;
    cursor: default;
}

.btn-secondary:hover {
    background: #D2FEE2;
    color: #0D4228;
}

.btn-secondary:active{
     background:#94F6BE;
     color: #0D4228;
}

.btn-secondary:focus {
    background: #D2FEE2;
    box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 5px #24B070;
    color: #0D4228;
}

.btn-secondary:disabled {
    background: #EFF4FD;
    color: #0D4228;
}

.btn-icon{
    border:none;
    background:none;
    cursor:pointer;
}

.field-validation-error {
    display: block;
    box-shadow: 0px 4px 8px rgba(255, 149, 154, 0.5);
    border-radius: 0px 0px 8px 8px;
    color: #E61631;
    font-size: 14px;
    line-height: 180%;
    background: #FFF0F1;
    padding:12px;
}

.checkbox-align-with-input {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    padding-top: 10px;
}

.btn-from-radio {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #fff;
    width: max-content;
    height: max-content;
    border-radius: 8px;
    padding: 4px;
    border: 1px solid #DCE2EF;
}

.btn-from-radio input[type="radio"] {
    appearance: none;
    display: none;
}

.btn-from-radio label {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: inherit;
    width: max-content;
    height: 28px;
    text-align: center;
    border-radius: 6px;
    overflow: hidden;
    transition: linear 0.3s;
    color: #005495;
    padding: 4px 8px 4px 8px;
    margin-right:4px;
    cursor:pointer;
}

.btn-from-radio label:last-of-type{
    margin-right:0px;
}

.btn-from-radio input[type="radio"]:checked + label {
    background-color: #005495;
    color: #fff;
    transition: 0.3s;
}

@media(max-width:768px){
    .btn-primary, .btn-secondary, .btn-light{
        line-height:115%;
    }
}

/* inputy - end */
        /* bootstrap - begin */
        * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.my-row::after {
    content: "";
    clear: both;
    display: table;
}

.my-col-20-percent {
    width: 20%;
}

.my-col-23-percent {
    width: 23%;
}

[class^="my-col-"] {
    float: left;
    padding: 0 5px 16px 5px;
}

.my-col-1 {width: 8.33%;}
.my-col-2 {width: 16.66%;}
.my-col-3 {width: 25%;}
.my-col-3and5tenth { width: 29.16%;}
.my-col-4 {width: 33.33%;}
.my-col-5 {width: 41.66%;}
.my-col-6 {width: 50%;}
.my-col-7 {width: 58.33%;}
.my-col-8 {width: 66.66%;}
.my-col-9 {width: 75%;}
.my-col-10 {width: 83.33%;}
.my-col-11 {width: 91.66%;}
.my-col-12 {width: 100%;}

.my-col-1-offset {margin-left: 8.33%;}
.my-col-2-offset {margin-left: 16.66%;}
.my-col-3-offset {margin-left: 25%;}
.my-col-4-offset {margin-left: 33.33%;}
.my-col-5-offset {margin-left: 41.66%;}
.my-col-6-offset{margin-left: 50%;}
.my-col-7-offset {margin-left: 58.33%;}
.my-col-8-offset {margin-left: 66.66%;}
.my-col-9-offset {margin-left: 75%;}
.my-col-10-offset {margin-left: 83.33%;}
.my-col-11-offset {margin-left: 91.66%;}
.my-col-12-offset {margin-left: 100%;}

@media(max-width:480px){
    [class^="my-col-"] {
        width: 100%;
        display: block;
    }
    
  .my-col-sm-1 { width: 8.33%; }
  .my-col-sm-2 { width: 16.66%; }
  .my-col-sm-3 { width: 25%; }
  .my-col-sm-4 { width: 33.33%; }
  .my-col-sm-5 { width: 41.66%; }
  .my-col-sm-6 { width: 50%; }
  .my-col-sm-7 { width: 58.33%; }
  .my-col-sm-8 { width: 66.66%; }
  .my-col-sm-9 { width: 75%; }
  .my-col-sm-10 { width: 83.33%; }
  .my-col-sm-11 { width: 91.66%; }
  .my-col-sm-12 { width: 100%; }


  .my-col-1-offset {margin-left:0;}
  .my-col-2-offset {margin-left: 0;}
  .my-col-3-offset {margin-left: 0;}
  .my-col-4-offset {margin-left: 0;}
  .my-col-5-offset {margin-left: 0;}
  .my-col-6-offset{margin-left: 0;}
  .my-col-7-offset {margin-left: 0;}
  .my-col-8-offset {margin-left: 0;}
  .my-col-9-offset {margin-left: 0;}
  .my-col-10-offset {margin-left: 0;}
  .my-col-11-offset {margin-left: 0;}
  .my-col-12-offset {margin-left: 0;}

}

@media (min-width: 480px) and (max-width: 768px) {
  .my-col-md-1 { width: 8.33%; }
  .my-col-md-2 { width: 16.66%; }
  .my-col-md-3 { width: 25%; }
  .my-col-md-4 { width: 33.33%; }
  .my-col-md-5 { width: 41.66%; }
  .my-col-md-6 { width: 50%; }
  .my-col-md-7 { width: 58.33%; }
  .my-col-md-8 { width: 66.66%; }
  .my-col-md-9 { width: 75%; }
  .my-col-md-10 { width: 83.33%; }
  .my-col-md-11 { width: 91.66%; }
  .my-col-md-12 { width: 100%; }
}

@media (min-width: 769px) and (max-width: 1079px) {
  .my-col-mdlg-1 { width: 8.33%; }
  .my-col-mdlg-2 { width: 16.66%; }
  .my-col-mdlg-3 { width: 25%; }
  .my-col-mdlg-4 { width: 33.33%; }
  .my-col-mdlg-5 { width: 41.66%; }
  .my-col-mdlg-6 { width: 50%; }
  .my-col-mdlg-7 { width: 58.33%; }
  .my-col-mdlg-8 { width: 66.66%; }
  .my-col-mdlg-9 { width: 75%; }
  .my-col-mdlg-10 { width: 83.33%; }
  .my-col-mdlg-11 { width: 91.66%; }
  .my-col-mdlg-12 { width: 100%; }
}

.dropdown-menu {
  position: absolute;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  cursor:pointer;
}
.dropdown-menu > li:not(.disabled) > a:hover,
.dropdown-menu > li:not(.disabled) > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > li.disabled *{
    color: #e5e7ea;
    cursor:not-allowed;
}

.pull-right {
    float: right !important;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropdown-menu.show {
    display: block;
}

.dropdown {
    position: relative;
    display: inline-block;
}

/* bootstrap - end*/

/* modal - start*/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}

.modal-active {
  opacity: 1;
  visibility: visible;
}

.modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  max-height: calc(100vh - 64px);
  max-width: calc(100vw - 32px);
  overflow: auto;
}

@media(max-width:480px){
    .modal-dialog {
        max-height: calc(100vh - 32px);
        max-width: calc(100vw - 16px);
    }
}

.modal-content-container {
    background: #EFF4FD;
    width:500px;
    padding:24px;
}

.modal-content-header {
    background: #D5E3FB;
    margin:-24px -24px 24px -24px;
    padding:24px 16px 16px 24px;
    display: grid;
    grid-template-columns:1fr 20px;
}

.modal-content-header a, .modal-with-table-content-header a{
    cursor: pointer;
}

.modal-content-footer {
    margin-top:16px;
    display: flex;
    justify-content: flex-end;
    gap:8px;
}

.modal-headline {
    font-weight: 600;
    font-size: 16px;
    line-height: 180%;
    margin: 0;
    color: #001531;
}

.modal-subheadline {
    font-size: 16px;
    font-weight: 700;
    line-height:24px;
}

.modal-text {
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #7B8DB3;
}

/* modal - send */

/* modal s tabulkou - start */

.modal-with-table-headline {
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: #001E41;
    margin:0;
}

.modal-with-table-content-container {
    padding: 16px;
    border-radius: 8px;
}

.modal-with-table-content-header {
    background: #EFF4FD;
    margin: -16px -16px 0px -16px;
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr 20px;
    border-radius:8px 8px 0 0;
}

.modal-with-table-content-footer {
    margin-top: 16px;
    display: flex;
    justify-content:space-between;
}

/* modal s tabulkou - end */

/* zmena loadingu gridu */
.k-loading-image {
    background-image: url('../Images/loading-image.gif');
}
/**/
/* alerty - begin */

.alerts-container {
    right: 0;
    position: absolute;
    z-index: 999;
    min-width: 320px;
    max-width: max-content;
    display: flex;
    flex-direction: column;
    height:0;
}

.alert {
    min-width: 320px;
    max-width: 400px;
    margin: 0px 24px 0 24px;
    padding: 12px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

@media (max-width:480px) {
    .alert {
        max-width: 320px;
    }
}

@media (max-width:350px) {
    .alert {
        max-width: 250px;
        min-width: 200px;
    }
}

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

.alert-danger {
    background: #B91C1C;
    color:#fff;
}

.alert-warning {
    background: #EAB308;
    color: #0B1C2F;
}

.alert-success {
    background: #16A34A;
    color: #fff;
}

.form-alert-warning {
    display: flex;
    gap: 5px;
    border-radius: 6px;
    background: #FFF1EB;
    border: 1px solid #FFDBCA;
    color: #001E41;
    
    height: min-content;
    width: 100%;
    padding: 8px 5px 8px 5px;
    border-radius: 8px;
    font-size:12px;
}

.form-alert-warning-large {
    display: flex;
    gap: 5px;
    border-radius: 6px;
    background: #FFF1EB;
    border: 1px solid #FFDBCA;
    color: #001E41;
    height: min-content;
    width: 100%;
    padding: 8px 5px 8px 5px;
    border-radius: 8px;
    font-size: 14px;
}

.form-alert-warning strong{
    font-weight:600;
}

/* alerty - end */

/* cenik - begin */

.cenik-headline-flex{
    display:flex;
}

.sazebnik-typ {
    align-self: end;
    margin-left: 16px;
}

.sazebnik-typ div {
    border: 1px solid #B9D2F9;
    border-radius: 20px;
    text-align: center;
    width: 100px;
    color: #001E41;
    font-weight: 600;
    line-height: 115%;
    font-size: 12px;
    background: #fff !important;
    height: 26px;
    margin-bottom: 18px;
    padding: 6px 0;
}

@media(max-width:480px){
    .sazebnik-typ div{
        margin-bottom:12px;
    }
}

.cenik {
    font-size: 14px;
}

.cenik .form-container-header {
    font-size:16px;
    display: grid;
    grid-template-columns: auto max-content;
    align-items:center;
    padding-top:16px;
    padding-bottom:16px;
}

.cenik > .my-row:not(.form-container-header) {
    border-bottom: 1px solid #DCE2EF;
    margin: 0 -16px;
    padding: 10px 10px;
}

.cenik > .my-row:not(.form-container-header) > *{
    padding-bottom:0;
}

.cenik > .my-row:not(.form-container-header) > div {
    color: #005495;
}

/* cenik - end */

.form-medium-header {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px !important;
    color: #005495 !important;
    margin-left: 5px;
    display: block;
}

.form-small-header {
    font-size: 14px !important;
    color: #005495 !important;
}

.form-header {
    font-weight: 700;
    font-size: 24px !important;
    line-height: 130% !important;
    color: #005495 !important;
    font-family: 'Avantt TRIAL';
    font-style: normal;
}

@media(max-width:480px){
    .form-header{
        font-size: 20px !important;
    }
}

/* progress bar - begin */

.progress-bar-container{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.progress-circular {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: conic-gradient(#d6dcfc 0deg, var(--hlavni-barva)  0deg);
    justify-content: center;
    display: flex;
    align-items: center;
}

.progress-circular::after {
   position:absolute;
   content:'';
   width:130px;
   height:130px;
   border-radius:50%;
   background:#fff;
}

.progress-circular .value{
    font-size:30px;
    font-weight:500;
    color: var(--hlavni-barva);
    z-index:9;
}

.progress-circular-complete {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    justify-content: center;
    display: flex;
    color: #45EB9B;
    background-color: white;
}

/* progress bar - end */

/* ohraničení mezi buňkami - begin */

.prehled-detail-grid-container {
    display: grid;
    grid-gap: 1px;
    background-color: #B9D2F9;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top: 1px solid #B9D2F9;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.prehled-detail-grid-container > div {
    background: #EFF4FD;
    padding-left: 5px;
    padding-bottom: 5px;
}

.prehled-obchodu-grid-layout {
    grid-template-areas:
        "VS VS cislo cislo typ typ transakce transakce zalozeno zalozeno stav stav"
        "menaP kurz kurz kurz menaN zadano zadano zadano vyporadano vyporadano vyporadano vyporadano"
        "cprodej cprodej cnakup cnakup zrusenoden zrusenoden zrusenoden zrusenoden vyporadanoden vyporadanoden vyporadanoden vyporadanoden"
}

.sprava-objednavek-grid-layout {
    grid-template-areas:
        "typ typ typ typsmeny typsmeny typsmeny zalozeno zalozeno stav stav stav stav"
        "menaP kurz kurz menaN zadano zadano vyporadano vyporadano vyporadano platnost platnost platnost"
        "castkaP castkaP castkaP castkaP castkaN castkaN castkaN castkaN vyporadanoden vyporadanoden vyporadanoden vyporadanoden"
}

.prehled-objednavek-grid-layout {
    grid-template-areas:
        "typ typ typsmeny typsmeny zalozeno zalozeno stav stav vyporadano vyporadano vyporadano vyporadano"
        "menaP kurz kurz kurz menaN zadano zadano zadano zruseno zruseno zruseno zruseno"
        "castkaP castkaP castkaP castkaP castkaN castkaN castkaN castkaN vyporadanoden vyporadanoden vyporadanoden vyporadanoden"
}

.prehled-bank-spoj-grid-layout {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "ucet banka swift ipu";
}

.prehled-bank-spoj-grid-border-bottom {
    border-radius: 0;
    border-bottom: 1px solid #B9D2F9;
}

.partner-op-detail {
    grid-template-areas:
        "partner partner partner partner banka banka banka banka swift swift swift swift"
        "ucet ucet ucet ucet cu cu cu iban iban iban mena mena";
    border-radius: 0;
    border-bottom: 1px solid #B9D2F9;
}

.partner-pp-detail {
    grid-template-areas:
        "partner partner partner mena mena partnerStat partnerStat banka banka banka bankaStat bankaStat";
    border-radius: 0;
    border-bottom: 1px solid #B9D2F9;
}

.partner-ip-detail {
    grid-template-areas:
        "partner partner partner mena ipu ipu ipu banka banka banka bankaStat bankaStat";
    border-radius: 0;
    border-bottom: 1px solid #B9D2F9;
}

.prehled-prikazu-z-ipu-detail {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "zadano vyporadano vs castka mena ipu stav";
    border-radius: 0;
    border-bottom: 1px solid #B9D2F9;
}

.prehled-detail-partner {
    grid-template-columns: 1fr 1fr 1fr;
}

.prehled-detail-ucet {
    grid-template-columns: 1fr 1fr;
}

.prehled-trvalych-prikazu-detail {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "nazev mena castka perioda zpusobPlatby duvod"
        "zadano prvniPlatba posledniZmena platnost platebniTitul vs";
    border-radius: 0;
    border-bottom: 1px solid #B9D2F9;
}

.border-radius-bottom-left {
    border-bottom-left-radius: 8px;
}

.border-radius-bottom-right{
    border-bottom-right-radius: 8px;
}

.border-radius-bottom-left-desktop-and-tablet {
    border-bottom-left-radius: 8px;
}

.border-radius-bottom-right-desktop-and-tablet {
    border-bottom-right-radius: 8px;
}

.prikaz-ipu-partner-detail {
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 8px;
    grid-template-areas: "nazev nazev nazev nazev nazev kod  iban iban iban iban iban ucet ucet ucet"
        "banka banka banka banka banka bankaKod swift swift bankaKody bankaKody bankaAdresa bankaAdresa bankaAdresa bankaAdresa";
    background-color: #82B6F8;
    display: grid;
    grid-gap: 1px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border: 1px solid #82B6F8;
}

.prikaz-ipu-partner-detail > div {
    background: #ffffff;
    padding-left: 5px;
    padding-bottom: 5px;
}

.prikaz-ipu-partner-detail label {
    font-size: 10px;
    line-height: 12px;
    color: #005495;
}

.prehled-prikazu-rozs-layout {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "titul titul poplatky poplatky mena zpusob";
    border-radius: 0;
    border-bottom: 1px solid #B9D2F9;
}

@media(min-width:768px) {
    .border-radius-bottom-left-desktop {
        border-bottom-left-radius: 8px;
    }

    .border-radius-bottom-right-desktop {
        border-bottom-right-radius: 8px;
    }

    .border-radius-top-left-desktop {
        border-top-left-radius: 8px;
    }

    .border-radius-top-right-desktop {
        border-top-right-radius: 8px;
    }
}

@media(min-width:480px) and (max-width:768px) {
    .prehled-detail-grid-container, .prikaz-ipu-partner-detail {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .prehled-obchodu-grid-layout {
        grid-template-areas:
            "VS VS cislo cislo typ typ"
            "transakce transakce zalozeno zalozeno stav stav"
            "menaP kurz kurz kurz kurz menaN"
            "zadano zadano zadano vyporadano vyporadano vyporadano"
            "cprodej cprodej  cnakup cnakup  vyporadanoden vyporadanoden"
            "zrusenoden zrusenoden zrusenoden zrusenoden zrusenoden zrusenoden"
    }

    .sprava-objednavek-grid-layout {
        grid-template-areas:
            "typ typ typsmeny typsmeny zalozeno zalozeno"
            "menaP kurz kurz kurz kurz menaN"
            "zadano zadano zadano vyporadano vyporadano vyporadano"
            "platnost platnost platnost stav stav stav "
            "castkaP castkaP castkaN castkaN vyporadanoden vyporadanoden"
    }

    .prehled-objednavek-grid-layout {
        grid-template-areas:
            "typ typ typsmeny typsmeny zalozeno zalozeno"
            "stav stav stav vyporadano vyporadano vyporadano"
            "menaP kurz kurz kurz kurz menaN"
            "zadano zadano zadano zruseno zruseno zruseno"
            "castkaP castkaP castkaN castkaN vyporadanoden vyporadanoden"
    }

    .prehled-bank-spoj-grid-layout {
        grid-template-columns: 1fr 1fr;
        margin-top: 10px;
        grid-template-areas: "ucet banka"
            "swift ipu";
    }

    .partner-op-detail {
        grid-template-areas:
            "partner partner partner banka banka banka"
            "swift swift swift ucet ucet ucet"
            "cu cu cu cu cu cu"
            "iban iban iban iban iban mena";
    }

    .partner-pp-detail {
        grid-template-areas:
            "partner partner partner partner mena mena"
            "partnerStat partnerStat banka banka bankaStat bankaStat";
    }

    .partner-ip-detail {
        grid-template-areas:
            "partner partner partner partner mena mena"
            "ipu ipu banka banka bankaStat bankaStat";
    }

    .prehled-prikazu-z-ipu-detail {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-areas: "zadano zadano zadano zadano vyporadano vyporadano vyporadano vyporadano vs vs vs vs"
            "castka castka castka  mena mena mena ipu ipu ipu stav stav stav";
    }

    .prehled-trvalych-prikazu-detail {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "nazev mena castka"
            "perioda zpusobPlatby duvod"
            "zadano prvniPlatba posledniZmena"
            "platnost platebniTitul vs";
    }

    .border-radius-bottom-left-tablet {
        border-bottom-left-radius: 8px;
    }

    .border-radius-bottom-right-tablet {
        border-bottom-right-radius: 8px;
    }

    .border-radius-top-left-tablet {
        border-top-left-radius: 8px;
    }

    .border-radius-top-right-tablet {
        border-top-right-radius: 8px;
    }

    .prikaz-ipu-partner-detail {
        grid-template-areas: "nazev nazev nazev nazev nazev kod"
            "iban iban iban ucet ucet ucet"
            "banka banka banka bankaKod swift swift"
            "bankaKody bankaKody bankaAdresa bankaAdresa bankaAdresa bankaAdresa";
    }

    .prehled-trvalych-prikazu-partner {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .prehled-trvalych-prikazu-ucet {
        grid-template-columns: 1fr 1fr;
    }

    .prehled-detail-partner {
        grid-template-columns: 1fr 1fr 1fr;
    }

}

@media(max-width:480px) {
    .prehled-detail-grid-container, .prikaz-ipu-partner-detail {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .prehled-obchodu-grid-layout {
        grid-template-areas:
            "VS VS VS cislo cislo cislo"
            "typ typ typ transakce transakce transakce"
            "zalozeno zalozeno zalozeno stav stav stav"
            "menaP menaP kurz kurz menaN menaN"
            "zadano zadano zadano zadano zadano zadano"
            "vyporadano vyporadano vyporadano vyporadano vyporadano vyporadano"
            "cprodej cprodej cprodej cnakup cnakup cnakup"
            "vyporadanoden vyporadanoden vyporadanoden vyporadanoden vyporadanoden vyporadanoden"
            "zrusenoden zrusenoden zrusenoden zrusenoden zrusenoden zrusenoden"
    }

    .prehled-objednavek-grid-layout {
        grid-template-areas:
            "typ typ typsmeny typsmeny zalozeno zalozeno"
            "stav stav stav vyporadano vyporadano vyporadano"
            "menaP kurz kurz kurz kurz menaN"
            "zadano zadano zadano zruseno zruseno zruseno"
            "castkaP castkaP castkaN castkaN vyporadanoden vyporadanoden"
    }

    .prehled-prikazu-z-ipu-detail {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "zadano zadano"
            "vyporadano vyporadano"
            "vs vs"
            "castka mena"
            "ipu stav";
    }

    .prehled-trvalych-prikazu-detail {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "nazev nazev"
            "mena castka"
            "perioda zpusobPlatby"
            "duvod duvod"
            "zadano zadano"
            "prvniPlatba prvniPlatba"
            "posledniZmena posledniZmena"
            "platnost platnost"
            "platebniTitul vs";
    }

    .sprava-objednavek-grid-layout {
        grid-template-areas:
            "typ typ typ typsmeny typsmeny typsmeny"
            "zalozeno zalozeno zalozeno zalozeno zalozeno zalozeno"
            "kurz kurz menaP menaP menaN menaN"
            "zadano zadano zadano vyporadano vyporadano vyporadano"
            "platnost platnost platnost stav stav stav "
            "castkaP castkaP castkaP castkaN castkaN castkaN"
            "vyporadanoden vyporadanoden vyporadanoden vyporadanoden vyporadanoden vyporadanoden"
    }

    .hidden-sm {
        display: none;
    }

    .prehled-bank-spoj-grid-layout {
        grid-template-columns: 1fr;
        grid-template-areas:"ucet" "banka" "swift" "ipu";
    }

    .partner-op-detail {
        grid-template-areas:
            "partner partner partner banka banka banka"
            "swift swift swift swift swift swift"
            "ucet ucet ucet ucet ucet ucet"
            "ACZBanka ACZBanka ACZBanka ACZBanka ACZBanka ACZBanka"
            "cu cu cu cu cu cu"
            "iban iban iban iban iban mena";
    }

    .partner-pp-detail {
        grid-template-areas:
            "partner partner partner partner partner mena"
            "partnerStat banka banka banka banka bankaStat";
    }

    .partner-ip-detail {
        grid-template-areas:
            "partner partner partner partner partner mena"
            "ipu ipu ipu ipu ipu ipu"
            "banka banka banka banka banka bankaStat";
    }

    .border-radius-bottom-left-desktop-and-tablet {
        border-bottom-left-radius: 0;
    }

    .border-radius-bottom-right-desktop-and-tablet {
        border-bottom-right-radius: 0;
    }

    .prikaz-ipu-partner-detail {
        grid-template-areas: "nazev nazev nazev nazev nazev kod"
            "iban iban iban iban iban iban"
            "ucet ucet ucet ucet ucet ucet"
            "banka banka bankaKod bankaKod swift swift"
            "bankaKody bankaKody bankaKody bankaKody  bankaKody bankaKody"
            "bankaAdresa bankaAdresa bankaAdresa bankaAdresa bankaAdresa bankaAdresa";
    }

    .prehled-prikazu-rozs-layout {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-areas: "titul titul titul poplatky poplatky poplatky"
            "mena mena mena zpusob zpusob zpusob";
    }

    .prehled-detail-partner {
        grid-template-columns: 1fr;
    }

    .prehled-trvalych-prikazu-partner, .prehled-trvalych-prikazu-ucet {
        grid-template-columns: 1fr;
    }

    .border-radius-bottom-left-mobile {
        border-bottom-left-radius: 8px;
    }

    .border-radius-bottom-right-mobile {
        border-bottom-right-radius: 8px;
    }

    .border-radius-top-left-mobile {
        border-top-left-radius: 8px;
    }

    .border-radius-top-right-mobile {
        border-top-right-radius: 8px;
    }
}

.ipu-partner-CU-grid {
    display: grid;
    grid-template-columns: 1fr 15px 1fr;
    align-items:end;
}

.ipu-partner-CU-grid:has(.input-validation-error){
    align-items: baseline;
}

.ipu-partner-CU-grid > span {
    justify-self: center;
    align-self: center;
    margin-top: 20px;
}

.two-factor-ul{
    padding-left:25px;
}

.two-factor-ul li, .two-factor-text {
    line-height:180%;
    font-size:16px;
}

.two-factor-header {
    font-size: 24px;
    line-height: 130%;
    margin:0;
}

.flag-currency-container {
    position: relative;
}

.flag-currency-container > .flag-img {
    position: absolute;
    top: 14px;
    left: 16px;
}

.flag-currency-container > .flag-currency input {
    text-indent: 43px;
}

@media(max-width:480px){
    #addPrikaz{
        width:100%;
    }
}

.title-with-label-legend-grid {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.title-with-icon-grid {
    display: grid;
    grid-template-columns: auto max-content;
    align-items: center;
}

.title-with-button-partner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 15px;
    gap:16px;
}

@media(max-width:480px){
    .title-with-button-partner > *{
        width:100%;
    }
}

.a-icon {
    color: #001E41;
    margin-right:8px;
}

.hideAlertAfter6Seconds {
    animation: hideAnimation 1s ease-in 6s;
    animation-fill-mode: forwards;
}

@keyframes hideAnimation {
    0% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    99% {
        padding: 12px;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.align-to-bottom {
    display: flex;
    align-items: end;
    flex-wrap:wrap;
}

.align-to-bottom:has(.field-validation-error) {
    align-items: start !important;
}

.align-to-bottom-validate-errors {
    align-items: start !important;
}

.export-dat-header-container {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    column-gap: 15px;
}

.tooltip {
    display: none;
    text-decoration: none;
    position: absolute;
    background: #001531;
    color: #EFF4FD;
    padding: 8px 16px 8px 16px;
    border-radius: 12px;
    border: 1px solid #003A6A;
    z-index:999;
}

.tile-button:hover .tooltip, .timeToLogout:hover .tooltip {
    display: block;
    position: fixed;
    overflow: hidden;
}

.timeToLogout:hover .tooltip {
    right:0;
}

.flex10gap {
    display: flex;
    gap: 10px;
}

.info-alert2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    gap: 24px;
    border: 1px solid  #B9D2F9;
    background: #D5E3FB;
    border-radius: 8px;
    margin: 0 0 10px 0;
}

.info-alert2 > p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #001531;
}

.modal-error {
    border-radius: 6px;
    border: 1px solid #FFC1C3;
    background: #FFF0F1;
    padding: 16px;
    color:  #E61631;

    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    margin-bottom:10px;
}

/* error Page */

.error-site-body {
    background: #fff;
}

.error-site-top-panel {
    display: flex;
    padding: 40px;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

@media(max-width:1200px){
    .error-site-top-panel{
        justify-content:center;
    }
}

.error-numbers {
    display: flex;
    list-style: none;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
    padding-left:0;
    min-width:600px;
}

.error-numbers * {
    color: #001E41;
    text-align: right;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.error-lang {
    max-width: 320px;
    width: 100%;
}

.error-site-content-container {
    margin-top:150px;
}

.error-site-content {
    margin: auto;
    width: max-content;
    position: relative;
}

.error-site-main-text {
    color: #003A6A;
    font-variant-numeric: lining-nums tabular-nums;
    text-shadow: -6px 4px 0px rgba(0, 58, 106, 0.25);
    font-family: Avantt TRIAL;
    font-size: 192px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -3.84px;
    position: absolute;
    left: 150px;
    top: 0;
}

.error-site-info {
    color: #001E41;
    text-align: center;
    font-variant-numeric: lining-nums tabular-nums;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.error-site-info a{
    text-decoration:underline;
    color: #001E41;
}

.error-site-info-container {
    bottom: 0;
    position: absolute;
    width: 100%;
    text-align: center;
}

.error-site-body .aczlogo {
    min-width: 200px;
    margin-right: 20px;
}

@media(max-width:700px) {
    .error-site-body .aczlogo {
        margin-right: 0px;
    }

    .error-numbers{
        min-width:auto;
    }
}

@media(max-width:530px){
    .server-with-cable{
        width:230px;
        margin-top:-100px;
    }

    .error-site-main-text{
        left:70px;
        font-size:70px;
        top:-4px;
    }

    .error-site-content-container {
        margin-top: 100px;
    }
}

.k-weekend {
    background: #ebebeb;
    border-radius: 0 !important;
}

.k-weekend:hover {
    background: #ebebeb;
}

.disabledBorder {
    border-color: rgba(0, 21, 49, 0.1) !important;
}

.disabledBorder .k-widget .k-dropdown-wrap:before {
    content: "" !important;
    padding-bottom:0!important;
}

.checkbox-label-long-text-bigger-height{
    height:49px;
    width:auto !important;
}

@media(max-width:768px) {
    .checkbox-label-long-text-bigger-height {
        height: auto;
        width: auto !important;
    }
}

.smart-key-informations td{
    padding: 0 10px 0 0;
}

.smart-key-informations b{
    font-weight:600;
}

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

.app-icons {
    display: flex;
    align-items: center;
}

.vertical {
    width: 300px;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.android {
    width: 150px;
}

.apple {
    width: 164px;
}

#clipboard-btn {
    width: 100%;
}

.timeToLogout {
    border: 1px solid white;
    padding: 5px;
    border-radius: 6px;
}

.timeToLogout p {
    min-width: 38px;
    text-align: center;
}

.timeToLogout .tooltip {
    font-size: 13px;
}

.qr-container-auth-change {
    display: flex; 
    flex-direction: column;
}

#KeyQrCode {
    width: 200px; 
    margin: 0 auto; 
    align-self: center
}

.qrLogin {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    gap: 10px;
    padding: 10px;
    border: 1px solid #D5E3FB;
    border-radius: 10px;
    margin-bottom: 5px;
}

.qrLoginRefresh {
    background-color: #D5E3FB;
    width: 150px;
    height: 150px;
    min-width: 150px;
    min-height: 150px;
    margin: 0 auto;
    cursor: pointer;
    color: #0a4d85;
    align-content: center;
    text-align: center;
}

#qrLoginImage {
    width: 150px;
    height: 150px;
    min-width: 150px;
    min-height: 150px;
    background-color: #D5E3FB;
    align-self: center;
}

.qrLoginTextArea {
    margin: 5px;
}

.qrLoginText {
    margin: 5px;
    font-size: 14px;
}

@media(max-width:530px){
    .qrLogin {
        display: flex;
        flex-flow: column nowrap;
        align-items: stretch;
        gap: 10px;
        padding: 10px;
        border: 1px solid #D5E3FB;
        border-radius: 10px;
        margin-bottom: 5px;
    }

    #qrLoginImage {
        width: 150px;
        height: 150px;
        min-width: 150px;
        min-height: 150px;
        background-color: #D5E3FB;
        margin-left: auto;
        margin-right: auto;
    }
}

#surveyContainer .sd-btn {
    background: #45EB9B;
    color: #0D4228 ;
    border: 0;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    box-shadow: none;
    padding: 10.5px 12px;
    min-height: 48px;
}

#surveyContainer .sd-btn:hover {
    color: #EFF4FD;
    background: #165E3B;
}

#surveyContainer .sd-btn:active {
    color: #EFF4FD;
    background: #0D4228;
}

#surveyContainer .sd-btn:focus {
    background: #165E3B;
    box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 5px #24B070;
    color: #EFF4FD;
}

#surveyContainer .sd-checkbox__decorator {
    box-shadow: none;
    border: 2px solid #82B6F8;
    border-radius: 4px;
}

#surveyContainer .sd-checkbox__decorator:hover, 
#surveyContainer .sd-radio__decorator:hover {
    border: 2px solid #479FF1;
}

#surveyContainer .sd-checkbox--checked .sd-checkbox__svg use {
    fill: #FFFFFF;
}

#surveyContainer .sd-checkbox--checked .sd-checkbox__decorator,
#surveyContainer .sd-radio--checked .sd-radio__decorator {
    background: #28CC82;
    border-color: #28CC82;
}

#surveyContainer .sd-checkbox__control:focus + .sd-checkbox__decorator {
    outline: 2px solid #28CC82;
    outline-offset: 1px;
}

#surveyContainer .sd-radio__decorator {
    box-shadow: none;
    border: 2px solid #82B6F8;
}

#surveyContainer .sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator {
    outline: 2px solid #238455;
    outline-offset: 1px;
    background-color: #238455;
    border-color: #238455;
}

#surveyContainer .sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
    background-color: #fff;
}

#surveyContainer .sd-page__title {
    color: #005495;
    font-size: 25px;
    line-height: 130%;
    font-family: 'Avantt TRIAL';
    font-weight: 700;
}

#surveyContainer .sd-row{
    margin-top: 15px;
}

#surveyContainer .sd-item{
    padding: 6px 0px;
}

#surveyContainer .sd-footer {
    padding-top: 32px;
}

.sd-completedpage:before {
    height: initial !important;
}

.focus-icon-container {
    display: inline-block;
    cursor: pointer;
}

.focus-icon-container label{
    display:inline !important;
}

.focus-icon-container .tooltip {
    cursor: pointer;
    margin-top: -30px;
    margin-left: 20px;
}

.tooltip-checkbox {
    display: none !important;
}

.tooltip-checkbox:checked + .tooltip {
    display: block;
    overflow: hidden;
}

.focus-icon {
    cursor: pointer;
    margin-bottom: -3px;
}

.grey-text {
    color: #8e8e8e;
}

@media (min-width: 768px) {
    .urgent-express-align-container {
        display: flex;
        align-items: center;
        height: 100px;
        padding-bottom:0;
    }
}

.text-success {
    color: #198754 !important;
}