/*==================================common styles starts==================================*/

html,
body,
.full-height {
    height: 100%;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

.h-10 {
    height: 10%;
}

.h-5 {
    height: 5%;
}

.h-20 {
    height: 20%;
}

.h-80 {
    height: 80%;
}

.h-85 {
    height: 85%;
}

.h-90 {
    height: 90%;
}

.h-95 {
    height: 95%;
}

.p-l4 {
    padding-left: 4px;
}

.p-r4 {
    padding-right: 4px;
}

.p-t0-b0 {
    padding-top: 0;
    padding-bottom: 0;
}

.m-l4 {
    margin-left: 4px;
}

.m-r4 {
    margin-right: 4px;
}


/*==================================common styles ends==================================*/


/*==================================index.html styles starts==================================*/

.navbar {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
    /* the rest of your styling */
    margin-top: -.50rem!important
}

.navbar-toggler {
    top: 1rem;
}

#main-frame-container {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
    /* the rest of your styling */
}

#btn-download {
    width: 125px;
}

.footer {
    background: #1d1f20;
    margin-top: .25rem!important;
    color: #666;
    font-size: 0.9em;
}

.footer a {
    text-decoration: none;
}


/*==================================index.html styles ends==================================*/


/*==================================viewmap.php styles starts==================================*/

.card {
    position: absolute;
    z-index: 9999;
}

.card img {
    width: 318px;
    height: 180px;
}

#card-details {
    bottom: 50px;
    right: 10px;
    display: none;
}

.card-inner {
    position: relative;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
}

#card-details-img:hover {
    cursor: pointer;
}

.card-footer {
    text-align: center;
    font-size: 0.6em;
    color: #b1b1b1;
}

.card-footer a {
    color: #666;
    text-decoration: none;
}


/*==================================viewmap.php styles ends==================================*/


/*==================================viewall.php styles starts==================================*/

.uploaded_img {
    height: 80px;
    width: 100px;
    display: block;
    margin: 0 auto;
}


/*==================================viewall.php styles ends==================================*/