.toast-success {
  color: #fff !important;
  background: #4bb543 !important;
  border: 1px solid #34a853 !important;
  border-radius: 5px !important;
  min-width: 400px !important;
  max-width: 500px !important;
  padding: 15px !important;
  font-size: 14px !important;
  line-height: 15px !important;
}

.toast-error {
  color: #d8000c !important;
  background: #ffbaba !important;
  border: 1px solid red !important;
  border-radius: 5px !important;
  min-width: 400px !important;
  max-width: 500px !important;
  padding: 15px !important;
  font-size: 14px !important;
  line-height: 15px !important;
}

.toast-info {
  color: #fff !important;
  border: 1px solid #0827db ab !important;
  background: #3498db !important;
  border-radius: 5px !important;
  min-width: 400px !important;
  max-width: 500px !important;
  padding: 15px !important;
  font-size: 14px !important;
  line-height: 15px !important;
}

.toast-warn {
  color: #000 !important;
  background: #f1cf69 !important;
  border: 1px solid #ffc107 !important;
  border-radius: 5px !important;
  min-width: 400px !important;
  max-width: 500px !important;
  padding: 15px !important;
  font-size: 14px !important;
  line-height: 15px !important;
}

.Toastify__toast-container {
  min-width: 400px !important;
  max-width: 500px !important;
}

body {
  all: initial;
  overflow: hidden !important;
}

.iconLink svg {
  min-height: 100%;
  margin: auto;
  display: block;
}

.ReactVirtualized__Table__headerColumn:first-of-type, .ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 0 !important;
}

.track-vertical {
  top: 50px;
  bottom: 2px;
  right: 2px;
}

.MainPageContainer.Closed {
  padding-top: 0;
}

#MenuID {
  height: -moz-calc(100vh - 218px) !important;
  height: -webkit-calc(100vh - 218px) !important;
  height: calc(100vh - 218px) !important;
}

.sidebarContainer {
  display: none;
}

.sidebarContainer.open, .sidebarContainer.sidebarpinned {
  display: block;
}

.sidebarContainer.sidebarpinned #MenuID {
  height: -moz-calc(100vh - 110px) !important;
  height: -webkit-calc(100vh - 110px) !important;
  height: calc(100vh - 110px) !important;
}

.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content {
  font-family: Inter UI;
  font-size: 12px;
}

.thcentericon {
  align-items: center;
  margin-right: 16px;
  display: contents;
  justify-content: center !important;
}

span.recharts-legend-item-text {
  color: #6e6e6e;
  text-transform: uppercase;
  font-size: 9px;
}

.disabledBadge {
  pointer-events: none !important;
  color: #9e9e9e !important;
  background: #f0f0f0 !important;
  border-color: #dad0d0 !important;
}

.react-datepicker__time-container--with-today-button {
  right: -88px !important;
}

.react-datepicker__tab-loop {
  z-index: 1073;
  position: relative;
}

#button .close {
  opacity: 1;
  color: #fff;
}

#button .close :hover {
  opacity: .5;
  color: #fff;
}

.popover {
  max-width: 1000px !important;
}

.bs-popover-auto[x-placement^="bottom"] .popover-header:before, .bs-popover-bottom .popover-header:before {
  display: none;
}

.close {
  float: right;
  color: #fff;
  opacity: 1;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  text-shadow: none !important;
}

.close:hover {
  opacity: .5;
}

.modal-title {
  width: 100%;
}

.recharts-wrapper {
  margin: 0 auto;
}

thead tr:first-child th {
  z-index: 2;
  position: sticky;
  top: -1px;
}

tr#subtr:nth-child(2) th {
  z-index: 2;
  position: sticky;
  top: 28px;
  border-radius: 0 !important;
}

tr#inner-subtr:nth-child(2) th {
  z-index: 2;
  position: sticky;
  top: 30px;
  border-radius: 0 !important;
}

.menuhideContainer {
  opacity: 1;
  background: none;
  width: 100%;
  height: 16px;
  position: absolute;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
  outline: none;
}

.norecords {
  object-fit: contain;
  mix-blend-mode: color-burn;
}

.settingContainer {
  z-index: 3;
  background: #fff;
  border-bottom: 1px solid #d7c9f2;
  border-left: 1px solid #d7c9f2;
  width: 50%;
  padding: 13px;
  position: fixed;
  top: 0;
  right: 0;
}

.overlaysetting {
  z-index: 2;
  background: none;
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.settingHeader {
  text-align: left;
  color: #7b7b7b;
  cursor: auto;
  font-family: Inter UI;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.25;
}

.ThemeHeader {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Inter UI;
  font-size: 12px;
  font-weight: bold;
}

.themebox {
  cursor: pointer;
  border: 1px solid #485e9029;
  height: 50px;
  margin-bottom: 5px;
  padding: 2px;
  display: flex;
  position: relative;
}

.themebox span {
  flex: 1;
  display: block;
}

.themebox:hover {
  box-shadow: 0 4px 15px #2e0f6926;
}

.themetitle {
  text-transform: uppercase;
  text-align: center;
  color: #8392a5;
  font-family: Inter UI;
  font-size: 9px;
  font-weight: 600;
  display: block;
}

.rc-tooltip-inner {
  color: #fff !important;
  background-color: #000 !important;
  border-radius: 8px !important;
}

.rc-tooltip-arrow {
  border-top-color: #000 !important;
}

th.reducepadding {
  padding: 5px 10px !important;
}

.setupclass li {
  padding-bottom: 12px;
}

.addwordwrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 70px;
  overflow: hidden;
}

@media (width >= 800px) and (width <= 1120px) {
  .mediaWrapper {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (width >= 320px) and (width <= 800px) {
  .mediaWrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .hidden800 {
    display: none;
  }
}

@media (width >= 700px) and (width <= 870px) {
  .colmediaWrapper {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}

@media (width >= 320px) and (width <= 1090px) {
  .bottommediaWrapper {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}

.react-autosuggest__input:disabled {
  background: #e9ecef;
  border: 1px solid #ced4da;
  font-weight: normal;
}

.close {
  margin: auto;
  padding: 0 4px !important;
}

.close:hover, .close:focus {
  border-radius: 49%;
  margin: auto;
  background: #ffffffe6 !important;
  padding: 0 4px !important;
}

.modal-header .close {
  margin: auto;
  padding: 0 4px !important;
}

.modal-header .close:hover, .modal-header .close:focus {
  border-radius: 49%;
  margin: auto;
  background: #ffffffe6 !important;
  padding: 0 4px !important;
}

.custom-header-class {
  color: #434343;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 600;
}

.custom-cell-class {
  color: #3e3e3e;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
}

@font-face {
  font-family: Roboto Black;
  src: url("Roboto-Black.be41af2a.ttf");
  src: local("Roboto Black") format("truetype");
  font-weight: 900;
}

@font-face {
  font-family: Roboto Black Italic;
  src: url("Roboto-BlackItalic.2263e59d.ttf");
  src: local("Roboto Black Italic") format("truetype");
  font-weight: 900;
}

@font-face {
  font-family: Roboto Bold;
  src: url("Roboto-Bold.fdb9b54a.ttf");
  src: local("Roboto Bold") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: Roboto Bold Italic;
  src: url("Roboto-BoldItalic.9ee7b4cb.ttf");
  src: local("Roboto Bold Italic") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: Roboto;
  src: url("Roboto-Regular.ca197847.ttf");
  src: local("Roboto") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: Roboto Italic;
  src: url("Roboto-Italic.5abfa3f1.ttf");
  src: local("Roboto Italic") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: Roboto Light;
  src: url("Roboto-Light.1695f332.ttf");
  src: local("Roboto Light") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: Roboto Light Italic;
  src: url("Roboto-LightItalic.50b96eae.ttf");
  src: local("Roboto Light Italic") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: Roboto Medium;
  src: url("Roboto-Medium.91322885.ttf");
  src: local("Roboto Medium") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: Roboto Medium Italic;
  src: url("Roboto-MediumItalic.dde87bd9.ttf");
  src: local("Roboto Medium Italic") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: Roboto Thin;
  src: url("Roboto-Thin.b913caf8.ttf");
  src: local("Roboto Thin") format("truetype");
  font-weight: 100;
}

@font-face {
  font-family: Roboto Thin Italic;
  src: url("Roboto-ThinItalic.56d6bf8f.ttf");
  src: local("Roboto Thin Italic") format("truetype");
  font-weight: 100;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-family: Roboto, sans-serif !important;
}

code {
  font-family: Roboto, monospace;
}

.ag-custom-italic {
  color: #789;
  font-style: italic;
}
/*# sourceMappingURL=index.7eae2ebd.css.map */