@media (min-width: 700px) { 
.mobinclude {
  display: none !important;
}
::-webkit-scrollbar {
  width: 4px; 
  }
  ::-webkit-scrollbar-track {
  background-color: transparent;
  }
  ::-webkit-scrollbar-thumb {
  background-color: #F1F4F5;
  }
  ::-webkit-scrollbar-thumb:hover {
  background-color: #000000;
  }
}
@media (max-width: 700px) { 
.deskinclude, ::-webkit-scrollbar  {
    display: none !important;

}
}

/* ------------------------------------------------------------Load Screen ----------------------------------------------------*/

.loascreen {
  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; min-height: 500px;
}
.loascreen img {
  width: 200px; height: auto;
}

/* -------------------------------------------------------- header styling start here --------------------------------------------*/

header {
width: 100vw; height: max-content; min-height: 50px; display: flex; align-items: center; justify-content: space-between; box-shadow: 2px 0px 3px #a7a6a6;
z-index: 999999; background-color: var(--primary-color);  position: fixed; padding: 10px 80px;
}
#header_logo {
height: 40px; width: max-content;
}


  /* chart */
.merchbankgraphboxdash { padding: 0%; padding-bottom: 0% !important;}
.merchbankgraphboxdash p { padding: 10px; margin: 0%;}
.chartdash {
  width: 100%; padding: 15px;  background-color: #f3f6f8; overflow: auto;
}