html, body {
    width: 100vw;
    height: 100vh;
    padding: 0;
    margin: 0;
}

.pwa-container {
    position: absolute;
    bottom: 0;
}

.add-button,
.cancel-button {
    font-size: .6em !important;
    padding: 0 0.8em !important;
    height: 36px;
    margin: 0 2px;
}

.btnNew {
    background-color: transparent;
    padding: 8px;
    padding-left: 3px;
    border-radius: 5px;
    height: 36px;
    border: none;
    color: #2B76F7FF;
    cursor: pointer !important;
}

.buttonDiscard {
     background-color: transparent;
    border: none;
    color: grey;
    padding: 6px 12px;
    border-radius: 4px;
    margin-right: 5px;
    cursor: pointer;
}

#topbar {
    position: fixed;
    bottom: -6em;
    display: block;
    z-index: 99999;
    box-sizing: border-box;
    width: 320px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    background-color: #353535;
    color: #ffff;
    font-size: 25px;
    text-align: center;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 2px 0 rgba(69, 90, 100, 0.08);
    -moz-box-shadow: 0 0 2px 0 rgba(69, 90, 100, 0.08);
    /* box-shadow: 0 -8px 6px -6px black; */
    box-shadow: 0 0 2px 0 rgba(69, 90, 100, 0.08);
    transition: bottom 1s;
}


/* Hiding the checkbox */

#toggleTop {
    display: none;
}


/* Styling the lables, to show and hide the bar */

#showTop {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    right: 30px;
    display: block;
    padding: 10px;
    background-color: #000000;
    color: #fff;
}

#hideTop {
    float: right;
    display: inline-block;
}


/* Displaying the bar when the checkbox is checked */

#toggleTop:checked + #topbar {
    transition: bottom 1s;
    bottom: 12px;
}

html, body {
    width: 100vw;
    height: 100vh;
    padding: 0;
    margin: 0;
}

@media (orientation: landscape) {
    .backGround {
        //background-image: url("assets/assets/Background/splash_land.png");
        background-repeat: no-repeat;
        background-color:#fff
        background-size: 100% 100%;
        object-fit: cover;
    }
}

@media (orientation: portrait) {
    .backGround {
        //background-image: url("assets/assets/Background/splash.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color:#fff
        object-fit: cover;
    }
}

.coverScreen {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
/*Hide Popup on google map when click on Store*/
.gm-style-iw gm-style-iw-c,
.gm-style a,
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-c::after,
.gm-style .gm-style-iw-t::after,
.gm-style-iw gm-style-iw-c::after{
    display : none !important;
}

.gmnoprint,
.gmnoprint div{
    display : none !important;
}