.topbar {
  
    flex: 0 1 auto;
    background-color: #266b2c;
   height: 50px;
   padding-left: 10px;
  
}
.nav-list{
    
    height: 80px;
    text-align: center;
}
.box{
    display: flex;
  flex-flow: column;
  height: 100vh;
  background-color:#dce6f767 !important;

  
  overflow: hidden;
}

.content-overlay{
    
    flex: 1 1 auto;
   
    height: 100vh;


}


.inner-content{
  

    border-radius: 20px;
    background-color: white;
   
}

.dashboard-list li {
    
    display: block;
list-style: none;
color: white;
float: left;
    border-radius: 4px;
    min-width: 107px;
    min-height: 100px;
}

.dashboard-list li:hover {
    background-color: #3E4654;
}
.dashboard-list li a span{
    padding-top: 10px;
}

.footer {
  position: sticky;
  bottom: 0;

}


#slideOne {
  display: block;
}

#slideTwo {
  display: none;
}

.shadow {
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.dragspace{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
 
 
  z-index: 1000;
}