body{
    padding-top: 100px;
}

.statsbar{
    padding: 0.5rem 1rem;
}

.rows{
    padding: 0.5rem;
    margin: 0.25rem;
}

.slider {
    float: right;
    margin-left: 20px;
    margin-right: 20px;
    width: 75%!important;
    height: 20px;
}

.navbar
{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.10);
}

.nav-link{
    white-space:nowrap;
}
.navbar-nav {
    -ms-align-items: center;
    align-items: center;
}
.navbar-nav button, .navbar-nav a
{
    cursor: pointer;
}
.navbar-nav svg
{
    color: rgba(0,0,0,.5);
}
.navbar hr
{
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}
.dropdown-menu
{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.24), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.notification-container{
    position: fixed;
    top: 86px;
    right: 30px;
    z-index: 9999;
}

.notification{
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 2s, height 2s; /* Safari */
    transition: opacity 2s, height 2s;
}
.notification-tooltip{
    margin-bottom: 20px;
    width: 300px;
    padding: 15px 25px;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.notification-tooltip .icon{
   padding-right: 20px;
   font-size: 20px;
}

.notification-tooltip p{
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 300;
}

.notification-tooltip h5{
    font-size: 15px;
    margin-bottom: 5px;
}

.close-notification{
    position: absolute;
    right: 20px;
    top: 15px;
    width: 20px;
    height: 20px;
    opacity: 0.3;
    cursor: pointer;
}

.notification-tooltip:hover .close-notification{
    opacity: 1;
}

.close-notification:after, .close-notification:before{
    position: absolute;
    left: 10px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #fff;
}

.close-notification:after{
    transform: rotate(-45deg);

}

.close-notification:before{
transform: rotate(45deg);
}

kbd2 {
    font-family: monospace;
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
  }

/* verberg tabs initieel */
#flour-col, #windmills-col, #Flourstock, #graanopbrengst-col, #olie-col, #Oilstock, #pomp-col, #energieproductie-col, #energy-col, #farmland-automation, #WindmillController,
#chicken-col, #plastic-row, #pasta-col, #AutoSell-col, #MiningResearch-col, #mijnbouw-row, #mijnen-row, #mijnen-row2, #Uranium-col, #nuclearFuel-row {
    /*display: none;*/
}