/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.errorPage {
  font-family: "Roboto";
  width: 100%;
  height: 100vh;
  text-align: center;
  vertical-align: middle;
  background-color: #102032;
  z-index: 10000;
}
.errorDiv {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  width: 100%;
  padding: 20px 0 20px 0;
}
.errorMessage {
  color: #fff;
  font-size: 15pt;
}
.errorMessage:before {
  background: none;
  border-top: 1px solid #b30838;
  border-bottom: 1px solid #b30838;
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 1px;
  pointer-events: none;
}
.suggestion {
  font-size: 12pt;
  color: #fff;
  font-style: italic;
  padding-top: 8px;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.btn-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  cursor: pointer;
}
.btn-md {
  max-height: 38px;
  min-height: 38px;
}
.btn-primary {
  display: inline-flex;
  justify-content: center;
  border: none;
  border-radius: 50px;
  align-items: center;
  font-size: 1rem;
  height: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.btn-secondary {
  color: #333;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #333;
  background: transparent;
}
.btn-tertiary {
  color: #1379ce !important;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #1379ce !important;
  background: transparent !important;
}
.btn-minimal {
  color: #333;
  width: 10px !important;
  border-radius: 0px !important;
  border: 0px solid #333 !important;
  background: transparent !important;
  min-width: 20px !important;
}
button[class*=btn-] {
  cursor: pointer;
  text-transform: none;
  font-weight: 500;
  transition: all 0.15s;
  min-height: 38px;
  padding: 4px 25px;
}
button[class*=btn-]:focus, button[class*=btn-]:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(-1px);
  transition: all 0.15s;
}
button[class*=btn-]:focus .MuiTouchRipple-root, button[class*=btn-]:hover .MuiTouchRipple-root {
  display: none;
}
.MuiButtonBase-root.MuiButton-root {
  color: white;
  background-color: #3fbf02;
  border: 1px solid #3fbf02;
  width: fit-content;
  border-radius: 30px;
  min-width: 80px;
}
.MuiButtonBase-root.MuiButton-root.btn-primary {
  display: inline-flex;
  justify-content: center;
  border: none;
  border-radius: 50px;
  align-items: center;
  font-size: 1rem;
  height: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.MuiButtonBase-root.MuiButton-root.btn-primary:hover {
  background-color: #3fbf02;
  border-color: #3fbf02;
}
.MuiButtonBase-root.MuiButton-root.btn-secondary {
  color: #333;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #333;
  background: transparent;
}
.MuiButtonBase-root.MuiButton-root.btn-negative {
  color: white;
  background-color: #b30838;
  border-color: #b30838;
  width: 100px;
  border-radius: 30px;
}
.MuiButtonBase-root.MuiButton-root.btn-negative:hover {
  background-color: #b30838;
  border-color: #b30838;
}
.MuiButtonBase-root.MuiButton-root.Mui-disabled {
  opacity: 0.3;
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.dialog {
  width: 411px;
  max-height: 257;
  border-radius: 20px;
}
.title {
  font-weight: bold;
}
.item {
  background-color: #f2f2f2;
  color: #000;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  padding: 0 !important;
  padding-left: 10px !important;
  border: 1px solid #dcdcdc;
}
.buttonArea {
  text-align: center;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.dialog {
  width: 411px;
  max-height: 257;
  border-radius: 20px;
}
.title {
  font-weight: bold;
}
.item {
  background-color: #f2f2f2;
  color: #000;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  padding: 0 !important;
  padding-left: 10px !important;
  border: 1px solid #dcdcdc;
}
.buttonArea {
  text-align: center;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.titleBar {
  width: 100%;
  background-color: #fff;
  height: 70px;
  padding: 14px 25px;
  height: auto;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.015);
}
.titleBar .leftBox,
.titleBar .rightBox {
  padding: initial;
  display: flex;
  align-items: center;
  margin: initial !important;
}
.titleBar .leftBox {
  flex: 100;
}
.titleBar .rightBox.controls-wrapper {
  gap: 0px;
  font-size: 1.25rem;
  align-items: center;
}
.titleBar .rightBox.controls-wrapper .vi-more {
  transform: rotate(90deg);
  font-size: 1.1rem;
}
.titleBar .rightBox.controls-wrapper .vi-plus {
  font-size: 1.55rem;
}
.titleBar .rightBox.controls-wrapper .btn-ico[class*=vi-]:before {
  width: 25px;
  height: 25px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.titleBar .rightBox.controls-wrapper .btn-ico {
  position: relative;
}
.titleBar .pageTitle {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 500;
  align-items: flex-end;
  gap: 8px;
  display: flex;
}
.titleBar .pageTitle .pageTitle-secondary {
  font-size: 1rem;
  display: flex;
  align-items: flex-end;
}
.titleBar .pageTitle .separator {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  font-weight: 300;
  color: #1379ce;
  padding: 0 5px;
}
.titleBar .pageTitle + .description {
  font-size: 0.85rem;
}
.titleBar .titleGroup {
  display: flex;
  gap: 5px;
  align-items: flex-start;
}
.titleBar .MuiBreadcrumbs-root li p {
  font-size: 0.75rem;
  letter-spacing: 0.3px;
}/* Page Loader - BEGIN */
.page-loader {
  height: 32px;
  width: 32px;
  -webkit-animation: loader-1 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: loader-1 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.page-loader::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #5a189a;
  border-radius: 50%;
  -webkit-animation: loader-2 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: loader-2 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.page-loader::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #1379ce;
  border-radius: 50%;
  -webkit-animation: loader-3 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: loader-3 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.page-loader span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 32px;
  width: 32px;
}

.page-loader span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #f04b4c;
  border-radius: 50%;
  -webkit-animation: loader-4 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: loader-4 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.page-loader span::after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #fdbe03;
  border-radius: 50%;
  -webkit-animation: loader-5 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: loader-5 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.page-loader.center {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.page-loader-container ul {
  list-style-type: none;
}

.page-loader-container {
  display: block;
  background: rgba(255, 255, 255, 0.7);
  width: calc(100% + 15px);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

@-webkit-keyframes loader-1 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes loader-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -webkit-transform: translate3d(24px, 0, 0) scale(0.5);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes loader-2 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(24px, 0, 0) scale(0.5);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@-webkit-keyframes loader-3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -webkit-transform: translate3d(-24px, 0, 0) scale(0.5);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes loader-3 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(-24px, 0, 0) scale(0.5);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@-webkit-keyframes loader-4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -webkit-transform: translate3d(0, 24px, 0) scale(0.5);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes loader-4 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(0, 24px, 0) scale(0.5);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@-webkit-keyframes loader-5 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    -webkit-transform: translate3d(0, -24px, 0) scale(0.5);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes loader-5 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(0, -24px, 0) scale(0.5);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
/* Page Loader - END */.athena-searchbar > .MuiBox-root {
  display: flex;
  background: white;
  border: 1px solid #cdcdcd;
  padding: 12px 15px;
  border-radius: 30px;
  gap: 5px;
}
.athena-searchbar > .MuiBox-root > .MuiSvgIcon-root {
  margin: auto;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.headerBackground {
  background-color: #111;
}
.toolbar {
  margin: auto;
  width: 100%;
}
.aderantLogo {
  width: 75px;
  height: 75px;
  margin-right: 15px;
}
.aderantTextLogo {
  width: 116px;
  height: 32px;
  flex-shrink: 0;
  margin: auto 0;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.treeItemNav {
  color: #fff;
  text-align: left;
  text-decoration: none;
}
body:not(:has(.nav-vertical)) #root .nav-wrapper .nav-primary-container .nav-primary .treeItemNav > .MuiTreeItem-group {
  margin: initial;
  display: none;
}
body:not(:has(.nav-vertical)) #root .nav-wrapper .nav-primary-container .nav-primary .has-submenu .treeItemNav[aria-expanded=true] {
  background: #333;
  transition: all 0.15s;
}
body:not(:has(.nav-vertical)) #root .nav-wrapper .nav-primary-container .nav-primary .has-submenu .treeItemNav[aria-expanded=true] > .MuiTreeItem-group {
  display: flex;
  position: absolute;
  top: 56px;
  background: #333;
  right: 0;
  white-space: nowrap;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 15px 15px;
  padding: 10px;
}
body:not(:has(.nav-vertical)) #root .nav-wrapper .nav-primary-container .nav-primary .has-submenu .treeItemNav[aria-expanded=true] > .MuiTreeItem-content:after {
  transform: rotate(0deg);
}
body:not(:has(.nav-vertical)) #root .nav-wrapper .nav-primary-container .nav-primary .submenu-wrapper .treeItemNav:hover {
  background: rgba(255, 255, 255, 0.1);
  transition: all 0.15s;
}
body:not(:has(.nav-vertical)) #root .sticky-menu {
  display: none;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .content-wrapper {
  width: calc(100vw - 56px);
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container {
  width: 56px;
  overflow: visible;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary {
  max-width: 100%;
  gap: 10px;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu {
  padding: 0;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) {
  background: transparent;
  min-height: 40px;
  max-height: 40px;
  overflow: visible;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) .treeItemNav {
  gap: 0;
  align-items: flex-start;
  justify-content: space-around;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) .treeItemNav .MuiTreeItem-group {
  display: none;
  position: relative;
  left: 56px;
  top: -40px;
  min-width: fit-content;
  min-height: fit-content !important;
  background: #333;
  gap: 0;
  padding: 10px;
  border-radius: 0 15px 15px 0;
  box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
  transition: all 0.15s, background 0s, box-shadow 0s;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) > .treeItemNav > .MuiTreeItem-content > .MuiTreeItem-label {
  display: none !important;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) > .treeItemNav .MuiTreeItem-content .MuiTreeItem-label {
  display: flex;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]):hover .treeItemNav .MuiTreeItem-group {
  display: flex;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) .submenu-wrapper .treeItemNav {
  padding: 8px 12px;
  min-height: auto;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav > .MuiTreeItem-content {
  padding: 10px 15px;
  height: 40px;
  min-height: 40px;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav > .MuiTreeItem-content:after {
  position: absolute;
  right: 7px;
  transform: rotate(90deg);
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu.nav-dashboard > .treeItemNav > .MuiTreeItem-content:before {
  font-size: 1.3rem;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu .submenu-wrapper .treeItemNav:hover {
  background: rgba(255, 255, 255, 0.1);
  transition: all 0.15s;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav {
  max-width: 100%;
  flex-direction: column;
  position: relative;
  padding: 0;
  height: 40px;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav > .MuiTreeItem-group {
  display: none;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav .MuiTreeItem-content {
  justify-content: center;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav .MuiTreeItem-content .MuiTreeItem-label {
  display: none;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav:before {
  font-size: 1.3rem;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav[aria-expanded=true] {
  background: transparent;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary > .treeItemNav > .MuiTreeItem-content {
  height: 100%;
  min-height: 100%;
  min-height: 40px;
  z-index: 1;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .sticky-menu {
  width: 56px;
  justify-content: center;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .sticky-menu .toggle-nav span {
  display: none;
}
body:has(#toggle-nav-collapse:checked) .nav-vertical .sticky-menu .toggle-nav:before {
  transform: rotate(180deg);
  font-size: 1.3rem;
}
#root.nav-vertical .nav-wrapper .nav-primary-container {
  position: fixed;
  background: #102032;
  height: calc(100% - 56px);
  top: 56px;
  left: 0;
  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.15);
  overflow: hidden auto;
  align-items: flex-start;
  width: 240px;
  transition: all 0.15s;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary {
  flex-direction: column;
  height: fit-content;
  padding: 20px 0 50px;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav:has(ul[role=group]) {
  flex-direction: column;
  gap: 10px;
  max-height: fit-content;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav > .MuiTreeItem-group {
  display: flex;
  width: 100%;
  margin: initial;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav > .MuiTreeItem-group .treeItemNav {
  height: fit-content;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav > .MuiTreeItem-group .MuiCollapse-wrapperInner {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav > .MuiTreeItem-group .submenu-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav > .MuiTreeItem-group .submenu-wrapper > .treeItemNav {
  padding: 10px 0;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav .MuiTreeItem-content {
  padding: initial;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav .MuiTreeItem-content .MuiTreeItem-label {
  padding: 0 0 0 25px;
  white-space: nowrap;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav .MuiTreeItem-content.Mui-selected {
  background: transparent;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu {
  padding: 10px 15px;
  transition: none;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav {
  padding: 0;
  min-height: 100%;
  max-height: 100%;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav > .MuiTreeItem-content {
  gap: 10px;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav > .MuiTreeItem-content.Mui-selected {
  background: transparent;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav[aria-expanded=true] > .MuiTreeItem-content:after {
  transform: rotate(0deg);
  transition: all 0.15s;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu .treeItemNav .MuiTreeItem-content .MuiTreeItem-label {
  padding-left: 0;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]):has(.MuiTreeItem-group) {
  background: rgba(255, 255, 255, 0.05);
  transition: all 0.15s;
  transition: none;
}
#root.nav-vertical .content-wrapper {
  width: calc(100vw - 240px);
}
#root .nav-wrapper {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  gap: 0;
}
#root .nav-wrapper .nav-primary-container {
  display: flex;
  position: relative;
  background: transparent;
  height: 100%;
  flex-direction: row;
  align-items: center;
}
#root .nav-wrapper .nav-primary-container .nav-primary {
  display: flex;
  flex-direction: row;
  max-width: none;
  padding: initial;
  overflow: initial;
  height: 100%;
  align-items: center;
}
#root .nav-wrapper .nav-primary-container .nav-primary .treeItemNav {
  padding: initial;
  height: 100%;
  align-items: center;
  display: flex;
  width: 100%;
  gap: 10px;
  padding: 10px 15px;
  max-height: -webkit-fill-available;
  min-height: 40px;
  position: relative;
}
#root .nav-wrapper .nav-primary-container .nav-primary .treeItemNav .MuiTreeItem-content {
  padding: 0 0 0 24px;
  background: transparent;
}
#root .nav-wrapper .nav-primary-container .nav-primary .treeItemNav .MuiTreeItem-content .MuiTreeItem-iconContainer {
  display: none;
}
#root .nav-wrapper .nav-primary-container .nav-primary .treeItemNav .MuiTreeItem-content .MuiTreeItem-label {
  font-size: 0.85rem;
  padding: 0;
}
#root .nav-wrapper .nav-primary-container .nav-primary .treeItemNav:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#root .nav-wrapper .nav-primary-container .nav-primary .nav-dashboard .treeItemNav > .MuiTreeItem-content:before {
  content: "\e002";
  font-family: "viglobal";
}
#root .nav-wrapper .nav-primary-container .nav-primary .nav-reports .treeItemNav > .MuiTreeItem-content:before {
  content: "\e084";
  font-family: "viglobal";
}
#root .nav-wrapper .nav-primary-container .nav-primary .nav-analytics > .treeItemNav > .MuiTreeItem-content:before {
  content: "u";
  font-family: "viglobal";
}
#root .nav-wrapper .nav-primary-container .nav-primary .nav-settings > .treeItemNav > .MuiTreeItem-content:before {
  content: ":";
  font-family: "viglobal";
}
#root .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav > .MuiTreeItem-content {
  padding-left: 0;
  gap: 5px;
}
#root .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav > .MuiTreeItem-content > .MuiTreeItem-label {
  padding-right: 0;
}
#root .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav > .MuiTreeItem-content.Mui-selected {
  background: transparent;
}
#root .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav > .MuiTreeItem-content:after {
  content: "\e008";
  font-family: "viglobal";
  transition: all 0.15s;
  transform: rotate(180deg);
}
#root .nav-wrapper .nav-primary-container .nav-primary .has-submenu .treeItemNav > .MuiTreeItem-content {
  padding-left: 0;
  gap: 5px;
}
#root .nav-wrapper .nav-primary-container .nav-primary .has-submenu .submenu-wrapper .treeItemNav {
  border-radius: 10px;
  transition: all 0.15s;
}
#root .nav-wrapper .nav-primary-container .has-submenu {
  display: flex;
  width: 100%;
  height: -webkit-fill-available;
}
#root .nav-wrapper .sticky-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 240px;
  transition: all 0.15s;
  display: flex;
  align-items: center;
  padding: 0;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.15);
  height: 40px;
}
#root .nav-wrapper .sticky-menu .toggle-nav {
  display: inline-flex;
  gap: 5px;
  font-family: "roboto condensed";
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  user-select: none;
  font-weight: 300;
  padding: 12px;
  height: 100%;
  align-items: center;
}
#root .nav-wrapper .sticky-menu .toggle-nav input#toggle-nav-collapse {
  position: relative;
  width: 36px;
  height: 100%;
  outline: none;
  appearance: none;
  background-color: transparent;
  border-radius: 50%;
  pointer-events: all;
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
#root .nav-wrapper .sticky-menu .toggle-nav:before {
  content: "\e009";
  font-family: "viglobal";
  display: flex;
}
#root .nav-wrapper .submenu-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.nav-secondary-container {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 15px;
}
.nav-secondary-container .btn-ico {
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  min-width: 48px;
  min-height: 48px;
}
.nav-secondary-container #appSwitcher {
  font-size: 1.8rem;
  transition: all 0.15s;
  min-width: 50px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  margin-left: 5px;
}
.nav-secondary-container .nav-secondary:has(.MuiAvatar-root),
.nav-secondary-container .nav-profile {
  padding: 10px;
  height: 100%;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-secondary-container .nav-secondary:has(.MuiAvatar-root) > button .MuiAvatar-root,
.nav-secondary-container .nav-profile > button .MuiAvatar-root {
  width: 35px;
  height: 35px;
  background: rgba(255, 255, 255, 0.2);
  font-size: 1rem;
}
.nav-secondary-container .MuiBadge-root .MuiBadge-badge {
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 0.85rem;
  display: flex;
  padding: 0 8px;
  height: 24px;
  align-content: center;
  line-height: 0;
  border-radius: 50px;
  min-width: 24px;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
/* Temporary product brand colours - Begin */
:root {
  --brand-ar: #0054d1;
  --brand-gl: #588cba;
  --brand-itk: deeppink;
  --brand-mil: #db6764;
  --brand-bb: #235197;
  --brand-onx: #765594;
  --brand-ask: purple;
}
/* Temporary product brand colours - End */
#appSwitcher:has(input#toggle-app-switcher:not(:checked)) .app-switcher-wrapper {
  display: flex;
  box-shadow: none;
}
#appSwitcher:has(input#toggle-app-switcher:checked) {
  background: #fff;
  color: #333;
  transition: all 0.15s;
  font-size: 1.6rem;
}
#appSwitcher:has(input#toggle-app-switcher:checked) .app-switcher-wrapper {
  display: flex;
  transform: translateX(0);
  transition: all 0.15s;
  max-height: calc(100vh - 65px);
  overflow: auto;
}
#appSwitcher:has(input#toggle-app-switcher:checked) #root.nav-vertical .content-wrapper {
  overflow: hidden;
  scrollbar-gutter: stable;
}
#appSwitcher:has(input#toggle-app-switcher:checked):before {
  content: "C";
}
#appSwitcher input#toggle-app-switcher {
  position: relative;
  width: 36px;
  height: 100%;
  outline: none;
  appearance: none;
  background-color: transparent;
  border-radius: 50%;
  pointer-events: all;
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
#appSwitcher .app-switcher-wrapper {
  display: flex;
  top: 65px;
  position: fixed;
  right: 0;
  min-width: 550px;
  max-width: 550px;
  background: #fff;
  height: calc(100vh - 65px);
  box-shadow: -15px 15px 50px rgba(0, 0, 0, 0.08);
  color: #333;
  padding: 30px;
  cursor: default;
  transform: translateX(100%);
  transition: all 0.15s;
}
#appSwitcher .app-switcher-wrapper .app-switcher-container {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 100%;
}
#appSwitcher .app-switcher-wrapper > div:last-child:after {
  content: "";
  min-height: 1px;
}
#appSwitcher .section-quick-launch {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container {
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border: 1px solid transparent;
  display: flex;
  padding: 0px 0 0 6px;
  gap: 10px;
  transition: all 0.35s ease-in 0.1s;
  align-items: center;
  cursor: pointer;
  max-height: fit-content;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container.product-empty .product-identifier {
  background: transparent;
  box-shadow: none;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  transition: 0.35s;
  min-width: 100%;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container.product-empty .product-identifier:before {
  content: "2";
  font-family: "viglobal";
  color: #333;
  display: flex;
  align-self: center;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container.product-empty:hover {
  border-color: transparent;
  box-shadow: none;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container.product-empty:hover .product-identifier {
  border-style: solid;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.15s;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container:hover {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.15s;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container:hover .controls-wrapper {
  display: flex;
  opacity: 1;
  transition: all 0.15s;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container .product-identifier {
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  padding: 6px 12px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #fff;
  background: #333;
  display: flex;
  min-width: 65px;
  min-height: 32px;
  justify-content: center;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container .product-name {
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  flex: 10;
  justify-content: flex-start;
  text-align: left;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container .controls-wrapper {
  opacity: 0;
  transition: all 0.35s ease-in 0.1s;
  display: flex;
  height: 100%;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container .controls-wrapper .vi-more {
  transform: rotate(90deg);
  font-size: 1.1rem;
  min-height: 44px;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container.product-ar .product-identifier {
  background: var(--brand-ar);
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container.product-gl .product-identifier {
  background: var(--brand-gl);
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container.product-bb .product-identifier {
  background: var(--brand-bb);
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container.product-itk .product-identifier {
  background: var(--brand-itk);
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container.product-onx .product-identifier {
  background: var(--brand-onx);
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container.product-mil .product-identifier {
  background: var(--brand-mil);
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper .quick-launch-item-container.product-ask .product-identifier {
  background: var(--brand-ask);
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper.minimal {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 5px;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper.minimal .quick-launch-item-container {
  gap: 0;
  max-width: fit-content;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper.minimal .quick-launch-item-container .product-identifier {
  min-width: 65px;
  min-height: 32px;
}
#appSwitcher .section-quick-launch .quick-launch-items-wrapper.minimal .product-name {
  display: none;
}
#appSwitcher .section-marketing {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px;
  border-radius: 15px;
  background-image: url(https://www.aderant.com/wp-content/uploads/2022/08/152-EXTRA.jpg);
  background-size: cover;
  background-position: right;
  color: #fff;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
}
#appSwitcher .section-marketing .section-title {
  font-size: 1.8rem;
  font-family: "poppins";
  font-weight: 600;
  line-height: 1.8rem;
}
#appSwitcher .section-marketing .section-content {
  font-size: 1rem;
  text-align: left;
  line-height: 1.6rem;
}
#appSwitcher .section-marketing .cta-wrapper {
  display: flex;
  gap: 15px;
}
#appSwitcher .section-marketing .cta-wrapper button[class*=btn-] {
  padding: 10px 30px;
  font-size: 1.2rem;
  letter-spacing: 1px;
  font-weight: 600;
}
#appSwitcher .section-marketing .cta-wrapper .btn-secondary {
  border-color: #fff;
  color: #fff;
}
#appSwitcher .section-products {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#appSwitcher .section-products .product-group-wrapper {
  gap: 20px;
  column-count: 2;
}
#appSwitcher .section-products .product-group-wrapper .product-group-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px 15px 20px 15px;
  border-radius: 10px;
  border-top: 4px solid #b30838;
  break-inside: avoid;
}
#appSwitcher .section-products .product-group-wrapper .product-group-container .list-action-menu {
  text-align: left;
  font-size: 0.95rem;
  display: flex;
  flex-direction: column;
  list-style: none;
}
#appSwitcher .section-products .product-group-wrapper .product-group-container .list-action-menu .action-item {
  padding: 10px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
  width: 100%;
  align-items: flex-end;
}
#appSwitcher .section-products .product-group-wrapper .product-group-container .list-action-menu .action-item:last-child {
  border-bottom: 0;
}
#appSwitcher .inline-link:after {
  color: #b30838;
}
body:has(input#toggle-app-switcher:checked) #root .content-wrapper:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.35s;
}
body:has(input#toggle-app-switcher:not(:checked)) #root .content-wrapper:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  transition: background 0.35s;
  pointer-events: none;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.notification-info {
  background-color: rgba(19, 121, 206, 0.15);
  border: 1px solid #1379ce;
}
.notification-success {
  background-color: rgba(63, 191, 2, 0.15);
  border: 1px solid #3fbf02;
}
.notification-danger {
  background-color: rgba(179, 8, 56, 0.15);
  border: 1px solid #b30838;
}
.notification-warning {
  background-color: rgba(254, 166, 99, 0.15);
  border: 1px solid #fea663;
}
/* Temporary notifications styling */
.notification-header-wrapper button {
  padding: 0;
}
.notification-header-wrapper .section-title {
  font-size: 1.4rem;
}
.notification-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notification-panel {
  width: 350px;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.notification-panel .notifications-wrapper {
  padding: unset;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.notification-panel .notifications-wrapper > [class*=notification-] {
  margin: unset;
  padding: 10px;
  gap: 10px;
  border-radius: 10px;
}
.notification-panel .notifications-wrapper > [class*=notification-] .MuiListItemAvatar-root {
  margin: unset;
  min-width: unset;
}
.notification-panel .notifications-wrapper > [class*=notification-] .MuiListItemText-root {
  margin: unset;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.notification-panel .notifications-wrapper > [class*=notification-] .MuiListItemSecondaryAction-root {
  top: 20px;
  right: 10px;
}
.notification-panel .notifications-wrapper > [class*=notification-] .MuiListItemText-root > .header {
  padding-right: 25px;
  font-weight: 500;
  line-height: 1.6rem;
}
.notification-panel .notifications-wrapper > [class*=notification-] .MuiListItemText-root .MuiListItemText-secondary .date-stamp {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.5);
}
.notification-panel .notifications-wrapper > [class*=notification-] .MuiListItemText-root .MuiListItemText-secondary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: -32px;
  color: #222;
}
.ico-notification {
  font-family: "viglobal";
  width: 24px;
  height: 24px;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ico-notification:before {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #fff;
}
.notification-success .ico-notification:before {
  content: "v";
  background: #3fbf02;
}
.notification-info .ico-notification:before {
  content: "\e067";
  background: #1379ce;
  font-size: 0.95rem;
}
.notification-danger .ico-notification:before {
  content: "C";
  background: #b30838;
  font-size: 0.95rem;
}
.notification-warning .ico-notification:before {
  content: "0";
  background: #fea663;
  font-size: 0.95rem;
}
.MuiPaper-root.MuiDrawer-paper .MuiDrawer-paperAnchorRight {
  box-shadow: -30px 0 60px rgba(0, 0, 0, 0.03);
}
.MuiPaper-root.MuiDrawer-paper .MuiDrawer-paperAnchorLeft {
  box-shadow: 30px 0 60px rgba(0, 0, 0, 0.03);
}
.notification-panel .notifications-wrapper > [class*=notification-] .MuiListItemText-root .MuiListItemText-secondary .controls-wrapper {
  display: flex;
  gap: 10px;
}
.notification-panel .notifications-wrapper > [class*=notification-] .MuiListItemText-root .MuiListItemText-secondary .controls-wrapper [class*=btn-] {
  min-height: 32px;
  padding: 4px 18px;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.headerBackground {
  background-color: #111 !important;
}
.toolbar {
  margin: auto;
  width: 100%;
}
.aderantLogo {
  width: 75px;
  height: 75px;
  margin-right: 15px;
}
.aderantTextLogo {
  width: 116px;
  height: 32px;
  flex-shrink: 0;
  margin: auto 0;
}
header.header-wrapper {
  height: 56px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}
header.header-wrapper .toolbar {
  background: #111;
  display: flex;
  justify-content: space-between;
  margin: initial;
  height: 100%;
  padding-right: 0;
}
header.header-wrapper .toolbar .header-left,
header.header-wrapper .toolbar .header-right {
  display: flex;
  height: 100%;
  align-items: center;
}
header.header-wrapper .toolbar .logo-wrapper {
  display: flex;
  height: 100%;
  width: -webkit-fill-available;
  overflow: hidden;
  gap: 20px;
  color: #fff;
  font-weight: normal;
  width: auto;
}
header.header-wrapper .toolbar .logo-wrapper .logo-mark {
  width: 56px;
  background: #b30838;
  display: flex;
  justify-content: center;
  align-content: center;
}
header.header-wrapper .toolbar .logo-wrapper .logo-mark:before {
  content: "\e0a6";
  font-size: 3.5rem;
}
header.header-wrapper .toolbar .logo-wrapper .logo-text:before {
  content: "";
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20430.42%2048.79'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20fill-rule:%20evenodd;%20stroke-width:%200px;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3cpath%20class='cls-1'%20d='M17.43,48.78c-3.33,0-6.49-.56-9.46-1.69-2.68-1.05-5.33-2.58-7.97-4.58l3.38-6.76c2.88,2.29,5.4,3.94,7.56,4.93,2.16.95,4.39,1.42,6.69,1.42,1.8,0,3.38-.32,4.73-.95,1.4-.63,2.48-1.49,3.24-2.57.77-1.08,1.15-2.3,1.15-3.65,0-1.67-.5-2.97-1.49-3.92-.95-.95-2.21-1.69-3.78-2.23-1.53-.59-3.24-1.08-5.14-1.49-1.85-.41-3.72-.88-5.61-1.42-1.89-.54-3.63-1.26-5.2-2.16-1.53-.95-2.77-2.21-3.72-3.78-.95-1.62-1.42-3.69-1.42-6.22,0-2.75.65-5.14,1.96-7.16,1.35-2.07,3.24-3.67,5.68-4.8,2.48-1.17,5.36-1.76,8.65-1.76s6.17.5,9.05,1.49c2.63.85,5.15,2.13,7.56,3.86l-3.31,6.61c-2.29-1.75-4.57-3.06-6.82-3.91-2.21-.9-4.44-1.35-6.69-1.35-2.52,0-4.55.61-6.08,1.82-1.53,1.17-2.3,2.66-2.3,4.46,0,1.62.47,2.91,1.42,3.85.95.95,2.21,1.69,3.78,2.23,1.62.54,3.38,1.01,5.27,1.42,1.89.41,3.78.9,5.68,1.49,1.89.54,3.63,1.28,5.2,2.23,1.58.95,2.84,2.23,3.78,3.85.99,1.62,1.49,3.72,1.49,6.28,0,2.79-.72,5.29-2.16,7.5-1.44,2.16-3.47,3.87-6.08,5.14-2.57,1.22-5.59,1.82-9.05,1.82ZM65.3,7.05V0h35.61v7.05h-13.75v41.73h-7.98V7.05h-13.88ZM143.94,31.41v17.38h-7.91V0h18.51c11.02,0,16.52,5.17,16.52,15.52,0,6.94-2.66,11.64-7.98,14.1l8.05,19.15h-8.68l-7.05-17.38h-11.47,0ZM162.96,15.6c0-5.84-2.81-8.76-8.4-8.76h-10.61v17.73h10.75c2.85,0,4.94-.81,6.27-2.45,1.32-1.64,1.99-3.81,1.99-6.51h0ZM209.14,0v48.78h7.91V0h-7.91ZM275.03,48.77h-16.88V0h16.88c7.5,0,12.63,1.9,15.38,5.7,2.76,3.8,4.13,9.75,4.13,17.87,0,4.13-.27,7.63-.81,10.51-.55,2.87-1.51,5.47-2.88,7.8-2.71,4.6-7.98,6.91-15.81,6.91h-.01ZM286.35,23.57c0-5.89-.74-10.13-2.21-12.74-1.47-2.61-4.51-3.91-9.11-3.91h-8.98v34.88h8.98c4.7,0,7.83-1.74,9.4-5.2.76-1.76,1.27-3.63,1.53-5.62.26-1.99.39-4.46.39-7.41ZM340.1,48.78h7.97v-18.02l15.17-30.76h-8.83l-10.4,20.94-10.32-20.94h-8.9l15.32,30.76v18.02ZM430.42,48.79V0h-7.89v32.92L406.1.01h-8.82s0,48.78,0,48.78h7.89V15.84l16.44,32.95'/%3e%3c/g%3e%3c/svg%3e");
  width: 240px;
  height: 65px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
header.header-wrapper .toolbar .logo-wrapper .logo-mark:before,
header.header-wrapper .toolbar .logo-wrapper .logo-text:before {
  font-family: "viglobal";
  display: flex;
  max-height: 100%;
  align-items: center;
  justify-content: center;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.content {
  height: 100%;
  width: 100%;
}
.flex_container {
  display: flex;
  height: 100%;
  width: 100%;
}
.flex_item_left {
  background-color: #102032;
  height: 100%;
  width: 240px;
}
.flex_item_right {
  flex: 1;
  height: 100%;
  background-color: #e9e9e9;
}
.content-wrapper {
  position: fixed;
  right: 0;
  height: calc(100vh - 56px);
  bottom: 0;
  overflow: hidden auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: all 0.15s;
  width: 100vw;
  scrollbar-gutter: stable;
}
.content-wrapper .content-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 15px 25px 25px;
  box-sizing: border-box;
  align-self: center;
  width: 100%;
  height: 100%;
}
.content-wrapper .admin-content-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 0 0;
  box-sizing: border-box;
  align-self: center;
  width: 100%;
  height: 100%;
}
.content-wrapper::-webkit-scrollbar {
  width: 15px;
}
.content-wrapper::-webkit-scrollbar:horizontal {
  height: 15px;
}
.content-wrapper::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 50px;
  border: 4px solid #f1f1f1;
}
.content-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.65);
}
.content-wrapper::-webkit-scrollbar-track {
  background: transparent;
  margin-top: 5px;
  margin-bottom: 5px;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.btn-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  cursor: pointer;
}
.btn-md {
  max-height: 38px;
  min-height: 38px;
}
.btn-primary {
  display: inline-flex;
  justify-content: center;
  border: none;
  border-radius: 50px;
  align-items: center;
  font-size: 1rem;
  height: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.btn-secondary {
  color: #333;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #333;
  background: transparent;
}
.btn-tertiary {
  color: #1379ce !important;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #1379ce !important;
  background: transparent !important;
}
.btn-minimal {
  color: #333;
  width: 10px !important;
  border-radius: 0px !important;
  border: 0px solid #333 !important;
  background: transparent !important;
  min-width: 20px !important;
}
button[class*=btn-] {
  cursor: pointer;
  text-transform: none;
  font-weight: 500;
  transition: all 0.15s;
  min-height: 38px;
  padding: 4px 25px;
}
button[class*=btn-]:focus, button[class*=btn-]:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(-1px);
  transition: all 0.15s;
}
button[class*=btn-]:focus .MuiTouchRipple-root, button[class*=btn-]:hover .MuiTouchRipple-root {
  display: none;
}
.MuiButtonBase-root.MuiButton-root {
  color: white;
  background-color: #3fbf02;
  border: 1px solid #3fbf02;
  width: fit-content;
  border-radius: 30px;
  min-width: 80px;
}
.MuiButtonBase-root.MuiButton-root.btn-primary {
  display: inline-flex;
  justify-content: center;
  border: none;
  border-radius: 50px;
  align-items: center;
  font-size: 1rem;
  height: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.MuiButtonBase-root.MuiButton-root.btn-primary:hover {
  background-color: #3fbf02;
  border-color: #3fbf02;
}
.MuiButtonBase-root.MuiButton-root.btn-secondary {
  color: #333;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #333;
  background: transparent;
}
.MuiButtonBase-root.MuiButton-root.btn-negative {
  color: white;
  background-color: #b30838;
  border-color: #b30838;
  width: 100px;
  border-radius: 30px;
}
.MuiButtonBase-root.MuiButton-root.btn-negative:hover {
  background-color: #b30838;
  border-color: #b30838;
}
.MuiButtonBase-root.MuiButton-root.Mui-disabled {
  opacity: 0.3;
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}
.signInButton {
  color: white;
  background-color: #b30838;
}
.signInPage {
  background: radial-gradient(ellipse at -25% 25%, black 40%, #b30838 70%, yellow 100%);
  min-height: 100vh;
  padding: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: gradient 5.5s ease-in-out infinite;
  animation-direction: alternate;
  background-size: 150% 200%;
  border-radius: 0 !important;
}
.signInPage:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  mask-image: linear-gradient(to bottom, transparent, black);
  background: radial-gradient(ellipse at 0% 100%, #1379ce -15%, #7e35c6 30%, black 100%);
  animation: gradient-mask 5s ease-in-out infinite;
  animation-direction: alternate;
  background-size: 150% 150%;
}
.signInPage:after {
  content: "\e0a6";
  font-family: "viglobal";
  font-size: 70rem;
  position: fixed;
  color: #fff;
  z-index: 0;
  mix-blend-mode: overlay;
  opacity: 0.5;
  right: -300px;
  bottom: -370px;
}
.signInPage .signIn-wrapper {
  display: flex;
  gap: 50px;
  max-width: calc(100vw - 100px);
  min-width: 70vw;
  justify-content: center;
  position: relative;
  z-index: 10;
  align-items: center;
}
.signInPage .signIn-wrapper .welcomeBox {
  padding: initial;
  width: auto;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  max-width: 35vw;
  color: #fff;
  text-align: left;
}
.signInPage .signIn-wrapper .welcomeBox .signInLogo {
  width: 325px;
  height: auto;
  padding-bottom: 20px;
}
.signInPage .signIn-wrapper .welcomeBox .welcomeTitle {
  font-size: 2.2rem;
  font-weight: 600;
  font-family: "Poppins";
  line-height: 3rem;
}
.signInPage .signIn-wrapper .welcomeBox .welcomeContent {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.7rem;
}
.signInPage .signIn-wrapper .signInBox {
  padding: 30px;
  width: initial;
  height: initial;
  border-radius: 15px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
  border-top: 5px solid #b30838;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #fff;
  text-align: left;
}
.signInPage .signIn-wrapper .signInBox .signInHeader {
  font-size: 1.6rem;
  font-weight: 500;
}
.signInPage .app-footer {
  background: #111;
  position: fixed;
  bottom: 0;
  width: 100vw;
  height: 65px;
  z-index: 1;
  box-shadow: 0 -30px 80px rgba(0, 0, 0, 0.35);
  color: #fff;
}
.signInPage .app-footer .logo-mark {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  height: 65px;
  width: 75px;
}
.signInPage .app-footer .logo-mark:before {
  font-size: 2.5rem;
  content: "\e0a6";
  font-family: "viglobal";
}
.signInPage .app-footer .footer-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.signInPage .app-footer .footer-wrapper .footer-container {
  display: flex;
  flex-direction: column;
  font-size: 0.85rem;
  opacity: 0.65;
  line-height: 1.3rem;
  padding-right: 15px;
}
.signInPage .app-footer .footer-wrapper .footer-container [class*=info-] {
  display: flex;
  gap: 30px;
}
.signInPage .app-footer .footer-wrapper .footer-container [class*=info-] .footer-links-wrapper {
  display: flex;
  gap: 30px;
}
.signInPage .app-footer .footer-wrapper .footer-container [class*=info-] .footer-links-wrapper .footer-link {
  position: relative;
  display: flex;
  text-decoration: none;
  color: #fff;
}
.signInPage .app-footer .footer-wrapper .footer-container [class*=info-] .footer-links-wrapper .footer-link:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 10%;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
  height: 80%;
}
@media only screen and (max-width: 1280px) {
  .signInPage .signIn-wrapper {
    min-width: 80vw;
    max-width: 80vw;
  }
  .signInPage .signIn-wrapper .welcomeBox {
    max-width: 100%;
  }
}
@media only screen and (max-width: 980px) {
  .signInPage .signIn-wrapper {
    flex-direction: column;
  }
  .signInPage .signIn-wrapper .welcomeBox {
    max-width: 60vw;
  }
  .signInPage .signIn-wrapper .signInBox {
    max-width: 400px;
    min-width: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .signInPage {
    align-items: flex-start;
  }
  .signInPage:after {
    font-size: 60rem;
    right: -300px;
    bottom: -350px;
  }
  .signInPage .signIn-wrapper {
    gap: 35px;
    padding-top: 25%;
  }
  .signInPage .signIn-wrapper .welcomeBox {
    max-width: calc(100vw - 75px);
    align-items: center;
  }
  .signInPage .signIn-wrapper .welcomeBox .welcomeTitle {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .signInPage .signIn-wrapper .welcomeBox .welcomeContent {
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .signInPage .signIn-wrapper .welcomeBox .signInLogo {
    width: 180px;
  }
  .signInPage .app-footer .footer-wrapper .footer-container {
    padding-right: 0;
  }
  .signInPage .app-footer .footer-wrapper .footer-container [class*=info-] .footer-links-wrapper {
    display: none;
  }
}
@media only screen and (max-width: 580px) {
  .signInPage:after {
    font-size: 50rem;
  }
  .signInPage .signIn-wrapper {
    gap: 25px;
    padding-top: 15%;
  }
  .signInPage .signIn-wrapper .welcomeBox {
    max-width: calc(100vw - 75px);
  }
  .signInPage .signIn-wrapper .welcomeBox .welcomeTitle {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .signInPage .signIn-wrapper .welcomeBox .signInLogo {
    width: 160px;
  }
  .signInPage .signIn-wrapper .signInBox {
    max-width: calc(100vw - 75px);
    min-width: calc(100vw - 75px);
    padding: 20px;
    gap: 15px;
  }
  .signInPage .signIn-wrapper .signInBox .signInHeader {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .signInPage .signIn-wrapper .signInBox .signInMessage {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .signInPage .app-footer .logo-mark {
    width: 55px;
  }
  .signInPage .app-footer .logo-mark:before {
    font-size: 2.1rem;
  }
  .signInPage .app-footer .footer-wrapper .footer-container {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 1280px) {
  .signInPage .signIn-wrapper {
    max-width: 800px;
  }
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.btn-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  cursor: pointer;
}
.btn-md {
  max-height: 38px;
  min-height: 38px;
}
.btn-primary {
  display: inline-flex;
  justify-content: center;
  border: none;
  border-radius: 50px;
  align-items: center;
  font-size: 1rem;
  height: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.btn-secondary {
  color: #333;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #333;
  background: transparent;
}
.btn-tertiary {
  color: #1379ce !important;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #1379ce !important;
  background: transparent !important;
}
.btn-minimal {
  color: #333;
  width: 10px !important;
  border-radius: 0px !important;
  border: 0px solid #333 !important;
  background: transparent !important;
  min-width: 20px !important;
}
button[class*=btn-] {
  cursor: pointer;
  text-transform: none;
  font-weight: 500;
  transition: all 0.15s;
  min-height: 38px;
  padding: 4px 25px;
}
button[class*=btn-]:focus, button[class*=btn-]:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(-1px);
  transition: all 0.15s;
}
button[class*=btn-]:focus .MuiTouchRipple-root, button[class*=btn-]:hover .MuiTouchRipple-root {
  display: none;
}
.MuiButtonBase-root.MuiButton-root {
  color: white;
  background-color: #3fbf02;
  border: 1px solid #3fbf02;
  width: fit-content;
  border-radius: 30px;
  min-width: 80px;
}
.MuiButtonBase-root.MuiButton-root.btn-primary {
  display: inline-flex;
  justify-content: center;
  border: none;
  border-radius: 50px;
  align-items: center;
  font-size: 1rem;
  height: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.MuiButtonBase-root.MuiButton-root.btn-primary:hover {
  background-color: #3fbf02;
  border-color: #3fbf02;
}
.MuiButtonBase-root.MuiButton-root.btn-secondary {
  color: #333;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #333;
  background: transparent;
}
.MuiButtonBase-root.MuiButton-root.btn-negative {
  color: white;
  background-color: #b30838;
  border-color: #b30838;
  width: 100px;
  border-radius: 30px;
}
.MuiButtonBase-root.MuiButton-root.btn-negative:hover {
  background-color: #b30838;
  border-color: #b30838;
}
.MuiButtonBase-root.MuiButton-root.Mui-disabled {
  opacity: 0.3;
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}
/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.alert-container.MuiDialogContent-root {
  border: 1px solid #333;
  background: transparent;
  border-radius: 8px;
  display: flex;
  padding: 8px 12px !important;
  gap: 10px;
  font-size: 1rem;
  color: #333;
}
.alert-container.MuiDialogContent-root:before {
  font-family: "viglobal";
  font-size: 1.3rem;
  line-height: 0;
}
.alert-container.MuiDialogContent-root.success {
  background: #e7f6eb;
  border-color: #3fbf02;
}
.alert-container.MuiDialogContent-root.success:before {
  content: "v";
  color: #3fbf02;
}
.alert-container.MuiDialogContent-root.warning {
  background: #fff5e1;
  border-color: #fea663;
}
.alert-container.MuiDialogContent-root.warning:before {
  content: "0";
  color: #fea663;
}
.alert-container.MuiDialogContent-root.info {
  background: #e3f5ff;
  border-color: #1379ce;
}
.alert-container.MuiDialogContent-root.info:before {
  content: "\e010";
  color: #1379ce;
}
.alert-container.MuiDialogContent-root.danger {
  background: rgba(187, 0, 0, 0.1019607843);
  border-color: #b30838;
}
.alert-container.MuiDialogContent-root.danger:before {
  content: "m";
  color: #b30838;
}
body,
html {
  font-family: "roboto";
  font-size: 16px !important;
  background: #f1f1f1;
  overflow: hidden;
  color: #333;
}
* {
  box-sizing: border-box;
}
#root {
  display: flex;
  flex-direction: column;
}
/* Scrollbars - Begin */
div::-webkit-scrollbar,
textarea::-webkit-scrollbar {
  width: 15px;
}
div::-webkit-scrollbar:horizontal,
textarea::-webkit-scrollbar:horizontal {
  height: 15px;
}
div::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 50px;
  border: 4px solid #fff;
}
div::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.65);
}
div::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
  background: transparent;
  margin-top: 5px;
  margin-bottom: 5px;
}
textarea::-webkit-scrollbar {
  width: 7px;
}
textarea::-webkit-scrollbar:horizontal {
  height: 7px;
}
textarea::-webkit-scrollbar-thumb {
  border: 0 solid #fff;
}
textarea::-webkit-scrollbar-track {
  margin-top: 0;
  margin-bottom: 0;
}
/* Scrollbars - End */
/* COMMON STYLES */
.embed-container {
  height: 100%;
}
.embed-container iframe {
  height: 100%;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.embed-container-paginated {
  padding: 12px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);
  min-height: calc(100% - 40px);
  max-height: calc(100% - 40px);
}
.embed-container-paginated iframe {
  height: 100%;
  border-radius: 8px;
  border: none;
  padding: 0;
  margin: 0;
}
.tableRow {
  background-color: #fff;
}
.leftColumnRounded {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #fff;
}
.rightColumnRounded {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: right !important;
}
.actionsColumn {
  color: #1379ce !important;
}
.actionIcon {
  margin-right: 5px;
  cursor: pointer;
}
.columnHeader {
  color: #fff !important;
}
.rowItemDescription {
  font-size: 10pt;
  color: #939393;
}
.required {
  border-color: #b30838 !important;
}
.inline-link {
  display: inline-flex;
  cursor: pointer;
  width: fit-content;
}
.inline-link:after {
  content: "y";
  font-family: "viglobal";
  display: flex;
  height: 100%;
  color: #1379ce;
  transition: all 0.15s;
  padding: 0 2px;
  align-items: center;
}
.inline-link:hover:after {
  transform: translateX(2px);
  transition: all 0.15s;
}
/* Filter Area - Begin */
.filterArea {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 0;
}
.filterArea .athena-datepicker {
  width: 100%;
}
.filterArea label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::placeholder {
  opacity: 0.5 !important;
  text-transform: lowercase;
}
.filterArea .select-wrapper {
  display: flex;
  flex-direction: column;
  height: 52px;
  max-height: 52px;
  gap: 2px;
  text-align: left;
}
.filterArea .select-wrapper .select-stacked {
  height: -webkit-fill-available;
  padding-right: 0;
  max-height: 34px;
}
.filterArea .select-wrapper .select-stacked .MuiSelect-select {
  border-radius: 10px;
  border: none;
  padding: 0 30px 0 10px;
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 0.95rem;
  background: #fff;
}
.filterArea .select-wrapper .select-stacked .MuiSelect-select .required {
  border-color: #b30838;
}
.filterArea .select-wrapper .select-stacked .btn-ico.vi-close {
  position: absolute;
  right: 8px;
  background: #fff;
  max-height: 100%;
  border-radius: 0 12px 12px 0;
  color: #b30838;
  cursor: pointer;
}
.filterArea .select-wrapper[data-type=athena-small] .select-stacked .MuiSelect-select {
  transition: all 0.15s;
  padding-left: 14px;
  overflow: hidden;
  display: inline-block;
  line-height: 34px;
  max-height: 34px;
  box-sizing: border-box;
}
.filterArea .select-wrapper[data-type=athena-small] .select-stacked .MuiSelect-select[aria-expanded=true] {
  border-radius: 10px 10px 0 0;
  transition: all 0.15s !important;
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.035);
}
.filterArea .select-wrapper[data-type=athena-large] {
  position: relative;
}
.filterArea .select-wrapper[data-type=athena-large]:has(.MuiSelect-select[aria-expanded=true]) > label {
  left: 15px;
  transition: all 0.15s;
}
.filterArea .select-wrapper[data-type=athena-large] > label {
  position: absolute;
  transition: all 0.15s;
}
.filterArea .select-wrapper .select-lg {
  max-height: 52px;
  height: 52px;
  border: none;
  border-radius: 50px;
  background: transparent;
  align-items: center;
}
.filterArea .select-wrapper .select-lg .MuiSelect-select {
  padding: 21px 40px 0 24px;
  height: 100%;
  box-sizing: border-box;
  font-size: 0.95rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  background: #fff;
  border-radius: 50px;
  margin-top: 2px;
  transition: all 0.15s !important;
}
.filterArea .select-wrapper .select-lg .MuiSelect-select[aria-expanded=true] {
  border-radius: 10px 10px 0 0;
  transition: all 0.15s;
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.035);
  padding-left: 15px;
}
.filterArea .select-wrapper .select-lg .MuiSelect-select[aria-expanded=false] {
  transition: all 0.15s;
  border: 1px solid transparent;
}
.filterArea .select-wrapper .select-lg fieldset {
  display: inline-block;
  min-height: 58px;
}
.filterArea .select-wrapper label {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.filterArea .select-wrapper:has(.select-lg) > label {
  padding: initial;
  top: 6px;
  line-height: initial;
  text-align: left;
  z-index: 1;
  transform: none;
  left: 25px;
  top: 9px;
  font-size: 0.75rem;
  padding: initial;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  display: flex;
  font-weight: 500;
}
.filterArea .toggle-group {
  text-align: left;
  display: flex;
  flex-direction: column;
  height: 52px;
  max-height: 52px;
  gap: 2px;
  min-width: fit-content;
}
.filterArea .toggle-group .MuiPaper-rounded {
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.filterArea .toggle-group .MuiPaper-rounded:has(.MuiToggleButtonGroup-root) {
  border-radius: 10px;
  flex: 1;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.filterArea .toggle-group .MuiPaper-rounded .MuiTouchRipple-root {
  display: none !important;
}
.filterArea .toggle-group .MuiPaper-rounded:focus-within {
  outline: 2px solid #1379ce;
}
.filterArea .toggle-group label {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.filterArea .toggle-group .MuiToggleButtonGroup-root {
  padding: 4px;
  gap: 4px;
  margin: initial;
}
.filterArea .toggle-group .MuiToggleButtonGroup-root > button {
  margin: initial;
  padding: 0 8px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.3px;
  color: #333;
  border: none;
  text-transform: none;
  line-height: 1rem;
  border: 1px solid transparent;
  transition: all 0.15s;
}
.filterArea .toggle-group .MuiToggleButtonGroup-root > button.Mui-selected {
  color: #fff;
  background: #3fbf02;
}
.filterArea .toggle-group .MuiToggleButtonGroup-root > button.Mui-selected:hover {
  background: #3fbf02;
}
.filterArea .toggle-group .MuiToggleButtonGroup-root > button.Mui-disabled {
  opacity: 0.5;
}
.filterArea .toggle-group .MuiToggleButtonGroup-root > button:hover {
  background: transparent;
}
.filterArea .toggle-group .MuiToggleButtonGroup-root > button:focus {
  border-color: #3fbf02;
  border-radius: 50px;
  border-style: dashed;
  transition: all 0.35s, border-color 0s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.filterArea .select-wrapper,
.filterArea .toggle-group {
  flex: 1;
  max-width: fit-content;
  min-width: fit-content;
}
.filterArea .athena-datepicker .MuiInputBase-root .MuiIconButton-root .MuiTouchRipple-child,
.filterArea .athena-daterangepicker .athena-datepicker .MuiInputBase-root .MuiIconButton-root .MuiTouchRipple-child,
.filterArea .toggle-group .MuiToggleButtonGroup-root > button .MuiTouchRipple-root .MuiTouchRipple-child {
  background: rgba(0, 0, 0, 0.35);
}
.filterArea .select-lg .MuiSelect-select:after {
  right: 10px;
}
.content-body > .filterArea .select-wrapper {
  max-height: none;
}
.content-body > .filterArea .athena-datepicker {
  max-height: 52px;
  display: flex;
}
.content-body > .filterArea .athena-datepicker .MuiInputBase-input {
  padding: initial;
  height: auto;
  box-sizing: border-box;
  top: 8px;
  position: relative;
  font-size: 0.95rem;
  text-transform: lowercase;
}
.content-body > .filterArea .athena-datepicker .MuiInputBase-input::placeholder {
  opacity: 1 !important;
}
.content-body > .filterArea .athena-datepicker .MuiInputBase-root {
  border: 1px solid rgba(0, 0, 0, 0.15);
  max-height: 100%;
  z-index: 0;
  min-height: 52px;
  padding: 0 24px;
}
.content-body > .filterArea .athena-datepicker .MuiInputBase-root .MuiIconButton-root {
  top: 2px;
}
.content-body > .filterArea .athena-datepicker .MuiInputBase-root .MuiIconButton-root svg {
  color: #1379ce;
  font-size: 1.2rem;
  top: initial;
  position: relative;
}
.content-body > .filterArea .athena-datepicker .MuiInputBase-root .MuiIconButton-root:hover {
  background: transparent;
}
.content-body > .filterArea .athena-datepicker fieldset {
  display: inline-flex;
  top: auto;
  border: none;
  height: 100%;
  padding: 0 12px;
}
.content-body > .filterArea .athena-datepicker .MuiFormLabel-root {
  line-height: initial;
  text-align: left;
  z-index: 1;
  max-width: initial;
  transform: none;
  left: 25px;
  top: 10px;
  font-size: 0.75rem;
  padding: initial;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: none;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  display: flex;
  font-weight: 500;
}
.content-body > .filterArea .athena-datepicker .MuiFormLabel-root[data-shrink=true] {
  padding: initial;
  max-width: none;
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
}
.content-body > .filterArea .athena-daterangepicker.MuiPaper-root {
  max-height: 52px;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 52px;
  padding: 0 25px 0 15px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  outline: 2px solid transparent;
  width: fit-content;
  border-radius: 30px;
  padding: 0 15px;
}
.content-body > .filterArea .athena-daterangepicker.MuiPaper-root:focus-within {
  outline: 2px solid #1379ce;
}
.content-body > .filterArea .athena-daterangepicker.MuiPaper-root:hover {
  border-color: rgba(0, 0, 0, 0.55);
}
.content-body > .filterArea .athena-daterangepicker.MuiPaper-root > label > span[class*=vi-] {
  margin-left: 5px;
}
.content-body > .filterArea .athena-daterangepicker.MuiPaper-root > label > span[class*=vi-]:hover {
  color: #1379ce;
  cursor: pointer;
}
.content-body > .filterArea .athena-daterangepicker.MuiPaper-root > label {
  z-index: 1;
}
.content-body > .filterArea .athena-daterangepicker.MuiPaper-root .MuiPaper-root {
  display: flex;
  gap: 10px;
  margin-bottom: 9px;
}
.content-body > .filterArea .athena-daterangepicker .MuiPaper-root {
  margin: initial;
  padding-left: 10px;
  background: transparent;
  gap: 15px;
  height: 100%;
  padding-top: 0;
}
.content-body > .filterArea .athena-daterangepicker .athena-datepicker {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 0;
  min-width: 200px;
  max-width: 200px;
}
.content-body > .filterArea .athena-daterangepicker .athena-datepicker .MuiInputBase-root {
  padding: 0;
  border: none;
  min-height: initial;
  background: transparent;
  align-items: flex-end;
  padding-top: 0;
  height: calc(100% + 2px);
  max-height: calc(100% + 2px);
  gap: 5px;
}
.content-body > .filterArea .athena-daterangepicker .athena-datepicker .MuiInputBase-root .MuiInputBase-input {
  top: initial;
  padding-bottom: 6px;
  height: auto;
  padding-right: 0;
  padding-left: 0;
}
.content-body > .filterArea .athena-daterangepicker .athena-datepicker .MuiInputBase-root .MuiInputBase-input::placeholder {
  opacity: 0.5 !important;
}
.content-body > .filterArea .athena-daterangepicker .athena-datepicker .MuiInputBase-root .MuiIconButton-root {
  top: unset;
}
.content-body > .filterArea .athena-daterangepicker .athena-datepicker .MuiInputBase-root .MuiIconButton-root svg {
  left: 1px;
  top: 1px;
}
.content-body > .filterArea .athena-daterangepicker .athena-datepicker .MuiInputBase-root .MuiInputAdornment-root {
  height: 100%;
  margin: initial;
  width: 24px;
  min-width: 24px;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}
.content-body > .filterArea .athena-daterangepicker .athena-datepicker .MuiInputBase-root:focus-within {
  box-shadow: none;
}
.content-body > .filterArea .athena-daterangepicker .athena-datepicker .MuiFormLabel-root[data-shrink=true] {
  position: relative;
  display: flex;
  top: auto;
  left: auto;
  overflow: visible;
  height: 100%;
  align-items: flex-end;
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.95);
  letter-spacing: 0.3px;
  line-height: 5px;
  padding-bottom: 14px;
}
.content-body > .filterArea .athena-daterangepicker .athena-datepicker:not(:first-child):before {
  content: "";
  height: 100%;
  border-left: 1px dashed rgba(0, 0, 0, 0.15);
}
.content-body > .filterArea .athena-daterangepicker > label {
  text-align: left;
  z-index: 1;
  transform: none;
  left: 25px;
  top: 9px;
  font-size: 0.75rem;
  padding: initial;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  display: flex;
  font-weight: 500;
  position: absolute;
}
/* Filter Area - End */
/* Grid Area - Begin */
.MuiDialog-container,
.gridArea {
  padding: 0 25px;
}
.MuiDialog-container .MuiTableCell-head,
.gridArea .MuiTableCell-head {
  padding: 6px 12px;
  font-size: 0.8em;
  border: none;
  letter-spacing: 0.5px;
}
.MuiDialog-container .MuiTableCell-body,
.gridArea .MuiTableCell-body {
  padding: 8px 12px;
  border: none;
  font-size: 0.85em;
  color: #333;
}
.MuiDialog-container .gridTable,
.gridArea .gridTable {
  overflow: visible;
  background: transparent;
}
.MuiDialog-container .gridTable .dataTable,
.gridArea .gridTable .dataTable {
  border-collapse: separate;
  border-spacing: 0 3px;
  padding-bottom: 20px;
  min-width: 100%;
  max-width: 100%;
}
.MuiDialog-container .gridTable .dataTable .tableRow,
.gridArea .gridTable .dataTable .tableRow {
  border-radius: 10px;
  outline: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.MuiDialog-container .gridTable .dataTable .tableRow .rightColumnRounded,
.gridArea .gridTable .dataTable .tableRow .rightColumnRounded {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}
.MuiDialog-container .gridTable .dataTable .tableRow .leftColumnRounded,
.gridArea .gridTable .dataTable .tableRow .leftColumnRounded {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
.MuiDialog-container .gridTable .dataTable .tableRow .cell-stacked,
.gridArea .gridTable .dataTable .tableRow .cell-stacked {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.MuiDialog-container .gridTable .dataTable .tableRow .cell-stacked .stack-primary,
.gridArea .gridTable .dataTable .tableRow .cell-stacked .stack-primary {
  font-weight: 500;
  line-height: 1.3em;
}
.MuiDialog-container .gridTable .dataTable .tableRow .cell-stacked .stack-secondary,
.gridArea .gridTable .dataTable .tableRow .cell-stacked .stack-secondary {
  font-size: 0.85em;
  opacity: 0.8;
}
.MuiDialog-container .gridTable .dataTable .tableRow .cell-stacked:has(.stack-secondary:not(:empty)),
.gridArea .gridTable .dataTable .tableRow .cell-stacked:has(.stack-secondary:not(:empty)) {
  padding: 2px 0;
}
.MuiDialog-container .gridTable .dataTable .tableRow.MuiTableRow-hover:hover,
.gridArea .gridTable .dataTable .tableRow.MuiTableRow-hover:hover {
  background: #fff;
}
.MuiDialog-container .gridTable .dataTable .tableRow .MuiTableCell-body:first-child,
.gridArea .gridTable .dataTable .tableRow .MuiTableCell-body:first-child {
  border-radius: 10px 0 0 10px;
}
.MuiDialog-container .gridTable .dataTable thead,
.gridArea .gridTable .dataTable thead {
  border-radius: 8px;
}
.MuiDialog-container .gridTable .dataTable:has(.col-favorite) thead tr th:first-child,
.gridArea .gridTable .dataTable:has(.col-favorite) thead tr th:first-child {
  padding-right: 0;
}
.MuiDialog-container .gridTable .dataTable:has(.col-favorite) thead tr th:first-child > span,
.gridArea .gridTable .dataTable:has(.col-favorite) thead tr th:first-child > span {
  display: none;
}
.MuiDialog-container .gridTable .dataTable tbody tr td.col-favorite,
.gridArea .gridTable .dataTable tbody tr td.col-favorite {
  padding-right: 0;
}
.MuiDialog-container table td .controls-wrapper,
.gridArea table td .controls-wrapper {
  display: inline-flex;
  font-size: 1.1rem;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.MuiDialog-container table td .controls-wrapper .btn-ico,
.gridArea table td .controls-wrapper .btn-ico {
  width: 28px;
  height: 28px;
}
.MuiDialog-container table .ico-favorite,
.gridArea table .ico-favorite {
  color: rgba(0, 0, 0, 0.25);
  font-size: 1.2rem;
  display: flex;
  cursor: pointer;
  transition: all 0.15s;
}
.MuiDialog-container table .ico-favorite:hover,
.gridArea table .ico-favorite:hover {
  color: #fea663;
  transition: all 0.15s;
}
.MuiDialog-container table .ico-favorite.vi-star,
.gridArea table .ico-favorite.vi-star {
  color: #fea663;
}
.MuiDialog-container .MuiTableCell-body.actionsColumn,
.gridArea .MuiTableCell-body.actionsColumn {
  width: 150px;
  max-width: fit-content;
  min-width: fit-content;
}
.MuiDialog-container tfoot:has(.MuiTablePagination-root) .MuiTablePagination-root,
.gridArea tfoot:has(.MuiTablePagination-root) .MuiTablePagination-root {
  border: none;
}
.MuiDialog-container tfoot:has(.MuiTablePagination-root) > .MuiTableRow-root > .MuiTablePagination-root .MuiTablePagination-toolbar,
.gridArea tfoot:has(.MuiTablePagination-root) > .MuiTableRow-root > .MuiTablePagination-root .MuiTablePagination-toolbar {
  margin: initial;
  padding: initial;
  gap: 15px;
}
.MuiDialog-container tfoot:has(.MuiTablePagination-root) > .MuiTableRow-root > .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-input,
.gridArea tfoot:has(.MuiTablePagination-root) > .MuiTableRow-root > .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-input {
  margin: initial;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.MuiDialog-container tfoot:has(.MuiTablePagination-root) > .MuiTableRow-root > .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-input .MuiTablePagination-select,
.gridArea tfoot:has(.MuiTablePagination-root) > .MuiTableRow-root > .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-input .MuiTablePagination-select {
  background: #fff;
  border-radius: 8px;
}
.MuiDialog-container tfoot:has(.MuiTablePagination-root) > .MuiTableRow-root > .MuiTablePagination-root .MuiTablePagination-toolbar .MuiBox-root,
.gridArea tfoot:has(.MuiTablePagination-root) > .MuiTableRow-root > .MuiTablePagination-root .MuiTablePagination-toolbar .MuiBox-root {
  margin: initial;
  color: #1379ce;
}
.gridArea {
  padding: 0;
}
/* Grid Area - End */
/* ---------- General styling/MUI overrides - Begin ---------- */
.panel-default {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  flex: 1;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.025);
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.panel-default > .tabs-variant-3 {
  border-radius: 15px 15px 0 0;
}
.MuiTableCell-head {
  background-color: #102032;
  color: #fff;
}
.MuiTableSortLabel-icon {
  color: #fff !important;
}
.MuiTableContainer-root {
  box-shadow: none;
}
.MuiSelect-nativeInput + .MuiSelect-icon {
  display: none;
}
input::placeholder {
  font-style: italic;
  opacity: 0.5 !important;
}
.MuiSelect-select {
  position: relative;
}
.MuiSelect-select:after {
  content: "z";
  position: absolute;
  right: 10px;
  font-family: "viglobal";
  height: 100%;
  display: flex;
  align-items: center;
  top: 0;
  color: #1379ce;
  font-size: 1.3rem;
  transition: all 0.15s;
}
.MuiSelect-select[aria-expanded=true]:after {
  transform: rotate(180deg);
  transition: all 0.15s;
}
.select-lg .MuiSelect-select:after {
  right: 15px;
}
.select-lg.MuiInputBase-root.MuiOutlinedInput-root {
  padding-right: 0;
}
.MuiBreadcrumbs-root {
  max-height: 18px;
  display: flex;
  align-items: center;
}
.MuiBreadcrumbs-root .MuiBreadcrumbs-separator {
  opacity: 0.5;
}
.MuiTableContainer-root {
  box-shadow: none !important;
}
.toggleButtonBox {
  border-radius: 10px;
  flex: 1;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  display: flex;
}
.MuiPopover-root .MuiPopover-paper {
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #1379ce;
  border-width: 1px 2px 2px 2px;
  border-top-color: rgba(0, 0, 0, 0.15);
  border-top-style: dashed;
  max-height: 50vh;
}
.MuiPopover-root .MuiPopover-paper .MuiMenu-list {
  padding: 4px;
  gap: 2px;
  display: flex;
  flex-direction: column;
}
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiMenuItem-root {
  font-size: 0.95rem;
  padding: 4px 10px;
  border-radius: 6px;
  white-space: normal;
}
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiMenuItem-root .MenuItem-stacked .stack-primary {
  font-weight: 500;
  line-height: 1.3em;
}
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiMenuItem-root .MenuItem-stacked .stack-secondary {
  font-size: 0.85em;
  opacity: 0.8;
}
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .select-search {
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 1;
  padding: 8px 4px;
  margin-top: -4px;
  outline: 0;
}
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .select-search .MuiFormControl-root.MuiTextField-root {
  width: 100%;
}
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .select-search .MuiFormControl-root.MuiTextField-root .MuiOutlinedInput-notchedOutline {
  border-radius: 50px;
}
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .select-search .MuiFormControl-root.MuiTextField-root .MuiInputBase-input.MuiOutlinedInput-input {
  padding: 8px 12px;
}
.MuiPopover-root .MuiPopover-paper[style*="min-width: 250px"] {
  max-width: 250px !important;
  box-sizing: border-box;
}
.multi-select-menu.MuiPopover-root .MuiPopover-paper .MuiMenu-list {
  padding: 0;
}
.multi-select-menu .select-search {
  display: flex;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.multi-select-menu .select-search:before {
  content: "7";
  font-family: "viglobal";
  font-size: 1.6rem;
  display: flex;
  height: -webkit-fill-available;
  align-items: center;
  margin: auto;
  margin-left: 10px;
}
.multi-select-menu .select-search .MuiFormControl-root {
  width: 100%;
}
.multi-select-menu .select-search .MuiFormControl-root input {
  padding-left: 5px;
}
.multi-select-menu .select-search .MuiFormControl-root fieldset {
  border: none;
}
.multi-select-menu .MuiMenu-list li {
  margin: 0 4px;
}
.multi-select-menu .MuiMenu-list li.MuiButtonBase-root.Mui-selected:before {
  content: "v";
  font-family: "viglobal";
  font-size: 1rem;
  font-weight: bolder;
  display: flex;
  height: -webkit-fill-available;
  align-items: center;
  margin-right: 10px;
}
.base-Popper-root.MuiPickersPopper-root .MuiPickersPopper-paper {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.base-Popper-root.MuiPickersPopper-root .MuiPickersPopper-paper .MuiDayCalendar-weekDayLabel {
  font-size: 0.95rem;
  color: #333;
  font-weight: 600;
}
.base-Popper-root.MuiPickersPopper-root .MuiPickersPopper-paper .MuiPickersDay-root {
  font-size: 0.95rem;
  color: #333;
}
.base-Popper-root.MuiPickersPopper-root .MuiPickersPopper-paper .MuiPickersDay-root.MuiPickersDay-today {
  font-weight: 600;
}
.base-Popper-root.MuiPickersPopper-root .MuiPickersPopper-paper .MuiPickersDay-root.Mui-selected {
  color: #fff;
}
.base-Popper-root.MuiPickersPopper-root .MuiPickersPopper-paper .MuiPickersDay-root.Mui-disabled:not(.Mui-selected) {
  color: rgba(0, 0, 0, 0.38);
}
/* Dialog - Modal - Begin */
.MuiDialog-container .MuiDialog-paper {
  padding: 20px;
  padding-bottom: 0;
  padding-top: 20px;
  gap: 15px;
  overflow: hidden auto;
  border-radius: 20px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
  max-height: calc(100vh - 50px);
  margin: initial;
}
.MuiDialog-container .MuiDialog-paper .title {
  padding: 0;
  font-family: "roboto";
  font-weight: 500;
  font-size: 1.6rem;
}
.MuiDialog-container .MuiDialog-paper .MuiDialogActions-root {
  width: calc(100% + 20px * 2);
  margin-left: calc(-1 * 20px);
  box-shadow: 0 -15px 30px rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: center;
  height: 100%;
  padding: 15px 20px;
  gap: 15px;
  position: sticky;
  z-index: 100;
  bottom: 0;
  left: 0;
  background: #fff;
  margin-bottom: 0;
}
.MuiDialog-container .MuiDialog-paper .MuiDialogActions-root > button {
  margin: initial;
  line-height: 1.2rem;
}
.MuiDialog-container .MuiDialog-paper .MuiDialogContent-root {
  padding: 0;
  align-items: center;
  margin: initial;
  overflow: initial;
}
.MuiDialog-container .MuiDialog-paper .filterArea {
  padding: 0;
  align-items: center;
}
.MuiDialog-container .MuiDialog-paper::-webkit-scrollbar-track {
  margin-top: 15px;
  margin-bottom: 75px;
}
.MuiDialog-container .DialogContent-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.MuiDialog-container .DialogContent-wrapper.form-container {
  gap: 25px;
  padding: 10px 0;
}
.MuiDialog-container .gridTable .dataTable {
  border-spacing: 0 3px;
}
.MuiDialog-container .gridTable .dataTable .tableRow {
  outline: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: none;
}
.MuiDialog-container .gridTable .dataTable .tableRow.Mui-selected:hover {
  background: rgba(25, 118, 210, 0.12);
}
.MuiDialog-root.modal-type-default .MuiDialog-paper {
  width: clamp(480px, 60vw, 800px);
  max-width: clamp(480px, 60vw, 800px);
  min-width: clamp(480px, 60vw, 800px);
  position: relative;
}
.MuiDialog-root.modal-type-wide .MuiDialog-paper {
  width: clamp(480px, 60vw, 1200px);
  max-width: clamp(480px, 60vw, 1200px);
  min-width: clamp(480px, 60vw, 1200px);
  position: relative;
}
.MuiDialog-root.modal-type-confirm .MuiDialog-paper {
  width: clamp(480px, 35vw, 600px);
  max-width: clamp(480px, 35vw, 600px);
  min-width: clamp(480px, 35vw, 600px);
  position: relative;
}
/* Dialog - Modal - End */
.section-title {
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
}
.search-input {
  height: 52px;
  display: flex;
}
.search-input > .MuiBox-root {
  width: 100%;
  align-items: center;
  padding: 0 15px;
  gap: 10px;
  display: flex;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.search-input > .MuiBox-root:before {
  content: "7";
  font-family: "viglobal";
  font-size: 1.6rem;
  display: flex;
  height: -webkit-fill-available;
  align-items: center;
}
.search-input > .MuiBox-root div {
  display: inline-flex;
  padding: initial;
  height: -webkit-fill-available;
  font-size: 1rem;
}
.search-input > .MuiBox-root:focus-within {
  outline: 2px solid #1379ce;
}
.search-input.short {
  height: 38px;
  min-height: 38px;
}
.search-input.short > .MuiBox-root {
  border-radius: 10px;
  padding: 0 10px;
}
/* Tooltip - Begin */
.MuiTooltip-popper {
  pointer-events: none !important;
}
.MuiTooltip-popper .MuiTooltip-tooltip {
  font-size: 0.95rem;
  font-weight: normal;
  letter-spacing: 0.5px;
}
/* Tooltip - End */
/* Wizard - Stepper - Begin */
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked {
  gap: 20px;
  padding-bottom: 20px;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root {
  padding: initial;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root:after {
  content: "";
  width: 100%;
  height: 4px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 50px;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root:has(.MuiStepLabel-iconContainer.Mui-active):after {
  background: #1379ce;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root .MuiStepLabel-iconContainer {
  padding: initial;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root .MuiStepLabel-iconContainer svg {
  font-size: 1.5rem;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root .MuiStepLabel-iconContainer svg .MuiStepIcon-text {
  font-size: 1rem;
  font-weight: 500;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root .MuiStepLabel-iconContainer svg .Mui-active circle {
  color: #fff;
  outline: 2px solid #1379ce;
  outline-offset: -2px;
  border-radius: 50px;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root .MuiStepLabel-iconContainer svg .Mui-active .MuiStepIcon-text {
  fill: #1379ce;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root .MuiStepLabel-root {
  gap: 10px;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root .MuiStepLabel-root .MuiStepLabel-label {
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1.2rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root .MuiStepLabel-root .MuiStepLabel-label .secondaryLabel {
  font-size: 0.75rem;
  font-weight: 400;
  opacity: 1;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStep-root.Mui-completed:after {
  background-color: #1379ce;
}
.MuiStepper-root.MuiStepper-horizontal.aderant-wizard-stacked .MuiStepConnector-root {
  display: none;
}
/* Wizard - Stepper - End */
/* Tabs - Begin */
.MuiTabs-flexContainer button {
  color: White !important;
}
.MuiTabs-flexContainer .MuiBox-root {
  background-color: white !important;
}
.tabpanel-body-container {
  padding: 20px;
}
.tabs-variant-3 {
  background: #102032;
}
/* Tabs - End */
/* ---------- General styling/MUI overrides - End ---------- */
/* Responsive - Begin */
@media only screen and (max-width: 1280px) {
  #root.nav-vertical .sticky-menu {
    width: 56px;
    justify-content: center;
    display: none;
  }
  #root.nav-vertical .sticky-menu .toggle-nav span {
    display: none;
  }
  #root.nav-vertical .sticky-menu .toggle-nav:before {
    transform: rotate(180deg);
    font-size: 1.3rem;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container {
    width: 56px;
    overflow: visible;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary {
    max-width: 100%;
    gap: 10px;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu {
    padding: 0;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) {
    background: transparent !important;
    min-height: 40px;
    max-height: 40px;
    overflow: visible;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) .treeItemNav {
    gap: 0;
    align-items: flex-start;
    justify-content: space-around;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) .treeItemNav .MuiTreeItem-group {
    display: none;
    position: relative;
    left: 56px;
    top: -40px;
    min-width: fit-content;
    min-height: fit-content !important;
    background: #333;
    gap: 0;
    padding: 10px;
    border-radius: 0 15px 15px 0;
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
    transition: all 0.15s, background 0s, box-shadow 0s;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) > .treeItemNav > .MuiTreeItem-content > .MuiTreeItem-label {
    display: none !important;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) > .treeItemNav .MuiTreeItem-content .MuiTreeItem-label {
    display: flex;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]):hover .treeItemNav .MuiTreeItem-group {
    display: flex;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]) .submenu-wrapper .treeItemNav {
    padding: 8px 12px;
    min-height: auto;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav > .MuiTreeItem-content {
    padding: 10px 15px;
    height: 40px;
    min-height: 40px;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu > .treeItemNav > .MuiTreeItem-content:after {
    position: absolute;
    right: 7px;
    transform: rotate(90deg);
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu.nav-dashboard > .treeItemNav > .MuiTreeItem-content:before {
    font-size: 1.3rem;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu .treeItemNav[aria-expanded=true] > .MuiTreeItem-group {
    display: flex;
    position: absolute;
    top: 56px;
    background: #333;
    right: 0;
    white-space: nowrap;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    border-radius: 0 0 15px 15px;
    padding: 10px;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu .treeItemNav[aria-expanded=true] > .MuiTreeItem-content:after {
    transform: rotate(90deg);
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu .submenu-wrapper .treeItemNav:hover {
    background: rgba(255, 255, 255, 0.1);
    transition: all 0.15s;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav {
    max-width: 100%;
    flex-direction: column;
    position: relative;
    padding: 0;
    height: 40px;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav > .MuiTreeItem-group {
    display: none;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav .MuiTreeItem-content {
    justify-content: center;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav .MuiTreeItem-content .MuiTreeItem-label {
    display: none;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav:before {
    font-size: 1.3rem;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav[aria-expanded=true] {
    background: transparent;
  }
  #root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary > .treeItemNav > .MuiTreeItem-content {
    height: 100%;
    min-height: 100%;
    min-height: 40px;
    z-index: 1;
  }
  #root.nav-vertical .content-wrapper {
    width: calc(100vw - 56px);
  }
}
/* Responsive - End */
/* Animations/Keyframes - Begin */
@keyframes gradient {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
@keyframes gradient-mask {
  0% {
    background-position: 0%;
    opacity: 0.75;
  }
  100% {
    background-position: 100%;
    opacity: 1;
  }
}
/* Animations/Keyframes - End */
/* Utility */
.width-150 {
  min-width: 150px;
}
.width-200 {
  min-width: 200px;
}
.width-250 {
  min-width: 250px;
  max-width: 250px;
}
.width-300 {
  min-width: 300px;
}
.gap-20 {
  gap: 20px;
}
.gap-25 {
  gap: 25px;
}
.gap-30 {
  gap: 30px;
}
.flx-1 {
  flex: 1;
}
.flx-2 {
  flex: 2;
}
.flx-3 {
  flex: 3;
}
.flx-4 {
  flex: 4;
}
.flx-5 {
  flex: 5;
}
/* Various Controls Focus-states */
.search-input > .MuiBox-root,
.filterArea .select-wrapper .MuiSelect-select,
.filterArea .toggle-group .MuiPaper-rounded,
.filterArea .athena-daterangepicker.MuiPaper-root,
.filterArea .athena-datepicker .MuiInputBase-root {
  transition: all 0.15s;
}
.search-input > .MuiBox-root:focus-within,
.filterArea .select-wrapper .MuiSelect-select:focus-within,
.filterArea .toggle-group .MuiPaper-rounded:focus-within,
.filterArea .athena-daterangepicker.MuiPaper-root:focus-within,
.filterArea .athena-datepicker .MuiInputBase-root:focus-within {
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.15s;
}
/* Form elements - General - Begin */
.MuiFormControl-root {
  border-radius: 8px;
}
.MuiFormControl-root.warning .MuiInputLabel-formControl {
  color: #fea663;
}
.MuiFormControl-root.warning .MuiInputBase-root fieldset {
  border-color: #fea663;
}
.MuiFormControl-root.warning p.MuiFormHelperText-root {
  color: #fea663;
}
.MuiInputBase-root.MuiOutlinedInput-root {
  border-radius: 10px;
}
.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-multiline {
  padding: 12px 10px;
}
.MuiInputBase-root.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #1379ce;
}
.MuiInputBase-root.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  transition: border-color 0.35s;
  border-color: rgba(0, 0, 0, 0.15);
}
.MuiInputBase-root.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  transition: border-color 0.35s;
}
.MuiInputBase-root.MuiOutlinedInput-root:has(.MuiSelect-select[aria-expanded=true]) {
  border-radius: 10px 10px 0 0;
}
.MuiInputBase-root.MuiOutlinedInput-root:has(.MuiSelect-select[aria-expanded=true]).Mui-focused .MuiOutlinedInput-notchedOutline {
  border-width: 2px 2px 0 2px;
  border-bottom-color: transparent;
}
.MuiInputBase-formControl .MuiInputBase-input.MuiOutlinedInput-input {
  padding: 14px;
  height: 1rem;
  font-size: 0.95rem;
}
.MuiInputBase-formControl .MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputMultiline {
  padding: 0 4px;
}
.MuiFormLabel-root.MuiInputLabel-root[data-shrink=false] {
  transform: translate(14px, 12px) scale(1);
  font-size: 0.95rem;
}
.MuiFormLabel-root.MuiInputLabel-root.Mui-focused {
  color: #1379ce;
}
.MuiSelect-select[aria-expanded=true] {
  transition: all 0.15s;
}
.MuiButtonBase-root.MuiTab-root {
  text-transform: none;
  border-bottom: 4px solid transparent;
  padding: 12px 16px 8px 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  transition: all 0.15s;
}
.MuiButtonBase-root.MuiTab-root.Mui-selected {
  border-bottom-color: #1379ce;
}
.MuiButtonBase-root.MuiTab-root.Mui-selected:hover {
  border-bottom-color: #1379ce;
}
.MuiButtonBase-root.MuiTab-root:hover {
  border-bottom-color: #fff;
  transition: all 0.15s;
}
.MuiButtonBase-root.MuiTab-root:before {
  font-size: 1.1rem;
}
.select-wrapper .MuiSelect-select {
  padding: 11px 14px;
}
.select-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  /* This is temporary until this Select has been changed to default MUI Select */
}
.select-wrapper > label {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.65);
}
.select-wrapper:has(.temp-outlined) > label {
  position: absolute;
  font-size: 0.95rem;
  transform: translate(3px, -9px) scale(0.8);
  transition: all 0.35s;
  background: #fff;
  z-index: 1;
  padding: 0 6px;
  transition: all 0.35s;
}
.select-wrapper:has(.temp-outlined):focus-within > label {
  color: #1379ce;
}
.select-wrapper:has(.temp-outlined):has(.MuiSelect-select[aria-expanded=true]) > label {
  color: #1379ce;
}
/* Form elements - General - End */
.tags-container .MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-formControl {
  padding-right: 9px;
}
.tags-container .MuiInputBase-root input[type=text] {
  padding: 6px 4px;
}
.tags-container .MuiButtonBase-root.MuiChip-root.MuiChip-outlined {
  border-color: #1379ce;
}
/* TEMPORARY iframe styling - BEGIN --------------------

.content-wrapper .react-grid-layout {
    height: auto !important;
    display: flex;
    padding: 0 20px;
    gap: 15px;
}

.iframe-wrapper {
    min-height: calc((100vw - 240px + 145px) * (841.25 / 1600));
    margin: 0 20px 20px 20px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
    display: flex;
    position: relative;
}

iframe {
    width: 100% !important;
    height: 100% !important;
}

.content-wrapper .react-grid-layout .react-grid-item {
    position: relative !important;
    transform: none !important;
    flex: 1;
    width: auto !important;
    height: 120px !important;
}

@media only screen and (max-width: $screen-size-lg) {
    .react-grid-layout.layout {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .iframe-wrapper {
        min-height: calc((100vw - 65px + 145px) * (841.25 / 1600));
    }
}

@media only screen and (max-width: $screen-size-sm) {
    .react-grid-layout.layout {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 568px) {
    .react-grid-layout.layout {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}
---------------------- TEMPORARY iframe styling - END */
input#edit-mode {
  /* For enabling edit-mode */
  outline: none;
  appearance: none;
  background-color: transparent;
  border-radius: 50%;
  pointer-events: all;
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
/* temporary fixes */
/* TEMPORARY FOR ARES below should be inside Tile.scss --- BEGIN */
/* experimental EDIT mode modal*/
/*----- DONE UP TO HERE ------- */
.component-wrapper .draggable-item-child {
  top: 0;
  left: 0;
  transform: none;
  transform-origin: top left;
}
.quick-action.brand-1 {
  background: #8f4576;
}
.quick-action.brand-2 {
  background: #235197;
}
.quick-action.brand-3 {
  background: #db6764;
}
.quick-action.brand-4 {
  background: #765594;
}
.quick-action.brand-5 {
  background: #1a6f73;
}
.quick-action .value {
  font-size: 1.5rem;
  font-weight: 800;
}
.quick-action .label {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 0.85rem;
}
.controls-bar {
  color: #333;
  /* z-index:0;*/
}
.panel-header,
.data-wrapper {
  /*  z-index: 3;*/
  text-align: left;
}
@media only screen and (max-width: 1440px) {
  .component-wrapper .draggable-item-parent .panel-item-wrapper:has(div:nth-child(6)) {
    flex-wrap: wrap;
    height: auto;
    max-height: fit-content;
  }
  .component-wrapper .draggable-item-parent .panel-item-wrapper:has(div:nth-child(6)) .panel-item {
    min-width: 15%;
  }
}
@media only screen and (max-width: 1280px) {
  .component-wrapper .draggable-item-parent .panel-item-wrapper:has(div:nth-child(4)) {
    flex-wrap: wrap;
    height: auto;
    max-height: fit-content;
  }
  .component-wrapper .draggable-item-parent .panel-item-wrapper:has(div:nth-child(4)) .panel-item {
    min-width: 25%;
  }
}
@media only screen and (max-width: 768px) {
  .component-wrapper .draggable-item-parent .panel-item-wrapper {
    flex-wrap: wrap;
    height: auto;
    max-height: fit-content;
  }
  .component-wrapper .draggable-item-parent .draggable-item-child {
    min-width: 100%;
  }
}
.component-wrapper .draggable-item-child .controls-bar {
  top: -10px;
  width: 100%;
  border-radius: 14px 14px 0 0;
  z-index: 1;
  transform: translate(-50%, 5px);
  justify-content: flex-end;
}
.flex-container {
  display: flex;
}
.donut {
  position: relative;
  width: 70px;
  height: 70px;
}
.donut-default {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.donut-text {
  top: 7px;
  left: 8px;
  width: 54.5px;
  height: 55.5px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.donut-text span {
  color: #1379ce;
  font-size: 1.1rem;
  font-weight: 800;
}
.donut-case {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #d0e4f5;
  position: absolute;
  top: 0;
  left: 0;
  background-clip: border-box;
  overflow: hidden;
}
.donut-case::before {
  content: "";
  clip: rect(0 70px 35px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(190deg);
  background: #1379ce;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.donut-case::after {
  content: "";
  clip: rect(0 35px 70px 0);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  background: #1379ce;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.donut-chart .data-wrapper {
  align-items: center;
}
.donut-chart .summary-wrapper {
  gap: 15px;
}
.donut-chart .flex-container {
  flex-direction: column;
}
.summary-wrapper {
  display: flex;
  justify-content: center;
  text-align: center;
}
.panel-group-heading:has(p:empty) {
  display: none;
}
.component-wrapper {
  padding-bottom: 25px;
}
.component-wrapper .draggable-item-child {
  justify-content: flex-start;
}
.component-wrapper .draggable-item-child.kpi, .component-wrapper .draggable-item-child.quick-action {
  justify-content: space-between;
}
.content-wrapper {
  container-type: inline-size;
  container-name: content-wrapper;
}
@container content-wrapper (max-width: 1200px) {
  .component-wrapper .draggable-item-parent .panel-item-wrapper:has(div:nth-child(4)) {
    flex-wrap: wrap;
    height: auto;
    max-height: fit-content;
  }
  .component-wrapper .draggable-item-parent .panel-item-wrapper:has(div:nth-child(4)) .panel-item {
    min-width: 15%;
  }
  .component-wrapper .draggable-item-parent .panel-item-wrapper:has(div:nth-child(5)) .panel-item {
    min-width: 25%;
  }
}
@container content-wrapper (max-width: 768px) {
  .component-wrapper .draggable-item-parent .panel-item-wrapper:has(div:nth-child(4)) .panel-item {
    min-width: 40%;
  }
}
@container content-wrapper (max-width: 580px) {
  .component-wrapper .draggable-item-parent .panel-item-wrapper:has(div:nth-child(4)) .panel-item {
    min-width: 100%;
  }
}
.component-wrapper .data-wrapper.tabular table thead tr th.MuiTableCell-head {
  font-size: 0.75rem;
  padding: 2px 8px;
  background: transparent;
  line-height: 1rem;
  opacity: 0.65;
  font-weight: normal;
  white-space: nowrap;
}
.component-wrapper .data-wrapper.tabular table tbody tr td {
  font-size: 0.875rem;
  padding: 8px 8px;
  vertical-align: top;
}
.shortPay .data-wrapper.tabular table thead tr th.MuiTableCell-head:nth-child(2) {
  text-align: left;
}
.shortPay .data-wrapper.tabular table tbody tr td:nth-child(2) {
  text-align: left;
  white-space: nowrap;
}
.shortPay .data-wrapper.tabular table tbody tr td:last-child {
  color: #b30838;
  font-weight: 500;
}
.panel-group-heading:empty {
  display: none;
}
.component-wrapper .data-wrapper.summary-variant-1 .row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.component-wrapper .data-wrapper.summary-variant-1 .row .col {
  display: flex;
  flex-direction: column;
}
.component-wrapper .data-wrapper.summary-variant-1 .row .col:last-child {
  align-items: flex-end;
}
.component-wrapper .data-wrapper[class*=summary-variant] .label {
  font-size: 0.75rem;
  opacity: 0.65;
  white-space: nowrap;
}
.component-wrapper .data-wrapper[class*=summary-variant] .value {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.component-wrapper .data-wrapper[class*=summary-variant] .row {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
  padding-bottom: 4px;
}
.component-wrapper .data-wrapper[class*=summary-variant] .row:last-child {
  border-bottom: none;
}
.component-wrapper .data-wrapper.summary-variant-1 .row .col {
  justify-content: flex-end;
}
.quick-action .value.inline-link:after {
  opacity: 0.3;
}
.quick-action .value.inline-link:hover:after {
  opacity: 1;
}
.component-wrapper .data-wrapper.comparison .summary-wrapper .summary-visual .MuiSlider-thumb {
  height: 20px;
}
.component-wrapper .data-wrapper.comparison .summary-wrapper .summary-header {
  font-size: 0.875rem;
  font-weight: 500;
}
/* TEMPORARY FOR ARES below should be inside Tile.scss --- END ??? */
.filterBar header {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);
}
.filterBar .filterLabel-container {
  font-size: 0.75rem;
  letter-spacing: 0.4px;
  padding: 4px 4px 4px 12px;
}
.filterBar .filterValue-container {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  padding: 2px;
}
.filterBar .filterLabel-container,
.filterBar .filterValue-container {
  display: flex;
  align-items: center;
}
.filterBar header > .MuiPaper-root:first-child {
  display: flex;
}
.filterBar header > .MuiBox-root .btn-secondary {
  box-shadow: none !important;
  border-radius: 8px;
  transform: none;
  border-color: #b30838;
  color: #b30838;
}
.filterBar .filterItem-wrapper {
  display: flex;
  min-width: fit-content;
}
.filterBar .filterLabel-container {
  box-shadow: none;
  border-radius: 0;
}
@container content-wrapper (max-width: 980px) {
  .filterBar .filterItem-wrapper {
    flex-direction: column;
    /* padding: 4px 0; */
    /* min-height: 100%; */
  }
  .filterBar .filterLabel-container,
  .filterBar .filterValue-container {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
  }
  .filterBar .filterLabel-container {
    padding: 8px 16px 0;
  }
  .filterBar .filterValue-container {
    padding: 0 6px 2px;
    justify-content: flex-end;
  }
  .filterBar .filterValue-container > .MuiFormControl-root {
    width: 100%;
    text-align: right;
  }
}
@container content-wrapper (max-width: 980px) {
  .component-wrapper .draggable-item-parent .panel-item-wrapper:has(div:nth-child(2)) {
    flex-wrap: wrap;
    height: auto;
    max-height: fit-content;
  }
  .component-wrapper .draggable-item-parent .panel-item-wrapper:has(div:nth-child(2)) .panel-item:has(.tabular) {
    min-width: 100%;
  }
}
@container content-wrapper (max-width: 768px) {
  .filterBar .filterLabel-container {
    font-size: 0.65rem;
    letter-spacing: 0.8px;
  }
  .filterBar .filterLabel-container {
    padding: 8px 12px 0;
  }
  .filterBar .filterValue-container {
    padding: 0 2px 2px;
  }
}
.filterBar header > .MuiBox-root:has(.btn-secondary) {
  padding-left: 8px;
}
.maddi-wrapper.float:has(.btn-maddi-toggle input:checked) .MessageInputArea .message-new-conversation-btn:before {
  transform: scale(1);
  transition: all 0.25s;
}
.maddi-wrapper.float .MessageInputArea .message-new-conversation-btn:before {
  transition: all 0.25s;
  transform: scale(1.4);
}
.maddi-wrapper.float .btn-maddi-toggle input[type=checkbox] {
  transform: scale(1.4);
}
.maddi-wrapper.float .ArrowButton.floating {
  display: none;
}
body:has(#toggle-nav-collapse:checked) .maddi-wrapper.float:has(.btn-maddi-toggle input:checked[type=checkbox]):has(.btn-fullscreen-toggle input:checked[type=checkbox]) {
  width: calc(100vw - 30px - 65px);
}
.maddi-wrapper.float:has(.btn-maddi-toggle input:checked[type=checkbox]):has(.btn-fullscreen-toggle input:checked[type=checkbox]):before {
  backdrop-filter: blur(10px);
  opacity: 1;
  transition: all 0.25s;
}
.maddi-wrapper.float:has(.btn-maddi-toggle input:checked[type=checkbox]):before {
  content: "";
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.35);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  backdrop-filter: blur(0px);
  transition: all 0.25s;
  pointer-events: none;
}
body:has(.btn-maddi-toggle input:checked[type=checkbox]):has(.btn-fullscreen-toggle input:checked[type=checkbox]) .content-wrapper {
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .maddi-wrapper.float:has(.btn-maddi-toggle input:checked[type=checkbox]):has(.btn-fullscreen-toggle input:checked[type=checkbox]) {
    width: calc(100vw - 30px - 65px) !important;
  }
}
.maddi-wrapper.float:has(.btn-maddi-toggle input:checked[type=checkbox]):has(.btn-fullscreen-toggle input:checked[type=checkbox]) {
  height: calc(100vh - 95px) !important;
}
.maddi-wrapper.float.in-product:has(.btn-maddi-toggle input:checked[type=checkbox]):has(.btn-fullscreen-toggle input:checked[type=checkbox]) {
  width: 100%;
}
.maddi-wrapper.float:has(.btn-maddi-toggle input:checked[type=checkbox]):has(.btn-fullscreen-toggle input:checked[type=checkbox]) .ChatWindow.maddi-container {
  /* z-index: 1000; */
  background: #fff;
  max-height: fit-content;
}
.maddi-wrapper.float .ChatWindowTitle .MuiSelect-select {
  padding-top: 5px;
  padding-bottom: 5px;
}
.maddi-wrapper.float .ChatWindowTitle .MuiOutlinedInput-notchedOutline {
  border: none;
}
.maddi-wrapper.float .ChatWindowTitle .MuiFormLabel-root {
  display: none;
}
.maddi-wrapper.float:has(.btn-maddi-toggle input:checked[type=checkbox]):has(.btn-fullscreen-toggle input:checked[type=checkbox]) {
  width: calc(100vw - 30px - 240px);
}
.maddi-wrapper.float .ChatWindow.maddi-container {
  overflow: visible;
  justify-content: flex-end;
}
.maddi-wrapper.float .btn-maddi-toggle input[type=checkbox] {
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.55);
}
.maddi-wrapper.float:has(.btn-maddi-toggle input:checked[type=checkbox]) .btn-maddi-toggle input[type=checkbox] {
  box-shadow: none;
}
@media (max-width: 575px) {
  .maddi-wrapper.float:has(.btn-maddi-toggle input:checked[type=checkbox]) {
    width: calc(100vw - 30px - 65px) !important;
  }
}
.filterBar .MuiSelect-select {
  border-radius: 4px;
  padding: 7px 12px;
  min-height: 100%;
  min-height: 22px;
  display: flex;
}
.filterCount {
  background: #fff;
  border-radius: 50px;
  padding: 0px 6px;
  margin-left: 8px;
}
.filterCount > p {
  font-weight: 800;
}
.MuiPopover-root .MuiPopover-paper .MuiMenu-list:has(input[type=checkbox]) .MuiMenuItem-root {
  padding: 0 12px 0 0;
}
.MuiPopover-root .MuiPopover-paper {
  border-radius: 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 2px;
}
.filterValue-container .MuiInputBase-root {
  border-radius: 4px;
}
.filterArea .select-wrapper .select-lg .MuiSelect-select[aria-expanded=true] {
  border-radius: 10px;
}
.filterArea .select-wrapper .select-lg fieldset {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.MuiInputBase-root.MuiOutlinedInput-root:has(.MuiSelect-select[aria-expanded=true]) {
  border-radius: 10px;
}
.MuiInputBase-root.MuiOutlinedInput-root:has(.MuiSelect-select[aria-expanded=true]).Mui-focused .MuiOutlinedInput-notchedOutline {
  border-width: 2px;
  border-color: #1379ce;
}
.MuiInputBase-root.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-width: 2px;
}
.MuiInputBase-root.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.MuiInputBase-root.MuiOutlinedInput-root:has(.MuiSelect-select[aria-expanded=true]).Mui-focused .MuiOutlinedInput-notchedOutline {
  transition: all 0.25s;
}
.maddi-wrapper.float .ChatWindowTitle .MuiSelect-select {
  color: #333;
}
.tag-new {
  font-size: 0.85rem;
  display: flex;
  height: 100%;
  padding-right: 8px;
  color: #3fbf02;
}
.MuiDialog-container .gridTable .dataTable .tableRow .cell-stacked .stack-primary,
.gridArea .gridTable .dataTable .tableRow .cell-stacked .stack-primary {
  align-items: center;
}
.MuiInputBase-root.required .MuiOutlinedInput-notchedOutline,
.MuiInputBase-root.required.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.MuiInputBase-root.required.MuiOutlinedInput-root:has(.MuiSelect-select[aria-expanded=true]).Mui-focused .MuiOutlinedInput-notchedOutline {
  border-left: 3px solid #b30838;
}
.nav-secondary-container .MuiBadge-root .MuiBadge-badge {
  pointer-events: none;
}
#root .nav-wrapper .nav-primary-container .nav-primary .treeItemNav {
  width: unset;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav {
  width: 100%;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav:before,
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav > .MuiTreeItem-content:before {
  font-size: 1.3rem;
  /* opacity:0.25;
  transition:opacity 0.15s;*/
}
/* nav icon opacity experimental - begin */
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav:before,
body:has(#toggle-nav-collapse:checked) .nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav > .MuiTreeItem-content:before {
  opacity: 1;
}
#root .nav-wrapper .nav-primary-container .has-submenu:hover .treeItemNav > .MuiTreeItem-content:before {
  opacity: 1;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]):has(.MuiTreeItem-group) .treeItemNav > .MuiTreeItem-content:before {
  opacity: 1;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav:hover:before {
  opacity: 1;
  transition: opacity 0.15s;
}
/* nav icon opacity experimental - end */
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .treeItemNav .MuiTreeItem-content .MuiTreeItem-label {
  padding: 0 0 0 30px;
}
.has-submenu {
  transition: background 0.15s;
}
#root.nav-vertical .nav-wrapper .nav-primary-container .nav-primary .has-submenu:has(.treeItemNav[aria-expanded=true]):has(.MuiTreeItem-group) {
  transition: background 0.15s;
}
body:has(input#toggle-app-switcher:not(:checked)) #root .content-wrapper:after {
  height: calc(100vh - 65px);
}
body:has(input#toggle-app-switcher:checked) #root .content-wrapper:after {
  height: calc(100vh - 65px);
}
.MuiDialog-container .gridTable .dataTable .tableRow.Mui-selected:after {
  content: "v";
  position: absolute;
  right: 0;
  display: flex;
  height: 100%;
  align-items: center;
  width: 30px;
  font-family: "viglobal";
  color: #1379ce;
  font-size: 1.2rem;
  font-weight: bold;
  top: -1px;
}
.MuiDialog-container .gridTable .dataTable .tableRow {
  position: relative;
}
.panel-default.main {
  min-height: fit-content;
}
.panel-default.main .gridArea .gridTable .dataTable {
  padding-bottom: 0;
}
.content-container:after {
  content: "";
  min-height: 4px;
}
.admin-content-container > .gridArea > .controls-wrapper {
  padding: 0 0 8px 0;
}
.controls-wrapper {
  display: flex;
}
button[class*=btn-].small {
  min-height: 28px;
  padding: 4px 16px;
}
/*
.css-1e6y48t-MuiButtonBase-root-MuiButton-root {
    min-width: 25px !important;
}
*/
header.header-wrapper .toolbar {
  min-height: 56px;
}
@media (min-width: 600px) {
  header.header-wrapper .toolbar {
    min-height: 56px;
  }
}
/* TEMPORARY for flyout right and other fixes */
header.header-wrapper .toolbar .logo-wrapper .logo-mark:before {
  font-size: 3rem;
}
header.header-wrapper .toolbar .logo-wrapper .logo-text:before {
  width: 200px;
  height: 56px;
}
.content-wrapper .content-container {
  padding: 0;
  position: relative !important;
  top: 0;
  left: 0;
  overflow: auto;
  height: 100%;
}
.content-wrapper {
  scrollbar-gutter: auto;
  gap: 0;
  overflow: unset;
}
.titleBar {
  z-index: 1;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
}
.content-body {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 25px;
  box-sizing: border-box;
  height: 100%;
}
.flyout-right-cover:has(.flyout-right.dockable) {
  /* 64px = width of flyout - variable */
  width: calc(100% - 64px);
  align-self: flex-start;
  padding-right: 15px;
}
.flyout-right.dockable:has(input.toggle-flyout:checked) {
  transform: translateX(0);
}
.flyout-right.dockable:not(:has(input.toggle-flyout:checked)) {
  width: 56px;
  width: 64px;
  transform: none;
}
.flyout-right.dockable:not(:has(input.toggle-flyout:checked)) .flyout-body,
.flyout-right.dockable:not(:has(input.toggle-flyout:checked)) .flyout-footer,
.flyout-right.dockable:not(:has(input.toggle-flyout:checked)) .flyout-header .header-container .description {
  display: none;
}
.flyout-right.dockable:not(:has(input.toggle-flyout:checked)) .flyout-header {
  transform: rotate(-90deg);
  transition: none;
  transform-origin: top left;
  transform-origin: top right;
  top: 0;
  right: 9px;
  justify-content: flex-end;
  align-items: center;
}
.flyout-right.dockable:not(:has(input.toggle-flyout:checked)) .flyout-header .header-container {
  padding-left: 35px;
  transform: rotate(-180deg);
  padding-right: 35px;
  transition: none;
}
.flyout-right.dockable:not(:has(input.toggle-flyout:checked)) .flyout-container .flyout-header .toggle-right {
  z-index: 1;
  right: 0;
}
.flyout-right.dockable:not(:has(input.toggle-flyout:checked)) .flyout-container .flyout-header .toggle-right:before {
  transform: rotate(-90deg);
}
.flyout-container .flyout-header .header-container .name {
  min-width: fit-content;
  white-space: nowrap;
  font-weight: 500;
}
.flyout-right .flyout-container .flyout-header {
  transition: none;
  align-items: flex-start;
}
.flyout-right .flyout-container .flyout-header .toggle-right {
  z-index: 1;
  right: -1px;
}
.flyout-right .flyout-container {
  transition: none;
  scrollbar-gutter: stable;
  padding: 20px 10px 0 20px;
  gap: 20px;
  padding: 20px 20px 0;
}
.flyout-right.dockable:has(input.toggle-flyout:checked) .flyout-container .flyout-header .toggle-right:before {
  transform: rotate(0);
}
.flyout-right.dockable:has(input.toggle-flyout:checked) .flyout-container {
  padding-right: 5px;
}
.flyout-right.dockable:has(input.toggle-flyout:checked) .flyout-container .flyout-header .header-container:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -20px;
  width: 50px;
  height: 35px;
  background: #fff;
  z-index: 0;
}
.flyout-right .flyout-container .flyout-header input.toggle-flyout {
  position: relative;
  width: 36px;
  height: 100%;
  outline: none;
  appearance: none;
  background-color: transparent;
  border-radius: 6px;
  pointer-events: all;
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.content-container:after {
  display: none;
}
body:has(input#toggle-app-switcher:not(:checked)) #root .content-wrapper:after {
  height: calc(100vh - 56px);
}
.content-wrapper .content-container .content-body:after {
  content: "";
  width: 100%;
  min-height: 10px;
  display: block;
}
.MuiDialog-container .gridTable .dataTable,
.gridArea .gridTable .dataTable {
  padding-bottom: 0;
}
.flyout-body .filterArea .select-wrapper,
.filterArea.flyout .select-wrapper {
  min-width: 100%;
  max-width: none;
  max-height: none;
  height: auto;
}
.flyout-body .filterArea .athena-daterangepicker.MuiPaper-root,
.filterArea.flyout .athena-daterangepicker.MuiPaper-root {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.flyout-body .filterArea .athena-daterangepicker.MuiPaper-root > .MuiPaper-root,
.filterArea.flyout .athena-daterangepicker.MuiPaper-root > .MuiPaper-root {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.flyout-body .filterArea .athena-datepicker .MuiInputBase-root,
.filterArea.flyout .athena-datepicker .MuiInputBase-root {
  border-radius: 10px;
  height: 38px;
}
.flyout-body .filterArea,
.filterArea.flyout {
  gap: 20px;
}
.flyout-footer {
  position: sticky;
  position: fixed;
  bottom: 0;
  display: flex;
  width: calc(100% + 40px);
  gap: 12px;
  width: calc(100% + 15px);
  width: 100%;
  justify-content: space-between;
  /* max-width: 100%; */
  margin-left: -20px;
  padding: 12px 20px;
  background: #fff;
  z-index: 1;
  box-shadow: 0 -15px 30px rgba(0, 0, 0, 0.08);
}
.flyout-body {
  padding-bottom: 70px;
}
.flyout-footer .left,
.flyout-footer .right {
  display: flex;
  gap: 12px;
  align-items: center;
}
.flyout-container .flyout-header .header-container .description {
  font-size: 0.75rem;
}
.flyout-container .flyout-header .header-container {
  text-align: left;
}
.content-container::-webkit-scrollbar-thumb {
  border: 4px solid #f1f1f1;
}
.flyout-right .flyout-container::-webkit-scrollbar-track {
  margin-top: 5px;
  margin-bottom: 75px;
}
/* Truncated TitleBar */
.titleBar.truncated {
  height: 48px;
  transition: all 0.15s;
}
.titleBar.truncated .breadcrumb-wrapper {
  height: 0;
  transition: all 0.15s;
  opacity: 0;
}
.titleBar .breadcrumb-wrapper {
  height: 18px;
  opacity: 1;
  overflow: hidden;
  transition: all 0.15s;
}
.titleBar.truncated .pageTitle {
  transform: scale(0.75);
  transform-origin: left center;
  transition: all 0.15s;
}
.titleBar .pageTitle {
  transition: all 0.15s;
  transform-origin: left center;
}
.titleBar {
  transition: all 0.15s;
  height: 75px;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
html {
  font-size: 14px;
  color: #000;
}
body {
  padding: 0;
  margin: 0;
}
* {
  margin: 0;
  padding: 0;
  font-family: "Roboto";
}
#root {
  height: 100vh;
  width: 100vw;
  margin: 0 auto;
  text-align: center;
}
::-webkit-scrollbar {
  width: 5px;
  /* for vertical scrollbars */
  height: 5px;
  /* for horizontal scrollbars */
}
::-webkit-scrollbar-track {
  background-color: #102032;
}
::-webkit-scrollbar-thumb {
  background-color: #6f848a;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.btn-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  cursor: pointer;
}
.btn-md {
  max-height: 38px;
  min-height: 38px;
}
.btn-primary {
  display: inline-flex;
  justify-content: center;
  border: none;
  border-radius: 50px;
  align-items: center;
  font-size: 1rem;
  height: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.btn-secondary {
  color: #333;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #333;
  background: transparent;
}
.btn-tertiary {
  color: #1379ce !important;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #1379ce !important;
  background: transparent !important;
}
.btn-minimal {
  color: #333;
  width: 10px !important;
  border-radius: 0px !important;
  border: 0px solid #333 !important;
  background: transparent !important;
  min-width: 20px !important;
}
button[class*=btn-] {
  cursor: pointer;
  text-transform: none;
  font-weight: 500;
  transition: all 0.15s;
  min-height: 38px;
  padding: 4px 25px;
}
button[class*=btn-]:focus, button[class*=btn-]:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(-1px);
  transition: all 0.15s;
}
button[class*=btn-]:focus .MuiTouchRipple-root, button[class*=btn-]:hover .MuiTouchRipple-root {
  display: none;
}
.MuiButtonBase-root.MuiButton-root {
  color: white;
  background-color: #3fbf02;
  border: 1px solid #3fbf02;
  width: fit-content;
  border-radius: 30px;
  min-width: 80px;
}
.MuiButtonBase-root.MuiButton-root.btn-primary {
  display: inline-flex;
  justify-content: center;
  border: none;
  border-radius: 50px;
  align-items: center;
  font-size: 1rem;
  height: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.MuiButtonBase-root.MuiButton-root.btn-primary:hover {
  background-color: #3fbf02;
  border-color: #3fbf02;
}
.MuiButtonBase-root.MuiButton-root.btn-secondary {
  color: #333;
  width: fit-content;
  border-radius: 30px;
  border: 1px solid #333;
  background: transparent;
}
.MuiButtonBase-root.MuiButton-root.btn-negative {
  color: white;
  background-color: #b30838;
  border-color: #b30838;
  width: 100px;
  border-radius: 30px;
}
.MuiButtonBase-root.MuiButton-root.btn-negative:hover {
  background-color: #b30838;
  border-color: #b30838;
}
.MuiButtonBase-root.MuiButton-root.Mui-disabled {
  opacity: 0.3;
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}
.signInButton {
  color: white;
  background-color: #b30838;
}
.signInPage {
  background: radial-gradient(ellipse at -25% 25%, black 40%, #b30838 70%, yellow 100%);
  min-height: 100vh;
  padding: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: gradient 5.5s ease-in-out infinite;
  animation-direction: alternate;
  background-size: 150% 200%;
  border-radius: 0 !important;
}
.signInPage:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  mask-image: linear-gradient(to bottom, transparent, black);
  background: radial-gradient(ellipse at 0% 100%, #1379ce -15%, #7e35c6 30%, black 100%);
  animation: gradient-mask 5s ease-in-out infinite;
  animation-direction: alternate;
  background-size: 150% 150%;
}
.signInPage:after {
  content: "\e0a6";
  font-family: "viglobal";
  font-size: 70rem;
  position: fixed;
  color: #fff;
  z-index: 0;
  mix-blend-mode: overlay;
  opacity: 0.5;
  right: -300px;
  bottom: -370px;
}
.signInPage .signIn-wrapper {
  display: flex;
  gap: 50px;
  max-width: calc(100vw - 100px);
  min-width: 70vw;
  justify-content: center;
  position: relative;
  z-index: 10;
  align-items: center;
}
.signInPage .signIn-wrapper .welcomeBox {
  padding: initial;
  width: auto;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  max-width: 35vw;
  color: #fff;
  text-align: left;
}
.signInPage .signIn-wrapper .welcomeBox .signInLogo {
  width: 325px;
  height: auto;
  padding-bottom: 20px;
}
.signInPage .signIn-wrapper .welcomeBox .welcomeTitle {
  font-size: 2.2rem;
  font-weight: 600;
  font-family: "Poppins";
  line-height: 3rem;
}
.signInPage .signIn-wrapper .welcomeBox .welcomeContent {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.7rem;
}
.signInPage .signIn-wrapper .signInBox {
  padding: 30px;
  width: initial;
  height: initial;
  border-radius: 15px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
  border-top: 5px solid #b30838;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #fff;
  text-align: left;
}
.signInPage .signIn-wrapper .signInBox .signInHeader {
  font-size: 1.6rem;
  font-weight: 500;
}
.signInPage .app-footer {
  background: #111;
  position: fixed;
  bottom: 0;
  width: 100vw;
  height: 65px;
  z-index: 1;
  box-shadow: 0 -30px 80px rgba(0, 0, 0, 0.35);
  color: #fff;
}
.signInPage .app-footer .logo-mark {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  height: 65px;
  width: 75px;
}
.signInPage .app-footer .logo-mark:before {
  font-size: 2.5rem;
  content: "\e0a6";
  font-family: "viglobal";
}
.signInPage .app-footer .footer-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.signInPage .app-footer .footer-wrapper .footer-container {
  display: flex;
  flex-direction: column;
  font-size: 0.85rem;
  opacity: 0.65;
  line-height: 1.3rem;
  padding-right: 15px;
}
.signInPage .app-footer .footer-wrapper .footer-container [class*=info-] {
  display: flex;
  gap: 30px;
}
.signInPage .app-footer .footer-wrapper .footer-container [class*=info-] .footer-links-wrapper {
  display: flex;
  gap: 30px;
}
.signInPage .app-footer .footer-wrapper .footer-container [class*=info-] .footer-links-wrapper .footer-link {
  position: relative;
  display: flex;
  text-decoration: none;
  color: #fff;
}
.signInPage .app-footer .footer-wrapper .footer-container [class*=info-] .footer-links-wrapper .footer-link:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 10%;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
  height: 80%;
}
@media only screen and (max-width: 1280px) {
  .signInPage .signIn-wrapper {
    min-width: 80vw;
    max-width: 80vw;
  }
  .signInPage .signIn-wrapper .welcomeBox {
    max-width: 100%;
  }
}
@media only screen and (max-width: 980px) {
  .signInPage .signIn-wrapper {
    flex-direction: column;
  }
  .signInPage .signIn-wrapper .welcomeBox {
    max-width: 60vw;
  }
  .signInPage .signIn-wrapper .signInBox {
    max-width: 400px;
    min-width: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .signInPage {
    align-items: flex-start;
  }
  .signInPage:after {
    font-size: 60rem;
    right: -300px;
    bottom: -350px;
  }
  .signInPage .signIn-wrapper {
    gap: 35px;
    padding-top: 25%;
  }
  .signInPage .signIn-wrapper .welcomeBox {
    max-width: calc(100vw - 75px);
    align-items: center;
  }
  .signInPage .signIn-wrapper .welcomeBox .welcomeTitle {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .signInPage .signIn-wrapper .welcomeBox .welcomeContent {
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .signInPage .signIn-wrapper .welcomeBox .signInLogo {
    width: 180px;
  }
  .signInPage .app-footer .footer-wrapper .footer-container {
    padding-right: 0;
  }
  .signInPage .app-footer .footer-wrapper .footer-container [class*=info-] .footer-links-wrapper {
    display: none;
  }
}
@media only screen and (max-width: 580px) {
  .signInPage:after {
    font-size: 50rem;
  }
  .signInPage .signIn-wrapper {
    gap: 25px;
    padding-top: 15%;
  }
  .signInPage .signIn-wrapper .welcomeBox {
    max-width: calc(100vw - 75px);
  }
  .signInPage .signIn-wrapper .welcomeBox .welcomeTitle {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .signInPage .signIn-wrapper .welcomeBox .signInLogo {
    width: 160px;
  }
  .signInPage .signIn-wrapper .signInBox {
    max-width: calc(100vw - 75px);
    min-width: calc(100vw - 75px);
    padding: 20px;
    gap: 15px;
  }
  .signInPage .signIn-wrapper .signInBox .signInHeader {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .signInPage .signIn-wrapper .signInBox .signInMessage {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .signInPage .app-footer .logo-mark {
    width: 55px;
  }
  .signInPage .app-footer .logo-mark:before {
    font-size: 2.1rem;
  }
  .signInPage .app-footer .footer-wrapper .footer-container {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 1280px) {
  .signInPage .signIn-wrapper {
    max-width: 800px;
  }
}.MuiDialogTitle-root + .css-ypiqx9-MuiDialogContent-root {
  padding-top: 10px;
}

.css-ypiqx9-MuiDialogContent-root {
  padding: 10px 12px;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.dialog {
  width: 411px;
  max-height: 257;
  border-radius: 20px;
}
.title {
  font-weight: bold;
}
.item {
  background-color: #f2f2f2;
  color: #000;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  padding: 0 !important;
  padding-left: 10px !important;
  border: 1px solid #dcdcdc;
}.athena-toggle-button-group .MuiToggleButtonGroup-grouped {
  margin: 2px;
  padding: 4px 8px;
  border: 0;
  border-radius: 4px;
  font-weight: bold;
}
.athena-toggle-button-group .MuiToggleButtonGroup-grouped.Mui-disabled {
  border: 0;
}
.athena-toggle-button-group .MuiToggleButtonGroup-grouped .MuiToggleButtonGroup-middleButton, .athena-toggle-button-group .MuiToggleButtonGroup-grouped .MuiToggleButtonGroup-lastButton {
  margin-left: -1px;
  border-left: 1px solid transparent;
}
.athena-toggle-button-group .MuiToggleButton-root {
  border-radius: 4px;
  border: 0;
  text-transform: capitalize;
}
.athena-toggle-button-group .MuiToggleButton-root.Mui-selected {
  background-color: rgb(76, 175, 80);
  color: #fff;
}
.athena-toggle-button-group .MuiToggleButton-root.Mui-selected:hover {
  background-color: rgb(46, 125, 50);
}
.athena-toggle-button-group label {
  font-size: 0.8rem;
  font-weight: bold;
}.MuiDialogTitle-root + .css-ypiqx9-MuiDialogContent-root {
  padding-top: 10px;
}

.css-ypiqx9-MuiDialogContent-root {
  padding: 10px 12px;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.dialog {
  width: 411px;
  max-height: 257;
  border-radius: 20px;
}
.title {
  font-weight: bold;
}
.item {
  background-color: #f2f2f2;
  color: #000;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  padding: 0 !important;
  padding-left: 10px !important;
  border: 1px solid #dcdcdc;
}.athena-datepicker .MuiInputBase-root {
  background: white;
  border-radius: 50px;
}.filterArea:not(.flyout) {
  /*
  .athena-daterangepicker {
      &.MuiPaper-root {
          width: fit-content;
          border-radius: 30px;
          padding: 0 15px;
      }
      & > label {
          z-index: 1;
      }
      .MuiPaper-root {
          display: flex;
          gap: 10px;
          margin-bottom: 9px;
      }
  }
      */
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
.filterStatusBar {
  display: flex;
  gap: 10px;
  vertical-align: middle;
  height: 25px;
  line-height: 25px;
}
.filterStatusBar .btn-negative {
  font-size: 10pt !important;
  padding: 0 !important;
  border-radius: 10px !important;
  width: 80px !important;
}
/*
.filterPanel {
    width: 350px;
    height: calc(100% - 85px);
    background-color: white;
    overflow-x: scroll;
    right: 0;
    top: 80px;
    position: absolute;
    border-left: 1px solid #cdcdcd;

    .container {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        height: calc(100% - 160px);

        .titleRow {
            display: flex;
            padding-bottom: 10px;
            padding-top: 10px;

            .nameAndDescriptionColumn {
                flex: 50%;
                text-align: left;

                .name {
                    font-size: 12pt;
                    font-weight: 600;
                }
                .description {
                    font-size: 10pt;
                }
            }

            .panelButtonColumn {
                flex: 50%;
                text-align: right;

                .panelButton {
                    font-size: 10pt;
                    padding: 0;
                    border-radius: 6px;
                    width: 25px;
                    background-color: #1376c8;
                    min-width: 25px !important;
                    border-color: #136cb5 !important;
                }
            }
        }
    }

    .filter-panel-buttons {
        display: flex;
        gap: 6px;
        position: absolute;
        bottom: 0;
        justify-content: center;
        background-color: white;
        width: 100%;
        padding: 10px;

        .left {
            flex: 50%;
            text-align: left;
        }

        .right {
            flex: 50%;
            text-align: right;

            .menuHeader {
                color: $brand-info;
                text-transform: uppercase;
                font-size: 14px !important;
            }
        }

        .iconButtons {
            cursor: pointer;
            color: $brand-info !important;
            padding-top: 20px;
            padding-right: 10px;
            font-size: 18pt;
        }
    }
}
*/
.flyout-right {
  background: #fff;
  transition: all 0.15s;
  box-shadow: -15px 0 30px rgba(0, 0, 0, 0.05);
}
.flyout-right .flyout-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  gap: 15px;
  position: relative;
  overflow: hidden auto;
}
.flyout-right .flyout-container .flyout-header {
  position: relative;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flyout-right .flyout-container .flyout-header .toggle-right {
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 25px;
  background: #1379ce;
  border-radius: 6px;
  color: #fff;
  right: 0;
}
.flyout-right .flyout-container .flyout-header .toggle-right:before {
  content: "C";
  font-family: "viglobal";
  transform: rotate(-180deg);
  display: flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}
.flyout-right .flyout-container .flyout-header .flyout-heading {
  padding-right: 35px;
  max-width: 100%;
  white-space: nowrap;
}
.flyout-right.dockable .flyout-container .flyout-header .toggle-right:before {
  content: "y";
}
.flyout-right-cover .flyout-right {
  position: relative;
  transform: translateX(350px);
  position: fixed;
  right: 0;
  height: -webkit-fill-available;
  width: 350px;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
body:has(#toggle-filters-collapse:checked) .sticky-filters {
  height: 5px;
  justify-content: center;
}
body:has(#toggle-filters-collapse:checked) .sticky-filters div.filterArea {
  display: none;
}
body:has(#toggle-filters-collapse:checked) .sticky-filters .toggle-filters:before {
  transform: rotate(180deg);
  font-size: 1.3rem;
}
body:has(#toggle-filters-collapse:checked) .filter-button {
  height: 0;
  padding: 0;
}
body:has(#toggle-filters-collapse:checked) .filter-button button {
  display: none;
}/* Begin Variables */
/* Colors */
/* Sizes */
/* This was part of original variable set */
/* Temporary for Dashboard tiles */
/*
.drag-container-no-edit {
  background: rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 15px;
  border-radius: 5px;
}
*/
.drag-container {
  /*
  background: rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-style: dashed;
  border-color: $brand-primary;
  border-width: 1px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 15px;
  border-radius: 5px;

  &:hover {
    border-style: solid;
    .draggable-item-child {
      border-color: $brand-primary;
      border-style: dashed;
      border-radius: 10px;
      &:hover {
        border-style: solid;
        border-color: $brand-primary;
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
      }
      &:has(.draggable-item-child:hover) {
        border-style: dashed;
        box-shadow: none;
      }
    }
  }
  > .controls-bar {
    background: rgba(0, 0, 0, 0.1);
  }
  */
}
.draggable-item-child,
.draggable-item-child-no-edit {
  width: fit-content !important;
}
.react-draggable.dragging {
  opacity: 0.5;
}
.draggable {
  cursor: move;
}
.draggable,
.draggable-item-child-no-edit {
  padding: 1rem;
  background-color: white;
  border: 1px solid black;
  width: fit-content;
}
.draggable.dragging {
  opacity: 0.5;
}
#inner-loading-draggable {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: progress;
}
.quick-action {
  color: #fff;
}
.quick-action.brand-1 {
  background: #8f4576;
}
.quick-action.brand-2 {
  background: #235197;
}
.quick-action.brand-3 {
  background: #db6764;
}
.quick-action.brand-4 {
  background: #765594;
}
.quick-action.brand-5 {
  background: #1a6f73;
}
.quick-action.brand-6 {
  background: #5f88c5;
}
.quick-action.brand-7 {
  background: #ecc472;
}
.quick-action.brand-8 {
  background: #b4a0e5;
}
.quick-action.brand-9 {
  background: #64a8ac;
}
.quick-action.brand-10 {
  background: #cc7cb1;
}
.quick-action.brand-11 {
  background: #13110f;
}
.quick-action .value {
  font-size: 2rem;
  font-weight: 800;
}
.quick-action .value.inline-link:after {
  font-size: 1rem;
  display: flex;
  height: 100%;
  min-height: 100%;
  align-self: center;
  color: #fff;
}
.quick-action .label {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 0.85rem;
}
.quick-action .data-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.panel-item-wrapper {
  min-width: 100%;
  display: flex;
  gap: 15px;
}
.panel-default {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.025);
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.15);
}.layoutTile {
  background: #fff;
  border: none;
  border-radius: 10px;
}