body {
  overflow: visible !important;
  padding-right: 0px !important;
  background-color: rgba(149, 175, 215, 0.1) !important;
}

body::-webkit-scrollbar {
  width: .4rem;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
}

body::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
}

@media print {

  header,
  footer,
  .printIcon,
  .hiddenHeaderPrint {
    display: none !important;
  }

  main.sc-lmgQwP.eTPtWN {
    margin: 0px !important;
  }

  body {
    width: 100%;
  }

  html,
  body {
    width: 250mm;
    height: 297mm;
  }

  body {
    -webkit-print-color-adjust: exact;
  }
}

.apexcharts-legend-text {
  padding: 0 4px 0 0 !important;
}

@media screen and (max-width: 1260px) and (min-width: 501px) {
  main {
    width: 50% !important;
  }
}

/* Mobile Size */

@media screen and (max-width: 501px) and (min-width: 300px) {
  .heading {
    max-width: 425px;
  }
}

/* End Mobile Size */

.text-center {
  text-align: center;
}

main {
  width: 100%;
}

/* arabic */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(fonts/SLXLc1nY6HkvalqKbI6O59ZMaA.woff2) format('woff2');
}

/* latin-ext */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(fonts/SLXLc1nY6Hkvalrub46F59ZMaA.woff2) format('woff2');
}

/* latin */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(fonts/SLXLc1nY6Hkvalrub46L59Y.woff2) format('woff2');
}

/* arabic */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/SLXLc1nY6HkvalqKbI6O59ZMaA.woff2) format('woff2');
}

/* latin-ext */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/SLXLc1nY6HkvalqKbI6F59ZMaA.woff2) format('woff2');
}

/* latin */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/SLXLc1nY6HkvalqKbI6L59Y.woff2) format('woff2');
}

/* arabic */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SLXGc1nY6HkvalIkTpu0xg.woff2) format('woff2');
}

/* latin-ext */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SLXGc1nY6HkvalIvTpu0xg.woff2) format('woff2');
}

/* latin */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SLXGc1nY6HkvalIhTps.woff2) format('woff2');
}

/* arabic */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/SLXLc1nY6Hkvalr-ao6O59ZMaA.woff2) format('woff2');
}

/* latin-ext */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/SLXLc1nY6Hkvalr-ao6F59ZMaA.woff2) format('woff2');
}

/* latin */

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/SLXLc1nY6Hkvalr-ao6L59Y.woff2) format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url(fonts/JTURjIg1_i6t8kCHKm45_aZA3gnD_g.woff2) format('woff2');
}

/* latin */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/JTURjIg1_i6t8kCHKm45_aZA3gnD_g.woff2) format('woff2');
}


 table th {
  background-color: unset !important;

}
table thead {
    background: linear-gradient(135deg, #0056a4 0%, #0078d7 50%, #0091ea 100%) !important;
}

.cardlist{
  position: relative;
}
.cardlist .cardlist-header{
  padding: 20px;
  min-height: 50px;
}
.cardlist .cardlist-header img{
    position: absolute;
    top: 48px;
    border-radius: 50%;
    width: 57px !important;
    border: #c2e3f1 1px solid;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 1px 5px 1px rgba(78, 78, 78, 0.207);
    padding: 4px;
    background: white;

}
.cardlist-footer .MuiGrid-container .active , .cardlist-footer .MuiGrid-container .inactive {
  margin: unset !important;
}