/*  * {
    outline: 1px solid red;
}   */


html {
    background-image: url("../images/mainimg.png");
    background-position: center;
    background-repeat: none;
    background-size: cover;
    background-attachment: fixed;
}

.brand-logo {
    margin-left: auto;
    margin-right: auto;
}

.btn-flat {
    background-color: rgb(102, 212, 240);
}

/* body select.select_box */ 
body select { 
    display: inline-block; 
    padding: 10px 70px 10px 13px !important; 
    max-width: 100%; 
    height: auto !important; 
    border: 1px solid #e3e3e3; 
    border-radius: 3px; 
    background: url("https://image.ibb.co/iMeAJv/selectbox_arrow.png") right center no-repeat; background-color: #fff; 
    color: #444444; 
    font-size: 16px; 
    font-weight: bolder;
    line-height: 16px !important; 
    appearance: none; /* this is must */ 
    -webkit-appearance: none; 
    -moz-appearance: none; } /* body select.select_box option */ 

.main-container {
    min-height: 100vh;
}


.custom-select {
    display: inline-block;
}

body select option { 
    padding: 0 4px;
} 


#googlemapdiv {
    height: 100%;
    position: relative;
    margin-top: 10px;
    overflow: hidden;
    padding-top: 56.25%;
}

#googlemapdiv iframe {
   /*  width: 300px;
    height: 300px;
    border: none; */
    border-radius: 16px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 84%;
    border: 0;
}
 
.foursquare  {     
    width: 100%;
    height: 100%;
}

.image-fs {
    max-width: 500px;
    height: 500px;
    border-radius: 16px;
    margin-top: 10px;
}

#submit-btn {
    border-radius: 16px;
}

#main-page-buttons {
    margin-top: 25px;
 
}

/*added button formatting*/
#btn-give-idea {
    border-radius: 16px;
    font-weight: 700;
}

#images-wrapper {
 width: 100%;
}

#tablediv {
    background-color: rgba(255, 255, 255, 0.486);
    font-size: 20px;
    border-radius: 16px;
}

#btn-give-idea {
    margin-top: 100px;
     
}
/*added formating of the table*/
tr:nth-child(1) {
    color: rgba(0, 0, 0, 0.775);
    font-size: 1.2em;
    text-shadow: 1px 2px grey;
}
tr:nth-child(2) {
    color: rgba(247, 8, 8, 0.72);
     
    text-shadow: 0px 2px grey;
}

td:first-child {
    font-weight: 700;
}

nav {
    border-radius: 26px;
     
}

.page-footer{
    position:fixed;
    bottom: 0;
    width: 100%;
}

h5{
    text-align: center;
    padding-top: 0px;
    padding-bottom:0px;
    background-color: rgba(255, 255, 255, 0.63);
    border-radius: 16px;
    width:80%;
    margin:0 auto;
    margin-top:100px;
}