.bg-vrs-cyan{
    background: #002e40 !important;
}
.bg-vrs-clight{
    background: #2A5769 !important;
}
.text-vrs-cyan {
    color: #002e40!important;
}
.text-vrs-clight{
    color: #2A5769!important;
}
.bg-vrs-yellow{
    background: #fa9600!important;
}
.bg-vrs-ylight{
    background: #fabd4a!important;
}
.text-vrs-yellow{
    color: #fa9600!important;
}
.text-vrs-ylight{
    color: #fabd4a!important;
}

.text-decor-none{
    text-decoration: none;
}

.vrs-h2 {
    float: left;
    font-size: xx-large;
    display: contents;
    font-weight: 600;
}


.vrs-h3 {
    font-weight: 700;
    font-size: x-large;
}
.vrs-h4 {
    font-weight: 600;
    float: left;
    margin-top: 1rem;

}

.vrs-d-block{
    display: block;
}

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

#buttonHoverText {
    display: none;
}

button.submit {
    min-height: 55px;
}

.emptyElementLoans {
    color: #002e40;
    font-weight: 700;
    margin: 1rem 0rem;
    text-align: center;
    font-size: larger;
}


.pageTitle{
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 5px solid #fa9600;
    padding: 3px 4rem;
    font-weight: 700 !important;
    margin-bottom: 4rem !important;
    font-size: xxx-large;
    color: #002e40;
}

.pageTitleSearch{
    width: fit-content;
    font-weight: 700 !important;
    font-size: xxx-large;
    color: #002e40;
}


.hlavicka {
    width: 100%;
    /* background: aqua; */
    display: inline-flex;
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 10px solid #fa9702;
    margin-bottom: 4rem;
    /* flex-flow: wrap; */
    /* height: -webkit-fill-available; */
}

.pageTitleSearch {
    width: fit-content;
    padding-left: 3rem;
    font-weight: 700 !important;
    font-size: xxx-large;
    color: #002e40;
    float: left;
}

.pageDescriptinoSearch {
    width: 100%;
    padding-left: 3rem;
    font-weight: 700 !important;
    font-size: x-large;
    color: #2a5769;
    float: left;
}

input#search {
    height: 3rem;
    background: transparent !important;
}

.search {
    /* margin-left: 3rem; */
    float: right;
    width: 50%;
    display: inherit;
}

input#search {
    height: 3rem;
}

/*.searchButtonDiv {*/
/*    overflow: hidden;*/
/*    padding: 0;*/
/*    border-radius: 8px !important;*/
/*    margin-right: 0;*/
/*    height: 3rem;*/
/*    padding-left: 0 !important;*/
/*    padding-right: 0 !important;*/
/*}*/

.searchButtonDiv {
    overflow: hidden;
    padding: 0;
    /* border-radius: 8px !important; */
    margin-right: -5px;
    margin-top: -1rem !important;
    height: 4rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*.searchButton {*/
/*    margin: 0;*/
/*    width: fit-content;*/
/*    float: left;*/
/*    border-radius: 0 !important;*/
/*}*/

.searchButton {
    margin: 0;
    width: fit-content;
    float: left;
    border-radius: 0 !important;
    height: 100%;
}

/*Odstranění podtržení v drop down menu u položek*/
a.block.px-4.py-2.text-sm.leading-5.text-gray-700 {
    text-decoration: none;
}

.headerMargin{
    margin-top: 60px;
}

/* Autocomplete  */
.autocomplete {
    width: 100%;
}

.autocomplete-items {
    position: fixed;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    z-index: 99;
    min-width: 200px;
    width: 20%;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}


/* Scrollbar  */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #2A5769;
}

::-webkit-scrollbar-thumb {

    background: #ff9d09;
}

::-webkit-scrollbar-thumb:hover {
    background: #fabd4a;
    cursor: pointer;
}

::-moz-selection {

    background: #ffa8038c;

}

::selection {

    background: #ffa8038c;

}

.headLogoMobile{
    transform: scale(2);
}

/*Tlačítkový pás*/
.buttonsDiv {
    width: 50%;
    float: right;
    margin-right: 2rem;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    margin-top: 2rem;
}

.buttonsDivItem {
    border-radius: 0 !important;
    height: 2.7rem;
    padding: 0 !important;
    margin: 0;
    flex-grow: 1;
    flex-basis: 0;
}

button.buttonsDivItem, input.buttonsDivItem {
    width: 100%;
}




/*Změna barvy a velikosti mobilní nabídky v hlavičce*/
svg.h-6.w-6 {
    color: #002c3d;
    transform: scale(1.5);
}

.mobileHeadMenu{
    margin-right: -0.3rem;
}

/* Logo hlavička*/
@media (max-width: 576px) {

    .buttonsDiv {
        width: 100%;

    }



    .headLogoMobile {
        transform: scale(2);
        margin-left: 4rem;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .notification {

        z-index: 5 !important;
        position: unset !important;
        float: none !important;
        cursor: pointer;
        margin-top: -20px;
        padding-left: 15px;
    }

    .notificationBadge {
        float: left !important;
        position: static !important;
        margin-top: -40px;
        margin-left: 22px;
    }

}

@media (max-width: 768px) {

    #buttonHoverText {
        font-weight: 400;
        display: block;
    }

    .vrs-h2 {
        float: none;
        text-align: center;
        text-decoration: none !important;
    }

    .vrs-h3, .vrs-h4 {
        text-align: center;
        float: none;
        text-decoration: none !important;
    }

}

@media (max-width: 992px) {
    .buttonsDiv {
        width: 100%;
        margin-right: 0 !important;
    }

    .buttonsDivItem {
        height: 3.7rem;
    }

    .search {
        margin-left: 0;
        float: none;
        width: 100%;
    }

    .pageTitleSearch {
        width: 100%;
        padding-left: 0;
        text-align: center;
        float: none;
    }

}