@media only screen and (max-width:480px){
  aside{
    display: none;
    position: fixed;
    z-index: 999999999999;
    overflow-y: scroll;
  }

.container-body, .container-body-login{
  grid-template-columns: 100% 100%;
  grid-template-areas:
  "section"
  "aside";
}

.close-mobile-menu{
  display: block;
}

.menu > li > a, .creator::after{
  font-size: 20px;
}

.data-table {
  width: max-content !important;
  margin-top: 30px;
}

.mobile-menu{
  display: block;
}

.mobile-menu{
  font-family: mtnb;
  font-size: 16px;
  color: #304646;
}

.dashboard-count-info > div{
  margin: 0 0 10px 0 !important;
}

.mobile-menu span{
  font-size: 30px;
}

.grid-3-e, .grid-2-e, .grid-30-70, .grid-4-e{
  grid-template-columns: 100%;
}

.dashboard-item-setting .pr20{
  padding-right: 0 !important;
}

.doc-footer.grid-2-e{
  grid-template-columns: 50% 50% !important;
}

.pr10{padding-right: 0 !important;}

.table-container{
  overflow-x: scroll;
  width: 100%;
}

th, td{
  min-width: 100px;
}

.w30, .w50, .w70, .w60{
  width: 100%;
}

.menu > li > a{
  padding: 10px 70px 10px 110px;
}

.ml20{
  margin-left: 0 !important;
}

 .w25{
   width: auto;
 }

.doc{
  min-height: 70vh;
  max-height: 90vh;
  overflow-y: scroll;
}

 .shadow-modal, .shadow-alert{
   padding: 20px;
 }

 .buttons-header{
   justify-content: center;
 }

}