html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.glsmarker {width: 38px !important;}
.glsboxmarker {width: 38px !important;}
.alzaboxmarker {width: 30px !important;}

.placesGrey {
    background-color: #ebebeb;
}

.placesOrange {
    background-color: #fff3d9;
}

.leaflet-control-zoom-out, .leaflet-control-zoom-in {
    text-decoration: none !important;
}



.ui-menu-item {
    font-family: NewsonGLS !important;
}
hr {
    margin: 0 0 15px 0;
}

.hideButton {
    width: 100%;
    display: flex;
    justify-content: center;
}
#btHide1 {
    width: 100%;
    text-align: center;
}

@media (min-width: 1px) {

    #detail { position: fixed; transition: all 0.4s ease; z-index: 920; }

    #detail div, #detail label, #detail i, #detail address { padding: 0; margin: 0; }
    #detail i { margin: 0 7px 4px 0; }
    #detail .contact { margin: 0 0 10px 0; }
    #detail address div { margin: 4px 0 5px 0; }
    #detail table tr td:first-child { padding: 0 15px 0 0; font-weight: 400;}

    .animate.left   { left: 100%;   top: 0; }
    .animate.right  { right: -50%;  top: 0; }
    .animate.top    { top: 100%;    left: 0; }
    .animate.bottom { bottom: 0; left: 50%; margin-left: -100px;}

    .animate.left.move { left: 100%; transform: translate(-100%, 0); }
    .animate.right.move { right: 0%; transform: translate(100%, 0); }
    .animate.top.move { top: 0; transform: translate(0%, 57px);}
    .animate.bottom.move { bottom: 100%; transform: translate(0, 100%);}
}
@media (min-width: 768px) {
    .animate.top.move { top: 0; transform: translate(0%, 85px);}
}

@media (min-width: 900px) {
    #detail {position: absolute; width: 100%;  }
    .animate.top.move { top: 0; transform: translate(0%, 0px);}
}





.mapContainer
{
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.minHeader {
    position: relative;
    display: flex;
    margin: 0;
    padding: 0 1px 0 0;
}

.smallinfo {
    display: inline-block;
    width: 22px;
    height: 22px;
    /*background-color: black;*/
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px !important;
    margin-right: 6px;
    margin-bottom: 5px;
}

.smallinfo1 {
    display: inline-block;
    width: 60px;
    height: 20px;
    /*background-color: black;*/
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px !important;
    margin-right: 6px;
    margin-bottom: 5px;
}

.infoalza {
    color: #ff860d;
    font-weight: bold;
    text-align: center;
    margin: 5px 0 5px 0!important;
    font-size: 11px;
    letter-spacing: 0px;
}

.infoUtilizace {
    color: #ff860d;
    font-weight: bold;
    text-align: left;
    margin: 1px 0 2px 0!important;
    font-size: 11px;
    letter-spacing: 0px;
}

.infoUtilizacePlaces {
    color: #ff860d;
    font-weight: bold;
    text-align: left;
    padding: 0px 10px 0px 36px;
    margin: -5px 0 0px 0px !important;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0px;
}

.address {
    font-size: 11px;
}

.tooltip{
    font-size: 11px !important;
    cursor: help !important;
}


.infocard {
    background-image: url('../images/ikona4black_2025.png');
}

.infowheelchairAccess {
    background-image: url('../images/ikona5black_2025.png');
}

.infosaturday {
    background-image: url('../images/ikona2black_2025.png');
}

.infosunday {
    background-image: url('../images/ikona3black_2025.png');
}
.infogopay {
    background-image: url('../images/gopay.png');
    background-size: contain;
}


.infobottomimage {
    padding: 0 0 5px 0 !important;
    position: relative;
    top: -3px;
    color: black;
    font-size: 11px;
}

.infoimage {
    height: 12px;
}
.infoimage a {
    background-image: url('../images/enlarge1.png');
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    padding-right: 20px;
    color: black;
    font-size: 11px;
}

.bottomimagehr {
    height: 2px;
    margin-bottom: 4px;
}

.infodistance {
    padding-top: 8px !important;
}




#txtAddress {
    display:block;
    width:100%;
    /*height:calc(1.5em + .75rem + 2px);*/
    padding: 12px 15px;
    font-size:16px !important;
    font-weight:300;
    font-family: 'NewsonGLS-Light';
    color:#495057;
    background-color:#fff;
    /*background-clip:padding-box;*/
    border-radius: 20px 0 0 20px;
    border:1px solid #ced4da;

    /*transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;*/
}

#txtAddress:focus {
    /*border-color: rgba(255, 209, 0, 0.8);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 209, 0, 0.6);*/
    outline: 0 none;
}

#btFinde {
    background-color: #00c2f0;
    color: white;
    border-radius: 0px 20px 20px 0px;
    margin-right: -1px;
}

#btFinde:hover {
    color: #ffcd00;
    /*color: rgb(255, 209, 0);*/
}

#map {
    width: 100%;
    display: flex;
    max-height: 100%;
}

.filter {
    margin: 20px 0 20px 0;
    display: flex;
    align-items: center !important;
    justify-content: space-between !important;
}


.filterdetail {
    display: flex;
    align-items: stretch;
    /*flex-direction: row;*/
    /*width: 100%;*/
    padding-right: 0px;
    height: 100%;
}




.btnFilter1 {
    background-color: #061ab1;
    /*color: #061ab1;*/
    border-radius: 0px;
    color:white;
    margin-right: 0px;
    /*font-family: 'NewsonGLS-Bold';*/
    /*font-weight: normal;*/
    font-size: 60%;
    letter-spacing: 0px;
    line-height: 11px;
    display: flex;
    padding: 70px 0px 7px 0px;
    align-items: flex-end;
    height: 80px;
    width: 20%;
    min-width: 55px;
    _width: 55px;
    outline: none !important;
    /*background-size: 190px;*/
}

/*.btnFilter1:hover {
    color: #ffcd00;
}*/

.btnFilter1 div {
    text-align: center;
    width: 100%;
}

.btnFilter {
    /*background-color: transparent;*/
    color: rgb(255, 253, 251);
    border-radius: 0px;
    margin-right: 3px;
    width: 65px;
    font-size: 60%;
    line-height: 11px;
    display: flex;
    padding: 0px;
    align-items: flex-end;
    height: 70px;
    outline: none !important;
}

.btnFilter:hover {
    color: #FFCD00;
}

.btnFilter div {
    text-align: center;
    width: 100%;
}


/*.btnFilter {
background-color: #ffffff;
*/


main {
    /*flex-grow: 18;*/
    display: flex;
    align-items: stretch;
    /*flex-grow: 18;*/
    padding: 0 !important;
    margin: 0 !important;
    height: calc(100% - 90px);
}

.animateList {
    z-index: 999 !important;
}

.bluePlaceholder::placeholder {
    color: #061ab1;
    opacity: 1; /* Firefox */
}



@media (min-width: 1px) {

    .content img {
        align-self: center;
        display: block;
        max-height: 85px;
    }


    .headSolarBox {
        background-color: transparent;
        width: 280px;
        position: absolute;
        z-index: 99999;
        top: 20px;
        right: 20px;
    }

    .btnSolarBox {
        border-radius: 100px;
        background-color: #061ab1;
        height: 55px !important;
        width: 65px;
        background-position: center -2px !important;
        background-size: 105%;
        border: none !important;
    }

    .btnSolarBox .aktivni {
        border: 10px solid red;
    }

    .btnSolarBox .aktivni{
        background-position: center -15px !important;
    }


    #openHours {
        width: 100%;
        font-size: 13px;
    }
    .mapContainer {
        height: 99%;
    }

    #searchContainer {
        top: 110px !important;
        width: 300px;
        left: 58px;
    }

    #searchContainer input {
        padding: 5px 5px;
        font-size: 16px;
    }

    .ui-autocomplete {
        z-index: 9999;
        border: 1px solid red;
    }

    .ui-autocomplete {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .leaflet-container a.leaflet-popup-close-button {
        transform: scale(0.8) !important;
        background-color: #ffcd00 !important;
        border-radius: 5px;
        top: 2px;
        right: 4px;
    }





    #sidebar {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 92%;
        margin-top: 15px;
    }

    .gmnoprint { /* +/- zoom on google maps */
        display: none;
    }

    .row {
        flex-direction: row;
    }

    .search {
        padding: 0px 15px 0px 10px;
        margin: 0px;
        border: none;
        height: 36px;
    }


    .btSelectPS2a, .btSelectPS1a {
        width: 100%;
    }
    #openSaturdayIcon1.neaktivni {
        background-size: 70px 44px;
        background-position: center -5px;
        color: white;
    }

    #openSaturdayIcon1.aktivni {
        background-image: url('../images/ikona2b_blue_new2024.png');
        background-position: center 50%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #openSundayIcon1.neaktivni {
        background-size: 70px 44px;
        background-position: center -5px;
        color: white;
    }

    #openSundayIcon1.aktivni {
        background-image: url('../images/ikona3b_blue_new2024.png');
        background-position: center 50%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #payCardIcon1.neaktivni {
        background-size: 60px 40px;
        background-position: center -5px;
        color: white;
    }

    #payCardIcon1.aktivni {
        background-image: url('../images/ikona4b_blue_new2024.png');
        background-position: center 50%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #wheelchairAccessIcon1.neaktivni {
        /*background-size: contain;*/
        background-size: 70px 44px;
        background-position: center -5px;
        color: white;
    }

    #wheelchairAccessIcon1.aktivni {
        background-image: url('../images/ikona5b_blue_new2024.png');
        background-position: center 50%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #parcelBoxIcon1.neaktivni {
        background-size: 70px 44px;
        background-position: center -5px;
        color:white;
    }
    #parcelBoxIconOff1 {
        background-size: 70px 44px;
        background-position: center -5px;
    }

    #parcelBoxIcon1.aktivni {
        background-image: url('../images/ikona6b_blue_new2023.png');
        background-size: contain;
        background-position: center 50%;
        background-repeat: no-repeat;
        /*background-size: 100%;*/
        color: white;
        background-color: #00c2f0;
    }

    #parcelShopIcon1.aktivni {
        background-image: url('../images/ikona7b_blue_new2023.png');
        background-size: contain;
        background-position: center 50%;
        background-repeat: no-repeat;
        /*background-size: 100%;*/
        color: white;
        background-color: #00c2f0;
    }

    #parcelShopIcon1.neaktivni {
        background-size: 70px 44px;
        background-position: center -5px;
        color:white;
    }

    .navigatemobile {
        display: inline;
        float: right;
        text-underline: none;
        outline: none !important;
        font-size: 20px;
        height: 27px;
        width: 27px;
        /*padding: 5px !important;*/
        color: black;
        /*background-image: url('../images/navigate.png');
        background-size: contain;*/
    }

    .navigatemobiledepo {
        display: inline;
        float: right;
        text-underline: none;
        outline: none !important;
        font-size: 20px;
        height: 27px;
        width: 27px;
        margin-top: -25px;
        /*padding: 5px !important;*/
        color: black;
        /*background-image: url('../images/navigate.png');
        background-size: contain;*/
    }

    /*.infoimage {
        display: none;
    }*/

    .filterby {
        display: flex;
        justify-content: center;
        cursor: pointer;
        height: 34px;
        padding-top: 3px;
        font-weight: 900;
        background-color: #061ab1;
        color: white;
    }

    .filterby span {
        font-family: 'NewsonGLS';
        position: relative;
        top: -2px;
        font-size: 18px;
        letter-spacing: 0.5px;
    }

    #filtermobile {
        position: fixed;
        width: 100%;
        z-index: 910;
        background-color: white;
        transition: all 0.6s ease;
        color: #061ab1;
    }

    .filtermobile {
        top: 83px !important;
    }

    .filtermobileNoHeader {
        top: 33px !important;
    }

    .box-inner{
        display: flex;
        justify-content: space-around;
        width: 100%;
        padding: 0px;
        background-color: rgb(6, 26, 177);
    }


    header {
        display: flex;
        height: 50px;
        background-color: rgb(6, 26, 177);
        align-items: center;
        justify-content: space-between;
    }

    header > div {
        display: flex;
    }

    header .logo img {
        display: flex;
        width: auto;
        height: 38px;
        margin: 0 0 0 10px;
    }

    .buttonDesign {
        display: block;
        width: 65px;
        height: 5px;
        border-radius: 10px;
        background-color: black;
        margin: 15px auto 0 auto;
    }

    #detailListButton {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 11;
    }

    #detailListButtonClose {
        display: block;
        position: absolute;
        height: 40px;
        top: 0;
        width: 100%;
    }

    .detailListButtonHidden {
        display: none !important;
    }


    /*#detailList {
        padding-bottom: 20px;
    }*/



    .leftpanel {
        width: 100%;
        display: flex;
        /*flex-grow: 18;*/
        display: flex;
        align-items: stretch;
        /*flex-grow: 18;*/
        padding: 0 !important;
        margin: 0 !important;
        /*height: calc(100% - 60px);*/
        height: 102%;
    }

    .leftpanel1 {
        width: 120px;
    }

    .rightpanel {
        width: 100%;
        max-height: 100%;

    }

    .rightpanel1 {
        display: none;
        z-index: 8;
        position: absolute;
        height: 0;
}

    .animateList {
        display: block;
        z-index: 8;
        transition: all 0.5s;
        background-color: white;
        position: fixed;
        bottom: -40%;
        height: 60%;

        /*position: absolute;
        top: 80%;
        height: 19.5%;*/
        border-radius: 20px 20px 0 0;
        background-color: white;
    }



    .animateListTop {
        /*top: 40%;
        height: 60%;
        */
        bottom: 0%;
        transition: all 0.5s;
    }

    .animateListDown {
        /*
        top: 80%;
        height: 19.5%;
         */
        bottom: -40%;
        transition: all 0.5s;
    }




    .filterdetail {
        display: none;
    }

    .gm-ui-hover-effect {
        transform: scale(0.7);
        color: black !important;
        background-color: #ffcd00 !important;
        border-radius: 5px !important;
        padding: 0px !important;
        top: 3px !important;
        right: 6px !important;
    }

    .gm-style-iw {
        border-radius: 20px !important;
        box-shadow: none !important;
        width: 350px !important;
        max-width: 350px !important;
        min-width: 350px !important;
        /*padding: 30px 0px 15px 20px !important;*/
        padding-top: 30px !important;
        padding-bottom: 15px !important;
        /*margin-left: 180px !important;*/
    }


    .gm-style-iw div,
    .gm-style-iw label,
    .gm-style-iw i {
        padding: 0;
        margin: 0;
    }

    .gm-style-iw h5 {
        /*color: rgb(255, 134, 13);*/
        color: black;
        font-family: 'NewsonGLS-Bold';
        font-size: 19px;
        font-weight: 900;

    }

    .gm-style-iw i {
        margin: 0 7px 4px 0;
    }

    .gm-style-iw .iw-contact {
        margin: 0 0 5px 0;
    }

    .gm-style-iw address {
        /*margin: 0 10px 7px 0;*/
        margin: -5px 0px 10px 0;
    }
    .gm-style-iw address div {
        /*margin: 4px 0 0 0;*/
        margin: 0px 0 0 0;
    }

    .gm-style-iw table {
        margin: 0 0 10px 0;
    }
}

@media (min-width: 400px) {
    .content img {
        max-height: 125px;
    }
}

@media (min-width: 500px) {
    .headSolarBox {
        width: 350px;
    }
    .animateListTop {
        margin-top: -65%;
    }

    .leftpanel1 {
        width: 70%;
    }

    #openSaturdayIcon1.neaktivni {
        background-size: 80px 55px;
        background-position: center -5px;
        color: white;
    }

    #openSaturdayIcon1.aktivni {
        background-image: url('../images/ikona2b_blue_new2024.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #openSundayIcon1.neaktivni {
        background-size: 80px 55px;
        background-position: center -5px;
        color: white;
    }

    #openSundayIcon1.aktivni {
        background-image: url('../images/ikona3b_blue_new2024.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #payCardIcon1.neaktivni {
        background-size: 65px 45px;
        background-position: center -5px;
        color: white;
    }

    #payCardIcon1.aktivni {
        background-image: url('../images/ikona4b_blue_new2024.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #wheelchairAccessIcon1.neaktivni {
        background-size: 80px 55px;
        background-position: center -5px;
        color: white;
    }

    #wheelchairAccessIcon1.aktivni {
        background-image: url('../images/ikona5b_blue_new2024.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #parcelBoxIconOff1 {
        background-size: 80px 55px;
        background-position: center -5px;
    }

    #parcelBoxIcon1.neaktivni {
        background-size: 80px 55px;
        background-position: center -5px;
        color: white;
    }

    #parcelBoxIcon1.aktivni {
        background-image: url('../images/ikona6b_blue_new2023.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #parcelShopIcon1.neaktivni {
        background-size: 80px 55px;
        background-position: center -5px;
        color: white;
    }

    #parcelShopIcon1.aktivni {
        background-image: url('../images/ikona7b_blue_new2023.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

}



@media (min-width: 620px) {

    .content img {
        max-height: 180px;
        width: 100%;
    }

    .leftpanel1 {
        width: 80%;
    }

    #openSaturdayIcon1.neaktivni {
        background-size: 70px 48px;
        background-position: center -5px;
        /*color: #0519b0;*/
        color: white;
    }

    #openSaturdayIcon1.aktivni {
        background-image: url('../images/ikona2b_blue_new2024.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #openSundayIcon1.neaktivni {
        background-size: 70px 48px;
        background-position: center -5px;
        /*color: #0519b0;*/
        color: white;
    }

    #openSundayIcon1.aktivni {
        background-image: url('../images/ikona3b_blue_new2024.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #payCardIcon1.neaktivni {
        background-size: 65px 44px;
        background-position: center -5px;
        /*color: #0519b0;*/
        color: white;
    }

    #payCardIcon1.aktivni {
        background-image: url('../images/ikona4b_blue_new2024.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
    }

    #wheelchairAccessIcon1.neaktivni {
        background-size: 70px 48px;
        background-position: center -5px;
        /*color: #0519b0;*/
        color: white;
    }

    #wheelchairAccessIcon1.aktivni {
        background-image: url('../images/ikona5b_blue_new2024.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
      /*  color: #0519b0;*/
    }

    #parcelBoxIconOff1 {
        background-size: 70px 48px;
        background-position: center -5px;
    }

    #parcelBoxIcon1.neaktivni {
        background-size: 70px 48px;
        background-position: center -5px;
    }
    #parcelBoxIcon1.aktivni {
        background-image: url('../images/ikona6b_blue_new2023.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
        /*color: #0519b0;*/
    }

    #parcelShopIcon1.neaktivni {
        background-size: 70px 48px;
        background-position: center -5px;
    }
    #parcelShopIcon1.aktivni {
        background-image: url('../images/ikona7b_blue_new2023.png');
        background-position: center 35%;
        background-repeat: no-repeat;
        background-size: contain;
        color: white;
        background-color: #00c2f0;
       /* color: #0519b0;*/
    }

}



@media (min-width: 768px) {

    .headSolarBox {
        width: 400px !important;
    }

    .searchSolarBox {
        width: 400px !important;
    }
    .animateListTop {
        margin-top: -45%;
    }

    .search {
        padding: 0px 15px 0px 10px;
        margin: 20px 0 20px 0;
        height: 50px;
        border: none;
    }

    #filtermobile {
        display: none;
    }


    .filterby {
        display: none;
    }

    header {
        height: 90px;
    }

    header .logo img {
        display: flex;
        width: auto;
        height: 54px;
        margin: 0 0 0 25px;
    }

    .leftpanel .leftpanel1 {
        width: 65%;
    }

    .filterdetail {
        display: flex;
    }
}

@media (min-width: 900px) {

    .content img {
        max-height: 75px;
        width: 100%;
    }

    .mapContainer {
        height: 100%;
    }

    #sidebar {
        margin-top: 0px;
        height: 100%;
    }

    #detailListButton {
        display: none;
    }

    #detailListButtonClose {
        display:none;
    }

    .buttonDesign {
        display:none;
    }



    .leftpanel {
        width: 70%;
        display: flex;
        align-items: stretch;
        height: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    .rightpanel {
        width: 30%;
        max-height: 100%;
    }

    .rightpanel1 {
        display: block;
        margin-top: 0px;
        position: relative;
        height: 100%;
    }

    .animateList {
        position: relative;
        top: 0%;
        height: 100%;
        border-radius: 0 0 0 0;
    }





    .gmnoprint {  /* +/- zoom on google maps */
        display: block;
    }


}

@media (min-width: 1200px) {

    .content img {
        max-height: 100px;
        width: 100%;
    }


    .headSolarBox {
        width: 450px !important;
    }

    .searchSolarBox {
        width: 450px !important;
    }
}

@media (min-width: 1400px) {

    .content img {
        max-height: 125px;
    }

    #openHours {
        width: 400px;
    }

    .openHours {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 1600px) {

    .content img {
        max-height: 150px;
    }
}

@media (min-width: 1900px) {

    .content img {
        max-height: 150px;
        width: 100%;
    }

    .leftpanel {
        width: 75%;
    }

    .rightpanel {
        width: 25%;
    }
}


@media (min-width: 2200px) {

    .leftpanel {
        width: 80%;
    }

    .rightpanel {
        width: 20%;
    }
}






.slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 15px;
}

.gwt-SuggestBoxPopup {
    z-index: 9999 !important;
    font-family: NewsonGLS !important;
    font-size: 90% !important;
}

.gwt-SuggestBoxPopup .item {
    padding: 0.3em 0.3em !important;
    cursor: pointer !important;
/*    border: 1px solid red !important;*/
}




.detailH5 {
    color: black;
    padding-top: 0px;
    font-family: 'NewsonGLS-Bold' !important;
    font-weight: 900;
    font-size: 1.20rem;
    margin-bottom: 3px;
}

#detailContent .iw-contact {
    margin: 0 0 5px 0;
}

#detailContent h6 {
    font-size: 1.3em;
}

#detailContent address {
    margin: -5px 0px 10px 0;
    font-size: 13px;
}
#detailContent address div {
    margin: 0px 0 0 0;
}





.ratioMap {
    width: 0% !important;
}

#parcelShopId {
    color: #a5a5a5;
    font-size: small;
    margin-top: 10px;
}

.row [class*='col-'] {
    transition: all 0.3s ease-in-out;
}






#filter {
    width: 100%;
    display: block;
    clear: both;
    background-color: rgb(6, 26, 177);
    padding: 10px;
}

#places  {
    padding: 0px 0px;
    width: 100%;
    clear: both;
    overflow-y: auto;
}

.place2 {
    border-bottom: 1px solid grey;
    padding-bottom: 4px;
}

.place {
    list-style: none;
    padding: 8px 6px 10px 6px;
    margin: 0px;
    cursor: pointer;
    line-height: 20px;
    display: flex;
}

.place:hover {
    /*background-color: #E2E0DD;*/
}

.place .title1{
    font-family: 'NewsonGLS-Bold';
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    width: 30px;
    /*border: 1px solid red;*/
}

.place .title {
    width: 100%;
    padding-bottom: 1px;
    /*border: 1px solid red;*/
    font-family: 'NewsonGLS-Bold';
    font-weight: 900;
    font-size: 19px;
    line-height: 22px;
}

.place .title2 {
    width: 100%;
}

.detailInPlaces {
    padding-left: 30px !important;
    padding-right: 5px !important;
    display: none;
}

.moreOpenClose {
    font-weight: bold;
    margin-right: 5px;
    font-size: 13px;
    color: #061ab1;
}


.place .description {
    display: flex;
    flex-wrap: nowrap;
    justify-content: stretch;
    /*border: 1px solid red;*/
}

.place .address {
    font-weight: normal;
    font-family: 'NewsonGLS-Light';
    font-size: 14px;
    padding-top: 5px;
    width: 80%;
    line-height: 18px;
    /*border: 1px solid red;*/
}


.place .link {
    display: flex;
    align-items: center;
    width: 70px !important;
    /*border: 1px solid red;*/
}

.place .link .link1 {
    display: block;
    /*width: 45px;
    height: 46px;*/
    width: 40px;
    height: 41px;
    background-image: url('../images/detail1.png');
    background-repeat: no-repeat;
}

.place .link, .link1:hover {
    /*background-position: -45px 0px;*/
    background-position: -40px 0px;
}

.place .link,  .place .distance{
    width: 30%;
    padding-left: 5px;
    line-height: 14px;
    font-family: 'NewsonGLS-Light';
    font-size: 11px;
    /*border: 1px solid red;*/
}




    .foto {
        max-height: 85px;
        width: 100%;
    }




#divOpenHours {
    position: relative;
    margin: 0 0 5px 0;
}

#openHours tr td {
    padding: 5px !important;

}
#divOpenHours h6 {
    font-family: 'NewsonGLS-Bold';
    font-weight: 900;
    background-image: url('../images/open.png');
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size: 18px;
    height: 21px;
}

.text-red {
    color: #ff860d;
    font-weight: 900;
}

.tableback {
    background-color: #f1f1f1 !important;
}

#divHolidayCurrently {
    text-align: center;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.75);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

#divHolidayCurrently > div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color:rgb(228, 0, 0);
    font-weight: 600;
    font-size: 1.5em;

}

#planedHoliday {
    /*color: #ff4040;*/
    margin: 0 0 7px 0;
}

#planedHoliday h6 {
    font-family: 'NewsonGLS-Bold';
    font-weight: 900;
    background-image: url('../images/open.png');
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size: 18px;
    height: 21px;
}

.infoholiday {
    text-align: center;
    font-family: 'NewsonGLS-Bold';
    font-weight: 900;
    font-size: 20px;
}








@media (min-width: 660px) {

    header {
        display: flex;
        align-content: space-between;
        /*flex-flow: column wrap;*/
    }

    header > img {
        display: inline;
    }

    header > div {
        /*width: 20em;
        margin-right: 1em;*/
    }

    .minHeader {
        display: flex;
        position: absolute;
        right: 0;
        margin: 12px 20px 0 0;
        background-color: transparent;
        z-index: 3;
    }

    .minHeader_wihtDetail {
        margin-right: calc(20px + 28%);
    }


    .slide {
        position: relative;
        width: 28%;
    }

    .ratioMap {
        width: 72% !important;
    }

    .gm-style-iw, button:focus {
        outline: 0;
    }


    /*.gm-style-iw table tr td:first-child {
        padding: 0 7px 0 0;
        font-weight: 400;
    }*/
}


/* Modal Content (Image) */
.modal-content {
    margin: auto auto;
}

.contentdiv {
    max-width: 1600px;
    /*width: calc(100%);
    height: calc(100%);*/
    margin: auto auto;
    display: flex;
    justify-content: center;
    align-self: center;
}

img {
    max-height: inherit;
    max-width: inherit;
}


/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 10px;
    right: 25px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    opacity: 1;
  /*  transition: 0.3s;*/
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}


/*#parcelBoxIcon1:hover,#wheelchairAccessIcon1:hover,#openSaturdayIcon1:hover,#openSundayIcon1:hover, #payCardIcon1:hover {
    background-position: -49px 0px;
}*/



#openSaturdayIcon.neaktivni {
    background-image: url('../images/ikona2_blue_new2024.png');
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 11px;
    border-bottom: 2px solid #061ab1;
    height: 100%;
}
#openSaturdayIcon.neaktivni:hover {
    background-color: white;
    background-image: url('../images/ikona2a_blue_new2024.png');
    background-position: center center;
    color: #00c2f0;
    border-bottom: 2px solid #00c2f0;
    transition: all 0.3s;
    background-size: 110%;
    font-weight: bold;
    font-size: 62%;
}

#openSaturdayIcon.aktivni {
    background-image: url('../images/ikona2b_blue_new2024.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
    padding-bottom: 11px;
    border-bottom: 2px solid #ffffff;
    height: 100%;
    background-color: #00c2f0;
   /* background-size: 100%;*/
}


#openSundayIcon.neaktivni {
    background-image: url('../images/ikona3_blue_new2024.png');
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 11px;
    border-bottom: 2px solid #061ab1;
    height: 100%;
}
#openSundayIcon.neaktivni:hover {
    background-color: white;
    background-image: url('../images/ikona3a_blue_new2024.png');
    background-position: center center;
    color: #00c2f0;
    border-bottom: 2px solid #00c2f0;
    transition: all 0.3s;
    background-size: 110%;
    font-weight: bold;
    font-size: 62%;
}

#openSundayIcon.aktivni {
    background-image: url('../images/ikona3b_blue_new2024.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
    padding-bottom: 11px;
    border-bottom: 2px solid #ffffff;
    height: 100%;
    background-color: #00c2f0;
    /*background-size: 100%;*/
}




#payCardIcon.neaktivni {
    background-image: url('../images/ikona4_blue_new2024.png');
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 11px;
    border-bottom: 2px solid #061ab1;
    height: 100%;
}
#payCardIcon.neaktivni:hover {
    background-color: white;
    background-image: url('../images/ikona4a_blue_new2024.png');
    background-position: center center;
    color: #00c2f0;
    border-bottom: 2px solid #00c2f0;
    transition: all 0.3s;
    background-size: 110%;
    font-weight: bold;
    font-size: 62%;
}

#payCardIcon.aktivni {
    background-image: url('../images/ikona4b_blue_new2024.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
    padding-bottom: 11px;
    border-bottom: 2px solid #ffffff;
    height: 100%;
    background-color: #00c2f0;
    /*background-size: 100%;*/
}



#wheelchairAccessIcon.neaktivni {
    background-image: url('../images/ikona5_blue_new2024.png');
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 11px;
    border-bottom: 2px solid #061ab1;
    height: 100%;
}
#wheelchairAccessIcon.neaktivni:hover {
    background-color: white;
    background-image: url('../images/ikona5a_blue_new2024.png');
    background-position: center center;
    color: #00c2f0;
    border-bottom: 2px solid #00c2f0;
    transition: all 0.3s;
    background-size: 110%;
    font-weight: bold;
    font-size: 62%;
}

#wheelchairAccessIcon.aktivni {
    background-image: url('../images/ikona5b_blue_new2024.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
    padding-bottom: 11px;
    border-bottom: 2px solid #ffffff;
    height: 100%;
    background-color: #00c2f0;

}


#parcelBoxIcon.neaktivni {
    background-image: url('../images/ikona6_blue_new2023.png');
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 11px;
    border-bottom: 2px solid #061ab1;
    height: 100%;
}
#parcelBoxIcon.neaktivni:hover {
    background-color: white;
    background-image: url('../images/ikona6a_blue_new2023.png');
    background-position: center center;
    color: #00c2f0;
    border-bottom: 2px solid #00c2f0;
    transition: all 0.3s;
    font-weight: bold;
    font-size: 62%;
}

#parcelBoxIcon.aktivni {
    background-image: url('../images/ikona6b_blue_new2024.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
    padding-bottom: 11px;
    border-bottom: 2px solid #ffffff;
    background-color: #00c2f0;
    height: 100%;
    background-size: 100%;
}

#parcelBoxIconOff {
    background-image: url('../images/ikona6_blue_new2023.png');
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 11px;
    border-bottom: 2px solid #061ab1;
    height: 100%;
    cursor: help;
    opacity: 0.4;
}

#parcelBoxIconOff:hover {
    color: white;
}

#parcelShopIcon.neaktivni {
    background-image: url('../images/ikona7_blue_new2023.png');
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 11px;
    border-bottom: 2px solid #061ab1;
    height: 100%;
}
#parcelShopIcon.neaktivni:hover {
    background-color: white;
    background-image: url('../images/ikona7a_blue_new2023.png');
    background-position: center center;
    color: #00c2f0;
    border-bottom: 2px solid #00c2f0;
    transition: all 0.3s;
    background-size: 110%;
    font-weight: bold;
    font-size: 62%;
}

#parcelShopIcon.aktivni {
    background-image: url('../images/ikona7b_blue_new2023.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
    padding-bottom: 11px;
    border-bottom: 2px solid #ffffff;
    height: 100%;
    background-color: #00c2f0;
    background-size: 100%;
}








#openSaturdayIcon1.neaktivni {
    /*background-image: url('../images/ikona2_white_new.png');*/
    background-image: url('../images/ikona2_blue_new2024.png');
    background-repeat: no-repeat;
    background-size: contain;
}

#openSundayIcon1.neaktivni {
    /*background-image: url('../images/ikona3_white_new.png');*/
    background-image: url('../images/ikona3_blue_new2024.png');
    background-repeat: no-repeat;
    background-size: contain;
}

#payCardIcon1.neaktivni {
    /*background-image: url('../images/ikona4_white_new.png');*/
    background-image: url('../images/ikona4_blue_new2024.png');
    background-repeat: no-repeat;
    background-size: contain;
}

#wheelchairAccessIcon1.neaktivni {
    /*background-image: url('../images/ikona5_white_new.png');*/
    background-image: url('../images/ikona5_blue_new2024.png');
    background-repeat: no-repeat;
    background-size: contain;
}

#parcelBoxIcon1.neaktivni{
    /*background-image: url('../images/ikona6_white_new.png');*/
    background-image: url('../images/ikona6_blue_new2023.png');
    background-repeat: no-repeat;
    background-size: contain;
}

#parcelBoxIconOff1 {
    background-image: url('../images/ikona6_white_new.png');
    background-repeat: no-repeat;
    opacity: 0.4;
}

#parcelShopIcon1.neaktivni{
    /*background-image: url('../images/ikona6_white_new.png');*/
    background-image: url('../images/ikona7_blue_new2023.png');
    background-repeat: no-repeat;
    background-size: contain;
}
/*#parcelBoxIcon:hover, #wheelchairAccessIcon:hover, #payCardIcon:hover {
    background-position: -75px 0px;
}*/








.markercontent {
    position: absolute;
    left: 45%;
    bottom: -50px;
    z-index: 999999 !important;

}

/*#btSelectPS2, #btSelectPS1 {
    color: black;
    width: 70%;
    padding: 15px 5px 15px 30px;
    border-radius: 25px;
    background-color: #ffcd00;
    border: none;
    min-width: 250px;
    _width: 250px;
    margin: 0 auto;
    background-image: url('../images/select.png');
    background-repeat: no-repeat;
    background-position: 20px center ;
    font-size: 17px;
}*/

.imageButton {
    display: flex;
    justify-content: center;
    padding-bottom: 7px !important;
}

.imageButton img {
    max-width: 100%;
}

.btSelectPS2, .btSelectPS1 {
    color: black;
    width: 60%;
    padding: 8px 8px 8px 8px;
    border-radius: 10px;
    background-color: #ffcd00 !important;
    border: none;
    min-width: 110px;
    _width: 110px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 13px;
}

.btSelectPS2a, .btSelectPS1a {
    color: black;
    padding: 8px 5px 8px 5px;
    border-radius: 0px;
    background-color: #ffcd00 !important;
    border: none;
    margin: 0 auto;
    font-weight: bold;
    font-size: 13px;
}

.btSelectPS2:hover, .btSelectPS1:hover, .btSelectPS2a:hover, .btSelectPS1a:hover {
    background-color: #ffe166;
}


.popup {
    width: 100%;
    height: 100%;
    background-color: #fff;


}
.popup1 {
    padding: 0px !important;
}

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

.modal-backdrop.show {
    opacity: 0.8;
}

.btnclose {
    width: 40px;
    /*margin-left: 10px;*/
    position: relative;
    top: -4px;
    left: 10px;
}

.openHide {display: none;}
#moreopen {display: flex; justify-content: flex-end;}
.openhours td {width: 33%; }