html {
    font-size: 14px; 
}

@media (min-width: 768px) {
  html {
    font-size: 16px;  
  }
  
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #F0F0F0;
}

.toolbar {  
    background-color: white !important;
    align-items: center;
    color: white !important;
}

.toolbarText {
    color: white !important;
}

.floating-form {   /* filter component floating  */
    position: fixed;
    left: 3px;
    right: 3px;
    z-index: 9999;
}

#navbar {
    position: fixed; /*  absolute dı değiştirildi*/
    width: -webkit-fill-available;
    z-index: 9999;
    top:0;
}
#navbarContainer {
    margin-top: -2vh;
    margin-bottom: -2vh !important;
}

/* .hide-bottom-navbar sınıfı olduğunda bottom navbar gizlensin */
.hide-bottom-navbar nav.fixed-bottom {
    display: none !important;
}


/*.container {
    position: relative;*/ /* Ana konteyneri pozisyonlu yap */
/*}*/