#app {
    height: 100vh;
    overflow: auto;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #e4ecf0;
}

#app-2 {
    height: 100vh;
    overflow: auto;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
    /* background: url("/storage/obrazky/pozadi.jpg") no-repeat center center fixed; */
    background-color: rgb(222, 230, 245);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

main {
    height: 80%;
}

html,
body {
    height: 100%;
    background-color: #333;
    margin: 0;
    padding: 0;
    position: relative;
    font-family: Raleway, sans-serif;
}

#slide {
    position: absolute;
    left: -100px;
    width: 100px;
    height: 100px;
    background: blue;
    transition: 1s;
}

.bg-custom {
    background-color: #014994 !important;
}

.navbar-nav a {
    color: #fff !important;
}

.navbar-nav.color-me a {
    color: #014994 !important;
}

.dropdown-menu {
    width: 100% !important;
    padding: 0;
    vertical-align: bottom;
}

.dropdown-menu a:hover {
    /* background-color: #014994 !important;
    color: #f58021 !important; */
}

.card {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    color: #014994 !important;
}

.card-header {
    background-color: rgb(1, 73, 148) !important;
    /* border-radius: 8px 8px 0px 0px !important; */
    color: #fff !important;
    font-size: 17px;
}

.card-header-table {
    background-color: rgb(1, 73, 148) !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: normal;
}

.card-row-fakturav-UHRAZENAA {
    color: darkgreen !important;

}


.fakturav-UHRAZENAA {
    color: darkgreen !important;

}

.card-row-fakturav-UHRAZENAA:hover {
    background-color: rgb(211, 211, 211) !important;
    transition-duration: 0.4s !important;
    color: darkgreen !important;

}

.card-row-fakturav-UHRAZENAN {
    color: darkred !important;
}

.fakturav-UHRAZENAN {
    color: darkred !important;

}

.card-row-fakturav-UHRAZENAN:hover {
    background-color: rgb(211, 211, 211) !important;
    transition-duration: 0.4s !important;
    color: darkred !important;
}

.card-row-table {
    background-color: #FFFFFF !important;
}

.card-row-table:hover {
    background-color: rgb(211, 211, 211) !important;
    transition-duration: 0.4s !important;
    color: #FFFFFF !important;
}

/* .card-row-table-red {
    background-color: #d1001c !important;
}

.card-row-table-red:hover {
    background-color: #660000 !important;
    transition-duration: 0.4s !important;
    color: #FFFFFF !important;
} */

.make-box-border {
    background-color: #8cc8f860;
    border-radius: 6px;
    border: 1px solid grey;
    box-shadow: 2px 2px 5px grey;
    -webkit-box-shadow: 2px 2px 5px grey;
    -moz-box-shadow: 2px 2px 5px grey;
}

.row label {
    border-bottom: 1px solid #dee2e6 !important;
}


.photo-button {
    width: 5%;
    height: 10%;
    position: fixed;
    bottom: 1.5%;
    right: 1%;
    background: url("/storage/obrazky/circle.png") no-repeat center center;
    background-size: 100%;
    opacity: 0.9;
    border-radius: 100%;
}

.photo-button:active {
    opacity: 1;
}

.photo-button:hover {
    opacity: 1;
}

.fb-button {
    width: 3%;
    height: 6%;
    position: fixed;
    bottom: 3.3%;
    right: 7%;
    background: url("/storage/obrazky/fb.png") no-repeat center center;
    background-size: 100%;
    opacity: 0.8;
    border-radius: 100%;
}

.okoIkona {
    background: url("/storage/obrazky/okoIkona.png") no-repeat center center;
    background-size: 100%;
    opacity: 0.8;
    border-radius: 100%;
}

.material-design-icon.oranzovaHover:hover {
    color: rgb(245, 130, 33);
}

.fb-button:active {
    opacity: 1;
}

.bottom-row {
    height: 8.7% !important;
    position: absolute;
    bottom: 2%;
    width: 95%;
    right: 1.5%;
    font-size: 2vh;

    overflow: auto;
    background-color: #034891c0;
    border: 0px;

}

#slide {
    position: absolute;
    left: -100px;
    background: blue;
    transition: 1s;
}

.bottom-row span {
    color: #fff;
    height: 100%;
}

.hlavniTlacitko {
    background: linear-gradient(to bottom, #3195d3 5%, #52bbf0 100%);
    background-color: #3195d3;
    border-radius: 12px;
    border: 1px solid #59a0eb;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 25px;
    text-decoration: none;
    text-shadow: -1px 0px 2px #034891;
}

.hlavniTlacitko:hover {
    background: linear-gradient(to bottom, #52bbf0 5%, #3195d3 100%);
    background-color: #52bbf0;
    color: #ffffff;
    text-decoration: none;
}

.hlavniTlacitko:active {
    position: relative;
    top: 1px;
    text-decoration: none;
    color: #ffffff;
}

.sedeTlacitko {
    background: linear-gradient(to bottom, #5b6b75 5%, #8b8b8b 100%);
    background-color: #5b6b75;
    border-radius: 12px;
    border: 1px solid #8b8b8b;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 25px;
    text-decoration: none;
    text-shadow: -1px 0px 2px #45515f;
}

.sedeTlacitko:hover {
    background: linear-gradient(to bottom, #8b8b8b 5%, #5b6b75 100%);
    background-color: #5b6b75;
    color: #ffffff;
    text-decoration: none;
}

.sedeTlacitko:active {
    position: relative;
    top: 1px;
    text-decoration: none;
    color: #ffffff;
}

.potvrditTlacitko {
    background: linear-gradient(to bottom, #3bb85c 5%, #39db61 100%);
    background-color: #3bb85c;
    border-radius: 12px;
    border: 1px solid #299e46;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    font-family: Georgia;
    font-size: 16px;
    padding: 8px 25px;
    text-decoration: none;
    text-shadow: -1px 0px 2px #2f6627;
}

.potvrditTlacitko:hover {
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(to bottom, #39db61 5%, #3bb85c 100%);
    background-color: #39db61;
}

.potvrditTlacitko:active {
    text-decoration: none;
    color: #ffffff;
    position: relative;
    top: 1px;
}

.zrusitTlacitko {
    background: linear-gradient(to bottom, #f52c2c 5%, #c72e2e 100%);
    background-color: #f52c2c;
    border-radius: 12px;
    border: 1px solid #911f1f;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    font-family: Georgia;
    font-size: 16px;
    padding: 8px 25px;
    text-decoration: none;
    text-shadow: -1px 0px 2px #000000;
}

.zrusitTlacitko:hover {
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(to bottom, #c72e2e 5%, #f52c2c 100%);
    background-color: #c72e2e;
}

.zrusitTlacitko:active {
    text-decoration: none;
    color: #ffffff;
    position: relative;
    top: 1px;
}

.apexcharts-tooltip-text-label {
    display: none !important;
}

/*  AQUASERVIS */
/* NASTAVENÍ PRO MOBILY A TABLETY */
@media all and (max-width:683px) {

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

    .width-container-mm {
        width: 700px;
    }

    .custom-margin-logo {
        margin-left: 4%;
    }

    .footer-main-col {
        padding-right: 7em;
        padding-left: 7em;
        text-align: center;
        vertical-align: middle;
        box-sizing: inherit;
        min-height: 150px !important;
    }

    .aqua-logo {
        display: block;
        height: 80px;
        width: 200px;
        /* margin-left: 12%; */

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;

    }

    .aqua-logo-footer {
        display: block;
        height: 60px;
        width: 200px;

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo-footer:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;
    }

    .softbit-logo {
        display: block;
        height: 30px;
        width: 150px;

        background-image: url('/storage/obrazky/logo-softbit-oranzova.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo:hover {
        background-image: url('/storage/obrazky/logo-softbit.png');
        color: transparent;
    }

    .softbit-logo-footer {
        display: block;
        height: 120px;
        width: 200px;

        background-image: url('/storage/obrazky/logo-softbit-oranzova-footer.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo-footer:hover {
        background-image: url('/storage/obrazky/logo-softbit-footer.png');
        color: transparent;
    }

    .custom-width-footer {
        width: 100%;
    }

    .width-mobiles {
        width: 50% !important;

    }

    /* úprava rozložení containeru pro mobily */
    .container {
        max-width: 100% !important;
    }

    .no-border-mobile {
        border: none !important;
    }

    .width-mobile-navbar {
        width: 100% !important;
    }

    .custom-left-margin-mobile {
        margin-left: 0 !important;
    }

    .nav-custom-aqua-btn {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 190px; */
        /* width: 100% !important; */
        min-width: 150px !important;
        height: 50px;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 190px; */
        /* width: 100% !important; */
        /* height: 50px; */
        min-height: 50px;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }

    .nav-custom-aqua-btn:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }

}

@media all and (max-width:767px) {

    .justify-content-center-phones-only {
        justify-content: center;
    }

    .custom-intro-header {
        display: flex !important;
        justify-content: center !important;
    }

    .custom-intro-text {
        display: flex !important;
        justify-content: center !important;
    }


    .top-margin-mobile-only {
        margin-top: 0.5em !important;
    }

    .top-large-margin-mobile-only {
        margin-top: 1.0em !important;
    }

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

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

@media all and (min-width:684px) and (max-width:767px) {

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

    .width-container-mm {
        width: 700px;
    }

    .footer-main-col {
        padding-right: 7em;
        padding-left: 7em;
        text-align: center;
        vertical-align: middle;
        box-sizing: inherit;
        min-height: 150px !important;
    }

    .container {
        max-width: 100% !important;
    }

    .width-mobiles {
        width: 50% !important;
    }

    .no-border-mobile {
        border: none !important;
    }

    .width-mobile-navbar {
        width: 100% !important;
    }

    .custom-left-margin-mobile {
        margin-left: 0 !important;
    }

    .perx-10 {
        margin-right: 5% !important;
        margin-left: 5% !important;
    }

    .aqua-logo {
        display: block;
        height: 80px;
        width: 200px;
        /* margin-left: 12%; */

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;

    }

    .softbit-logo {
        display: block;
        height: 40px;
        width: 200px;
        /* margin-left: 12%; */

        background-image: url('/storage/obrazky/logo-softbit-oranzova.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo:hover {
        background-image: url('/storage/obrazky/logo-softbit.png');
        color: transparent;
    }


    .aqua-logo-footer {
        display: block;
        height: 60px;
        width: 200px;

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo-footer:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;
    }

    .softbit-logo-footer {
        display: block;
        height: 120px;
        width: 200px;

        background-image: url('/storage/obrazky/logo-softbit-oranzova-footer.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo-footer:hover {
        background-image: url('/storage/obrazky/logo-softbit-footer.png');
        color: transparent;
    }

    .custom-width-footer {
        width: 100%;
    }

    .nav-custom-aqua-btn {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 190px; */
        /* width: 100% !important; */
        /* height: 50px; */
        min-height: 50px;
        min-width: 150px !important;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 190px; */
        /* width: 100% !important; */
        /* height: 50px; */
        min-height: 50px;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }

    .nav-custom-aqua-btn:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }

}

@media all and (min-width:768px) and (max-width:1140px) {

    .border-label {
        border-bottom: 1px solid #dee2e6 !important;
        width: auto !important;
    }

    .width-container-mm {
        width: 700px;
    }

    .footer-main-col {
        padding-right: 3em;
        padding-left: 3em;
        text-align: center;
        vertical-align: middle;
        box-sizing: inherit;
        min-height: 220px !important;
    }

    .custom-width-footer {
        width: 100%;
    }

    .perx-10 {
        margin-right: 7% !important;
        margin-left: 7% !important;
    }

    .custom-margin-logo {
        margin-left: 13%;
    }

    .custom-margin-navbar {
        margin-right: 13%
    }

    .aqua-logo {
        display: block;
        height: 80px;
        width: 200px;
        /* margin-left: 20%; */
        /* padding-left: 20%; */

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;

    }

    .aqua-logo-footer {
        display: block;
        height: 60px;
        width: 200px;

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo-footer:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;

    }

    .softbit-logo {
        display: block;
        height: 40px;
        width: 200px;

        background-image: url('/storage/obrazky/logo-softbit-oranzova.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo:hover {
        background-image: url('/storage/obrazky/logo-softbit.png');
        color: transparent;
    }

    .softbit-logo-footer {
        display: block;
        height: 120px;
        width: 200px;
        margin-left: 10%;

        background-image: url('/storage/obrazky/logo-softbit-oranzova-footer.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo-footer:hover {
        background-image: url('/storage/obrazky/logo-softbit-footer.png');
        color: transparent;
    }

    .ms-10-custom {
        margin-left: 6rem !important;
    }

    .display-computer {
        display: none;
    }

    .nav-custom-aqua-btn {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 130px; */
        /* width: 100% !important; */
        /* height: 50px; */
        min-height: 50px;
        min-width: 150px !important;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 190px; */
        /* width: 100% !important; */
        /* height: 50px; */
        min-height: 50px;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }

    .navbar-button-toggle-down {
        width: 100% !important;
    }

    .nav-custom-aqua-btn:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }
}

@media all and (min-width:1141px) and (max-width:1600px) {

    .border-label {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .importy-heading {
        min-width: 600px;
        max-width: 600px;
    }

    .width-container-mm {
        width: 700px;
    }

    .footer-main-col {
        padding-right: 3em;
        padding-left: 3em;
        text-align: center;
        vertical-align: middle;
        box-sizing: inherit;
        min-height: 220px !important;
    }

    .custom-width-footer {
        width: 100%;
    }

    .perx-10 {
        margin-right: 7% !important;
        margin-left: 7% !important;
    }

    .custom-margin-logo {
        margin-left: 13%;
    }

    .custom-margin-navbar {
        margin-right: 13%
    }

    .aqua-logo {
        display: block;
        height: 80px;
        width: 200px;
        /* margin-left: 20%; */
        /* padding-left: 20%; */

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;

    }

    .aqua-logo-footer {
        display: block;
        height: 60px;
        width: 200px;

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo-footer:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;

    }

    .softbit-logo {
        display: block;
        height: 40px;
        width: 200px;

        background-image: url('/storage/obrazky/logo-softbit-oranzova.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo:hover {
        background-image: url('/storage/obrazky/logo-softbit.png');
        color: transparent;
    }

    .softbit-logo-footer {
        display: block;
        height: 120px;
        width: 200px;
        margin-left: 10%;

        background-image: url('/storage/obrazky/logo-softbit-oranzova-footer.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo-footer:hover {
        background-image: url('/storage/obrazky/logo-softbit-footer.png');
        color: transparent;
    }

    .ms-10-custom {
        margin-left: 6rem !important;
    }

    .display-computer {
        display: none;
    }

    .nav-custom-aqua-btn {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 190px; */
        /* width: 100% !important; */
        /* height: 50px; */
        min-height: 50px;
        min-width: 150px !important;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 190px; */
        /* width: 100% !important; */
        /* height: 50px; */
        min-height: 50px;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }

    .nav-custom-aqua-btn:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }
}

@media all and (min-width:1601px) and ((max-width:1849px)) {

    .border-label {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .importy-heading {
        min-width: 700px;
        max-width: 700px;
    }

    .width-container-mm {
        width: 700px;
    }

    .footer-main-col {
        padding-right: 7em;
        padding-left: 7em;
        text-align: center;
        vertical-align: middle;
        box-sizing: inherit;
        min-height: 220px !important;
    }

    .custom-width-footer {
        width: 73%;
    }

    .perx-10 {
        margin-right: 7% !important;
        margin-left: 7% !important;
    }

    .custom-margin-logo {
        margin-left: 13%;
    }

    .custom-margin-navbar {
        margin-right: 13%
    }

    .aqua-logo {
        display: block;
        height: 80px;
        width: 200px;
        /* margin-left: 20%; */
        /* padding-left: 20%; */

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;

    }

    .aqua-logo-footer {
        display: block;
        height: 60px;
        width: 200px;

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo-footer:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;

    }

    .softbit-logo {
        display: block;
        height: 40px;
        width: 200px;

        background-image: url('/storage/obrazky/logo-softbit-oranzova.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo:hover {
        background-image: url('/storage/obrazky/logo-softbit.png');
        color: transparent;
    }

    .softbit-logo-footer {
        display: block;
        height: 120px;
        width: 200px;
        margin-left: 10%;

        background-image: url('/storage/obrazky/logo-softbit-oranzova-footer.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo-footer:hover {
        background-image: url('/storage/obrazky/logo-softbit-footer.png');
        color: transparent;
    }

    .ms-10-custom {
        margin-left: 6rem !important;
    }

    .display-computer {
        display: none;
    }

    .nav-custom-aqua-btn {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 190px; */
        /* width: 100% !important; */
        /* height: 50px; */
        min-height: 50px;
        min-width: 150px !important;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 190px; */
        /* width: 100% !important; */
        /* height: 50px; */
        min-height: 50px;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }

    .nav-custom-aqua-btn:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }
}

@media all and (min-width:1850px) {

    .border-label {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .width-container-mm {
        width: 700px;
    }

    .footer-main-col {
        padding-right: 7em;
        padding-left: 7em;
        text-align: center;
        vertical-align: middle;
        box-sizing: inherit;
        min-height: 220px !important;
    }

    .custom-width-footer {
        width: 60%;
    }

    .perx-10 {
        margin-right: 7% !important;
        margin-left: 7% !important;
    }

    .custom-margin-logo {
        margin-left: 13%;
    }

    .custom-margin-navbar {
        margin-right: 13%
    }

    .aqua-logo {
        display: block;
        height: 80px;
        width: 200px;
        /* margin-left: 20%; */
        /* padding-left: 20%; */

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;

    }

    .aqua-logo-footer {
        display: block;
        height: 60px;
        width: 200px;

        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .aqua-logo-footer:hover {
        background-image: url('/storage/obrazky/aquaservistrans-new.png');
        color: transparent;

    }



    .softbit-logo {
        display: block;
        height: 40px;
        width: 200px;

        background-image: url('/storage/obrazky/logo-softbit-oranzova.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo:hover {
        background-image: url('/storage/obrazky/logo-softbit.png');
        color: transparent;
    }

    .softbit-logo-footer {
        display: block;
        height: 120px;
        width: 200px;
        margin-left: 10%;

        background-image: url('/storage/obrazky/logo-softbit-oranzova-footer.png');
        background-size: 100%;
        background-repeat: no-repeat;
        color: transparent;
    }

    .softbit-logo-footer:hover {
        background-image: url('/storage/obrazky/logo-softbit-footer.png');
        color: transparent;
    }

    .ms-10-custom {
        margin-left: 6rem !important;
    }

    .display-computer {
        display: none;
    }

    .nav-custom-aqua-btn {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 190px; */
        /* width: 100% !important; */
        /* height: 50px; */
        min-height: 50px;
        min-width: 150px !important;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar {
        box-sizing: border-box;
        position: relative;
        /* velikost buttonu řeší adaptabilně container */
        /* width: 190px; */
        /* width: 100% !important; */
        /* height: 50px; */
        min-height: 50px;
        border: 1px solid #e4ecf0;
        background-color: rgb(3, 104, 204);
        text-align: center;
        display: table;
        text-decoration: none;
    }

    .nav-custom-aqua-btn-navbar:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }

    .nav-custom-aqua-btn:hover {
        background-color: rgb(1, 73, 148);
        cursor: pointer;
        transition-duration: 0.5s;
    }
}

/* /* OSTATNÍ * / */
.form-admin-button-green {
    box-sizing: border-box;
    position: relative;
    width: 190px;
    height: 50px;
    background-color: #7db34d;
    text-align: center;
    display: table;
    text-decoration: none;
    border: none !important;

    font-size: 16px;
    padding: 10px 30px;
    text-decoration: none;
    color: #FFFFFF;
}

.form-admin-button-green:hover {
    background-color: rgb(87, 125, 53);
    cursor: pointer;
    transition-duration: 0.5s;
    color: #FFFFFF;
}

.form-admin-button-red {
    box-sizing: border-box;
    position: relative;
    width: 190px;
    height: 50px;
    background-color: #DC143C !important;
    text-align: center;
    display: table;
    text-decoration: none;
    border: none !important;

    font-size: 16px;
    padding: 10px 30px;
    text-decoration: none;
    color: #FFFFFF;
}

.form-admin-button-red:hover {
    background-color: #A52A2A !important;
    cursor: pointer;
    transition-duration: 0.5s;
    color: #FFFFFF;
}

.sestajovice {
    display: block;
    height: 100px;
    width: 90px;

    background-image: url('/storage/obrazky/sestajovice.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.sestajovice:hover {
    background-image: url('/storage/obrazky/sestajovice.jpg');
    color: transparent;
}

.zeleznaruda {
    display: block;
    height: 100px;
    width: 200px;

    background-image: url('/storage/obrazky/zeleznaruda.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.zeleznaruda:hover {
    background-image: url('/storage/obrazky/zeleznaruda.png');
    color: transparent;
}

.vsestary {
    display: block;
    height: 120px;
    width: 80px;

    background-image: url('/storage/obrazky/vsestary.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.vsestary:hover {
    background-image: url('/storage/obrazky/vsestary.png');
    color: transparent;
}

.zelenec {
    display: block;
    height: 130px;
    width: 120px;

    background-image: url('/storage/obrazky/zelenec.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.zelenec:hover {
    background-image: url('/storage/obrazky/zelenec.png');
    color: transparent;
}

.hradistko {
    display: block;
    height: 140px;
    width: 120px;

    background-image: url('/storage/obrazky/hradistko.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.hradistko:hover {
    background-image: url('/storage/obrazky/hradistko.png');
    color: transparent;
}

.velkepopovice {
    display: block;
    height: 60px;
    width: 120px;

    background-image: url('/storage/obrazky/tsvp.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.velkepopovice:hover {
    display: block;
    height: 60px;
    width: 120px;

    background-image: url('/storage/obrazky/tsvp.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.cernosice {
    display: block;
    height: 60px;
    width: 100px;

    background-image: url('/storage/obrazky/cernosice.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.cernosice:hover {
    display: block;
    height: 35px;
    width: 200px;

    background-image: url('/storage/obrazky/cernosice.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.stavokomplet {
    display: block;
    height: 35px;
    width: 200px;

    background-image: url('/storage/obrazky/stavokomplet.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.stavokomplet:hover {
    display: block;
    height: 60px;
    width: 100px;

    background-image: url('/storage/obrazky/stavokomplet.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.cerhenice {
    display: block;
    height: 60px;
    width: 45px;

    background-image: url('/storage/obrazky/cerhenice.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.cerhenice:hover {
    display: block;
    height: 60px;
    width: 45px;

    background-image: url('/storage/obrazky/cerhenice.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}


.chyne {
    display: block;
    width: 75px;
    height: 80px;

    background-image: url('/storage/obrazky/chyne.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.chyne:hover {
    display: block;
    width: 75px;
    height: 80px;

    background-image: url('/storage/obrazky/chyne.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}



.pruhonice {
    display: block;
    width: 170px;
    height: 120px;

    background-image: url('/storage/obrazky/pruhonice.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.pruhonice:hover {
    display: block;
    width: 170px;
    height: 120px;

    background-image: url('/storage/obrazky/pruhonice_hover.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.velkysenov {
    display: block;
    height: 130px;
    width: 120px;

    background-image: url('/storage/obrazky/velkysenov.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.velkysenov:hover {
    display: block;
    height: 130px;
    width: 120px;

    background-image: url('/storage/obrazky/velkysenov.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.lodherov {
    display: block;
    height: 60px;
    width: 200px;

    background-image: url('/storage/obrazky/lodherov.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.lodherov:hover {
    display: block;
    height: 60px;
    width: 200px;

    background-image: url('/storage/obrazky/lodherov.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.kuncice {
    display: block;
    height: 90px;
    width: 70px;

    background-image: url('/storage/obrazky/kuncice.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.kuncice:hover {
    display: block;
    height: 90px;
    width: 70px;

    background-image: url('/storage/obrazky/kuncice.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.kramolin {
    display: block;
    height: 90px;
    width: 70px;

    background-image: url('/storage/obrazky/kramolin.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.kramolin:hover {
    display: block;
    height: 90px;
    width: 70px;

    background-image: url('/storage/obrazky/kramolin.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

/* foto aqua vodomer */
.vodomer {
    display: block;
    height: 260px;
    width: 359px;

    background-image: url('/storage/obrazky/VodomerAquaVarovne.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.test-aaa {
    border-bottom: 2px solid #FFFFFF !important;

}

.container-fluid-intro-header {
    margin-left: auto;
    margin-right: auto;
    padding-right: var(--bs-gutter-x, .75rem);
    width: 100% !important
}

.padding-custom-logo {
    margin-top: 40px;
}

.padding-custom-logo-softbit {
    margin-top: 10px;
    height: 100px;
}

.custom-form-heading {
    color: rgb(3, 104, 204);
    font: Sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    padding: 8px;
    padding-bottom: 20px;
    margin: 0;
}

.custom-form-heading-2 {
    color: rgb(3, 104, 204);
    font: Sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    padding: 8px;
    padding-bottom: 8px;
    margin: 0;
}

.table-heading-1 {
    color: rgb(3, 104, 204);
    font: Sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}

.table-heading-1-1 {
    color: rgb(3, 104, 204);
    font: Sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
}

.table-heading-2 {
    color: #000000;
    font: Sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}

i:hover {
    color: #299e46;
}

.wrench-footer {
    font-size: 2em;
    color: #FFFFFF !important;
}

.phone-footer {
    font-size: 2em;
    color: #FFFFFF !important;
}

.cursor-default-custom {
    cursor: default !important;
}

.cursor-pointer-custom {
    cursor: pointer !important;
}

.no-title::before {
    content: none;
}

.wrench-footer:hover {
    color: #FFFFFF !important;
}

.phone-footer:hover {
    color: #FFFFFF !important;
}

.svg-green:hover {
    color: #299e46;
}

.svg-red:hover {
    color: #cf203c;
}

.i-mainmenu {
    color: rgb(240, 124, 1);
    /* pro softbit */
    font-size: 4em;
    min-width: 80px;
}

.i-mainmenu:hover {
    color: rgb(240, 124, 1);
    /* pro multitenant */
}

.dropdown {
    /* background-color: rgb(87, 125, 53); */
    cursor: pointer;
    transition-duration: 0.5s;
}

.text-null {
    color: #e9ecef !important;
}

.aqua-button-user {
    background-color: rgb(240, 124, 1) !important;
    /* pro multitenant */
}

.aqua-button-user:hover {
    background-color: rgb(209, 111, 1) !important;
    /* pro multitenant */
    cursor: pointer;
    transition-duration: 0.5s;
}


.aqua-button-user-uprav {
    background-color: #7db34d !important;
}

.aqua-button-user-uprav:hover {
    background-color: rgb(87, 125, 53) !important;
    cursor: pointer;
    transition-duration: 0.5s;
}

.aqua-button-user-custom {
    background-color: #652493 !important;
}

.aqua-button-user-custom:hover {
    background-color: #3d135b !important;
    cursor: pointer;
    transition-duration: 0.5s;
}

.aqua-button-user-zrus {
    background-color: #DC143C !important;
}

.aqua-button-user-zrus:hover {
    background-color: #A52A2A !important;
    cursor: pointer;
    transition-duration: 0.5s;
}

.button-yellow {
    background-color: #dcc514 !important;
}

.button-yellow:hover {
    background-color: #7b6f10 !important;
    cursor: pointer;
    transition-duration: 0.5s;
}


.button-blue {
    background-color: #141edc !important;
}

.button-blue:hover {
    background-color: #0f1576 !important;
    cursor: pointer;
    transition-duration: 0.5s;
}


.aqua-button-edit {
    box-sizing: border-box;
    position: relative;
    width: 190px;
    height: 50px;
    border: 1px solid #e4ecf0;
    background-color: #7db34d;
    text-align: center;
    display: table;
    text-decoration: none;
    color: #FFFFFF !important;
    font-size: medium !important;
}

.aqua-button-edit:hover {
    background-color: rgb(87, 125, 53) !important;
    cursor: pointer;
    transition-duration: 0.5s;
}

.aqua-button-edit-sede {
    box-sizing: border-box;
    position: relative;
    width: 190px;
    height: 50px;
    border: 1px solid #e4ecf0;
    background-color: #969fa5;
    text-align: center;
    display: table;
    text-decoration: none;
    color: #FFFFFF !important;
    font-size: medium !important;
}

.aqua-button-edit-sede:hover {
    background-color: #5b6b75;
    cursor: pointer;
    transition-duration: 0.5s;
}

.footer {
    font-family: Raleway, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}

.footer-main {
    padding-top: 26.4px;
    padding-right: 0em;
    padding-bottom: 26.4px;
    padding-left: 0em;
    background-color: rgb(3, 104, 204);
}

.text-footermiddle {
    margin-left: 5px;
    margin-bottom: 0px;
}

.footer-border>p {
    margin-left: 5px;
    margin-bottom: 0px;
}

.footer-border {
    border-right: 1px solid #fff;
}

.second-footer-border {
    border-right: 1px solid #fff;
    height: 110px;
}

.row-custom {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    font-size: 8px;
}

.help-icon {
    display: block;
    height: 50px;
    width: 50px;

    background-image: url('/storage/obrazky/help-icon.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.row-custom>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    font-size: 11px;
    font-weight: bold;
}

.btn-primary-custom {
    color: #fff !important;
    background-color: rgb(1, 73, 148) !important;
}

.btn-primary-custom:hover {
    color: #fff !important;
    background-color: rgb(3, 104, 204) !important;
}

.custom-form-text-size {
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 2px;
}

.border-bottom {
    border-bottom: 1px solid rgb(1, 73, 148);
    padding-bottom: 0px !important;
}

.padding-0 {
    padding-right: 0;
}

.padding-1 {
    padding-left: 0;
}

.padding-2 {
    padding-left: 6px;
}

.big-text {
    font-size: 30px !important;
}

p {
    min-height: 20px;
}

.color-white {
    color: #FFFFFF !important;
}

.color-white:hover {
    color: #FFFFFF !important;
}

.color-inactive-gray {
    color: #bababa !important;
}

.color-inactive-gray:hover {
    color: #bababa !important;
}

.no-cursor-custom {
    cursor: default !important;
}

.text-decoration-custom-none {
    text-decoration: none !important;
}

.custom-intro-header {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    color: rgb(3, 104, 204) !important;
}

.custom-intro-button:hover {
    background-color: rgb(1, 73, 148) !important;
    transition-duration: 0.5s !important;
}

.btn-footer-link {
    display: inline-block;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.aqua-logo-login {
    display: block;
    height: 80px;
    width: 300px;

    background-image: url('/storage/obrazky/aquaservistrans-new.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.footer-text-pruhonice {
    text-decoration: none !important;
    color: white !important;
    font-size: 0.75rem !important;
}

.footer-normal-text {
    text-decoration: none !important;
    color: white !important;
}

.footer-normal-text:hover {
    color: black !important;
}

/* převzato z bootstrapu - priorita */
a {
    color: #000000;
    text-decoration: underline;
}

.custom-intro-text {
    font-size: 15px;
}

.color-white-intro-form:hover {
    color: #FFFFFF !important;
}

.custom-shadow-home {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0) !important;
}

.red-text {
    color: rgb(255, 0, 0) !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

.footer-firma-text {
    width: 130% !important;
    font-size: 0.96em !important;
}


.footer-firma-text-url {
    width: 130% !important;
    color: white !important;
    text-decoration: none !important;
    font-size: 1.05em !important;
    font-weight: bold !important;

}

.footer-firma-text-url:hover {
    font-style: italic !important;
}

.hide-text {
    display: none;
}

/* text a like button - 20.2.2024*/
.a-text-button {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    text-decoration: none !important;
    font-weight: normal;
    font-size: 14.4px !important;

    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;

}

/* spinner pro digisign */
.loading-overlayDIGI {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 500;
}

.loading-overlay-biggerDIGI {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 3000;
}

.spinnerDIGI {
    border: 8px solid rgba(0, 0, 0, 0.1);
    border-top: 8px solid blue;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    animation: spin 1s linear infinite;
}

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

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

/* Nové styly pro text, který se zobrazí, když se nenačte ikona font awesome */

.fallback-text {
    color: #000000;
    display: none;
}

.fallback-text:hover {
    color: gray;
}

.background-pozadi {
    background: url("/storage/obrazky/pozadi3.jpg") no-repeat center center fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.background-pozadi::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    /* This creates a white overlay with 50% opacity */
    /* For a grayish overlay, you can use something like rgba(128, 128, 128, 0.5) */
    /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
}

.background-pozadi>* {
    position: relative;
    /* Ensures that content is above the overlay */
    z-index: 1;
}

/* smart metering */

.smart-border-right {
    border-right: 1px solid #000000;
}

.custom-select {
    position: relative;
}

.custom-select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 100%;
    padding-right: 30px;
    /* Add space for the caret */
}

.custom-select::after {
    content: "\25BC";
    /* Unicode for the caret */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #000000 !important;
}

.aqua-barva {
    color: #32799C !important;
}

.aqua-barva-background {
    background-color: #32799C !important;
}

/* spinner pro smart metering */
.loading-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 500;
}

.spinner {
    border: 8px solid rgba(0, 0, 0, 0.1);
    border-top: 8px solid blue;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    animation: spin 1s linear infinite;
}

.flex-items>* {
    flex-grow: 1 !important;
    flex-shrink: 3 !important;
}

/* potomci drop down menu budou mít 100% šířku */
.dropdown-menu>* {
    width: 100% !important;
    height: 100% !;
}

.break-all {
    word-break: break-all !important;
    white-space: normal !important;
}

.footer-text-big {
    text-decoration: none !important;
    color: white !important;
    font-size: 0.75rem !important;
}

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

.responsive-img {
    max-width: 724px;
    height: auto;
    width: auto;
    display: block;
}

.chvak {
    display: block;
    height: 70px;
    width: 130px;

    background-image: url('/storage/obrazky/chvak.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.chvak:hover {
    display: block;
    height: 70px;
    width: 130px;

    background-image: url('/storage/obrazky/chvak.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: transparent;
}

.button-update {
    box-sizing: border-box;
    position: relative;
    /* velikost buttonu řeší adaptabilně container */
    /* width: 190px; */
    /* width: 100% !important; */
    min-width: 150px !important;
    height: 50px;
    border: 1px solid #e4ecf0;
    background-color: rgb(3, 104, 204);
    text-align: center;
    display: table;
    text-decoration: none;
    border-radius: 25px;
}

thead th:nth-child(1) {
    text-align: center;
}

.button-custom {
    box-sizing: border-box;
    position: relative;
    /* velikost buttonu řeší adaptabilně container */
    /* width: 190px; */
    /* width: 100% !important; */
    min-width: 100px !important;
    height: 50px;
    border: 1px solid #e4ecf0;
    text-align: center;
    display: table;
    text-decoration: none;
    border-radius: 25% 10%;
}

.main-background-color {
    background-color: rgb(163, 195, 255) !important;
}

.main-show-text-value {
    color: #034891 !important;
}