html, body{
	padding: 0px;
	margin: 0;
	width: 100%;
	height: 100%;
	background: #fafafa;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
  color: #0B2F5B;
}

a {
  color: #0B2F5B;
}

html{
    /*padding: 25px;*/
}
.grn{
  background: #bdd198;
}

#createEv{
  background: darkorange;
  color: white;
  float: right;
}

.activeColor{
  color: #bdd198;
}

#pendingApplicants button{
  float: right;

}

select{
height: 30px;
    border: none;
    font-size: 15px;
    font-weight: 600;
      font-family: 'Lato', sans-serif;
  color: #0B2F5B;
}
textarea{
  font-family: 'Lato', sans-serif;
  width: 100%;
  outline: none;
  border: none;
  padding: 10px;
  font-size: 1.5em;
}

button, input{
  font-family: 'Lato', sans-serif;
  outline:none;
  border: none;
  margin: 0;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 1em;
}


#curPrett{display: inline-block;}

button{border: 0px solid white; margin-right: 5px;}

table tr:nth-child(even) {background: #efefef}

table td {height: 50px;}

button:hover{
  background: #0B2F5B !important;
  color: white;
}

table{
  width: 100%;
  /*text-align: center;*/
}

#todoTable_active{
  text-align: left;
}

#todoTable_active tr{
  min-height: 90px;
}

.logoImg, .prodImg{width: 200px; float: right;}

#boothsAllocation{
  width: 62%;
  display: inline-block;
  overflow-y: scroll;
    height: 100%;
    float: left;
    text-align: left;
}

mapView{
  width: 38%;
  display: inline-block;
  height: auto;

}

#stats, #applicants, #booths{
  overflow-y: scroll;
    height: calc(100% - 140px);
}

#statsIn{
  display: grid;
    grid-template-columns: repeat(3, 1fr);

}

.sorty th{
    background: #bfd198;
    padding: 5px;
    cursor: pointer;
    text-align: left;
  }

.sorty tr:hover{
    background: white;
    cursor: pointer;
  }

.sorty th:hover{
  background: #0B2F5B;
  color: white;
}


#login{
        width: 62%;
        margin-left: 19%;
        margin-top: 8em;
        text-align: center;
      }

      #login img{
        width: 150px;
      }

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
/*  height: calc(100% - 150px);
    overflow: scroll;*/
  background-color: #f1f1f1;
}

#schedule{
  height: calc(100% - 150px);
    overflow: scroll;
}
/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #bfd198;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #bfd198;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
 /* border: 1px solid #bfd198;*/
  border-top: none;
}

.popUp{
      position: FIXED;
    width: calc(100% - 90px);
    height: calc(100% - 90px);
    /*overflow-y: scroll;*/
    top: 15px;
    left: 15px;
    padding: 30px;
    border-radius: 5px;
    background: #fafafa;
    filter: drop-shadow(-5px 6px 5px #0B2F5B);
}

#selectedVendorDetails{
  overflow-y: scroll;
}

closeButton{
      background: white;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    float: right;
}

closeButton:hover{
  background:#0B2F5B; 
  color: white;
}