body {
  font-size: .7rem;
  font-family: 'Yaldevi', sans-serif;
   display: flex;
   min-height: 100vh;
   flex-direction: column;
}

.logo{
  max-height:2.75em;
}

@media (min-width: 992px) {
  /* CSS that should be displayed if width is equal to or less than 800px goes here */

  .logo{
    max-height:5em;
  }  
}

.opacity-75{
  opacity: 0.75;
}

.font-yaldevi{
  font-family: 'Yaldevi', sans-serif;
}

.shadow-sm-white{
  box-shadow:  0 0 5px rgba(255,255,255,.2);
}

.font-small{
  font-size: .65rem;
}

.bg-dark-transparent{
  background-color: rgba(0, 0, 0, .75);
}

#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #232526; /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom right, #232526, #303234); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom right, #232526, #303234); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes ldio-xcl606454at {
  0% { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.ldio-xcl606454at div {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 20px solid rgba(183,28,28 ,1);
  border-top-color: transparent;
  border-radius: 50%;
}
.ldio-xcl606454at div {
  animation: ldio-xcl606454at 1s linear infinite;
  top: 100px;
  left: 100px
}
.loadingio-spinner-rolling-2wu6yuhm6pk {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-xcl606454at {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-xcl606454at div { box-sizing: content-box; }
/* generated by https://loading.io/ */

.button-zoom{
  font-size: 1.8em;
  border: none;
  background-color: rgba(255, 255, 255, 0.15);
  height:30px;
  width:30px;
  padding:0;
}

.button-zoom:hover{
  background-color: rgba(211,47,47 ,1);
}


.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete-items::-webkit-scrollbar {
  display: block;
  width: 6px;
}

/* Track */
.autocomplete-items::-webkit-scrollbar-track {
    background: #f1f1f1;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 3px; 
}
 
/* Handle */
.autocomplete-items::-webkit-scrollbar-thumb {
    border-radius: 3px; 
}

/* Handle */
.autocomplete-items::-webkit-scrollbar-thumb {
    background: #F90101;
}

/* Handle on hover */
.autocomplete-items::-webkit-scrollbar-thumb:hover {
    background: rgba(170, 43, 59,1); 
}

.autocomplete-items {
  max-height: 50vh;
  overflow-y: auto;
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: white !important;
  color: #ffffff;
}

#search-input{
  background-color: rgba(255,255,255,.25);
  border:1px solid rgba(255,255,255,.1);
}

.button-clickable{
    padding: 0.5em;
    cursor: pointer;
}

.button-clickable:hover{
    background-color: rgba(0, 0, 0, 0.1);
}

#table-top-right{
  background-color:rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5);
}

.legend-color{
  width:3em;
  height:1.5em;
}

.legend-text{
  opacity: 0.75;
}

.form-check{
  min-height: auto;
  border-bottom:1px solid rgba(0,0,0,.05);
}

.table-container{
  max-height: 25vh;
  overflow-y: auto;
}

#testing:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 10px rgba(0,0,0,.75);
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}