/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
html,
body {
  overflow-x: hidden;
  height: 100vh;
}



#dopravaDiv {
  height: 95vh;
}


#financeDiv {
  height: 95vh;
}


.navbar {
   height: 5vh;
}

.popisek {
        padding: 10px;
      }


#sidebar-wrapper {
  height: 100vh;
  width: 100vw;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
  overflow-y: inherit;

}

#sidebar-wrapper .sidebar-heading {
  padding: 0.5rem 1.25rem;
  font-size: 1.2
}

#sidebar-wrapper .list-group {
  width: 100vh;
  font-size: 1rem;
}

#page-content-wrapper {
  width: 100vw;
  height: 100vh;
}



@media screen and (min-width: 768px){


  #sidebar-wrapper {
    margin-left: 0;

  }

  #page-content-wrapper {
    min-width: 0;

  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -100vw;
  }

}



#infoDiv {
        padding: 8px;
      }


select
{
width:160px;
    }




#loading {
      margin: 0;
      position: absolute;
      top: 40%;
      left: 40%;
      margin-right: -40%;
    }



img.animated-gif{
  width: 100px;
  height: auto;
}


.container {
  width: 80%;
  margin: 15px auto;
}

[class$="-legend"] {
  list-style: none;
  cursor: pointer;
  padding-left: 0;
}

[class$="-legend"] li {
  display: inline-block;
  padding: 0 5px;
}

[class$="-legend"] li.hidden {
  text-decoration: line-through;
}

[class$="-legend"] li span {
  border-radius: 5px;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  width: 10px;
}


.btn-tiny {
    font-size: 10px;
}


#canvas-wrap1 { position:relative } /* Make this a positioned parent */
#overlay1     { position:absolute; top:40px; left:10px;}

#canvas-wrap2 { position:relative } /* Make this a positioned parent */
#overlay2     { position:absolute; top:40px; left:10px;}


#canvas-wrap3 { position:relative } /* Make this a positioned parent */
#overlay3    { position:absolute; top:40px; left:10px;}

#canvas-wrap4 { position:relative } /* Make this a positioned parent */
#overlay4     { position:absolute; top:40px; left:10px;}

#canvas-wrap5 { position:relative } /* Make this a positioned parent */
#overlay5   { position:absolute; top:40px; left:10px;}

#canvas-wrap6 { position:relative } /* Make this a positioned parent */
#overlay6     { position:absolute; top:40px; left:10px;}