@charset "UTF-8";
/* General Animations */
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
@import url(fontawesome-all.min.css);
.animated {
  animation-duration: 225ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.animated.fadeIn {
  animation-name: fadeIn; }

.animated.fadeOut {
  animation-name: fadeOut; }

.animated.fadeInUp {
  animation-name: fadeInUp; }

.animated.fadeInDown {
  animation-name: fadeInDown; }

.animated.fadeInLeft {
  animation-name: fadeInLeft; }

.animated.fadeInRight {
  animation-name: fadeInRight; }

.animated.fadeOutUp {
  animation-name: fadeOutUp; }

.animated.fadeOutDown {
  animation-name: fadeOutDown; }

.animated.fadeOutLeft {
  animation-name: fadeOutLeft; }

.animated.fadeOutRight {
  animation-name: fadeOutRight; }

@keyframes fadeIn {
  from {
    opacity: 0;
    max-height: 0;
    overflow: hidden; }
  to {
    opacity: 1;
    max-height: 1000px; } }

@keyframes fadeOut {
  from {
    opacity: 1;
    max-height: 1000px; }
  to {
    opacity: 0;
    max-height: 0;
    overflow: hidden; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(20px); } }

/*
    Function to convert base RGB colours to accept an alpha channel.
*/
::selection {
  background-color: #7a8391;
  color: white; }
  @media (prefers-color-scheme: dark) {
    ::selection {
      background-color: #d8dadf;
      color: #17181a; } }

html.isTouch {
  overflow-x: hidden; }
  html.isTouch body.modal-open {
    overflow-y: hidden !important;
    position: fixed; }

body {
  overflow-x: hidden;
  background-color: #e8ecee;
  font-family: "Rubik", sans-serif !important;
  font-size: 0.875rem;
  width: 100%;
  padding: 0; }
  @media (prefers-color-scheme: light) {
    body {
      background-color: #e8ecee;
      color: #4c5c68; } }
  @media (prefers-color-scheme: dark) {
    body {
      background-color: #1d1f22;
      color: #ece7e7; } }

@media (prefers-color-scheme: dark) {
  .e-appointment {
    color: inherit; } }

#scheduled_task_schedule_description {
  color: #000 !important; }

@media only screen and (max-width: 28.9375em) {
  .container {
    padding-right: 0 !important;
    padding-left: 0 !important; } }

.navigation-item {
  padding: 0px 10px 0px !important; }

@media (min-width: 900px) and (max-width: 1600px) {
  .navigation-item {
    padding-left: 0px !important; } }

​
.navigation-item:hover {
  background: #292E32;
  padding-left: 15px !important;
  animation-duration: 1s;
  transition: ease-in; }

.navigation-link {
  font-size: 14px;
  padding: 6px 6px 0px; }

.navigation-icon {
  float: left;
  height: 25px;
  margin-right: 8px; }

#chartjs-tooltip {
  position: absolute;
  background-color: #e8ecee;
  border: 1px solid #5b636c;
  border-radius: 5px; }
  @media (prefers-color-scheme: dark) {
    #chartjs-tooltip {
      background-color: #202225;
      border: 1px solid #5b636c; } }

.secondary-nav-link-text:hover {
  color: #fff;
  opacity: 1; }

.nav-favourite {
  max-width: 80%; }

@media only screen and (min-width: 48em) {
  .e-rule-value {
    position: absolute !important;
    padding-top: 12px !important; } }

.e-rule-value > .wm-custom-rule {
  margin: -12px 0 12px !important; }

.e-rule-value > i {
  top: 8px !important; }
  @media only screen and (min-width: 48em) {
    .e-rule-value > i {
      top: 20px !important; } }

.e-schedule {
  overflow: visible !important; }

.e-rule-sub-filter {
  margin-right: 10px; }

.wm-datatable-filter-container {
  margin-right: -4px !important; }

.scale-up-hover:hover {
  transform: scale(1.2); }

.opacity-50 {
  opacity: .5; }

.wm-disabled {
  filter: opacity(20%); }

.wm-minus-top {
  margin-top: -20px; }

.bg-white {
  border-color: #f7f7f7 !important;
  background-color: white !important;
  color: inherit !important; }
  @media (prefers-color-scheme: light) {
    .bg-white {
      border-color: #f7f7f7 !important;
      background-color: white !important;
      color: #2c2b2e !important; } }
  @media (prefers-color-scheme: dark) {
    .bg-white {
      border-color: #2e3338 !important;
      background-color: #292e32 !important;
      color: white !important; } }

.bg-light {
  background-color: #e5ecee !important; }
  @media (prefers-color-scheme: light) {
    .bg-light {
      background-color: #e5ecee !important; } }
  @media (prefers-color-scheme: dark) {
    .bg-light {
      background-color: #23262a !important; } }

.wm-background-black {
  background-color: #202225 !important; }

@media (prefers-color-scheme: light) {
  .wm-orgchart-card-title {
    color: #fff !important; } }

@media (prefers-color-scheme: light) {
  .wm-orgchart-card-subtitle {
    color: #fff !important; } }

.wm-foreground-black:not(.wm-icon) {
  color: black !important; }

.wm-foreground-black.wm-icon {
  color: black !important; }

.wm-label .wm-tooltip {
  font-size: 15px; }

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1042;
  background: white;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
  @media (prefers-color-scheme: dark) {
    .overlay {
      background: #1d1f22 !important; } }

.top-8 {
  top: 8px !important; }

svg text {
  font-family: "Rubik", sans-serif; }
  @media (prefers-color-scheme: dark) {
    svg text {
      fill: #c0c9d3; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2c2b2e !important;
  font-family: "Rubik", sans-serif;
  font-weight: 400; }
  @media (prefers-color-scheme: light) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: #2c2b2e !important; } }
  @media (prefers-color-scheme: dark) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: #f7f7f8 !important; } }

@media (prefers-color-scheme: dark) {
  hr {
    background-color: #c0c9d3; } }

.modal-body h4 {
  color: #2c2b2e !important; }
  @media (prefers-color-scheme: light) {
    .modal-body h4 {
      color: #2c2b2e !important; } }
  @media (prefers-color-scheme: dark) {
    .modal-body h4 {
      color: #f7f7f8 !important; } }

.modal-body label {
  color: #2c2b2e !important; }
  @media (prefers-color-scheme: light) {
    .modal-body label {
      color: #2c2b2e !important; } }
  @media (prefers-color-scheme: dark) {
    .modal-body label {
      color: #c0c9d3 !important; } }

.wm-title,
.wm-subtitle,
.wm-display-label {
  word-break: break-word;
  color: #2c2b2e !important;
  display: block; }
  @media (prefers-color-scheme: light) {
    .wm-title,
    .wm-subtitle,
    .wm-display-label {
      color: #2c2b2e !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-title,
    .wm-subtitle,
    .wm-display-label {
      color: #f7f7f8 !important; } }

.wm-display-label {
  white-space: pre-line; }

h1 {
  line-height: 48px;
  font-size: 36px; }

h2 {
  line-height: 36px;
  font-size: 24px; }

h3 {
  line-height: 30px;
  font-size: 21px; }

h4 {
  line-height: 22px;
  font-size: 18px; }

h5 {
  line-height: 18px;
  font-size: 16px; }

h6 {
  line-height: 16px;
  font-size: 14px; }

p {
  color: #54667a !important;
  font-weight: 300;
  font-size: 1rem; }
  @media (prefers-color-scheme: light) {
    p {
      color: #54667a !important; } }
  @media (prefers-color-scheme: dark) {
    p {
      color: #dbd0d0 !important; } }

@media only screen and (max-width: 28.9375em) {
  h3.wm-title, h3.wm-subtitle,
  h6.wm-title,
  h6.wm-subtitle,
  div.wm-title,
  div.wm-subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

@media only screen and (max-width: 28.9375em) {
  h3.wm-title {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680)) !important; } }

.wm-bold {
  font-weight: bold; }

.wm-module-title {
  color: #2c2b2e !important;
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
  text-transform: none;
  margin-bottom: 0 !important; }
  @media (prefers-color-scheme: light) {
    .wm-module-title {
      color: #2c2b2e !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-module-title {
      color: #d8dadf !important; } }
  .wm-module-title a {
    color: inherit; }
    .wm-module-title a:hover {
      color: #4f4d53 !important; }
      @media (prefers-color-scheme: light) {
        .wm-module-title a:hover {
          color: #4f4d53 !important; } }
      @media (prefers-color-scheme: dark) {
        .wm-module-title a:hover {
          color: #c7cad1 !important; } }
  @media only screen and (max-width: 28.9375em) {
    .wm-module-title {
      font-size: calc(17px + 6 * ((100vw - 320px) / 680)) !important; } }

@media only screen and (max-width: 28.9375em) {
  .wm-section-title {
    font-size: 16px; } }

.wm-save-item-text > .wm-icon {
  pointer-events: all !important;
  transition: all .2s ease-out;
  float: right;
  position: relative;
  top: 4px;
  left: 2px; }
  .wm-save-item-text > .wm-icon:hover {
    transform: scale(1.1);
    cursor: pointer; }
  @media only screen and (max-width: 47.9375em) {
    .wm-save-item-text > .wm-icon {
      pointer-events: none; } }

@media only screen and (max-width: 61.9375em) {
  .wm-shortcuts-popover, .wm-expand-wide, .wm-indent-pagelayout {
    font-size: 18px; } }

.text-lower-case {
  text-transform: lowercase; }

.only-first-letter-upper-case {
  text-transform: capitalize; }

.typing-indicator-wrapper {
  display: inline-block;
  position: fixed;
  bottom: 85px;
  left: 15px; }

.typing-indicator {
  background-color: #fcfdfd;
  will-change: transform;
  width: auto;
  border-radius: 50px;
  padding: 10px;
  display: table;
  margin: 0 auto;
  position: relative;
  animation: 2s bulge infinite ease-out; }
  .typing-indicator span {
    height: 10px;
    width: 10px;
    float: left;
    margin: 0 1px;
    background-color: #9E9EA1;
    display: block;
    border-radius: 50%;
    opacity: 0.4; }
    .typing-indicator span:nth-of-type(1) {
      animation: 1s blink infinite 0.3333s; }
    .typing-indicator span:nth-of-type(2) {
      animation: 1s blink infinite 0.6666s; }
    .typing-indicator span:nth-of-type(3) {
      animation: 1s blink infinite 0.9999s; }
  @media only screen and (max-width: 28.9375em) {
    .typing-indicator {
      padding: 5px; }
      .typing-indicator span {
        width: 5px;
        height: 5px; } }

.text-primary,
.primary {
  color: #0078d6 !important; }

.text-success,
.success {
  color: #004a9a !important; }

.indicator i.text-success::before {
  color: #004a9a !important; }

.text-warning,
.warning {
  color: #face1f !important; }

a.text-info,
a.info,
.text-info,
.info {
  color: #969da8 !important; }
  a.text-info:hover,
  a.info:hover,
  .text-info:hover,
  .info:hover {
    color: #6b7481 !important; }
  @media (prefers-color-scheme: dark) {
    a.text-info,
    a.info,
    .text-info,
    .info {
      color: #c5c8cc !important; }
      a.text-info:hover,
      a.info:hover,
      .text-info:hover,
      .info:hover {
        color: #dbdcdf !important; } }

.text-danger,
.danger {
  color: #eb1515 !important; }

.text-gray,
.gray {
  color: #5b636c !important; }

.text-black,
.black {
  color: black !important; }
  @media (prefers-color-scheme: dark) {
    .text-black,
    .black {
      color: #c0c9d3 !important; } }

.text-dark,
.dark {
  color: #2e3338 !important; }
  @media (prefers-color-scheme: dark) {
    .text-dark,
    .dark {
      color: #c0c9d3 !important; } }

a.text-dark:hover {
  color: #4a525a; }
  @media (prefers-color-scheme: dark) {
    a.text-dark:hover {
      color: #edf2f3 !important; } }

.text-default,
.default {
  color: #59abdc !important; }

.text-cool,
.cool {
  color: #484e56 !important; }

.text-muted {
  color: #77818d; }

.text-center {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all; }

.wm-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
  fill: #7a8391;
  color: #7a8391; }
  @media (prefers-color-scheme: dark) {
    .wm-icon {
      fill: #bdc1c8;
      color: #bdc1c8; } }
  .wm-icon-extrasmall {
    width: 13px;
    height: 13px;
    font-size: 13px; }
  .wm-icon-medium {
    width: 22px;
    height: 22px;
    font-size: 22px; }
  .wm-icon-large {
    width: 32px;
    height: 32px;
    font-size: 32px; }

.wm-module-title span i.wm-icon {
  color: #54667a; }
  @media (prefers-color-scheme: dark) {
    .wm-module-title span i.wm-icon {
      color: #dbd0d0; } }

.btn .wm-icon {
  color: white;
  display: block;
  margin: auto; }

.icon {
  display: inline-flex;
  align-self: center; }
  .icon.baseline svg,
  .icon .icon img {
    position: relative;
    top: 0.125em; }

.inner-icon {
  position: relative;
  font-size: smaller !important; }

.wm-row-with-bottom-space {
  margin-bottom: 5px !important; }

.wm-module-icon .inner-icon {
  left: -18px !important;
  top: -5px !important; }

.module-content-header .inner-icon {
  left: -18px !important;
  top: -5px !important; }

.navigation-icon .main-left-icon {
  color: #fff;
  font-size: 20px;
  font-weight: 200; }

.navigation-icon .inner-icon {
  color: #fff;
  display: block;
  left: 12px;
  top: -15px !important; }

.hastooltip {
  float: left;
  margin-right: 10px; }

.icon-container {
  width: fit-content !important;
  display: inline-block !important;
  text-align: center; }

.wm-orgchart-card-title {
  color: #fff !important; }

.wm-orgchart-card-subtitle {
  color: #fff !important; }

.modulelink .wm-module-icon {
  width: 60px !important;
  display: inline-flex; }

span.pointer i.wm-icon,
.fa-grip-vertical.wm-grid-row-drag-icon {
  color: #b1bcc9; }

.skill-menu {
  float: right !important;
  margin-right: -10px !important; }

.navigation-item.show-nav-links {
  transition: background-color .5s ease-out; }

.navigation-item.show-nav-links:hover {
  background: #c0c9d3 !important; }
  .navigation-item.show-nav-links:hover .nav-link-text {
    color: #1d1f22;
    font-weight: 300; }
  .navigation-item.show-nav-links:hover .main-left-icon {
    color: #1d1f22;
    font-weight: 300; }
  .navigation-item.show-nav-links:hover .inner-icon {
    color: #1d1f22; }

.wm-text-primary {
  color: #0078d6 !important; }

.wm-text-info {
  color: #0089f5 !important; }

.wm-text-success {
  color: #247c24 !important; }

.wm-text-warning {
  color: #face1f !important; }

.wm-text-danger {
  color: #eb1515 !important; }

.wm-category-count {
  top: 0px !important; }

.badge {
  padding: 3px 10px;
  line-height: 11px;
  margin-bottom: 5px;
  border-radius: 9px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: uppercase;
  font-weight: 600;
  text-transform: none;
  background-color: transparent;
  color: white; }
  .badge-icon {
    padding: 0.4em 0.55em; }
    .badge-icon i {
      font-size: 0.8em; }
  .badge-default {
    background-color: #edf2f3 !important;
    color: #2e3338 !important; }
  .badge-primary {
    background-color: #0078d6; }
  .badge-info {
    background-color: #0089f5; }
  .badge-success {
    background-color: #247c24; }
  .badge-warning {
    background-color: #face1f; }
  .badge-danger {
    background-color: #eb1515; }
  .badge-neutral {
    background-color: white !important;
    color: #2e3338 !important; }
  .badge.status-badge {
    font-weight: 200;
    line-height: 9px; }

.wm-category-count.badge {
  border: 0;
  color: white !important;
  font-weight: 400;
  margin-left: 10px; }

.wm-control .wm-limit-width {
  word-break: break-word !important; }
  .wm-control .wm-limit-width.text-nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: normal !important; }
  .wm-control .wm-limit-width > div {
    width: 100% !important; }

.wm-control .success {
  color: #247c24 !important; }

.wm-limit-width {
  word-break: break-word !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .wm-limit-width.text-nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .wm-limit-width > div {
    width: 100% !important; }

sup.environment-banner {
  left: calc(100%);
  border-radius: 3px !important;
  padding: 3px;
  right: 0;
  font-size: 12px;
  margin-left: 5px; }

@media (prefers-color-scheme: dark) {
  .e-rptviewer-drpdown {
    background-color: #363a40 !important; } }

#wmdisplay_AllocationTypeDescription {
  margin-top: 0 !important; }

.cursor-waiting {
  cursor: wait; }

@media only screen and (max-width: 61.9375em) {
  .nav-link.dropdown-toggle.wm-error-icon {
    position: absolute !important;
    bottom: -36px;
    top: unset;
    right: 0; }
  .wm-page-menu .dropdown.nav-item .navbar-avatars {
    padding-bottom: 10px; } }

.wm-page-badges span {
  white-space: pre !important; }

.wm-datatable-column-drilldown {
  width: 100% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

a,
.wm-datatable-column-drilldown {
  color: #7a8391; }
  a:not(.btn):hover,
  .wm-datatable-column-drilldown:not(.btn):hover {
    color: #afb3b9; }
  @media (prefers-color-scheme: dark) {
    a,
    .wm-datatable-column-drilldown {
      color: #d0d2d6; }
      a:not(.btn):hover,
      .wm-datatable-column-drilldown:not(.btn):hover {
        color: #e5e7e9; } }

.bd-highlight {
  background-color: rgba(51, 53, 59, 0.15);
  border: 1px solid rgba(51, 53, 59, 0.15); }

.list-group-item-action:focus {
  color: inherit; }

.list-group-item-action:hover {
  background-color: white; }

.dropdown-item.active,
.dropdown-item:active {
  background-color: currentColor !important; }

.indicator.text-success .danger {
  color: red !important; }

@media (prefers-color-scheme: dark) {
  .mapcollapser > svg {
    fill: #e5e7e9 !important; } }

@media (prefers-color-scheme: dark) {
  .mapcollapser > i {
    color: #e5e7e9 !important; } }

.iziToast-wrapper p {
  color: #edf2f3 !important; }

#profile_icon > .tab-content > .d-flex,
#user_icon > .tab-content > .d-flex {
  flex-direction: column-reverse !important; }
  #profile_icon > .tab-content > .d-flex > .rowdiv,
  #user_icon > .tab-content > .d-flex > .rowdiv {
    margin: 16px 0 24px !important; }

#avatar-upload .upload-container {
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border: 1px solid #c8c8c8;
  margin-top: 1em;
  outline: none; }
  #avatar-upload .upload-container.dragging {
    outline: 2px dashed #0078d6; }
  @media (prefers-color-scheme: dark) {
    #avatar-upload .upload-container {
      background-color: #1d1f22 !important; } }
  #avatar-upload .upload-container #avatar-uploader-btn {
    transition: all .3s ease-in;
    background-color: #f9fbfb;
    border-color: #eaeaea;
    box-shadow: none;
    color: #333;
    border: 1px solid;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.8572em;
    outline: none;
    padding: 2px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap; }
    #avatar-upload .upload-container #avatar-uploader-btn:hover {
      transform: scale(1.06); }
    @media (prefers-color-scheme: dark) {
      #avatar-upload .upload-container #avatar-uploader-btn {
        background-color: #1d1f22 !important; } }

#avatar-upload #SaveImage {
  width: fit-content; }

#message.alert-danger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  text-align: center;
  background-color: transparent;
  border-color: transparent;
  color: #33353b; }
  @media (prefers-color-scheme: dark) {
    #message.alert-danger {
      color: #eeeff1; } }
  @media only screen and (max-width: 61.9375em) {
    #message.alert-danger {
      font-size: 44px; } }
  @media only screen and (max-width: 47.9375em) {
    #message.alert-danger {
      font-size: 2em;
      width: 100%; } }
  #message.alert-danger .alert-danger-image {
    background: url(/../images/survey/unhappy.png);
    background-size: cover;
    background-position: center;
    margin-top: -260px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px; }
    @media only screen and (max-width: 47.9375em) {
      #message.alert-danger .alert-danger-image {
        width: 160px;
        height: 160px; } }
  #message.alert-danger .wm-icon {
    font-size: 64px; }

@media (prefers-color-scheme: dark) {
  .alert-info {
    background-color: #8aa6c3 !important;
    color: #202124 !important;
    border: #202124 solid 1px;
    white-space: pre-line; } }

.alert.d-flex {
  align-items: center; }
  .alert.d-flex > label {
    margin-bottom: 0 !important; }

.wm-map-marker {
  fill: red;
  width: 30px;
  height: 30px; }

.wm-alert-text-div {
  text-align: left !important;
  line-height: normal !important;
  white-space: normal !important; }

.wm-alert-text {
  white-space: pre-line; }

/*** General Overrides ***/
.e-content-area,
.e-tab.e-js.e-widget,
.e-treeview,
.e-dragedNode,
.e-chkbox-wrap .e-text,
.e-radiobtn-wrap .e-text,
.e-groupbutton,
.e-pivotgrid .e-treeview .e-text,
.e-pivotgrid .e-drag,
.e-pivotgrid .values,
.e-pivotgrid .columns,
.e-pivotgrid .e-rows,
.e-pivotgrid .emptyRows,
.e-input,
.e-uploadbox .e-head-content,
.e-uploadbox.e-dialog .e-titlebar .e-title,
.e-uploadbox .e-uploadbtn,
.e-uploadbox .e-uploadclosebtn,
.e-schedule.e-scheduleouter,
.e-kanban,
.e-dialog.e-dialog-wrap,
.e-atc .e-in-wrap,
.e-atc .e-input,
.e-atc-popup,
.e-atc .e-options,
.e-ddl .e-input,
.e-ddl .e-input[readonly],
.e-ddl-popup,
.e-ddl .e-options,
.e-uploadbox .e-inputbtn,
.e-uploadbox .e-file-name-txt,
.e-toolbar .e-tbar-btn .e-tbar-btn-text {
  font-family: "Rubik", sans-serif; }

select,
textarea.wm-codemirror,
.form-control,
.e-dashboardviewer,
.e-upload,
.e-icons.e-frame,
.e-input-group.wm-control-class.e-date-wrapper,
.e-input-group.wm-control-class.e-date-range-wrapper,
.e-control.e-schedule.e-lib.e-keyboard,
.e-input-group.e-control-wrapper.wm-control-class,
.e-control-wrapper.e-numeric.e-input-group,
.e-ddl.e-input-group .e-input-group-icon,
.e-ddl.e-input-group .e-input-group-btn button,
.e-ddl.e-input-group,
.e-ddl.e-input-group.e-input-focus:focus,
.e-multiselect.e-input-group.e-control-wrapper,
.e-ddl.e-popup.e-multi-select-list-wrapper.e-lib.e-control.e-popup-open,
#tag-maintain-multiselect,
.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
#GanttScheduleMode,
#GanttHolidayToggle,
.wm-text-area-input.form-control:focus {
  border-radius: 0.5rem !important; }
  @media (prefers-color-scheme: dark) {
    select,
    textarea.wm-codemirror,
    .form-control,
    .e-dashboardviewer,
    .e-upload,
    .e-icons.e-frame,
    .e-input-group.wm-control-class.e-date-wrapper,
    .e-input-group.wm-control-class.e-date-range-wrapper,
    .e-control.e-schedule.e-lib.e-keyboard,
    .e-input-group.e-control-wrapper.wm-control-class,
    .e-control-wrapper.e-numeric.e-input-group,
    .e-ddl.e-input-group .e-input-group-icon,
    .e-ddl.e-input-group .e-input-group-btn button,
    .e-ddl.e-input-group,
    .e-ddl.e-input-group.e-input-focus:focus,
    .e-multiselect.e-input-group.e-control-wrapper,
    .e-ddl.e-popup.e-multi-select-list-wrapper.e-lib.e-control.e-popup-open,
    #tag-maintain-multiselect,
    .form-control-sm,
    .input-group-sm > .form-control,
    .input-group-sm > .input-group-prepend > .input-group-text,
    .input-group-sm > .input-group-append > .input-group-text,
    #GanttScheduleMode,
    #GanttHolidayToggle,
    .wm-text-area-input.form-control:focus {
      background-color: #363a40 !important;
      color: #edf2f3 !important; }
      select::placeholder,
      textarea.wm-codemirror::placeholder,
      .form-control::placeholder,
      .e-dashboardviewer::placeholder,
      .e-upload::placeholder,
      .e-icons.e-frame::placeholder,
      .e-input-group.wm-control-class.e-date-wrapper::placeholder,
      .e-input-group.wm-control-class.e-date-range-wrapper::placeholder,
      .e-control.e-schedule.e-lib.e-keyboard::placeholder,
      .e-input-group.e-control-wrapper.wm-control-class::placeholder,
      .e-control-wrapper.e-numeric.e-input-group::placeholder,
      .e-ddl.e-input-group .e-input-group-icon::placeholder,
      .e-ddl.e-input-group .e-input-group-btn button::placeholder,
      .e-ddl.e-input-group::placeholder,
      .e-ddl.e-input-group.e-input-focus:focus::placeholder,
      .e-multiselect.e-input-group.e-control-wrapper::placeholder,
      .e-ddl.e-popup.e-multi-select-list-wrapper.e-lib.e-control.e-popup-open::placeholder,
      #tag-maintain-multiselect::placeholder,
      .form-control-sm::placeholder,
      .input-group-sm > .form-control::placeholder,
      .input-group-sm > .input-group-prepend > .input-group-text::placeholder,
      .input-group-sm > .input-group-append > .input-group-text::placeholder,
      #GanttScheduleMode::placeholder,
      #GanttHolidayToggle::placeholder,
      .wm-text-area-input.form-control:focus::placeholder {
        color: white !important; } }

.e-in-wrap,
.wm-text-area-input.form-control,
.e-numeric .e-select,
.e-currency .e-select,
.e-atc .e-select,
.e-datewidget .e-select,
.e-datewidget.e-rtl .e-select {
  border: 1px solid #edf2f3 !important; }
  @media (prefers-color-scheme: dark) {
    .e-in-wrap,
    .wm-text-area-input.form-control,
    .e-numeric .e-select,
    .e-currency .e-select,
    .e-atc .e-select,
    .e-datewidget .e-select,
    .e-datewidget.e-rtl .e-select {
      border: 1px solid #292e32 !important; } }

.wm-text-area-input.form-control:focus,
.e-mask.e-widget.wm-control-class.e-focus .e-box,
.e-atc.e-widget.wm-control-class.e-focus .e-in-wrap.e-box,
.e-widget.e-pinch.e-currency.wm-control-class.e-focus .e-in-wrap.e-box,
.e-widget.e-pinch.e-numeric.wm-control-class.e-focus .e-in-wrap.e-box,
.e-ddl.e-widget.e-focus.e-popactive .e-in-wrap.e-box,
.e-datewidget.e-focus .e-in-wrap.e-box,
.e-datetime-wrap.e-focus .e-in-wrap.e-box,
.e-daterangewidget.e-focus .e-in-wrap.e-box {
  box-shadow: none !important;
  border: 1px solid #77818d !important; }
  @media (prefers-color-scheme: dark) {
    .wm-text-area-input.form-control:focus,
    .e-mask.e-widget.wm-control-class.e-focus .e-box,
    .e-atc.e-widget.wm-control-class.e-focus .e-in-wrap.e-box,
    .e-widget.e-pinch.e-currency.wm-control-class.e-focus .e-in-wrap.e-box,
    .e-widget.e-pinch.e-numeric.wm-control-class.e-focus .e-in-wrap.e-box,
    .e-ddl.e-widget.e-focus.e-popactive .e-in-wrap.e-box,
    .e-datewidget.e-focus .e-in-wrap.e-box,
    .e-datetime-wrap.e-focus .e-in-wrap.e-box,
    .e-daterangewidget.e-focus .e-in-wrap.e-box {
      border: 1px solid #292e32 !important; } }

/*this for EJ2 disabled input fields*/
.e-input-group,
.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
  border: 1px solid #c0c9d3 !important; }
  @media (prefers-color-scheme: dark) {
    .e-input-group,
    .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
    .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
    .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
    .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
      border: 1px solid #292e32 !important; } }

#task .row.wm-row > .wm-section,
#componentmassreplace .row.wm-row > .wm-section,
#component .row.wm-row > .wm-section,
#structureversion .row.wm-row > .wm-section,
#appointment .row.wm-row > .wm-section,
#datasubjectrightsrequest .row.wm-row > .wm-section,
#activitycentre .row.wm-row > .wm-section,
#process .row.wm-row > .wm-section,
#preset_text .row.wm-row > .wm-section,
#component_view .row.wm-row > .wm-section,
#quickdeposit .row.wm-row > .wm-section,
#carrierservice .row.wm-row > .wm-section,
#classification .row.wm-row > .wm-section,
#quickpayment .row.wm-row > .wm-section,
#inventorycountadditems .row.wm-row > .wm-section,
#inventorycountpostmaintain .row.wm-row > .wm-section,
#report_print .row.wm-row > .wm-section,
#email_message_view .row.wm-row > .wm-section {
  padding: 0 1rem !important; }

.e-numeric .e-input,
.e-percent .e-input,
.e-currency .e-input,
.e-mask .e-input,
.e-numeric .e-input,
.e-percent .e-input,
.e-currency .e-input,
.e-mask .e-input,
.e-ddl .e-input,
.e-ddl .e-input[readonly],
.e-ddl-popup,
.e-ddl .e-options,
.e-datewidget .e-input,
.e-atc .e-in-wrap,
.e-atc .e-input,
.e-atc-popup,
.e-atc .e-options {
  color: #596069; }

.e-upload.e-control-wrapper {
  margin-bottom: 12px; }

input.e-input:not(.e-dropdownbase) {
  padding-left: 6px !important; }

.e-input-group .e-input.e-placeholder,
.e-ddl .e-input.e-watermark {
  font-style: normal !important; }

.e-input,
input[type="text"].e-input,
.e-input.e-placeholder,
.e-ddl.e-widget .e-ul.e-boxes {
  box-shadow: none; }

.e-dialog-scroller.e-scroller.e-js.e-widget.e-dialog-bottom,
.e-uploaddialog.e-dialog.e-js.e-widget-content.e-box.e-tooltip {
  width: 99.5% !important; }

.e-control {
  font-size: 0.875rem !important; }

.wm-section-header input.e-input {
  height: 40px !important;
  padding: 4px 8px !important; }

/**
    Form
**/
.form-horizontal .wm-layout-table {
  margin-left: 0px;
  margin-right: 0px; }

.form-control:focus {
  box-shadow: 0 0 0 0.125rem rgba(122, 131, 145, 0.25) !important;
  border-color: #afb3b9 !important; }

.form-inline {
  justify-content: space-between; }
  .form-inline .no-label {
    justify-content: flex-end; }

.form-group label {
  margin-top: 0; }

.form-group .wm-inline-search-add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem !important;
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 0; }
  .form-group .wm-inline-search-add-btn i {
    font-size: 1.2rem; }

.modal .wm-core-audit .wm-form-row .row {
  margin-left: 0;
  margin-right: 0; }

.modal .wm-core-audit .wm-form-row .col-sm-12 {
  padding-left: 0;
  padding-right: 0; }

.modal .wm-core-audit .wm-form-row .form-group {
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: #edf2f7; }
  @media (prefers-color-scheme: dark) {
    .modal .wm-core-audit .wm-form-row .form-group {
      background: #1c1f22; } }
  .modal .wm-core-audit .wm-form-row .form-group .wm-label {
    color: #4a5568 !important; }
    .modal .wm-core-audit .wm-form-row .form-group .wm-label + .wm-control .wm-display-label {
      color: #718096 !important; }
    @media (prefers-color-scheme: dark) {
      .modal .wm-core-audit .wm-form-row .form-group .wm-label {
        color: #aebac6 !important; }
        .modal .wm-core-audit .wm-form-row .form-group .wm-label + .wm-control .wm-display-label {
          color: #edf2f7 !important; } }

.wm-document-upload-container .form-group {
  grid-template-columns: auto; }

.e-kanban .e-kanbancontent {
  padding: 8px 0; }

.e-ddl.e-focus .e-in-wrap, .e-numeric.e-focus .e-in-wrap, .e-percent.e-focus .e-in-wrap, .e-currency.e-focus .e-in-wrap, .e-mask.e-focus .e-in-wrap {
  box-shadow: none; }

.e-numeric .e-spin-up, .e-numeric .e-spin-down, .e-percent .e-spin-up, .e-percent .e-spin-down, .e-currency .e-spin-up, .e-currency .e-spin-down {
  width: unset;
  height: unset; }

.e-numeric .e-in-wrap, .e-percent .e-in-wrap, .e-currency .e-in-wrap, .e-mask .e-in-wrap {
  border-color: #edf2f3; }

.e-uploadbox .e-file-head {
  font-size: 17px;
  font-weight: 300; }
  .e-uploadbox .e-file-head.e-head-status {
    text-indent: 10px; }

.e-uploadbox .e-file-name-txt {
  font-weight: 300; }

.e-uploadbox .e-file-progress-status {
  background-color: #7a8391 !important;
  border: 0 !important; }

@media only screen and (max-width: 47.9375em) {
  .e-uploadbox .e-file-progress-bar {
    margin: 0; } }

.e-uploadbox .e-file-list .e-file-percentage {
  width: 100px;
  padding: 14px 0 0 8px; }

.e-uploadbox .e-file-list .e-checkmark {
  background-color: #247c24; }

.e-uploadbox.e-dialog .e-header {
  border-bottom-color: #7a8391 !important;
  height: 40px;
  font-weight: 400; }

.e-uploadbox .e-head-content {
  height: 50px; }

.e-uploadbox .e-icon.e-file-cancel::before, .e-uploadbox .e-icon.e-delete::before, .e-uploadbox .e-icon.e-reload::before {
  font-size: 10px; }

.e-uploadbox .e-action-perform {
  width: 21px;
  height: 22px;
  margin-top: 9px;
  margin-left: 15px; }

.e-uploadbox .e-action-container {
  margin: 0 10px 10px 15px !important; }

.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover, .e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
  background: none; }

.e-uploadbox.e-widget .e-selectpart.e-select {
  display: block;
  margin: 0 auto;
  box-shadow: none;
  width: 70px; }

.e-uploadbox.e-js.e-widget.wm-control-class.wm-uploader {
  padding-bottom: 25px; }

.e-uploadbox .e-uploadclosebtn {
  width: 65px;
  height: 35px;
  margin-left: 0px; }

.e-uploadbox .e-head-name, .e-uploadbox .e-head-status, .e-uploadbox .e-file-progress {
  width: 90px; }

.e-upload-box.e-drag-wrapper {
  border: 2px dashed #c0c9d3;
  border-radius: 3px; }

.e-upload-box .e-drag-text {
  padding: 50px 50px 20px 50px;
  font-weight: normal;
  color: #c0c9d3; }

.e-uploaddialog.e-dialog .e-ul .e-action-perform .e-icon {
  margin-top: 9px; }

.e-dialog > .e-titlebar {
  box-shadow: none; }

.e-dialog.e-widget.e-box.e-uploadbox.wm-control-class.e-dialog-wrap.e-shadow {
  box-shadow: none; }

.e-dialog.e-widget.e-box.e-uploadbox.wm-control-class.wm-uploader.e-dialog-wrap.e-shadow.e-corner {
  width: 100% !important; }

.e-icon.e-search::before {
  content: "\e63b"; }

.e-icon.e-datetimecalendar::before, .e-icon.e-datetime::before, .e-icon.e-calendar::before, .e-icon.e-searchfind::before, .e-icon.e-search::before {
  color: #5f6872; }

.e-atc-popup > div > ul {
  width: 100% !important; }
  .e-atc-popup > div > ul > li {
    clear: both;
    cursor: pointer; }

.e-atc-popup .e-hover {
  background: #edf2f3; }

.e-atc-popup > .e-content {
  height: auto !important; }

.e-atc-popup ul li {
  padding: 4px 5px 5px 5px; }

.e-toolbar {
  border: none !important;
  background: none !important; }
  .e-toolbar .e-toolbar-items {
    background: none !important; }
    @media (prefers-color-scheme: dark) {
      .e-toolbar .e-toolbar-items {
        background: none !important; } }
  .e-toolbar > .e-horizontal .e-active,
  .e-toolbar > .e-vertical > .e-active {
    border: 0;
    background: #666f7c; }
  .e-toolbar.e-toolbarspan {
    box-shadow: none;
    border-bottom: 2px solid #666f7c; }

.e-daterangewidget {
  width: 220px; }

.e-datetimepicker {
  overflow: hidden !important; }

.e-date-wrapper {
  width: fit-content !important; }

.e-autocomplete.e-js.e-input.e-disable:hover {
  cursor: not-allowed; }

@media only screen and (max-width: 47.9375em) {
  .e-mobile-upload.e-uploadbox.e-dialog .e-file-percentage {
    width: 125px; } }

@media only screen and (max-width: 47.9375em) {
  .e-mobile-upload.e-uploadbox.e-dialog .e-ul .e-action-perform .e-icon {
    margin-top: 4px; } }

@media only screen and (max-width: 47.9375em) {
  .e-mobile-upload.e-uploadbox.e-dialog .e-titlebar .e-title {
    font-size: 16px; } }

@media only screen and (max-width: 47.9375em) {
  .e-mobile-upload.e-uploadbox .e-icon.e-close::before {
    font-size: 16px; } }

@media only screen and (max-width: 47.9375em) {
  .e-mobile-upload.e-uploadbox .e-icon.e-file-cancel::before {
    font-size: 9px; } }

@media only screen and (max-width: 47.9375em) {
  .e-mobile-upload.e-uploadbox .e-ul > li {
    padding-top: 10px; } }

.e-chkbox-wrap .e-chkbox-small > span {
  width: 1.1rem;
  height: 1.1rem;
  display: block;
  font-size: 65%; }

.e-chkbox-wrap .e-chkbox-small .e-stop, .e-chkbox-wrap .e-chkbox-small .e-checkmark {
  border-radius: .25rem;
  font-size: 15px;
  line-height: 19px; }

.e-chkbox-wrap .e-chk-image.e-stop, .e-chkbox-wrap .e-chk-image.e-checkmark {
  transition: all 0.3s ease;
  background: #7a8391;
  color: white; }

.e-chkbox-wrap div > span {
  border: 0;
  background: #c0c9d3; }
  .e-chkbox-wrap div > span.e-chk-act {
    border: 0; }

.e-chkbox-wrap.e-focus div > span {
  box-shadow: 0 0 0 0.075rem white, 0 0 0 0.2rem #7a8391; }

.e-chkbox-wrap.e-disable div > span {
  background: #77818d; }
  .e-chkbox-wrap.e-disable div > span:hover {
    cursor: not-allowed; }

.e-dashboardviewer.e-js > .e-dashboardWrapper {
  padding: 4px 8px !important; }
  @media only screen and (max-width: 47.9375em) {
    .e-dashboardviewer.e-js > .e-dashboardWrapper {
      overflow-y: visible !important;
      padding: 0 !important; } }

.e-scrollbar.e-js.e-widget.e-vscrollbar {
  display: none !important; }

.e-tbar-btn.e-tbtn-txt.e-control.e-btn.e-lib:active {
  background-color: #e6e8ea !important; }

.wm-upload-btn .e-uploadbox.e-js {
  height: 40px !important; }

.wm-uploaded-attachment-label .wm-display-label {
  margin-top: 7px;
  font-size: 12px;
  color: inherit; }

.wm-email-message-attachment-card-container .wm-card-header {
  font-size: 0.85rem; }

.wm-display-copy-action i {
  transition: all .2s ease-in-out !important;
  font-size: 19px; }
  .wm-display-copy-action i:hover {
    transform: scale(1.1) !important;
    cursor: pointer;
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-display-copy-action i:hover {
        color: #afb3b9 !important; } }

.wm-delete-profilepic-btn {
  position: relative;
  top: 10px;
  left: 8px; }

.wm-inline-detail {
  margin-bottom: 0; }

.wm-inline-search-inner {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.wm-inline-search-image {
  display: inline-block;
  vertical-align: middle; }

.wm-inline-search-load-more {
  display: none; }

.wm-inline-suggestions {
  margin: 4px 8px;
  font-size: 0.9em;
  color: #c0c9d3;
  text-transform: uppercase; }

.wm-inline-suggestion-note {
  margin: 4px 8px;
  font-size: 0.9em;
  color: #c0c9d3;
  font-style: italic; }

.wm-layout-table {
  display: table;
  width: 100%; }
  .wm-layout-table .wm-layout-table-control {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle; }
    .wm-layout-table .wm-layout-table-control:nth-child(1) {
      padding-left: 0px; }

.wm-web-action-dropdown.dropdown-menu .wm-web-action-dropdown.dropdown-menu {
  border-bottom: 1px solid #edf2f3;
  border-radius: 0;
  width: 100%; }

.wm-web-action-dropdown.dropdown-menu .wm-web-action-disabled {
  color: #c0c9d3 !important; }
  .wm-web-action-dropdown.dropdown-menu .wm-web-action-disabled:hover {
    cursor: not-allowed; }

.wm-web-action-dropdown.dropdown-menu li {
  padding: 0.25rem 1.5rem; }
  .wm-web-action-dropdown.dropdown-menu li a {
    color: #1a1a1a; }
  .wm-web-action-dropdown.dropdown-menu li:hover {
    background-color: #f8f9fa; }
    .wm-web-action-dropdown.dropdown-menu li:hover a {
      text-decoration: none; }

.wm-web-action-divider.dropdown-divider {
  margin: 0 auto;
  width: 100%; }

.wm-control textarea {
  width: 100%; }
  .wm-control textarea + svg.wm-textarea-insert-snippet {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    fill: #7a8391;
    cursor: pointer; }

.wm-control-label-button {
  position: absolute;
  top: -27px;
  right: 0;
  color: #7a8391; }
  .wm-control-label-button:hover {
    cursor: pointer;
    opacity: .7; }

.wm-control-class.e-popup-wrapper {
  width: auto; }

.wm-control.e-input-group .e-maskedtextbox.e-input {
  height: 40px; }

.wm-document-punchout a {
  font-size: 14px;
  color: #c0c9d3; }
  .wm-document-punchout a:hover {
    color: #33353b; }

.wmf-message-warning::before {
  content: "\f071";
  font-family: 'Font Awesome 5 Pro'; }

.wmf-message-warning.wm-tab-validation-icon {
  display: inline-block;
  color: #eb1515;
  font-style: normal;
  padding-left: 4px;
  padding-right: 0px; }

.wmf-message-warning.input-valid {
  display: none; }

.wmf-message-warning.wm-validation-icon {
  display: inline-block;
  color: #eb1515;
  font-style: normal;
  padding-left: 0px;
  padding-right: 4px; }

.wm-condensed-form label {
  margin-bottom: 0; }

.wm-label-required::after {
  color: #8e0c0c !important;
  content: ' *';
  display: inline; }
  @media (prefers-color-scheme: light) {
    .wm-label-required::after {
      color: #8e0c0c !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-label-required::after {
      color: #ee4f4f !important; } }

.wm-filter-dropdown-menu {
  background-color: white;
  border: 1px solid #edf2f3;
  position: absolute;
  z-index: 99999;
  margin-left: 0px; }

.wm-filter-dropdown-toggle.dropdown-toggle::after {
  display: none; }

.wm-pointer {
  cursor: pointer; }

.wm-categories {
  margin-bottom: 0;
  font-size: 14px; }

.wm-button-active {
  background: #c0c9d3 !important; }

.wm-site-path-text {
  font-weight: 500; }
  .wm-site-path-text .fa-caret-right {
    padding: 3px 5px 0 5px; }

.wm-site-path .fa-filter:hover {
  cursor: pointer; }

.wm-custom-form {
  width: 100%; }

.wm-custom-rule {
  position: relative;
  top: 11px; }

/*TEMP FIX for displaying SF Controls inside Widget*/
div .row > .position-inside-widget {
  position: absolute;
  top: 15px;
  right: 15px; }

div[data-controller="MySummary"] .popover {
  z-index: 1050; }

.pagination .form-group,
.wm-section-actions .form-group {
  margin-bottom: 0; }

.past-activity-widget .wm-select.wm-widget-data.form-control {
  width: 75px; }

.input-group-text {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: transparent; }

.uploaded-item-container {
  overflow-wrap: anywhere; }

/*** Widget Specific Overrides ***/
#assigndefaultsites .wm-usergrouprole-control-labels {
  padding-left: 16px; }

#contact_view .wm-form-row > .wm-section,
#contact_view .wm-form-row .wm-widget-panel {
  padding: 0 0 12px 0; }

#componentmassreplace ~ .page-actions > .modal-footer-buttons,
#inventorycountadditems ~ .page-actions > .modal-footer-buttons,
#posttoaccount ~ .page-actions > .modal-footer-buttons {
  display: flex; }
  #componentmassreplace ~ .page-actions > .modal-footer-buttons #DEFAULT, #componentmassreplace ~ .page-actions > .modal-footer-buttons #CONFIRM,
  #inventorycountadditems ~ .page-actions > .modal-footer-buttons #DEFAULT,
  #inventorycountadditems ~ .page-actions > .modal-footer-buttons #CONFIRM,
  #posttoaccount ~ .page-actions > .modal-footer-buttons #DEFAULT,
  #posttoaccount ~ .page-actions > .modal-footer-buttons #CONFIRM {
    background-color: #7a8391;
    border: 1px solid #7a8391;
    color: white;
    order: -1; }

#productsalepricefilters {
  padding: 0 10px; }

#structure .wm-section-inner > .wm-container-parent {
  padding: 0 !important; }

@media only screen and (max-width: 35.9375em) {
  #task-scheduler {
    height: 500px !important; } }

@media (prefers-color-scheme: dark) {
  .pcaautocomplete.pcatext {
    border-top: none !important; }
    .pcaautocomplete.pcatext .pca.pcalist {
      border-top: transparent !important;
      background-color: #363a40 !important; }
      .pcaautocomplete.pcatext .pca.pcalist .pcaselected {
        background-color: #464c53 !important; }
      .pcaautocomplete.pcatext .pca.pcalist .pcaitem {
        color: #c0c9d3 !important; }
  .CodeMirror {
    border-color: #c0c9d3 !important; }
    .CodeMirror.cm-s-default.CodeMirror-wrap {
      background-color: #363a40;
      color: white !important; }
      .CodeMirror.cm-s-default.CodeMirror-wrap::selection {
        background-color: #545b63;
        color: #54667a !important; }
    .CodeMirror-gutters {
      background-color: #646d77 !important; }
    .CodeMirror-cursor {
      background-color: white !important; }
    .CodeMirror-linenumber {
      color: white !important; } }

.dropdown-menu.show {
  box-shadow: 0 1px 2px rgba(74, 85, 104, 0.24), 0 2px 4px rgba(74, 85, 104, 0.18), 0 4px 8px rgba(74, 85, 104, 0.12), 0 8px 16px rgba(74, 85, 104, 0.08); }

.btn:focus, .btn:active, .btn.focus {
  box-shadow: 0 0 0 0 transparent !important; }

.btn-group.wm-button-group .wm-button.wm-button-active {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    .btn-group.wm-button-group .wm-button.wm-button-active {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .btn-group.wm-button-group .wm-button.wm-button-active {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

.btn-group.wm-button-group .disabled {
  cursor: not-allowed !important; }

.btn-outline {
  background-color: transparent;
  color: transparent;
  transition: all .4s; }

.btn-xs {
  border-radius: .2rem;
  padding: .45rem .4rem;
  font-size: .775rem;
  line-height: .5; }

.btn-rounded {
  border-radius: 60px;
  padding: 7px 18px; }
  .btn-rounded.btn-lg {
    padding: .75rem 1.5rem; }
  .btn-rounded.btn-sm {
    padding: .25rem .5rem;
    font-size: 12px; }
  .btn-rounded.btn-xs {
    padding: .25rem .5rem;
    font-size: 10px; }

.wm-button-icon {
  line-height: normal; }
  .wm-button-icon i {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 0.4rem;
    background: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    font-weight: 400;
    line-height: normal;
    color: #7a8391 !important; }

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle,
.btn-success.dropdown-toggle {
  background-color: #3c3f46 !important;
  border: 1px solid #383a40 !important; }

.wm-btn .e-btn {
  transition: all .4s;
  box-shadow: 0 0 0 0;
  border-color: transparent;
  padding: 7px 12px;
  cursor: pointer;
  text-transform: capitalize;
  font-size: 14px; }
  .wm-btn .e-btn:hover {
    opacity: 0.85; }

.wm-view-page-drilldown .btn-group.dropdown {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border-radius: 0.4rem !important;
  background-color: none !important;
  background: none !important; }
  .wm-view-page-drilldown .btn-group.dropdown i {
    font-weight: 400;
    color: #7a8391; }
    @media (prefers-color-scheme: dark) {
      .wm-view-page-drilldown .btn-group.dropdown i {
        color: #afb3b9; } }
  .wm-view-page-drilldown .btn-group.dropdown:hover {
    background-color: #afb3b9; }
    @media (prefers-color-scheme: dark) {
      .wm-view-page-drilldown .btn-group.dropdown:hover {
        background-color: #9fa3ab !important; } }
    .wm-view-page-drilldown .btn-group.dropdown:hover i {
      color: white; }

.wm-view-page-drilldown .btn-group .wm-button.dropdown-toggle {
  margin-left: 5rem;
  width: 30px;
  height: 30px;
  padding: 0.5rem;
  color: #afb3b9 !important; }
  .wm-view-page-drilldown .btn-group .wm-button.dropdown-toggle:hover {
    background-color: white;
    border-color: white;
    box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48);
    margin-top: -2px; }
    @media (prefers-color-scheme: dark) {
      .wm-view-page-drilldown .btn-group .wm-button.dropdown-toggle:hover {
        box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important; } }
  .wm-view-page-drilldown .btn-group .wm-button.dropdown-toggle .caret {
    color: #454d54 !important; }
    .wm-view-page-drilldown .btn-group .wm-button.dropdown-toggle .caret:hover {
      color: black !important; }

.pagination .btn > div {
  outline: none; }

.pagination .btn.btn-light,
.pagination .btn .wm-page-info {
  border: none;
  line-height: 1.6rem; }

a.disabled, .btn.disabled,
a.disabled > label.wm-display-label {
  opacity: 0.7 !important;
  text-decoration: none !important;
  pointer-events: none !important;
  color: grey !important; }
  a.disabled::selection, .btn.disabled::selection,
  a.disabled > label.wm-display-label::selection {
    background: none; }

.btn-light {
  background-color: #ebebeb;
  border-color: #e6e6e6;
  color: #0d0d0d; }
  .btn-light.disabled > i, .btn-light:disabled > i {
    opacity: .4; }

.btn.btn-light.btn-sm.disabled:hover {
  cursor: not-allowed !important; }

.wm-btn .e-btn.e-primary,
.btn.btn-primary,
.wm-button.btn.btn-primary {
  background-color: #7a8391;
  border: 1px solid #747e8c; }

.wm-btn .e-btn.e-success,
.btn.btn-success,
.wm-button.btn.btn-success {
  background-color: #7a8391;
  border: 1px solid #747e8c; }

.wm-btn .e-btn.e-warning,
.btn.btn-warning,
.wm-button.btn.btn-warning {
  background-color: #face1f;
  border: 1px solid #facc15;
  color: white; }

.wm-btn .e-btn.e-info,
.btn.btn-info,
.wm-button.btn.btn-info {
  background-color: #0a93ff;
  border: 1px solid #008fff; }

.wm-btn .e-btn.e-danger,
.btn.btn-danger,
.wm-button.btn.btn-danger {
  background-color: #ec1e1e;
  border: 1px solid #eb1515; }

.btn-custom {
  border: 1px solid #66b2de;
  background: #6eb6e0;
  color: white; }
  .btn-custom:hover {
    opacity: 0.85; }
  .btn-custom.disabled.active, .btn-custom.disabled:focus, .btn-custom.disabled:hover, .btn-custom.disabled:active {
    opacity: 0.6; }

.btn-primary {
  border: 1px solid #0072cc;
  background: #0078d6;
  color: white; }
  .btn-primary:hover {
    opacity: 0.85; }
  .btn-primary.disabled.active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.disabled:active {
    opacity: 0.6; }

.btn-success {
  border: 1px solid #0064b2;
  background: #006abd;
  color: white; }
  .btn-success:hover {
    opacity: 0.85; }
  .btn-success.disabled.active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success.disabled:active {
    opacity: 0.6; }

.btn-info {
  border: 1px solid #0083ea;
  background: #0089f5;
  color: white; }
  .btn-info:hover {
    opacity: 0.85; }
  .btn-info.disabled.active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info.disabled:active {
    opacity: 0.6; }

.btn-warning {
  border: 1px solid #facc15;
  background: #face1f;
  color: white; }
  .btn-warning:hover {
    opacity: 0.85; }
  .btn-warning.disabled.active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning.disabled:active {
    opacity: 0.6; }

.btn-danger {
  border: 1px solid #e21313;
  background: #eb1515;
  color: white; }
  .btn-danger:hover {
    opacity: 0.85; }
  .btn-danger.disabled.active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger.disabled:active {
    opacity: 0.6; }

.btn-inverse {
  border: 1px solid #3d4248;
  background: #42474d;
  color: white; }
  .btn-inverse:hover {
    opacity: 0.85; }
  .btn-inverse.disabled.active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse.disabled:active {
    opacity: 0.6; }

.btn-red {
  border: 1px solid #ee3b3b;
  background: #ef4444;
  color: white; }
  .btn-red:hover {
    opacity: 0.85; }
  .btn-red.disabled.active, .btn-red.disabled:focus, .btn-red.disabled:hover, .btn-red.disabled:active {
    opacity: 0.6; }

.btn.btn-info:active {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    .btn.btn-info:active {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .btn.btn-info:active {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

.btn.btn-sm.btn-success.wm-web-action {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important;
  display: flex;
  align-items: center;
  gap: 0.5rem; }
  @media (prefers-color-scheme: light) {
    .btn.btn-sm.btn-success.wm-web-action {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .btn.btn-sm.btn-success.wm-web-action {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

.btn.btn-sm.btn-standard.wm-button {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    .btn.btn-sm.btn-standard.wm-button {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .btn.btn-sm.btn-standard.wm-button {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }
  .btn.btn-sm.btn-standard.wm-button:hover {
    border-color: #727b8a !important;
    background-color: #7a8391 !important;
    color: white !important; }
    @media (prefers-color-scheme: light) {
      .btn.btn-sm.btn-standard.wm-button:hover {
        border-color: #727b8a !important;
        background-color: #7a8391 !important;
        color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .btn.btn-sm.btn-standard.wm-button:hover {
        border-color: #99a0aa !important;
        background-color: #9098a3 !important;
        color: white !important; } }

.btn.btn-sm.btn-light.wm-grid-page-number {
  margin: 0 5px;
  border-radius: 4px; }
  .btn.btn-sm.btn-light.wm-grid-page-number > div {
    font-size: 16px; }
  .btn.btn-sm.btn-light.wm-grid-page-number:hover {
    cursor: default; }

.btn.btn-sm.btn-primary.wm-button.wm-web-action.wm-web-action-disabled, .btn.btn-sm.btn-primary.wm-button.wm-web-action.wm-web-action-disabled:hover, .btn.btn-sm.btn-light.wm-button.wm-web-action.wm-web-action-disabled, .btn.btn-sm.btn-light.wm-button.wm-web-action.wm-web-action-disabled:hover, .btn.btn-sm.btn-success.wm-button.wm-web-action.wm-web-action-disabled, .btn.btn-sm.btn-success.wm-button.wm-web-action.wm-web-action-disabled:hover, .btn.btn-sm.btn-danger.wm-button.wm-web-action.wm-web-action-disabled, .btn.btn-sm.btn-danger.wm-button.wm-web-action.wm-web-action-disabled:hover, .btn.btn-sm.btn-standard.wm-button.wm-web-action.wm-web-action-disabled, .btn.btn-sm.btn-standard.wm-button.wm-web-action.wm-web-action-disabled:hover {
  background-color: grey !important;
  cursor: not-allowed;
  color: darkgrey !important; }

.btn.btn-sm.btn-primary.wm-button.wm-web-action .button-content, .btn.btn-sm.btn-light.wm-button.wm-web-action .button-content, .btn.btn-sm.btn-success.wm-button.wm-web-action .button-content, .btn.btn-sm.btn-danger.wm-button.wm-web-action .button-content, .btn.btn-sm.btn-standard.wm-button.wm-web-action .button-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: normal; }

.btn.btn-sm.btn-danger {
  background-color: #eb1515 !important; }
  .btn.btn-sm.btn-danger:hover {
    box-shadow: 0px 8px 16px 0px rgba(235, 21, 21, 0.48) !important;
    background-color: #eb1515 !important; }

.btn.btn-sm.btn-warning {
  background-color: #face1f !important; }
  .btn.btn-sm.btn-warning:hover {
    box-shadow: 0px 8px 16px 0px rgba(250, 206, 31, 0.48) !important;
    background-color: #face1f !important; }

.btn.btn-sm.btn.wm-web-action {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  transition: all .25s ease-in-out;
  border: none !important;
  border-radius: 0.58rem / 0.65rem;
  width: fit-content;
  min-width: 80px; }
  .btn.btn-sm.btn.wm-web-action:hover {
    opacity: 1;
    transform: translateY(-1px) translateZ(0) perspective(1px);
    backface-visibility: hidden !important;
    -webkit-font-smoothing: subpixel-antialiased !important; }
  .btn.btn-sm.btn.wm-web-action:active {
    transform: translateY(0px) !important;
    box-shadow: none; }
  .btn.btn-sm.btn.wm-web-action.wm-web-action-disabled, .btn.btn-sm.btn.wm-web-action.wm-web-action-disabled:hover {
    background-color: grey !important;
    cursor: not-allowed;
    color: darkgrey !important; }
  .btn.btn-sm.btn.wm-web-action .button-content {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: normal; }
  .btn.btn-sm.btn.wm-web-action:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
    background-color: #afb3b9;
    background: #afb3b9; }
    @media (prefers-color-scheme: dark) {
      .btn.btn-sm.btn.wm-web-action:hover {
        box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important; } }

.btn.btn-sm.btn.dropdown-toggle:not(.wm-favourites-list-button):not(.wm-recent-list-button) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-left: 0px !important;
  border: none !important;
  border-radius: 0 0.58rem 0.58rem 0 / 0.65rem !important;
  padding: 0.5rem 0.75rem; }
  .btn.btn-sm.btn.dropdown-toggle:not(.wm-favourites-list-button):not(.wm-recent-list-button):hover {
    box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
    background-color: #afb3b9; }
    @media (prefers-color-scheme: dark) {
      .btn.btn-sm.btn.dropdown-toggle:not(.wm-favourites-list-button):not(.wm-recent-list-button):hover {
        box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important; } }
  .btn.btn-sm.btn.dropdown-toggle:not(.wm-favourites-list-button):not(.wm-recent-list-button)::after {
    content: none !important;
    margin-left: 0; }

.btn.btn-sm.btn.wm-recent-list-button, .btn.btn-sm.btn.wm-favourites-list-button {
  position: relative !important;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border: none !important;
  border-radius: 0.3rem / 0.4rem !important;
  width: 31px !important;
  height: 31px !important;
  background: #edf2f7 !important; }
  @media (prefers-color-scheme: dark) {
    .btn.btn-sm.btn.wm-recent-list-button, .btn.btn-sm.btn.wm-favourites-list-button {
      background-color: #4a5568 !important; } }
  .btn.btn-sm.btn.wm-recent-list-button .wm-button-icon i, .btn.btn-sm.btn.wm-favourites-list-button .wm-button-icon i {
    background: none !important;
    background-color: none !important; }
  .btn.btn-sm.btn.wm-recent-list-button:after, .btn.btn-sm.btn.wm-favourites-list-button:after {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    height: 100%;
    padding-right: 0 !important;
    text-align: center;
    text-indent: unset !important;
    color: #718096 !important; }
    @media (prefers-color-scheme: dark) {
      .btn.btn-sm.btn.wm-recent-list-button:after, .btn.btn-sm.btn.wm-favourites-list-button:after {
        color: #edf2f7 !important; } }
  .btn.btn-sm.btn.wm-recent-list-button:hover, .btn.btn-sm.btn.wm-favourites-list-button:hover {
    opacity: 1 !important;
    transform: translateY(-2px);
    box-shadow: 0px 8px 16px 0px rgba(74, 85, 104, 0.48) !important;
    background-color: #718096 !important; }
    @media (prefers-color-scheme: dark) {
      .btn.btn-sm.btn.wm-recent-list-button:hover, .btn.btn-sm.btn.wm-favourites-list-button:hover {
        background-color: #718096 !important; } }
    .btn.btn-sm.btn.wm-recent-list-button:hover i, .btn.btn-sm.btn.wm-favourites-list-button:hover i {
      color: white !important; }
    .btn.btn-sm.btn.wm-recent-list-button:hover:after, .btn.btn-sm.btn.wm-favourites-list-button:hover:after {
      color: white !important; }

.wm-action-button-group {
  display: flex;
  gap: 0.5rem;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms; }
  .wm-action-button-group .dropdown-toggle {
    border: none !important; }
    .wm-action-button-group .dropdown-toggle:hover {
      filter: drop-shadow(0px 8px 16px rgba(175, 179, 185, 0.48));
      margin-top: -2px;
      background-color: #afb3b9; }
  .wm-action-button-group.wm-search-dropdown .btn, .wm-action-button-group.wm-card-list-search-button .btn {
    height: auto !important; }
  .wm-action-button-group.wm-search-dropdown .wm-web-action, .wm-action-button-group.wm-card-list-search-button .wm-web-action {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-radius: 0px 4px 4px 0px !important; }
    .wm-action-button-group.wm-search-dropdown .wm-web-action .button-content, .wm-action-button-group.wm-card-list-search-button .wm-web-action .button-content {
      display: none !important; }
    .wm-action-button-group.wm-search-dropdown .wm-web-action:after, .wm-action-button-group.wm-card-list-search-button .wm-web-action:after {
      margin: 0; }
  .wm-action-button-group #TASKDEFAULT i {
    background: none;
    color: white !important; }
  .wm-action-button-group #SEARCHDROPDOWN {
    min-width: 31px !important; }
  .wm-action-button-group .main-action[data-popup-icon="plus"] .wm-web-action {
    gap: 0 !important; }
  .wm-action-button-group.modal-footer-buttons {
    align-items: center; }
    .wm-action-button-group.modal-footer-buttons .btn {
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
      border: none !important;
      padding: 0.5rem; }
      .wm-action-button-group.modal-footer-buttons .btn.btn-light {
        border-color: #ebebeb; }
        .wm-action-button-group.modal-footer-buttons .btn.btn-light:hover {
          filter: none;
          box-shadow: 0px 8px 16px 0px rgba(113, 128, 150, 0.48) !important;
          border-color: #cbd5e0;
          background: #cbd5e0 !important; }
          @media (prefers-color-scheme: dark) {
            .wm-action-button-group.modal-footer-buttons .btn.btn-light:hover {
              filter: none;
              box-shadow: 0px 8px 16px 0px rgba(74, 85, 104, 0.48) !important; } }
      .wm-action-button-group.modal-footer-buttons .btn.btn-danger {
        margin: 4px !important;
        background: #ff3b30; }
        .wm-action-button-group.modal-footer-buttons .btn.btn-danger:hover {
          box-shadow: 0px 8px 16px 0px rgba(255, 59, 48, 0.48) !important;
          background: #ff3b30; }
          @media (prefers-color-scheme: dark) {
            .wm-action-button-group.modal-footer-buttons .btn.btn-danger:hover {
              box-shadow: 0px 8px 16px 0px rgba(255, 69, 58, 0.48) !important; } }
      .wm-action-button-group.modal-footer-buttons .btn.btn-warning {
        margin: 4px !important;
        background: #ff9500 !important;
        background-color: #ff9500 !important; }
        @media (prefers-color-scheme: dark) {
          .wm-action-button-group.modal-footer-buttons .btn.btn-warning {
            background: #ff9f0a !important;
            background-color: #ff9f0a !important; } }
        .wm-action-button-group.modal-footer-buttons .btn.btn-warning:hover {
          box-shadow: 0px 8px 16px 0px rgba(255, 149, 0, 0.48) !important;
          background: #ff9f0a !important;
          background-color: #ff9f0a !important; }
          @media (prefers-color-scheme: dark) {
            .wm-action-button-group.modal-footer-buttons .btn.btn-warning:hover {
              box-shadow: 0px 8px 16px 0px rgba(255, 159, 10, 0.48) !important;
              background: #ff9f0a !important;
              background-color: #ff9f0a !important; } }
      .wm-action-button-group.modal-footer-buttons .btn:hover {
        transform: translateY(-2px) translateZ(0) perspective(1px);
        filter: drop-shadow(0px 8px 16px rgba(175, 179, 185, 0.48));
        background-color: #afb3b9;
        transform-style: preserve-3d;
        backface-visibility: hidden !important;
        -webkit-font-smoothing: subpixel-antialiased !important; }
    .wm-action-button-group.modal-footer-buttons .dropdown.btn-group .btn-primary {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }

.btn-group#ButtonGroup-DEFAULTGROUP .btn {
  border-radius: 0.4rem !important;
  padding: 0.25rem; }

.wm-button.dropdown-toggle:not([id$='DEFAULT']) {
  position: relative !important;
  width: 20px !important;
  color: white !important; }

@media only screen and (max-width: 47.9375em) {
  .wm-module-button.wm-add-new-record.wm-sidepanel-collapsed {
    right: 55px; } }

module header plain search button .wm-search .input-group-append .btn-info {
  transition: all .25s ease-in-out; }
  module header plain search button .wm-search .input-group-append .btn-info:hover {
    opacity: 1;
    transform: translateY(-1px) translateZ(0) perspective(1px);
    backface-visibility: hidden !important;
    -webkit-font-smoothing: subpixel-antialiased !important; }
  module header plain search button .wm-search .input-group-append .btn-info:active {
    transform: translateY(0px) !important;
    box-shadow: none; }

@media only screen and (max-width: 23.9375em) {
  .wm-add-new-record .wm-web-action-dropdown.dropdown-menu div.dropdown-item:nth-child(1) {
    opacity: 0;
    animation: 0.6s ease 0s normal forwards 1 fadein; }
  .wm-add-new-record .wm-web-action-dropdown.dropdown-menu div.dropdown-item:nth-child(2) {
    opacity: 0;
    animation: 0.4s ease 0s normal forwards 1 fadein; }
  .wm-add-new-record .wm-web-action-dropdown.dropdown-menu div.dropdown-item:nth-child(3) {
    opacity: 0;
    animation: 0.2s ease 0s normal forwards 1 fadein; }
  .wm-add-new-record .wm-web-action-dropdown.dropdown-menu div.dropdown-item:nth-child(4) {
    opacity: 0;
    animation: 0s ease 0s normal forwards 1 fadein; }
  .wm-add-new-record .wm-web-action-dropdown.dropdown-menu a.dropdown-item {
    text-align: right !important; }
  .wm-chat-toggle {
    right: -10px; } }

div[data-controller="Admin"] .btn.btn-sm.btn-standard.wm-button {
  margin-top: 8px; }

.wm-queryfilterdiv .btn, .wm-queryfilterdiv .e-btn, .wm-queryfilterdiv .e-btn-group, .wm-queryfilterdiv .e-input-group {
  border-radius: 3px !important; }

.wm-queryfilterdiv .e-group-header .e-dropdown-btn.e-add-btn {
  margin-bottom: 0 !important; }

.wm-queryfilterdiv .e-btngroup-and-lbl, .wm-queryfilterdiv .e-btngroup-or-lbl,
.wm-queryfilterdiv .e-qb-toggle {
  height: 28px !important;
  color: #90a0b1 !important; }

.wm-queryfilterdiv .e-qb-toggle {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.wm-queryfilterdiv .e-btngroup-and-lbl {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.wm-queryfilterdiv .e-btngroup-or-lbl {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

div[name="STRUCTURESMASSCHANGECOMPONENT"] {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important;
  border: none !important; }
  @media (prefers-color-scheme: light) {
    div[name="STRUCTURESMASSCHANGECOMPONENT"] {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    div[name="STRUCTURESMASSCHANGECOMPONENT"] {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

.search-find > .wm-btn .e-btn.e-info, .btn.btn-info, .wm-button.btn.btn-info {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    .search-find > .wm-btn .e-btn.e-info, .btn.btn-info, .wm-button.btn.btn-info {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .search-find > .wm-btn .e-btn.e-info, .btn.btn-info, .wm-button.btn.btn-info {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

.wm-filter-dropdown-toggle {
  border-color: #f2f2f2 !important;
  background-color: #fafafa !important;
  color: inherit !important; }
  @media (prefers-color-scheme: light) {
    .wm-filter-dropdown-toggle {
      border-color: #f2f2f2 !important;
      background-color: #fafafa !important;
      color: #2c2b2e !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-filter-dropdown-toggle {
      border-color: #4d535c !important;
      background-color: #484e56 !important;
      color: white !important; } }

.wm-filter-dropdown-menu {
  right: 9px;
  border-radius: 3px;
  padding: 6px 0; }
  @media (prefers-color-scheme: dark) {
    .wm-filter-dropdown-menu {
      border-color: #4e575f; } }
  .wm-filter-dropdown-menu .form-group.wm-container-parent input {
    width: 100%; }
    @media (prefers-color-scheme: dark) {
      .wm-filter-dropdown-menu .form-group.wm-container-parent input {
        border: 1px solid #c0c9d3;
        border-radius: 3px;
        padding: 4px 8px; } }
  @media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
    .wm-filter-dropdown-menu .form-group.wm-container-parent input {
      background-color: #363a40 !important;
      color: #edf2f3 !important; }
      .wm-filter-dropdown-menu .form-group.wm-container-parent input::placeholder {
        color: white !important; } }
    .wm-filter-dropdown-menu .form-group.wm-container-parent input:focus {
      outline: none !important;
      border-color: #7a8391; }
      @media (prefers-color-scheme: dark) {
        .wm-filter-dropdown-menu .form-group.wm-container-parent input:focus {
          border-color: #afb3b9; } }
  .wm-filter-dropdown-menu .wm-button {
    margin-top: 8px;
    cursor: pointer !important; }

@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .wm-filter-dropdown-menu {
    background-color: #363a40 !important;
    color: #edf2f3 !important; }
    .wm-filter-dropdown-menu::placeholder {
      color: white !important; } }

#btnCreateDefaultAccountingYearPeriods:active {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    #btnCreateDefaultAccountingYearPeriods:active {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    #btnCreateDefaultAccountingYearPeriods:active {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

.wm-view-switch > .btn, .btn-group-toggle > .btn, .mb-top-action-buttons .btn-group > .btn {
  background-color: transparent !important;
  border-color: transparent !important; }
  .wm-view-switch > .btn > i, .btn-group-toggle > .btn > i, .mb-top-action-buttons .btn-group > .btn > i {
    color: #aaaeb4 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-view-switch > .btn > i, .btn-group-toggle > .btn > i, .mb-top-action-buttons .btn-group > .btn > i {
        color: #cccfd5 !important; } }
  .wm-view-switch > .btn.active > i, .btn-group-toggle > .btn.active > i, .mb-top-action-buttons .btn-group > .btn.active > i {
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-view-switch > .btn.active > i, .btn-group-toggle > .btn.active > i, .mb-top-action-buttons .btn-group > .btn.active > i {
        color: #aaaeb4 !important; } }
  .wm-view-switch > .btn:hover > i, .btn-group-toggle > .btn:hover > i, .mb-top-action-buttons .btn-group > .btn:hover > i {
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-view-switch > .btn:hover > i, .btn-group-toggle > .btn:hover > i, .mb-top-action-buttons .btn-group > .btn:hover > i {
        color: #c5c8cc !important; } }

.mb-top-action-buttons .btn-group .btn {
  padding: 0; }
  .mb-top-action-buttons .btn-group .btn::after {
    transition: all .2s ease;
    font-size: 16px;
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      .mb-top-action-buttons .btn-group .btn::after {
        color: #cccfd5 !important; } }
  .mb-top-action-buttons .btn-group .btn:hover::after {
    transform: scale(1.07) !important; }

.refresh-btn-container {
  position: relative; }
  .refresh-btn-container .wm-button.btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    min-width: 24px;
    padding: 5px;
    /*&:not(.dropdown-toggle)::after {
            content: $content;
            display: block;
            font-size: 17px;
            font-family: "Font Awesome 6 Pro";
                        color: $white;
        }

        &.dropdown-toggle {
            &::after {
                content: $content !important;
                display: flex;
                align-items: center;
                justify-content: center;
                //margin-left: 0 !important;
                //margin-top: 2px !important;
                margin-top: 0;
                margin-left: 0;
                border: none;
                font-size: 0.9rem;
                font-family: 'Font Awesome 6 Pro';
                vertical-align: middle;
                            }
        }*/ }
    .refresh-btn-container .wm-button.btn:after {
      content: none !important; }
  .refresh-btn-container > .btn {
    position: relative;
    float: right;
    margin-top: -32px; }
    .refresh-btn-container > .btn::after {
      margin-top: -3px !important; }

div[name="Chart"] .wm-button-cache {
  position: absolute;
  right: 0;
  top: 30px; }

div[name="Chart"] .wm-widget-body {
  position: relative !important; }

div[name="Chart"] .icon-cache-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none; }

div[name="Chart"]:hover .icon-cache-wrapper {
  display: block; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

div[data-popup-icon='plus'] .wm-button.btn, div[data-popup-icon='piggy-bank'] .wm-button.btn, div[data-popup-icon='pencil'] .wm-button.btn, div[data-popup-icon='project-diagram'] .wm-button.btn, div[data-popup-icon='user-cog'] .wm-button.btn, div[data-popup-icon='file-user'] .wm-button.btn, .wm-section-inner .wm-section-actions .wm-action-button-group .btn-group .wm-button.btn {
  width: auto !important;
  height: 31px;
  text-indent: inherit !important; }
  div[data-popup-icon='plus'] .wm-button.btn:not(.dropdown-toggle)::after, div[data-popup-icon='piggy-bank'] .wm-button.btn:not(.dropdown-toggle)::after, div[data-popup-icon='pencil'] .wm-button.btn:not(.dropdown-toggle)::after, div[data-popup-icon='project-diagram'] .wm-button.btn:not(.dropdown-toggle)::after, div[data-popup-icon='user-cog'] .wm-button.btn:not(.dropdown-toggle)::after, div[data-popup-icon='file-user'] .wm-button.btn:not(.dropdown-toggle)::after, .wm-section-inner .wm-section-actions .wm-action-button-group .btn-group .wm-button.btn:not(.dropdown-toggle)::after {
    content: "" !important; }

#dashboard_view #tab-content-dashboard .wm-section-actions-last-btn .dropdown > .btn-group > .btn-badge::after {
  content: "\f067" !important; }

.btn-edit::after {
  content: '\f040' !important; }

.btn-manage::after {
  content: '\f560' !important; }

.btn-badge::after {
  content: '\f335' !important; }

.dropdown.btn-group {
  border-radius: 0.5rem;
  background-color: #afb3b9;
  min-height: 20px; }

div[name="VIEWADDRESSBOOK"],
div[name="NEWADDRESS"] {
  background-color: #7a8391 !important;
  border-color: #747e8c !important;
  color: #edf2f3 !important;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms !important;
  border-radius: 0.58rem / 0.65rem !important;
  min-width: fit-content !important; }
  @media (prefers-color-scheme: dark) {
    div[name="VIEWADDRESSBOOK"],
    div[name="NEWADDRESS"] {
      background-color: #9098a3 !important;
      border-color: #8b939f !important; } }
  div[name="VIEWADDRESSBOOK"]:hover, div[name="VIEWADDRESSBOOK"]:active,
  div[name="NEWADDRESS"]:hover,
  div[name="NEWADDRESS"]:active {
    transform: translateY(-2px) !important;
    background-color: #a7adb6 !important;
    color: white !important; }
  div[name="VIEWADDRESSBOOK"]:active,
  div[name="NEWADDRESS"]:active {
    box-shadow: none !important; }

/*** Slide button animation ***/
div[data-field-name="product_system.is_for_sale"],
div[data-field-name="product_system.is_for_purchasing"],
div[data-field-name="product_system.is_for_manufacturing"],
div[data-field-name="SalesOrderTypeIdSelect"],
div[data-field-name="ShipmentOptions"] {
  /*    .btn-group {
        @include prefer(dark) {
            border-color: lighten($bg-modal-dark, 3%);
            background-color: darken($bg-modal-dark, 3%);
        }

        --btn-count: 2;
        --btn-width: calc(100% / var(--btn-count));
        --transform: translateX(0);
        position: relative;
        display: inline-grid;
        grid-template-columns: 1fr 1fr;
        justify-content: space-evenly;
        border: 2px solid $gray-300;
        border-radius: 50px;
        padding: 3px;
        background-color: $gray-100;
        overflow: hidden;


        &::before {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            transform: var(--transform);
            transition: all $cubic $duration;
            border-radius: 50px;
            width: calc(var(--btn-width) - 3px);
            height: calc(100% - 6px);
            background-color: $primary-light;
        }

        .btn {
            position: relative;
            z-index: 1;
            flex: 1;
            flex-basis: 100%;
            transition: all $cubic $duration !important;
            border: none;
            border-radius: 50px !important;
            padding: 0.5rem 0.4rem;
            background-color: transparent !important;
            cursor: pointer;
            color: $gray-700;


            &.wm-button-active {
                //color: blue;
            }
        }
    }*/ }
  div[data-field-name="product_system.is_for_sale"] .btn-group,
  div[data-field-name="product_system.is_for_purchasing"] .btn-group,
  div[data-field-name="product_system.is_for_manufacturing"] .btn-group,
  div[data-field-name="SalesOrderTypeIdSelect"] .btn-group,
  div[data-field-name="ShipmentOptions"] .btn-group {
    position: relative;
    justify-content: space-evenly;
    border: 2px solid #e2e8f0;
    border-radius: 50px;
    padding: 3px;
    background-color: #f7fafc;
    overflow: hidden; }
    @media (prefers-color-scheme: dark) {
      div[data-field-name="product_system.is_for_sale"] .btn-group,
      div[data-field-name="product_system.is_for_purchasing"] .btn-group,
      div[data-field-name="product_system.is_for_manufacturing"] .btn-group,
      div[data-field-name="SalesOrderTypeIdSelect"] .btn-group,
      div[data-field-name="ShipmentOptions"] .btn-group {
        border-color: #292e32;
        background-color: #1c1f22; } }
    div[data-field-name="product_system.is_for_sale"] .btn-group .btn,
    div[data-field-name="product_system.is_for_purchasing"] .btn-group .btn,
    div[data-field-name="product_system.is_for_manufacturing"] .btn-group .btn,
    div[data-field-name="SalesOrderTypeIdSelect"] .btn-group .btn,
    div[data-field-name="ShipmentOptions"] .btn-group .btn {
      position: relative;
      z-index: 1;
      flex: 1;
      flex-basis: 100%;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms !important;
      border: none;
      border-radius: 50px !important;
      padding: 0.3rem 0.5rem;
      background-color: transparent !important;
      cursor: pointer;
      color: #4a5568; }

.modal .modal-form-body .wm-content-container .btn-group#ButtonGroup-DEFAULTGROUP .btn,
.modal .modal-form-body .wm-content-container .dropdown-toggle.btn-group {
  border-radius: 0.58rem / 0.65rem !important;
  height: 24px !important; }

#modal-form-body .wm-button-group .wm-button-group-item, #modal-form-body .wm-button-group .wm-button-disabled, #modal-secondary-form-body .wm-button-group .wm-button-group-item, #modal-secondary-form-body .wm-button-group .wm-button-disabled {
  transition: all .5s ease-in-out;
  background-color: #fafafa; }
  @media (prefers-color-scheme: dark) {
    #modal-form-body .wm-button-group .wm-button-group-item, #modal-form-body .wm-button-group .wm-button-disabled, #modal-secondary-form-body .wm-button-group .wm-button-group-item, #modal-secondary-form-body .wm-button-group .wm-button-disabled {
      background-color: #4d535c;
      border-color: #484e56;
      color: #edf2f3; } }
  #modal-form-body .wm-button-group .wm-button-group-item:hover, #modal-form-body .wm-button-group .wm-button-disabled:hover, #modal-secondary-form-body .wm-button-group .wm-button-group-item:hover, #modal-secondary-form-body .wm-button-group .wm-button-disabled:hover {
    background-color: #afb3b9 !important;
    border-color: #aaaeb4 !important;
    color: #edf2f3 !important;
    transform: translateY(0px) !important;
    box-shadow: none; }

.modal-footer-buttons #A_SAVE_GROUP, .modal-footer-buttons #B_CANCEL_GROUP, .modal-footer-buttons #CONFIRM, .modal-footer-buttons div[name="SEND"], .modal-footer-buttons div[name="DISCARD"], .modal-footer-buttons div[name="APPLY"], .modal-footer-buttons div[name="REVERT"] {
  min-width: 80px; }

.modal-footer-buttons #B_CANCEL_GROUP, .modal-footer-buttons #DEFAULT:not(div[name="EXPORT"]) {
  background-color: #e0e0e0 !important;
  color: #2e3338 !important; }

.modal-footer-buttons #ButtonGroup-A_SAVE_GROUP, .modal-footer-buttons #ButtonGroup-1_SEND_GROUP {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row; }
  .modal-footer-buttons #ButtonGroup-A_SAVE_GROUP > .btn, .modal-footer-buttons #ButtonGroup-1_SEND_GROUP > .btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-left: -5px;
    border-radius: 4px !important;
    top: 1px;
    margin: 0 !important;
    border-radius: 0 0.58rem 0.58rem 0 / 0.65rem !important;
    height: 33px !important; }
    .modal-footer-buttons #ButtonGroup-A_SAVE_GROUP > .btn::after, .modal-footer-buttons #ButtonGroup-1_SEND_GROUP > .btn::after {
      margin-left: 0 !important; }

.modal-footer-buttons #A_SAVE_GROUP[name="BankTransaction.QuickDeposit.SaveAndFinalise"], .modal-footer-buttons #A_SAVE_GROUP[name="BankTransaction.QuickPayment.SaveAndFinalise"] {
  border-right: 1px solid #edf2f3 !important; }

.modal-footer-buttons div[name="REVERT"] {
  float: left;
  margin: 4px 7px 0; }

.modal-footer-buttons .dropdown.btn-group {
  border-radius: 0.58rem / 0.65rem !important;
  height: 31px !important;
  background: none;
  margin: auto 4px auto 3px !important; }
  @media (prefers-color-scheme: dark) {
    .modal-footer-buttons .dropdown.btn-group {
      background-color: #9098a3 !important; } }
  .modal-footer-buttons .dropdown.btn-group > div:first-child > div.btn, .modal-footer-buttons .dropdown.btn-group > div:last-child > div.btn {
    position: relative;
    z-index: 10;
    transition: all 0.2s ease; }
    .modal-footer-buttons .dropdown.btn-group > div:first-child > div.btn:hover, .modal-footer-buttons .dropdown.btn-group > div:last-child > div.btn:hover {
      transform: translateY(0) !important;
      box-shadow: none !important; }
  .modal-footer-buttons .dropdown.btn-group .wm-button.dropdown-toggle {
    margin-left: 1px !important; }

.modal-footer-buttons .btn.btn-sm.btn-standard.wm-button:hover {
  background-color: #e0e0e0; }

.modal-footer-buttons .btn-group > #DEFAULT, .modal-footer-buttons .btn-group > #FOLLOWUPGROUP {
  width: 100px !important;
  height: 31px !important;
  background-color: #e0e0e0 !important;
  color: #2e3338 !important;
  margin: 0;
  border: none !important;
  border-radius: 0.58rem / 0.65rem !important; }
  .modal-footer-buttons .btn-group > #DEFAULT:hover, .modal-footer-buttons .btn-group > #FOLLOWUPGROUP:hover {
    filter: none;
    box-shadow: 0px 8px 16px 0px rgba(113, 128, 150, 0.48) !important;
    border-color: #cbd5e0;
    background: #cbd5e0 !important; }
    @media (prefers-color-scheme: dark) {
      .modal-footer-buttons .btn-group > #DEFAULT:hover, .modal-footer-buttons .btn-group > #FOLLOWUPGROUP:hover {
        filter: none;
        box-shadow: 0px 8px 16px 0px rgba(74, 85, 104, 0.48) !important; } }
  .modal-footer-buttons .btn-group > #DEFAULT:active::after, .modal-footer-buttons .btn-group > #FOLLOWUPGROUP:active::after {
    transform: translateY(0px) !important; }

.modal-footer-buttons .btn-group > div[name="ACTIONTASK"]#DEFAULT {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 1px solid #2e3338 !important; }

.modal-footer-buttons div[name="APPLY"] {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important;
  border-color: none !important; }
  @media (prefers-color-scheme: light) {
    .modal-footer-buttons div[name="APPLY"] {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .modal-footer-buttons div[name="APPLY"] {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

.modal-footer-buttons div[name="ACTIONTASK"], .modal-footer-buttons div[name="FOLLOWUP"] {
  background-color: #e0e0e0 !important;
  color: #2e3338 !important;
  padding-top: 6px !important; }

.modal-footer-buttons #ButtonGroup-DEFAULT > .dropdown-toggle {
  background-color: #e0e0e0 !important;
  color: #2e3338 !important;
  border-color: transparent !important;
  height: 31px !important; }

.modal-footer-buttons div[name="AUTOMATCHCREDITS"], .modal-footer-buttons div[name="AUTOAPPLYCREDITS"] {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important;
  float: left;
  margin-top: 4px !important; }
  @media (prefers-color-scheme: light) {
    .modal-footer-buttons div[name="AUTOMATCHCREDITS"], .modal-footer-buttons div[name="AUTOAPPLYCREDITS"] {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .modal-footer-buttons div[name="AUTOMATCHCREDITS"], .modal-footer-buttons div[name="AUTOAPPLYCREDITS"] {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

.modal-footer-buttons div[name="AUTOAPPLYCREDITS"].btn.btn-sm.btn-standard.wm-button {
  background-color: #7a8391 !important;
  border-color: #747e8c !important;
  margin-right: 8px !important; }

#attach_linked_documents + div.page-actions .modal-footer-buttons #A_SAVE_GROUP {
  width: auto; }

div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-standard.wm-button, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-primary.wm-button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  width: 124px !important;
  padding: auto 16px !important; }
  div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:hover, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:hover, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:hover, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:hover, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-standard.wm-button:hover, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-primary.wm-button:hover {
    filter: drop-shadow(0px 8px 16px rgba(175, 179, 185, 0.48));
    margin-top: -2px; }
    @media (prefers-color-scheme: dark) {
      div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:hover, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:hover, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:hover, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:hover, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-standard.wm-button:hover, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-primary.wm-button:hover {
        background-color: #a7adb6 !important; } }
  div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:active, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:active, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:active, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:active, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-standard.wm-button:active, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-primary.wm-button:active {
    transform: translateY(0px) !important;
    box-shadow: none; }
  div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-standard.wm-button, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-primary.wm-button, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-primary.wm-button ~ div > .btn {
    border-color: #727b8a !important;
    background-color: #7a8391 !important;
    color: white !important; }
    @media (prefers-color-scheme: light) {
      div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-standard.wm-button, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-primary.wm-button, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-primary.wm-button ~ div > .btn {
        border-color: #727b8a !important;
        background-color: #7a8391 !important;
        color: white !important; } }
    @media (prefers-color-scheme: dark) {
      div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-standard.wm-button, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-primary.wm-button, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-primary.wm-button ~ div > .btn {
        border-color: #99a0aa !important;
        background-color: #9098a3 !important;
        color: white !important; } }
  div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn:hover, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn:hover, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, div[name="SAVEANDFINALISE"].btn.btn-sm.btn-primary.wm-button ~ div > .btn:hover {
    background-color: #e6e6e6 !important;
    color: #2e3338 !important;
    transform: scale(1) !important; }

div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-standard.wm-button, div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-success.wm-button, div[name="REACTIVATECASE"].btn.btn-sm.btn-standard.wm-button, div[name="REACTIVATECASE"].btn.btn-sm.btn-success.wm-button, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-standard.wm-button, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-success.wm-button, div[name="checktaxrate"].btn.btn-sm.btn-standard.wm-button, div[name="checktaxrate"].btn.btn-sm.btn-success.wm-button, div[name="ADD"].btn.btn-sm.btn-standard.wm-button, div[name="ADD"].btn.btn-sm.btn-success.wm-button, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-standard.wm-button, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-success.wm-button, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-standard.wm-button, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-success.wm-button, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }
  div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-standard.wm-button:hover, div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-success.wm-button:hover, div[name="REACTIVATECASE"].btn.btn-sm.btn-standard.wm-button:hover, div[name="REACTIVATECASE"].btn.btn-sm.btn-success.wm-button:hover, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-standard.wm-button:hover, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-success.wm-button:hover, div[name="checktaxrate"].btn.btn-sm.btn-standard.wm-button:hover, div[name="checktaxrate"].btn.btn-sm.btn-success.wm-button:hover, div[name="ADD"].btn.btn-sm.btn-standard.wm-button:hover, div[name="ADD"].btn.btn-sm.btn-success.wm-button:hover, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-standard.wm-button:hover, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-success.wm-button:hover, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-standard.wm-button:hover, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-success.wm-button:hover, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button:hover, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button:hover {
    filter: drop-shadow(0px 8px 16px rgba(175, 179, 185, 0.48));
    margin-top: -2px; }
    @media (prefers-color-scheme: dark) {
      div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-standard.wm-button:hover, div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-success.wm-button:hover, div[name="REACTIVATECASE"].btn.btn-sm.btn-standard.wm-button:hover, div[name="REACTIVATECASE"].btn.btn-sm.btn-success.wm-button:hover, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-standard.wm-button:hover, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-success.wm-button:hover, div[name="checktaxrate"].btn.btn-sm.btn-standard.wm-button:hover, div[name="checktaxrate"].btn.btn-sm.btn-success.wm-button:hover, div[name="ADD"].btn.btn-sm.btn-standard.wm-button:hover, div[name="ADD"].btn.btn-sm.btn-success.wm-button:hover, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-standard.wm-button:hover, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-success.wm-button:hover, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-standard.wm-button:hover, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-success.wm-button:hover, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button:hover, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button:hover {
        background-color: #a7adb6 !important; } }
  div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-standard.wm-button:active, div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-success.wm-button:active, div[name="REACTIVATECASE"].btn.btn-sm.btn-standard.wm-button:active, div[name="REACTIVATECASE"].btn.btn-sm.btn-success.wm-button:active, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-standard.wm-button:active, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-success.wm-button:active, div[name="checktaxrate"].btn.btn-sm.btn-standard.wm-button:active, div[name="checktaxrate"].btn.btn-sm.btn-success.wm-button:active, div[name="ADD"].btn.btn-sm.btn-standard.wm-button:active, div[name="ADD"].btn.btn-sm.btn-success.wm-button:active, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-standard.wm-button:active, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-success.wm-button:active, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-standard.wm-button:active, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-success.wm-button:active, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button:active, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button:active {
    transform: translateY(0px) !important;
    box-shadow: none; }
  div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="REACTIVATECASE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="REACTIVATECASE"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="checktaxrate"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="checktaxrate"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="ADD"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="ADD"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-success.wm-button ~ div > .btn, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button ~ div > .btn, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button ~ div > .btn {
    border-color: #727b8a !important;
    background-color: #7a8391 !important;
    color: white !important; }
    @media (prefers-color-scheme: light) {
      div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="REACTIVATECASE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="REACTIVATECASE"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="checktaxrate"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="checktaxrate"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="ADD"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="ADD"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-success.wm-button ~ div > .btn, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button ~ div > .btn, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button ~ div > .btn {
        border-color: #727b8a !important;
        background-color: #7a8391 !important;
        color: white !important; } }
    @media (prefers-color-scheme: dark) {
      div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="REACTIVATECASE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="REACTIVATECASE"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="checktaxrate"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="checktaxrate"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="ADD"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="ADD"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-success.wm-button ~ div > .btn, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-success.wm-button ~ div > .btn, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button ~ div > .btn, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button ~ div > .btn {
        border-color: #99a0aa !important;
        background-color: #9098a3 !important;
        color: white !important; } }
    div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, div[name="INCLUDESELECTEDFORSUPPLIER"].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover, div[name="REACTIVATECASE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, div[name="REACTIVATECASE"].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, div[name="CLOSEACCOUNTINGYEAR"].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover, div[name="checktaxrate"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, div[name="checktaxrate"].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover, div[name="ADD"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, div[name="ADD"].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, div[name="DSRREQUESTAPPROVE"].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, div[name="PROCESSITEMCODE"].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button ~ div > .btn:hover {
      background-color: #a7adb6 !important; }

.wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle), .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }
  .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle):hover, .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle):hover {
    filter: drop-shadow(0px 8px 16px rgba(175, 179, 185, 0.48));
    margin-top: -2px; }
    @media (prefers-color-scheme: dark) {
      .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle):hover, .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle):hover {
        background-color: #a7adb6 !important; } }
  .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle):active, .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle):active {
    transform: translateY(0px) !important;
    box-shadow: none; }
  .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle) ~ div > .btn, .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle) ~ div > .btn {
    border-color: #727b8a !important;
    background-color: #7a8391 !important;
    color: white !important; }
    @media (prefers-color-scheme: light) {
      .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle) ~ div > .btn, .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle) ~ div > .btn {
        border-color: #727b8a !important;
        background-color: #7a8391 !important;
        color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle) ~ div > .btn, .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle) ~ div > .btn {
        border-color: #99a0aa !important;
        background-color: #9098a3 !important;
        color: white !important; } }
    .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle) ~ div > .btn:hover, .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle) ~ div > .btn:hover {
      background-color: #a7adb6 !important; }

.wm-action-button-demand-forecast {
  margin-bottom: 8px;
  text-align: right; }

#email_message .btn.dropdown-toggle {
  margin-left: 2px;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row; }
  #email_message .btn.dropdown-toggle::after {
    margin-left: 0 !important; }

#BankAccountBatchPayment, #BankAccountBatchDeposit {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    #BankAccountBatchPayment, #BankAccountBatchDeposit {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    #BankAccountBatchPayment, #BankAccountBatchDeposit {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

div[name="LICENCECONTRACTMODIFY"] {
  position: relative;
  z-index: 9999; }

.wm-add-field {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    .wm-add-field {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-add-field {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

.btn-sm.btn-success.wm-button.dropdown-toggle {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    .btn-sm.btn-success.wm-button.dropdown-toggle {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .btn-sm.btn-success.wm-button.dropdown-toggle {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

div[name="Close"] {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    div[name="Close"] {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    div[name="Close"] {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }
  div[name="Close"]:hover {
    border-color: #727b8a !important;
    background-color: #7a8391 !important;
    color: white !important; }
    @media (prefers-color-scheme: light) {
      div[name="Close"]:hover {
        border-color: #727b8a !important;
        background-color: #7a8391 !important;
        color: white !important; } }
    @media (prefers-color-scheme: dark) {
      div[name="Close"]:hover {
        border-color: #99a0aa !important;
        background-color: #9098a3 !important;
        color: white !important; } }

div[name="ADDCOST"], div[name="ADDDISCOUNT"] {
  width: 31px;
  height: 31px;
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding: 5px; }
  @media (prefers-color-scheme: light) {
    div[name="ADDCOST"], div[name="ADDDISCOUNT"] {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    div[name="ADDCOST"], div[name="ADDDISCOUNT"] {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }
  div[name="ADDCOST"].dropdown-toggle::after, div[name="ADDDISCOUNT"].dropdown-toggle::after {
    margin-left: 0 !important; }
  div[name="ADDCOST"]::after, div[name="ADDDISCOUNT"]::after {
    content: '\f067';
    font-family: "Font Awesome 5 Pro";
    text-indent: initial;
    display: block;
    color: white;
    font-size: 17px; }

.btn.btn-sm.btn-primary.wm-button.dropdown-toggle::after {
  margin-top: 0.5em !important;
  margin-left: -0.25em !important; }

#ProductPurchaseCost .wm-action-button-group,
#ProductPurchaseDiscount .wm-action-button-group,
#TaxZone .wm-action-button-group {
  margin-left: 8px !important; }
  #ProductPurchaseCost .wm-action-button-group > .wm-button,
  #ProductPurchaseDiscount .wm-action-button-group > .wm-button,
  #TaxZone .wm-action-button-group > .wm-button {
    padding: 5px;
    height: 31px;
    background: #247c24;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    text-indent: inherit !important;
    width: auto !important; }
    #ProductPurchaseCost .wm-action-button-group > .wm-button:after,
    #ProductPurchaseDiscount .wm-action-button-group > .wm-button:after,
    #TaxZone .wm-action-button-group > .wm-button:after {
      content: none !important; }

.wm-widget-collection .btn.table-footer-info.wm-page-info,
.dataTables_wrapper .btn.table-footer-info.wm-page-info,
.wm-widget-footer .btn.table-footer-info.wm-page-info {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-top: 4px;
  height: 35px; }
  @media only screen and (max-width: 47.9375em) {
    .wm-widget-collection .btn.table-footer-info.wm-page-info,
    .dataTables_wrapper .btn.table-footer-info.wm-page-info,
    .wm-widget-footer .btn.table-footer-info.wm-page-info {
      margin-top: 11px; } }

.wm-widget-collection .wm-pagesize-select .e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard,
.dataTables_wrapper .wm-pagesize-select .e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard,
.wm-widget-footer .wm-pagesize-select .e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard {
  height: 35px !important; }

.card-list-group ~ .wm-grid-footer i {
  margin-top: -4px; }

.modal-body .wm-action-button-group.wm-display-icon-menu > .dropdown.btn-group {
  margin-top: -4px; }

.wm-action-button-group.wm-display-icon-menu > .dropdown.btn-group {
  margin-top: 6px; }

.btn.btn-sm.wm-button.dropdown-toggle:hover::after {
  transform: translateY(0) !important; }

div[name='RECORDABSENCE']::after {
  display: none !important; }

div[data-field-name="SecretViewStateSwitch"] > .wm-button-group > .btn.btn-sm.btn-light.wm-button {
  width: 48px;
  height: 28px;
  margin-right: 1px;
  border-radius: 0 !important;
  padding: 3px 6px !important;
  font-size: 14px !important; }
  div[data-field-name="SecretViewStateSwitch"] > .wm-button-group > .btn.btn-sm.btn-light.wm-button:nth-child(2) {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  div[data-field-name="SecretViewStateSwitch"] > .wm-button-group > .btn.btn-sm.btn-light.wm-button:last-child {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
  div[data-field-name="SecretViewStateSwitch"] > .wm-button-group > .btn.btn-sm.btn-light.wm-button:hover {
    transform: translateY(0) !important;
    opacity: .8;
    box-shadow: none !important; }

.wm-address-maintenance .wm-action-button-group {
  margin-left: 0 !important; }
  .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button {
    margin: 0 !important;
    transition: all .5s ease-in-out;
    border-radius: 0 !important;
    background-color: #fafafa !important; }
    @media (prefers-color-scheme: dark) {
      .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button {
        background-color: #4d535c !important;
        border-color: #484e56 !important;
        color: #edf2f3 !important; } }
    .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button#NEWADDRESS {
      margin-left: -4px !important; }
    .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button.active {
      background-color: #7a8391 !important;
      border-color: #747e8c !important; }
    .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button:hover {
      background-color: #afb3b9 !important;
      border-color: #aaaeb4 !important;
      color: #edf2f3 !important;
      transform: translateY(0px) !important;
      box-shadow: none; }

.btn.btn-sm.btn-danger.wm-delete.wm-export-template-remove-column {
  margin-top: 28px; }

.wm-demand-forecast-add-btn {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: auto !important;
  height: 31px;
  padding: 5px;
  background: #247c24;
  text-indent: inherit !important; }

.wm-inline-search-add-btn-form-column {
  padding-left: 1px; }

/*** Forms ***/
#tag-quick-add-button,
.wm-inline-search-add-btn {
  transform: translateY(0px);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border: none !important;
  border-radius: 0.3rem / 0.4rem !important;
  padding-left: 5px;
  padding-right: 4px;
  background: rgba(175, 179, 185, 0.24) !important; }
  #tag-quick-add-button .wm-button-icon i,
  .wm-inline-search-add-btn .wm-button-icon i {
    background: none !important;
    background-color: none !important; }
  #tag-quick-add-button:hover,
  .wm-inline-search-add-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
    background-color: #afb3b9 !important; }
    @media (prefers-color-scheme: dark) {
      #tag-quick-add-button:hover,
      .wm-inline-search-add-btn:hover {
        box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important; } }
    #tag-quick-add-button:hover i,
    .wm-inline-search-add-btn:hover i {
      color: white !important; }

#tag-quick-add-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem !important;
  width: 40px;
  height: 40px;
  background: rgba(175, 179, 185, 0.48); }
  #tag-quick-add-button .icon-container {
    line-height: 1; }
    #tag-quick-add-button .icon-container i {
      margin-top: 0 !important; }
  #tag-quick-add-button:hover i.wm-icon.main-left-icon {
    color: white !important; }

/*** Data Tables ***/
.wm-datatable-filter-container.wm-section-action-btn {
  transform: translateY(0px);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border: none !important;
  border-radius: 0.3rem / 0.4rem !important;
  background: rgba(175, 179, 185, 0.24) !important; }
  .wm-datatable-filter-container.wm-section-action-btn .wm-button-icon i {
    background: none !important;
    background-color: none !important; }
  .wm-datatable-filter-container.wm-section-action-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
    background-color: #afb3b9 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-datatable-filter-container.wm-section-action-btn:hover {
        box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important; } }
    .wm-datatable-filter-container.wm-section-action-btn:hover i {
      color: white !important; }

.section-header-render-switch-container .btn-group,
.section-header-related-widgets-render-switch-container .btn-group {
  gap: 0.5rem; }

.section-header-render-switch-container .btn,
.section-header-related-widgets-render-switch-container .btn {
  transform: translateY(0px);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border: none !important;
  border-radius: 0.3rem / 0.4rem !important;
  width: 31px;
  height: 31px;
  background: rgba(175, 179, 185, 0.24) !important; }
  .section-header-render-switch-container .btn .wm-button-icon i,
  .section-header-related-widgets-render-switch-container .btn .wm-button-icon i {
    background: none !important;
    background-color: none !important; }
  .section-header-render-switch-container .btn.active, .section-header-render-switch-container .btn:hover,
  .section-header-related-widgets-render-switch-container .btn.active,
  .section-header-related-widgets-render-switch-container .btn:hover {
    background-color: #afb3b9 !important; }
    .section-header-render-switch-container .btn.active i, .section-header-render-switch-container .btn:hover i,
    .section-header-related-widgets-render-switch-container .btn.active i,
    .section-header-related-widgets-render-switch-container .btn:hover i {
      color: white !important; }
  .section-header-render-switch-container .btn:hover,
  .section-header-related-widgets-render-switch-container .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important; }
    @media (prefers-color-scheme: dark) {
      .section-header-render-switch-container .btn:hover,
      .section-header-related-widgets-render-switch-container .btn:hover {
        box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important; } }

/*.new-button {
    position: relative;
    display: flex;
    align-items: center;
    transform-style: preserve-3d;
    margin: auto;
    //box-shadow: inset 0px 0px 48px 0px rgba(172,134,255,0.48);
    box-shadow: inset 0px 0px 0.5rem 0px rgba(172,134,255,0.48);
    box-sizing: border-box;
    border: 2px solid transparent;
    border-radius: 16% 16% 16% 16% / 33% 33% 33% 33%;
    background: #6320F2;
    background-clip: padding-box;
    color: #FFF;

    .button-content {
        position: relative;
        z-index: 99999;
    }

    &:before {
        content: '';
        position: absolute;
        z-index: -2;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateZ(-2px);
        margin: -2px;
        border-radius: inherit;
        //background: linear-gradient(to right, red, orange);
        background: linear-gradient(to right, #AC86FF 0%, #915FFF 100%) right, linear-gradient(to left, #AC86FF 0%, #915FFF 100%) left;
        background-size: 50% 100%;
        background-repeat: no-repeat;
    }


    &:after {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateZ(-1px);
        margin: -2px;
        border-radius: inherit;
        background: linear-gradient(to bottom, #AC86FF 0%, #915FFF 100%) bottom, linear-gradient(to top, #AC86FF 0%, #915FFF 100%) top;
        background-size: 100% 50%;
        background-repeat: no-repeat;
        clip-path: polygon(0% 0%, 50% 50%, 0% 100%, 100% 100%, 50% 50%, 50% 50%, 100% 0%);
    }

    i {
        border-radius: 6px 6px 6px 6px / 7px 7px 7px 7px;
        width: 22px;
        height: 22px;
        padding: 0.25rem;
        background: rgba($white, 0.8);
        color: #6320F2;
    }
}*/
/*.wm-action-button-group {
    //.btn.btn-sm.btn-success.wm-button.wm-web-action,
    //.dropdown.btn-group,
    //.btn-sm.btn-success.wm-button:not(.dropdown-toggle) {
    //    background: none;
    //    border: none;
    //}

    > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle),
    > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle) {
        border-right: none !important;
    }

    .dropdown.btn-group {

        .main-action .wm-button,
        .dropdown-toggle {
            position: relative;
            display: flex;
            align-items: center;
            transform-style: preserve-3d;
            margin: auto;
            //box-shadow: inset 0px 0px 48px 0px rgba(172,134,255,0.48);
            box-shadow: inset 0px 0px 0.5rem 0px rgba(172,134,255,0.48);
            box-sizing: border-box;
            border: 2px solid transparent !important;
            //border-radius: 16% 16% 16% 16% / 33% 33% 33% 33% !important;
            border-radius: 0.58rem / 0.65rem !important;
            padding: 1.2rem 1rem;
            background: #6320F2 !important;
            background-clip: padding-box !important;

            .button-content {
                display: flex;
                align-items: center;
                gap: 0.5rem;

                i {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 6px 6px 6px 6px / 7px 7px 7px 7px;
                    width: 22px;
                    height: 22px;
                    padding: 0.25rem;
                    background: rgba($white, 0.8);
                    font-size: 0.9rem;
                    font-weight: 400;
                    color: #6320F2;
                }
            }


            &:before {
                content: '';
                position: absolute;
                z-index: -2;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                transform: translateZ(-2px);
                margin: -2px;
                border-radius: inherit;
                //background: linear-gradient(to right, red, orange);
                background: linear-gradient(to right, #AC86FF 0%, #915FFF 100%) right, linear-gradient(to left, #AC86FF 0%, #915FFF 100%) left;
                background-size: 50% 100%;
                background-repeat: no-repeat;
            }
        }

        .main-action .wm-button {
            &:after {
                content: '';
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                transform: translateZ(-1px);
                margin: -2px;
                border-radius: inherit;
                background: linear-gradient(to bottom, #AC86FF 0%, #915FFF 100%) bottom, linear-gradient(to top, #AC86FF 0%, #915FFF 100%) top;
                background-size: 100% 50%;
                background-repeat: no-repeat;
                clip-path: polygon(0% 0%, 50% 50%, 0% 100%, 100% 100%, 50% 50%, 50% 50%, 100% 0%);
            }
        }


        .wm-button:not(.dropdown-toggle) {
            border-right: none !important;
        }



        .dropdown-toggle {
            border-radius: 0 0.58rem 0.58rem 0 / 0.65rem !important;
            gap: unset;
        }
    }
}*/
/* WIP Buttons
    
// Variables
$button-bg: #2771d8;
$button-text: #fff;
$button-hover-bg: #2771d8;
$button-hover-shadow: 0px 8px 24px 0px rgba(24, 191, 225, 0.48);
$button-gradient: linear-gradient(184deg, #1ca0f5, #208de9 7%, #2186e5 24%, #1f8ce9 36%, #19a4f8 62%, #18bfe1 97%);


// Standard button
.btn {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    appearance: none;
    transition: background-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms, color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms, box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
    text-overflow: ellipsis;
    box-sizing: border-box;
    border: none;
    outline-color: transparent;
    border-radius: 0.58rem / 0.65rem;
    //border-radius: 0.33em;
    min-width: 9em;
    min-height: 2.25em;
    padding: 0 2em 0.1em;
    padding: 0.4em 1.5em 0.5em;
    background: $button-bg;
    cursor: pointer;
    //font-size: clamp(17px, 1.25vw, 24px);
    font-weight: 400;
    text-align: center;
    line-height: 1.2;
    user-select: none;
    white-space: normal;
    color: $button-text;

    




    .button-content {
        display: inline-block;
        font-size: 0.925em;
        font-weight: 600;
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
        z-index: 999;
        //&:after {
        //    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M1 8.5h13.878M9 2l6.5 6.5L9 15'/%3E%3C/svg%3E");
        //    background-size: contain;
        //    content: "";
        //    display: inline-block;
        //    height: 0.8em;
        //    margin-left: 0.15em;
        //    margin-top: 0.25em;
        //    opacity: 0;
        //    position: absolute;
        //    transform: translateX(-0.75em);
        //    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
        //    width: 0.8em;
        //}
        .wm-button-icon {
            line-height: normal;

            i {
                display: flex !important;
                align-items: center;
                justify-content: center;
                border-radius: 0.375rem 0.375rem 0.375rem 0.375rem / 0.4375rem 0.4375rem 0.4375rem 0.4375rem;
                background: rgba($white, 0.8);
                font-size: 0.9rem;
                font-weight: 400;
                line-height: normal;
                color: $primary !important;
            }
        }
    }

    &.dropdown-toggle:after {
        content: none;
        border: none;
    }

    &.wm-recent-list-button {
        width: auto;
        background: none;
    }


    ///
    /// Variants 
    
    .variant-icon {
        // Square styling
    }

    .variant-text {
        // Button where only text is present.
    }

    .variant-icon-text-dropdown {
        // Multi-action button where an icon and dropdown are present.
    }

    // variant-search-dropdown {
        // Icon where searchbox incorporates a dropdown; to be changed.
    }


    ///
    /// Fill Modes 
    .button-filled {
        background: rgba($primary-light, 0.48);

        &:hover {
            background: rgba($primary-light, 1);
        }
    }

    .button-text {
        background: none;
    }

    .button-outline {
        background: none;
        border: 1px solid;
    }


    ///
    /// Colours
    .button-primary {
        color: $primary;
    }
    .button-secondary {
        color: $secondary;
    }
    .button-tertiary {
        color: $tertiary;
    }
    .button-info {
        color: $info;
    }
    .button-success {
        color: $success;
    }
    .button-warning {
        color: $warning;
    }
    .button-danger {
        color: $danger;
    }
    .button-light {
        color: $light;
    }
    .button-dark {
        color: $dark;
    }
    .button-link {
        color: $link;
    }
    .button-disabled {
        opacity: 0.6;
    }


    ///
    /// Size
    .button-size-small {
        padding: 0.25rem 0.5rem;
    }
    .button-size-medium {
        padding: 0.5rem 0.75rem;
    }
    .button-size-large {
        padding: 0.75rm 1rem;
    }
    .icon-size-small {
        font-size: 0.8rem;
    }
    .icon-size-medium {
        font-size: 1rem;
    }
    .icon-size-large {
        font-size: 1.25rem;
    }

    // Width
    .full-wdith {
        min-width: 100%;
    }


    &:after {
        background-image: $button-gradient;
        border-radius: inherit;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
    }

    &:hover {
        background-color: $button-hover-bg;
        color: $button-text;
        text-decoration: none;
        box-shadow: $button-hover-shadow;

        &:after {
            opacity: 1;
        }

        .button-content {
            transform: translateX(-0.5em);

            &:after {
                opacity: 1;
                transform: translateX(0.25em);
            }
        }
    }
}
*/
/********** Scale Up on Hover **********/
.scale-up-hover:hover {
  transform: scale(1.2); }

/********** Animation Durations **********/
.transition-duration-s {
  transition-duration: 80ms; }

.transition-duration-m {
  transition-duration: .15s; }

.transition-duration-l {
  transition-duration: .3s; }

.transition-duration-xl {
  transition-duration: .5s; }

.transition-duration-xxl {
  transition-duration: .7s; }

/********** Transition Functions **********/
.transition-property-transform {
  transition-property: transform; }

/*************** Easing and Animation Classes ***************/
.transition-timing-function-linear {
  transition-timing-function: linear; }

.transition-timing-function-ease {
  transition-timing-function: ease; }

.transition-timing-function-scale-in {
  transition-timing-function: cubic-bezier(0, 0.89, 0.44, 1); }

.transition-timing-function-scale-out {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.transition-timing-function-scale-up {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.animation-bounce {
  animation: bounce 1.8s 4 cubic-bezier(0.075, 0.82, 0.165, 1); }

.animation-rotate {
  animation: spin 3s 1s infinite cubic-bezier(0.075, 0.82, 0.165, 1); }

.animation-spin {
  animation: spin .8s infinite linear; }

.animation-infinite {
  animation-iteration-count: infinite; }

.faster {
  animation-duration: .5s !important; }

.wm-tr-pulse {
  animation: pulse-element 0.4s normal; }

.wm-main-page .wm-section:not(.wm-ignore-animation) {
  animation: scalein 0.25s normal;
  transform-origin: top; }

.loading h1 {
  width: 100%;
  color: #7a8391;
  font-size: 23px; }

.loading .dots {
  position: relative;
  width: 100%;
  animation: move-2 3s linear infinite;
  animation-delay: -400ms; }

.loading .dot {
  display: inline-block;
  border-radius: 50%;
  background: #7a8391;
  animation: move 3s cubic-bezier(0.1, 0.8, 0.9, 0.1) infinite;
  width: 1rem;
  height: 1rem; }
  .loading .dot:nth-of-type(2) {
    animation-delay: -100ms; }
  .loading .dot:nth-of-type(3) {
    animation-delay: -200ms; }
  .loading .dot:nth-of-type(4) {
    animation-delay: -300ms; }
  .loading .dot:nth-of-type(5) {
    animation-delay: -400ms; }

/*********************** Animation Keyframes ***********************/
@keyframes fadein {
  0% {
    opacity: 0; }
  66% {
    opacity: 0.1; }
  100% {
    opacity: 1; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-15px); }
  60% {
    transform: translateY(-5px); } }

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1); }
  35% {
    transform: scale3D(0, 0, 1); } }

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

@keyframes blink {
  50% {
    opacity: 1; } }

@keyframes bulge {
  50% {
    transform: scale(1.05); } }

@keyframes pulse-element {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.02); }
  100% {
    transform: scale(1); } }

@keyframes large-pulse-element {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }

@keyframes opacity {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes scalein {
  0% {
    transform: scaleY(0); }
  100% {
    transform: scaleY(1); } }

@keyframes showTab {
  from {
    opacity: 0;
    right: 5px; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes move {
  0% {
    transform: translateX(-10em);
    opacity: 0; }
  10%,
  70% {
    opacity: .9; }
  80%,
  100% {
    transform: translateX(10em);
    opacity: 0; } }

@keyframes move-2 {
  0% {
    transform: translateX(4em); }
  100% {
    transform: translateX(-4em); } }

/********** Cube Grid Settings **********/
.wm-loader-dialog {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 999999999;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  @media (prefers-color-scheme: dark) {
    .wm-loader-dialog {
      background-color: rgba(255, 255, 255, 0.3); } }

.pageload-overlay svg path {
  fill: white; }

.sk-cube-grid {
  width: 50px;
  height: 50px;
  position: fixed;
  top: calc(50% - 25px);
  left: calc(50% - 25px); }
  .sk-cube-grid .sk-cube {
    background-color: #7a8391;
    float: left;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    width: 33%;
    height: 33%; }
    .sk-cube-grid .sk-cube1 {
      animation-delay: 0.2s; }
    .sk-cube-grid .sk-cube2 {
      animation-delay: 0.3s; }
    .sk-cube-grid .sk-cube3 {
      animation-delay: 0.4s; }
    .sk-cube-grid .sk-cube4 {
      animation-delay: 0.1s; }
    .sk-cube-grid .sk-cube5 {
      animation-delay: 0.2s; }
    .sk-cube-grid .sk-cube6 {
      animation-delay: 0.3s; }
    .sk-cube-grid .sk-cube7 {
      animation-delay: 0s; }
    .sk-cube-grid .sk-cube8 {
      animation-delay: 0.1s; }
    .sk-cube-grid .sk-cube9 {
      animation-delay: 0.2s; }

/********** Linear Background & Form Loader Settings **********/
.linear-background {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background-image: linear-gradient(to right, #edf2f3 8%, #c0c9d3 18%, #edf2f3 33%);
  background-size: 1000px 104px;
  height: 200px;
  position: relative;
  overflow: hidden;
  margin-top: 40px; }
  @media (prefers-color-scheme: dark) {
    .linear-background {
      background-image: linear-gradient(to right, #2e3338 8%, #474a4c 15%, #2e3338 33%); } }
  .linear-background.single-line {
    height: 20px; }
  .linear-background.single-line-with-inline-search {
    height: 94px; }
    .linear-background.single-line-with-inline-search .row-1 {
      width: 100%;
      height: 25px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 0; }
      @media (prefers-color-scheme: dark) {
        .linear-background.single-line-with-inline-search .row-1 {
          background-color: #292e32; } }
    .linear-background.single-line-with-inline-search .row-2 {
      width: 60%;
      height: 25px;
      background-color: white;
      position: absolute;
      top: 25px;
      right: 0; }
      @media (prefers-color-scheme: dark) {
        .linear-background.single-line-with-inline-search .row-2 {
          background-color: #292e32; } }
    .linear-background.single-line-with-inline-search .row-3 {
      width: 100%;
      height: 25px;
      background-color: white;
      position: absolute;
      top: 50px;
      left: 0; }
      @media (prefers-color-scheme: dark) {
        .linear-background.single-line-with-inline-search .row-3 {
          background-color: #292e32; } }
  .linear-background.kpi {
    border: 15px solid white;
    height: 105px !important;
    border-radius: 5px; }
    @media (prefers-color-scheme: dark) {
      .linear-background.kpi {
        border: 15px solid #292e32 !important; } }
  .linear-background.grid {
    height: 175px; }
    .linear-background.grid .inter-row-1 {
      width: 100%;
      height: 25px;
      background-color: white;
      position: absolute;
      top: 25px;
      left: 0; }
      @media (prefers-color-scheme: dark) {
        .linear-background.grid .inter-row-1 {
          width: 100%;
          height: 25px;
          background-color: #292e32; } }
    .linear-background.grid .inter-row-2 {
      width: 100%;
      height: 25px;
      background-color: white;
      position: absolute;
      top: 75px;
      left: 0; }
      @media (prefers-color-scheme: dark) {
        .linear-background.grid .inter-row-2 {
          width: 100%;
          height: 25px;
          background-color: #292e32; } }
    .linear-background.grid .inter-row-3 {
      width: 100%;
      height: 25px;
      background-color: white;
      position: absolute;
      top: 125px;
      left: 0; }
      @media (prefers-color-scheme: dark) {
        .linear-background.grid .inter-row-3 {
          width: 100%;
          height: 25px;
          background-color: #292e32; } }
  .linear-background.cards {
    height: 150px; }
    .linear-background.cards .inter-crop-1 {
      width: 30px;
      height: 150px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 32%; }
      @media (prefers-color-scheme: dark) {
        .linear-background.cards .inter-crop-1 {
          width: 30px;
          height: 150px;
          background-color: #292e32; } }
    .linear-background.cards .inter-crop-2 {
      width: 30px;
      height: 150px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 65%; }
      @media (prefers-color-scheme: dark) {
        .linear-background.cards .inter-crop-2 {
          width: 30px;
          height: 150px;
          background-color: #292e32; } }
  .linear-background.kanban {
    height: 400px; }
    .linear-background.kanban .inter-row-1 {
      width: 100%;
      height: 40px;
      background-color: white;
      position: absolute;
      top: 30px;
      left: 0; }
      @media (prefers-color-scheme: dark) {
        .linear-background.kanban .inter-row-1 {
          width: 100%;
          height: 40px;
          background-color: #292e32; } }
    .linear-background.kanban .inter-crop-1 {
      width: 15px;
      height: 400px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 24%; }
      @media (prefers-color-scheme: dark) {
        .linear-background.kanban .inter-crop-1 {
          width: 15px;
          height: 400px;
          background-color: #292e32; } }
    .linear-background.kanban .inter-crop-2 {
      width: 15px;
      height: 400px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 49%; }
      @media (prefers-color-scheme: dark) {
        .linear-background.kanban .inter-crop-2 {
          width: 15px;
          height: 400px;
          background-color: #292e32; } }
    .linear-background.kanban .inter-crop-3 {
      width: 15px;
      height: 400px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 74%; }
      @media (prefers-color-scheme: dark) {
        .linear-background.kanban .inter-crop-3 {
          width: 15px;
          height: 400px;
          background-color: #292e32; } }
  .linear-background.cpl .inter-draw--top {
    width: 100%;
    height: 25px;
    background-color: white;
    position: absolute;
    top: 25px;
    left: 0; }
    @media (prefers-color-scheme: dark) {
      .linear-background.cpl .inter-draw--top {
        width: 100%;
        height: 25px;
        background-color: #292e32; } }
  .linear-background.cpl .inter-draw--bottom {
    width: 100%;
    height: 25px;
    background-color: white;
    position: absolute;
    top: 75px;
    left: 0; }
    @media (prefers-color-scheme: dark) {
      .linear-background.cpl .inter-draw--bottom {
        width: 100%;
        height: 25px;
        background-color: #292e32; } }
  .linear-background.cpl .inter-right--top {
    width: 100%;
    height: 25px;
    background-color: white;
    position: absolute;
    top: 125px;
    left: 0; }
    @media (prefers-color-scheme: dark) {
      .linear-background.cpl .inter-right--top {
        width: 100%;
        height: 25px;
        background-color: #292e32; } }
  .linear-background.cpl .inter-right--bottom {
    width: 100%;
    height: 25px;
    background-color: white;
    position: absolute;
    top: 175px;
    left: 0; }
    @media (prefers-color-scheme: dark) {
      .linear-background.cpl .inter-right--bottom {
        width: 100%;
        height: 25px;
        background-color: #292e32; } }

.form-loader {
  height: 300px;
  margin-top: 30px; }
  .form-loader .inter-row-1 {
    width: 100%;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 30px;
    left: 0; }
  .form-loader .inter-row-2 {
    width: 100%;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 90px;
    left: 0; }
  .form-loader .inter-row-3 {
    width: 100%;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 150px;
    left: 0; }
  .form-loader .inter-row-4 {
    width: 100%;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 210px;
    left: 0; }
  .form-loader .inter-row-5 {
    width: 100%;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 270px;
    left: 0; }

/************************** Content Sidebar Placeholder **************************/
.sidebar-items-loader {
  height: 310px;
  margin-top: 0.5rem !important; }
  .sidebar-items-loader .inter-row-1, .sidebar-items-loader .inter-row-2, .sidebar-items-loader .inter-row-3, .sidebar-items-loader .inter-row-4, .sidebar-items-loader .inter-row-5, .sidebar-items-loader .inter-row-6, .sidebar-items-loader .inter-row-7, .sidebar-items-loader .inter-row-8, .sidebar-items-loader .inter-row-9, .sidebar-items-loader .inter-row-10 {
    width: 100%;
    height: 10px;
    background-color: #454d54; }
  .sidebar-items-loader .inter-row-1 {
    position: absolute;
    top: 22px;
    left: 0; }
  .sidebar-items-loader .inter-row-2 {
    position: absolute;
    top: 54px;
    left: 0; }
  .sidebar-items-loader .inter-row-3 {
    position: absolute;
    top: 86px;
    left: 0; }
  .sidebar-items-loader .inter-row-4 {
    position: absolute;
    top: 118px;
    left: 0; }
  .sidebar-items-loader .inter-row-5 {
    position: absolute;
    top: 150px;
    left: 0; }
  .sidebar-items-loader .inter-row-6 {
    position: absolute;
    top: 182px;
    left: 0; }
  .sidebar-items-loader .inter-row-7 {
    position: absolute;
    top: 214px;
    left: 0; }
  .sidebar-items-loader .inter-row-8 {
    position: absolute;
    top: 246px;
    left: 0; }
  .sidebar-items-loader .inter-row-9 {
    position: absolute;
    top: 278px;
    left: 0; }
  .sidebar-items-loader .inter-row-10 {
    position: absolute;
    top: 310px;
    left: 0; }

.hide-nav-links {
  opacity: 0;
  transform: translateX(-100%); }

.show-nav-links {
  transform: translateX(0%); }

/************************** Loaders **************************/
.wm-loading-anim {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .wm-loading-anim.left-xtra {
    left: calc(50vw + 100px); }
  @media only screen and (min-width: 1593px) {
    .wm-loading-anim {
      position: absolute;
      top: calc(40vh + 100px);
      left: calc(50vw + 100px) !important; } }
  @media only screen and (max-width: 61.9375em) {
    .wm-loading-anim {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      left: 50% !important; } }

/************************** Progress Bars **************************/
@keyframes moveStripes {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 50px 50px; } }

@keyframes cardHeaderSlider {
  0% {
    opacity: 0;
    width: 0%; }
  100% {
    opacity: 1;
    width: 100%; } }

body.safari ::-webkit-input-placeholder, body.safari-ios ::-webkit-input-placeholder {
  line-height: 1.5em; }

body.safari .wm-select.wm-control .e-ddl .e-input, body.safari-ios .wm-select.wm-control .e-ddl .e-input {
  margin-top: 0 !important; }

body.safari .modal-body input, body.safari-ios .modal-body input {
  padding-top: 3px !important; }

body.safari .e-dropdownbase .e-list-item .wm-inline-search-container, body.safari-ios .e-dropdownbase .e-list-item .wm-inline-search-container {
  margin-top: 8px; }

body.firefox .DTFC_ScrollWrapper > .dataTables_scroll > .dataTables_scrollHead {
  margin-bottom: -12px; }

a {
  cursor: pointer !important; }

.mw-90 {
  max-width: 90% !important; }

.list-style-none {
  list-style: none; }

.list-group-item.wm-pointer:hover {
  background-color: #edf2f3;
  border-color: #7a8391;
  color: initial !important; }

.googleMap {
  position: relative;
  overflow: hidden;
  transform: translateZ(0px);
  background-color: #edf2f3;
  width: 100%;
  height: 200px; }

.expenses-tax-cont .wm-display-label {
  word-break: inherit !important; }

#stackpage .frame,
#querypage,
#cookiespage,
#headerspage {
  overflow-x: auto; }

@media only screen and (max-width: 28.9375em) {
  .wm-widget-container > .wm-row > .wm-form-row > .wm-section,
  .wm-widget-container > .wm-row .wm-widget-panel > .wm-section, .wm-widget-container-body > .wm-row > .wm-form-row > .wm-section,
  .wm-widget-container-body > .wm-row .wm-widget-panel > .wm-section {
    border-radius: 0 !important; } }

.wm-research-title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.wm-section {
  border-radius: 4px;
  box-shadow: 0 1px 6px -1px rgba(46, 51, 56, 0.2);
  padding: 1.5rem 1rem;
  /* expand section icons*/ }
  @media only screen and (max-width: 28.9375em) {
    .wm-section:not(.sort-container) {
      border-radius: 0 !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-section {
      box-shadow: none !important; } }
  .wm-section-header .section-title .wm-expand {
    vertical-align: middle; }
  .wm-section-header .section-title .wm-section-collapse-icon {
    padding-right: 8px; }
    @media (prefers-color-scheme: dark) {
      .wm-section-header .section-title .wm-section-collapse-icon > .wm-icon.wm-pointer {
        fill: #d8dadf !important;
        color: #d8dadf !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-section-expand-icon > svg {
      fill: #d0d2d6 !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-section-expand-icon > i {
      color: #d0d2d6 !important; } }
  .wm-section-collapse-icon {
    margin-bottom: 0; }
    .wm-section-collapse-icon .wm-icon.wm-pointer.wm-expando.wm-icon-extrasmall {
      transform: rotate(0deg);
      transition: transform .3s ease-in-out;
      display: inline-block; }
    .wm-section-collapse-icon.collapsed .wm-icon.wm-pointer.wm-expando.wm-icon-extrasmall {
      transform: rotate(-90deg); }
  .wm-section-title {
    margin-bottom: 0; }
    .wm-section-title-container {
      align-items: center; }
    .wm-section-title-with-controls .wm-section-actions {
      gap: 0.5rem; }
  .wm-section.wm-no-shadow.wm-kpi-layout .wm-section-inner {
    box-shadow: none !important; }
  @media only screen and (max-width: 28.9375em) {
    .wm-section-actions .wm-section-action-btn:first-child {
      flex-grow: 1; } }
  .wm-section-expand-icon {
    padding-right: 8px; }
  .wm-section-expanded {
    z-index: 1050;
    margin-bottom: 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .wm-section-expanded .e-schedule.wm-schedule-multi .e-resource-column-wrap,
    .wm-section-expanded .e-schedule.wm-schedule-multi .e-content-wrap,
    .wm-section-expanded .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content,
    .wm-section-expanded .e-gantt .e-gantt-chart .e-chart-root-container .e-content {
      max-height: calc(100vh - 270px) !important;
      height: calc(100vh - 270px) !important; }

.wm-main-page .wm-section .wm-label {
  color: #939ba4; }

.wm-main-page .wm-section .wm-collapsible-section .wm-section-inner {
  padding-top: 1rem !important; }

.wm-main-page .wm-queryfilterdiv .sort-container > .wm-section-inner,
.wm-main-page .wm-section .wm-whos-off-widget .wm-section-inner {
  padding-top: 0 !important; }

.wm-bank-account-chart .wm-section {
  padding: 0 !important; }

.wm-info-box .detail.wm-kpi-secondary-text {
  font-size: 20px !important; }

@media only screen and (max-width: 47.9375em) {
  .wm-wrap-header-on-mobile {
    flex-wrap: wrap; } }

#HolidayAllowanceSummary .wm-section {
  margin-bottom: 0 !important; }

.progress {
  border-radius: 2px;
  max-width: 120px;
  height: 1rem;
  background-color: #c7c6d1;
  border: 1px solid #e0e0e0;
  font-size: 10px;
  line-height: 10px;
  font-weight: 100;
  text-transform: none; }
  .progress .progress-bar.bg-progress {
    background-color: #55ce63; }

.header-progress-bar {
  width: 100px;
  padding-right: 0; }
  @media only screen and (max-width: 35.9375em) {
    .header-progress-bar {
      width: 76px; } }
  .header-progress-bar .progressbar-text {
    font-size: 1.2rem !important;
    left: 52% !important; }
    @media only screen and (max-width: 35.9375em) {
      .header-progress-bar .progressbar-text {
        font-size: 1rem; } }
    @media (prefers-color-scheme: dark) {
      .header-progress-bar .progressbar-text {
        color: #c0c9d3 !important; } }
    .header-progress-bar .progressbar-text::after {
      content: attr(data) "%";
      font-size: 1.2rem !important; }

.wm-widget-container div[name="Dashboard"] .wm-section {
  padding: 0 !important; }

.wm-widget-container div[name="Dashboard"] .wm-widget-body {
  padding-top: 0 !important; }

.wmdashboard-container .e-dbrd-layout-wrapper {
  margin-left: -4px !important;
  margin-right: -4px !important;
  width: auto !important; }

.wmdashboard-hideheader .e-dbrd-banner {
  display: none !important;
  height: 0px !important; }

.modal-open {
  overflow: hidden !important; }

.close {
  text-shadow: none;
  font-weight: 400; }
  .close:hover {
    opacity: 1; }
  .close:focus {
    outline: none; }

.wm-add-new-record .wm-button.btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  min-width: 24px;
  padding: 5px;
  /*&:not(.dropdown-toggle)::after {
            content: $content;
            display: block;
            font-size: 17px;
            font-family: "Font Awesome 6 Pro";
                        color: $white;
        }

        &.dropdown-toggle {
            &::after {
                content: $content !important;
                display: flex;
                align-items: center;
                justify-content: center;
                //margin-left: 0 !important;
                //margin-top: 2px !important;
                margin-top: 0;
                margin-left: 0;
                border: none;
                font-size: 0.9rem;
                font-family: 'Font Awesome 6 Pro';
                vertical-align: middle;
                            }
        }*/ }
  .wm-add-new-record .wm-button.btn:after {
    content: none !important; }

@media (prefers-color-scheme: dark) {
  .wm-section-inner hr {
    background-color: #e5e7e9; } }

.wm-section-inner .wm-section {
  box-shadow: none; }
  .wm-section-inner .wm-section-actions .wm-action-button-group .btn-group .wm-button.btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    min-width: 24px;
    padding: 5px;
    /*&:not(.dropdown-toggle)::after {
            content: $content;
            display: block;
            font-size: 17px;
            font-family: "Font Awesome 6 Pro";
                        color: $white;
        }

        &.dropdown-toggle {
            &::after {
                content: $content !important;
                display: flex;
                align-items: center;
                justify-content: center;
                //margin-left: 0 !important;
                //margin-top: 2px !important;
                margin-top: 0;
                margin-left: 0;
                border: none;
                font-size: 0.9rem;
                font-family: 'Font Awesome 6 Pro';
                vertical-align: middle;
                            }
        }*/ }
    .wm-section-inner .wm-section-actions .wm-action-button-group .btn-group .wm-button.btn:after {
      content: none !important; }
  .wm-section-inner .wm-section-actions .wm-action-button-group .btn-group .btn.btn-sm.btn-success.wm-button.dropdown-toggle {
    width: 20px; }
    .wm-section-inner .wm-section-actions .wm-action-button-group .btn-group .btn.btn-sm.btn-success.wm-button.dropdown-toggle::after {
      margin-left: -5px;
      display: block;
      margin-top: 2px;
      margin-left: -1px;
      content: "";
      font-family: 'Font Awesome 5 Pro'; }

.wm-section-actions .wm-widget-data {
  margin-bottom: 0 !important; }

.wm-section-actions > div:first-child {
  margin-right: .5rem !important; }

@media only screen and (max-width: 23.9375em) {
  .wm-section-actions .wm-section-action-btn .wm-container-parent > .wm-select {
    margin-left: 15px; } }

.wm-section-actions .wm-section-action-btn.wm-daterange {
  margin-right: 0 !important; }

.wm-section-actions-last-btn {
  margin-right: 0 !important; }

.wm-section-actions .section-header-related-widgets-render-switch-container:empty {
  display: none !important; }

.wm-section-actions .wm-datatable-filter-container {
  margin-left: 8px; }
  .wm-section-actions .wm-datatable-filter-container i {
    margin-top: -1px;
    color: #aaaeb4 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-section-actions .wm-datatable-filter-container i {
        color: #cccfd5 !important; }
        .wm-section-actions .wm-datatable-filter-container i:hover {
          color: #c5c8cc !important; } }

@media only screen and (max-width: 28.9375em) {
  .wm-section-header .section-title .wm-section-container {
    flex-wrap: wrap; } }

@media only screen and (max-width: 28.9375em) {
  .wm-section-header .wm-section-action-btn:last-child {
    margin-left: 0 !important; } }

.wm-section-header .wm-section-container .wm-section-actions {
  align-items: center; }
  .wm-section-header .wm-section-container .wm-section-actions .wm-container-parent {
    padding: 0 4px 0 0 !important; }

.modulesearch-form .wm-initial-log-in-page,
#ModulesMostUsed .wm-initial-log-in-page,
#Sidebar .wm-initial-log-in-page {
  display: none; }

.wm-initial-log-in-page {
  background: url(/../images/temp/img/login-bg.jpg) no-repeat center center fixed;
  background-size: cover;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; }
  .wm-initial-log-in-page #logo-segment-winman-word,
  .wm-initial-log-in-page #logo-segment-cloud-word {
    fill: #20528f; }
    @media (prefers-color-scheme: dark) {
      .wm-initial-log-in-page #logo-segment-winman-word,
      .wm-initial-log-in-page #logo-segment-cloud-word {
        fill: white; } }
  .wm-initial-log-in-page .panel {
    position: relative;
    max-width: 440px;
    width: calc(100% - 40px);
    background-color: white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    min-width: 320px;
    margin: 300px auto 28px auto;
    padding: 20px 40px 40px 40px; }
    @media (prefers-color-scheme: dark) {
      .wm-initial-log-in-page .panel {
        background-color: #2e3338;
        opacity: .95; }
        .wm-initial-log-in-page .panel #btnsubmitform {
          background-color: #0078d6 !important;
          border: #006fc7 !important; } }
    @media only screen and (max-width: 28.9375em) {
      .wm-initial-log-in-page .panel {
        margin-top: 100px; } }
  .wm-initial-log-in-page .wm-login-logo {
    background: url(/../images/WinManLogoLight.svg) no-repeat top left;
    background-size: 175px 50px;
    clear: both;
    padding: 0px;
    margin: 0px;
    width: 200px;
    height: 75px; }
  .wm-initial-log-in-page form label span {
    margin-left: 10px; }

.wm-collapsable-sidepanel {
  display: flex;
  flex-direction: column;
  z-index: 1029;
  top: 45px;
  transition: all 0.3s ease;
  padding: 0.9rem 0 1rem 0;
  background-color: white;
  border-left: 1px solid #e0e0e0;
  width: 60px;
  position: fixed;
  bottom: 0;
  right: 0; }
  @media (prefers-color-scheme: dark) {
    .wm-collapsable-sidepanel {
      background-color: #202225;
      border-left: 1px solid #5b636c; } }
  .wm-collapsable-sidepanel-toggler {
    cursor: pointer;
    outline: none !important;
    display: inline-block;
    box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.15);
    border-right: 0;
    z-index: 1024;
    padding: 15px 11px 15px 15px;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #edf2f3;
    color: #93a2b4;
    font-size: 1.2rem;
    line-height: 0;
    font-weight: 500;
    text-transform: none;
    position: fixed;
    bottom: 50px;
    right: 0;
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important; }
    @media (prefers-color-scheme: dark) {
      .wm-collapsable-sidepanel-toggler {
        background-color: rgba(91, 99, 108, 0.85);
        border-color: #545b64; } }
    .wm-collapsable-sidepanel-toggler::after {
      content: '\f053';
      font-family: 'Font Awesome 5 Pro'; }
      @media (prefers-color-scheme: dark) {
        .wm-collapsable-sidepanel-toggler::after {
          color: #c0c9d3; } }
    @media only screen and (min-width: 62em) {
      .wm-collapsable-sidepanel-toggler-hide {
        display: none; } }
    .wm-collapsable-sidepanel-toggler-hide-always {
      right: 58px;
      box-shadow: 0px 0px 98px 0px rgba(0, 0, 0, 0.15); }
      .wm-collapsable-sidepanel-toggler-hide-always::after {
        content: '\f054';
        font-family: 'Font Awesome 5 Pro'; }
  .wm-collapsable-sidepanel-nav-body {
    flex: 1 0 auto; }
  .wm-collapsable-sidepanel-nav-toolbar {
    list-style-type: none;
    border: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    padding: 0; }
    .wm-collapsable-sidepanel-nav-toolbar-item.nav-item:not(:first-child) {
      margin-top: 10px; }
    .wm-collapsable-sidepanel-nav-toolbar-item.nav-item.add-new-toolbar-item {
      border: 1px solid white;
      border-radius: 50px; }
      .wm-collapsable-sidepanel-nav-toolbar-item.nav-item.add-new-toolbar-item:hover {
        border: 1px dashed #93a2b4; }
    .wm-collapsable-sidepanel-nav-toolbar-item.nav-item.dropleft h6.dropdown-header {
      padding: 0.5rem 0.5rem;
      font-size: 16px;
      color: #7a8391; }
    .wm-collapsable-sidepanel-nav-toolbar-icon.nav-link {
      position: relative;
      cursor: pointer;
      border-radius: 50%;
      border: 0;
      outline: none !important;
      transition: all 0.3s;
      margin: 0;
      padding: 0;
      width: 44px;
      height: 44px;
      display: flex !important;
      align-items: center;
      justify-content: center;
      flex-direction: row; }
      .wm-collapsable-sidepanel-nav-toolbar-icon.nav-link:hover, .wm-collapsable-sidepanel-nav-toolbar-icon.nav-link.active {
        transition: all 0.3s;
        background-color: #e0e0e0; }
        @media (prefers-color-scheme: dark) {
          .wm-collapsable-sidepanel-nav-toolbar-icon.nav-link:hover, .wm-collapsable-sidepanel-nav-toolbar-icon.nav-link.active {
            background-color: #434950 !important;
            color: #7a8391 !important; } }
      .wm-collapsable-sidepanel-nav-toolbar-icon.nav-link .indicator {
        font-size: 7px;
        position: absolute;
        top: 6px;
        left: 24px; }
    .wm-collapsable-sidepanel-nav-toolbar-icon .wm-button-icon .wm-icon {
      fill: #7a8391;
      color: #7a8391; }
    .wm-collapsable-sidepanel-nav-toolbar-icon .wm-button-icon {
      line-height: 1 !important; }
    .wm-collapsable-sidepanel-nav-toolbar-icon .btn.btn-sm.btn-standard.wm-button {
      background-color: transparent;
      border: transparent; }
  .wm-collapsable-sidepanel-nav-body > ul > li > a > i, .wm-collapsable-sidepanel-nav-footer > ul > li > a > i {
    font-size: 18px; }
  @media only screen and (max-width: 61.9375em) {
    .wm-collapsable-sidepanel-hide {
      display: none; } }

.wm-hide-always {
  display: none; }

.wm-partial.wm-partial-view div[data-widget-name="DocumentCardView"] {
  flex: 0 0 100%;
  max-width: 100%; }

.wm-partial.wm-partial-view div[data-widget-name="ActivityList"] {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 30px; }

div[data-widget-name="DocumentCardView"] .card .is-link-attached-document-card {
  padding-left: 50px !important; }
  div[data-widget-name="DocumentCardView"] .card .is-link-attached-document-card .wm-include-checkbox {
    position: absolute;
    left: 10px;
    top: 15px; }
  div[data-widget-name="DocumentCardView"] .card .is-link-attached-document-card .wm-web-actions-icons {
    right: 15px; }

@media only screen and (max-width: 28.9375em) {
  .e-dashboardWrapper .e-title.e-hoverable {
    height: auto !important;
    line-height: 23px !important; }
  .e-dashboardWrapper .e-js {
    height: 1664px !important; }
  .e-treeview .e-text-content:not(.e-icon-wrapper) {
    padding: 0; }
  .wmdashboard-container.wm-ej1-only.wm-is-dashboard-widget {
    height: 300px !important; } }

.sticky-footer {
  margin-bottom: 40px; }
  .sticky-footer .module-content-wrapper {
    min-height: calc(100vh - 56px - 56px); }

.scrollTop {
  display: none;
  z-index: 99999999;
  cursor: pointer;
  border-radius: 50%;
  background: white;
  position: fixed;
  bottom: 17px;
  left: 10px;
  width: 28px;
  height: 27px; }
  .scrollTop i {
    color: #7a8391; }
  .scrollTop .scrollTop:hover {
    opacity: .7; }

#tab-content-entity_tags .wm-collapsible-section .wm-section-inner {
  padding: 0 !important; }
  #tab-content-entity_tags .wm-collapsible-section .wm-section-inner .e-add-btn {
    margin-left: 12px; }

#tab-content-entity_tags .wm-collapsible-section > .wm-section-inner {
  padding-bottom: 6px !important; }

#tab-content-entity_tags .wm-collapsible-section .wm-widget-collection > .card-list-group {
  margin-top: 12px; }
  #tab-content-entity_tags .wm-collapsible-section .wm-widget-collection > .card-list-group .last-row > .col-md-4 {
    margin-bottom: 0 !important; }

#tab-content-entity_tags .wm-collapsible-section .wm-widget-collection .wm-section {
  padding: 0 !important;
  margin-bottom: 0 !important; }
  #tab-content-entity_tags .wm-collapsible-section .wm-widget-collection .wm-section > .wm-section-inner {
    padding-top: 16px !important; }
    #tab-content-entity_tags .wm-collapsible-section .wm-widget-collection .wm-section > .wm-section-inner .alert {
      margin-bottom: 6px !important; }

.navbar:not(.fixed-top) {
  background-color: transparent !important; }
  .navbar:not(.fixed-top) .winmancloud-logo {
    display: none; }

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0; }

.navbar-dark.fixed-top {
  border-color: #edf2f3;
  /*MJH temp hardcoded height as it was changing whilst page loads*/
  height: 55px;
  background-image: radial-gradient(at bottom left, #7a8391, #ced1d6); }
  @media only screen and (max-width: 28.9375em) {
    .navbar-dark.fixed-top {
      height: 44px; } }
  @media only screen and (max-width: 23.9375em) {
    .navbar-dark.fixed-top {
      padding: 8px; } }

.navbar-sidenav .nav-item .nav-link {
  font-size: 14px; }
  .navbar-sidenav .nav-item .nav-link:hover {
    opacity: .7; }
  .navbar-sidenav .nav-item .nav-link .secondary-nav-link-text {
    display: inline-block;
    opacity: 1;
    overflow: hidden !important;
    max-width: 90%;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis; }

.navbar-sidenav .nav-item:hover .wm-sidebar {
  margin-right: -20px !important; }
  .navbar-sidenav .nav-item:hover .wm-sidebar-favourite, .navbar-sidenav .nav-item:hover .wm-sidebar-recent, .navbar-sidenav .nav-item:hover .wm-sidebar-pin {
    display: inline-block;
    animation: fadeInRight 300ms ease-in-out; }

.navbar-sidenav-tooltip.show {
  display: none; }

.navbar-sidenav .mCSB_draggerContainer {
  opacity: 0;
  transition: all .5s; }
  .navbar-sidenav .mCSB_draggerContainer .mCSB_draggerRail {
    background-color: transparent; }

.navbar-sidenav:hover .mCSB_draggerContainer {
  opacity: 1; }

.navbar-sidenav .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .navbar-sidenav .mCS-dark-thin.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
  width: 10px;
  background: transparent !important;
  cursor: default !important; }

@media only screen and (max-width: 28.9375em) {
  .navbar-sidenav-collapse.collapse .ml-2 {
    margin-left: 0 !important; }
    .navbar-sidenav-collapse.collapse .ml-2 .company-links .wm-image-entity {
      margin-left: 5px !important; } }

.navbar-nav .dropdown > .dropdown-menu {
  right: 0;
  left: auto; }

@media (prefers-color-scheme: dark) {
  .navbar-nav.navbar-sidenav {
    border-right: 1px solid #5b636c; } }

.navbar-nav.navbar-sidenav .nav-category {
  font-size: 0.9rem;
  line-height: normal;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 8px;
  padding-left: 10px !important;
  color: #c0c9d3;
  letter-spacing: 1px;
  margin-bottom: -5px !important; }
  .navbar-nav.navbar-sidenav .nav-category.show {
    opacity: 1; }

.navbar-nav.navbar-sidenav .cat-icon {
  font-size: 15px;
  font-weight: 600;
  color: #fbfbfc !important;
  position: relative;
  top: -12px;
  transition: opacity 0.2s;
  margin: 0px 10px 11px 10px;
  font-family: 'Fredoka One', cursive; }
  .navbar-nav.navbar-sidenav .cat-icon, .navbar-nav.navbar-sidenav .cat-icon.hide {
    opacity: 0; }

.navbar-nav.navbar-sidenav .mCSB_inside > .mCSB_container {
  margin-right: 12px !important; }

.navbar-nav.navbar-sidenav.wm-scrollbar-content.mCustomScrollbar .mCustomScrollBox {
  height: 97%; }

@media only screen and (max-width: 61.9375em) {
  .navbar-nav.navbar-sidenav.wm-scrollbar-content.mCustomScrollbar .mCSB_draggerContainer {
    display: none !important; } }

.navbar-right.wm-page-menu {
  display: flex;
  align-items: center;
  gap: 1rem; }
  @media only screen and (max-width: 61.9375em) {
    .navbar-right.wm-page-menu {
      display: none; } }
  .navbar-right.wm-page-menu .notifications a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(0px);
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
    border-radius: 50px;
    cursor: pointer; }
    .navbar-right.wm-page-menu .notifications a i {
      font-size: 1.2rem;
      color: white; }
      @media (prefers-color-scheme: dark) {
        .navbar-right.wm-page-menu .notifications a i {
          color: #f7fafc; } }
    .navbar-right.wm-page-menu .notifications a .notification-count {
      display: none; }
      .navbar-right.wm-page-menu .notifications a .notification-count.new, .navbar-right.wm-page-menu .notifications a .notification-count.some, .navbar-right.wm-page-menu .notifications a .notification-count.many {
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        animation: background-gradient 2.5s linear infinite;
        border-radius: 50px;
        background: linear-gradient(-45deg, #f56565, #ff3b30, #ff453a, #f56565, #fc8181);
        background-size: 600%;
        color: white; }
      .navbar-right.wm-page-menu .notifications a .notification-count.new {
        width: 11px;
        height: 11px; }
      .navbar-right.wm-page-menu .notifications a .notification-count.some {
        top: 0;
        right: 0;
        width: 24px;
        height: 24px;
        padding: 0.5rem; }
      .navbar-right.wm-page-menu .notifications a .notification-count.many {
        top: 0;
        right: -0.5rem;
        width: 32px;
        height: 24px; }
    .navbar-right.wm-page-menu .notifications a .wm-notification-icon {
      border-radius: 50px;
      padding: 1rem;
      color: white; }
    .navbar-right.wm-page-menu .notifications a:hover {
      transform: translateY(-2px);
      background: rgba(255, 255, 255, 0.85); }
      .navbar-right.wm-page-menu .notifications a:hover i {
        color: #afb3b9;
        font-weight: 500; }
  .navbar-right.wm-page-menu .notifications a,
  .navbar-right.wm-page-menu .avatar .wm-image-small,
  .navbar-right.wm-page-menu .system-locale .wm-image-small {
    transform: translateY(0px);
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
    width: 44px;
    height: 44px;
    font-size: clamp(1rem, 1.25vw, 1rem); }
    .navbar-right.wm-page-menu .notifications a:hover,
    .navbar-right.wm-page-menu .avatar .wm-image-small:hover,
    .navbar-right.wm-page-menu .system-locale .wm-image-small:hover {
      transform: translateY(-2px);
      box-shadow: 0 1px 2px rgba(74, 85, 104, 0.24), 0 2px 4px rgba(74, 85, 104, 0.18), 0 4px 8px rgba(74, 85, 104, 0.12), 0 8px 16px rgba(74, 85, 104, 0.08); }
  .navbar-right.wm-page-menu .system-locale {
    padding-left: 1rem;
    border-left: 1px solid rgba(255, 255, 255, 0.5); }
  .navbar-right.wm-page-menu ul.dropdown-menu.show {
    padding: 10px; }

.navbar-checkbox {
  display: none; }
  .navbar-checkbox:checked + .navbar-toggler .navbar-icon {
    background-color: transparent; }
    .navbar-checkbox:checked + .navbar-toggler .navbar-icon::before {
      top: 0;
      transform: rotate(135deg); }
    .navbar-checkbox:checked + .navbar-toggler .navbar-icon::after {
      top: 0;
      transform: rotate(-135deg); }

.navbar-toggler {
  margin-bottom: 12px;
  margin-right: 10px;
  border: 0; }
  @media only screen and (max-width: 28.9375em) {
    .navbar-toggler {
      margin-top: -6px;
      margin-right: 0 !important; } }
  .navbar-toggler:active, .navbar-toggler:link {
    background-color: transparent !important; }
  .navbar-toggler.navbar-toggler-right:focus {
    outline: none; }
  .navbar-toggler:hover .navbar-icon::before {
    transform: translateY(-1.5px); }
  .navbar-toggler:hover .navbar-icon::after {
    transform: translateY(1.5px); }

.navbar-icon {
  position: relative;
  transition: all 0.3s; }
  .navbar-icon, .navbar-icon::before, .navbar-icon::after {
    width: 26px;
    height: 2px;
    display: inline-block;
    border-radius: 4px;
    background-color: white; }
    @media only screen and (max-width: 28.9375em) {
      .navbar-icon, .navbar-icon::before, .navbar-icon::after {
        width: 22px; } }
  .navbar-icon::before, .navbar-icon::after {
    position: absolute;
    left: 0;
    content: " ";
    transition: all 0.4s; }
  .navbar-icon::before {
    top: -8px; }
  .navbar-icon::after {
    top: 8px; }

#mainNav {
  transition: top 0.3s;
  /* Transition effect when sliding down (and up) */ }
  @media only screen and (max-width: 61.9375em) {
    #mainNav .navbar-sidenav {
      background: none; } }
  @media only screen and (min-width: 62em) {
    #mainNav .user-nav-links {
      display: none; } }
  @media only screen and (min-width: 62em) {
    #mainNav.fixed-top .navbar-sidenav {
      height: 100vh;
      max-height: calc(100vh - 56px);
      background: none; } }
  #mainNav.fixed-top.navbar-light .sidenav-toggler {
    background-color: #edf0f2; }
    #mainNav.fixed-top.navbar-light .sidenav-toggler a i {
      color: rgba(0, 0, 0, 0.5); }
  #mainNav.fixed-top.navbar-dark .sidenav-toggler {
    min-height: 70px;
    background-color: white; }
    #mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
      font-size: 20px;
      font-weight: 900;
      color: #b2b7bf; }
  #mainNav.fixed-top.navbar-dark .navbar-collapse .navbar-sidenav {
    background-color: #202225; }
    @media only screen and (min-width: 62em) {
      #mainNav.fixed-top.navbar-dark .navbar-collapse .navbar-sidenav, #mainNav.fixed-top.navbar-dark .navbar-collapse .navbar-sidenav.widen {
        width: 250px;
        padding-left: unset; } }
  #mainNav .navbar-collapse {
    max-height: 65vh; }
    @media only screen and (max-width: 61.9375em) {
      #mainNav .navbar-collapse.show #ModulesMostUsed, #mainNav .navbar-collapse.show .wm-scrollbar-content.mCustomScrollbar {
        height: 100% !important;
        padding-bottom: 20px; } }
    @media only screen and (min-width: 62em) {
      #mainNav .navbar-collapse {
        max-height: none; }
        #mainNav .navbar-collapse .nav-item {
          transition: all 0.5s; } }
    @media only screen and (max-width: 61.9375em) {
      #mainNav .navbar-collapse {
        overflow: auto;
        margin-top: 10px;
        border-radius: 4px;
        padding: 6px 0 0 0;
        background: #202225; }
        #mainNav .navbar-collapse .nav-item {
          padding-left: 8px; } }
    #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
      cursor: pointer; }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
      position: relative;
      min-width: 45px; }
      #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link::after {
        content: '\f105';
        float: right;
        border: none;
        width: auto;
        font-family: 'FontAwesome'; }
      #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
        position: absolute;
        top: 5px;
        left: 21px;
        font-size: 10px; }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link::after {
      content: '\f107'; }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
      overflow: hidden;
      max-width: 300px;
      white-space: normal; }
    @media only screen and (min-width: 62em) {
      #mainNav .navbar-collapse .navbar-sidenav {
        position: absolute;
        top: 0;
        left: 0;
        flex-direction: column;
        margin-top: 55px;
        padding-top: 10px; } }
    #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse::after {
      content: '\f107';
      float: right;
      font-family: 'FontAwesome'; }
    #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed::after {
      content: '\f105'; }
    #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level {
      padding-left: 0; }
      #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
        display: block;
        padding: 0.5em 0 0 1em; }
        #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus {
          text-decoration: none; }
        #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover {
          text-decoration: none; }
    #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
      padding-left: 0; }
      #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
        display: block;
        padding: 0.5em 0 0 2em; }
        #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus {
          text-decoration: none; }
        #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
          text-decoration: none; }
    @media only screen and (min-width: 62em) {
      #mainNav .navbar-collapse .navbar-sidenav .nav-item {
        width: 242px;
        padding: 0; } }
    #mainNav .navbar-collapse .sidenav-toggler {
      display: none; }
  #mainNav.static-top .sidenav-toggler {
    display: none; }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav.nav-link-collapse::after {
    color: #77818d; }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    color: #77818d; }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
    color: #77818d; }
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover {
      color: #c0c9d3; }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    color: #77818d; }
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
      color: #c0c9d3; }
  #mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link::after {
    display: none; }

.dropdown-menu.top-avatar li .dropdown-item {
  overflow: hidden; }

.dropdown-menu .wm-scrollbar-content {
  overflow: auto;
  max-height: 260px; }
  .dropdown-menu .wm-scrollbar-content .mCSB_inside > .mCSB_container {
    margin-right: 10px !important; }

.dropdown.nav-item .company-links .rowdiv {
  margin-top: .15rem;
  border-radius: .2rem; }

@media only screen and (min-width: 62em) {
  .dropdown.nav-item .company-links .wm-image-entity img {
    margin-right: 0px; } }

.dropdown.nav-item .company-links.nav-link {
  border-radius: .2rem;
  padding-left: .75rem;
  padding-right: .75rem; }
  .dropdown.nav-item .company-links.nav-link:hover {
    background-color: rgba(255, 255, 255, 0.12);
    color: white; }
  .dropdown.nav-item .company-links.nav-link:active, .dropdown.nav-item .company-links.nav-link:focus {
    background-color: rgba(0, 0, 0, 0.12); }

.topbar-status-dropdown > .dropdown-menu > .dropdown-header {
  font-size: 18px;
  font-weight: 500;
  color: #212529;
  padding: .5rem .5rem; }

.wm-container-parent .wm-control .wm-display-label,
.wm-control .wm-display-label {
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto; }

.wm-site-version {
  position: fixed;
  top: 24px;
  left: 0;
  background-color: #2e3338;
  color: #a1a8b0;
  margin-top: calc(100vh - 41px);
  width: 250px;
  padding-left: 7px;
  font-size: 12px; }
  @media only screen and (max-width: 35.9375em) {
    .wm-site-version {
      display: none; } }

.wm-module-title:hover .wm-module-pin {
  display: inline-block; }

.wm-sidebar-favourite, .wm-sidebar-recent, .wm-sidebar-pin {
  display: none; }

.wm-sidebar-pin .wm-icon, .wm-sidebar-recent .wm-icon {
  height: 13px;
  font-size: 13px; }

.wm-sidebar-pin .wm-icon, .wm-sidebar-recent .wm-icon, .wm-sidebar-favourite .wm-icon {
  fill: #c0c9d3;
  color: #c0c9d3; }

.wm-sidebar-pin.fas.fa-thumbtack, .wm-sidebar .wm-module-pin.fas.fa-thumbtack {
  transform: rotate(90deg); }

.wm-scrollbar-content .mCSB_draggerContainer {
  opacity: 0;
  transition: .5s; }

@media only screen and (max-width: 61.9375em) {
  .wm-scrollbar-content .mCSB_container {
    overflow: visible !important; } }

.fa.fa-spinner {
  font-size: 22px; }

.recent-navbar-nav li .nav-link.nav-recent {
  padding: 0 10px 11px !important; }

.fav-navbar-nav, .recent-navbar-nav {
  left: 0em !important;
  overflow: hidden !important;
  margin-bottom: 10px;
  max-width: 90%;
  padding-left: 4px;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .fav-navbar-nav li, .recent-navbar-nav li {
    overflow: hidden;
    width: 23ch;
    list-style: none;
    text-overflow: ellipsis;
    word-break: break-all; }
    .fav-navbar-nav li .nav-link.nav-favourite .nav-link-text, .fav-navbar-nav li .nav-link.nav-recent .nav-link-text, .recent-navbar-nav li .nav-link.nav-favourite .nav-link-text, .recent-navbar-nav li .nav-link.nav-recent .nav-link-text {
      left: 3em;
      color: #c0c9d3;
      width: -webkit-fill-available; }
    .fav-navbar-nav li.nav-item, .recent-navbar-nav li.nav-item {
      padding-left: 10px !important; }

.nav-item.dropdown.topbar-status-dropdown .nav-link.dropdown-toggle {
  border-radius: .2rem;
  padding-left: .75rem;
  padding-right: .75rem; }
  .nav-item.dropdown.topbar-status-dropdown .nav-link.dropdown-toggle:hover {
    background-color: rgba(255, 255, 255, 0.12);
    color: white; }
  .nav-item.dropdown.topbar-status-dropdown .nav-link.dropdown-toggle:active, .nav-item.dropdown.topbar-status-dropdown .nav-link.dropdown-toggle:focus {
    background-color: rgba(0, 0, 0, 0.12); }

.nav-link-text {
  position: relative;
  top: 0px;
  left: 5px;
  color: #edf2f3; }
  .nav-link-text.hidden {
    display: none; }

.nav-link.nav-favourite, .nav-link.nav-recent {
  padding: 0 !important; }
  .nav-link.nav-favourite .nav-link-text, .nav-link.nav-recent .nav-link-text {
    font-size: 0.8em !important;
    line-height: 15px;
    font-weight: 300;
    text-transform: none; }

.sidebar-link-hover-icon-container {
  position: absolute;
  right: 5px;
  background: transparent;
  padding-left: 5px;
  padding-top: 4px;
  top: 6px !important; }
  @media only screen and (max-width: 61.9375em) {
    .sidebar-link-hover-icon-container .wm-sidebar-favourite, .sidebar-link-hover-icon-container .wm-sidebar-recent, .sidebar-link-hover-icon-container .wm-sidebar-pin {
      display: none; } }
  @media only screen and (max-width: 61.9375em) {
    .sidebar-link-hover-icon-container .wm-sidebar:hover-favourite, .sidebar-link-hover-icon-container .wm-sidebar:hover-recent, .sidebar-link-hover-icon-container .wm-sidebar:hover-pin {
      display: block !important; } }
  .sidebar-link-hover-icon-container i {
    font-size: 14px; }

.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
  transform: scaleX(-1);
  filter: FlipH; }

.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
  overflow-x: hidden;
  width: 48px; }
  .sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item, .sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
    width: 55px !important; }

.sidenav-toggled #mainNav.fixed-top .module-content-wrapper {
  margin-left: 55px; }
  @media only screen and (max-width: 61.9375em) {
    .sidenav-toggled #mainNav.fixed-top .module-content-wrapper {
      margin-left: 0; } }

.fixed-nav {
  padding-top: 56px; }

.wm-chat-toggle svg path, .wm-chat-toggle svg #Oval, .wm-chat-toggle svg #Rectangle {
  fill: #7a8391 !important; }
  @media (prefers-color-scheme: dark) {
    .wm-chat-toggle svg path, .wm-chat-toggle svg #Oval, .wm-chat-toggle svg #Rectangle {
      fill: #babdc3 !important; } }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #33353b !important; }

@media only screen and (min-width: 62em) {
  .dev-environment-banner.full-content span {
    position: relative;
    left: 94px; } }

#settingsModal #loadedtabwidgetpick_sites {
  margin-top: 8px; }
  #settingsModal #loadedtabwidgetpick_sites th {
    padding: 0; }
    #settingsModal #loadedtabwidgetpick_sites th::before, #settingsModal #loadedtabwidgetpick_sites th::after {
      bottom: 2px; }
  #settingsModal #loadedtabwidgetpick_sites .header-no-title.bg-white {
    border-radius: 4px;
    background-color: #edf2f3 !important; }
  #settingsModal #loadedtabwidgetpick_sites .wm-widget-container-body td {
    padding: .2rem; }
    #settingsModal #loadedtabwidgetpick_sites .wm-widget-container-body td .wm-row {
      background-color: transparent !important; }
      #settingsModal #loadedtabwidgetpick_sites .wm-widget-container-body td .wm-row .wm-checkbox {
        margin-top: 0 !important; }
    #settingsModal #loadedtabwidgetpick_sites .wm-widget-container-body td .dtr-details li {
      padding: .4rem 0 !important; }
      #settingsModal #loadedtabwidgetpick_sites .wm-widget-container-body td .dtr-details li .dtr-title {
        margin-left: 10px; }
        #settingsModal #loadedtabwidgetpick_sites .wm-widget-container-body td .dtr-details li .dtr-title input:focus {
          outline: 2px solid #7a8391 !important;
          text-indent: 6px; }
      #settingsModal #loadedtabwidgetpick_sites .wm-widget-container-body td .dtr-details li .dtr-data {
        margin-top: 3px;
        margin-left: 20px; }
  #settingsModal #loadedtabwidgetpick_sites .DTFC_RightWrapper {
    display: none; }
  #settingsModal #loadedtabwidgetpick_sites .wm-grid-footer {
    padding: 0 4px 4px 0 !important; }

#settingsModal div[data-field-name="SettingsSystemId"] > .e-input-group > select {
  display: none; }

#settingsModal .modal-body .d-flex > div > label.font-14 {
  margin-bottom: 0 !important; }

#settingsModal .modal-body .d-flex > div.ml-auto > .wm-row {
  margin-right: 40px; }
  #settingsModal .modal-body .d-flex > div.ml-auto > .wm-row .wm-checkbox {
    margin-top: 0 !important; }

#settingsModal .modal-body .wm-widget-container .wm-grid-footer .wm-select-grid-page-info {
  margin-top: 2px;
  margin-left: 8px; }

#settingsModal .theming {
  display: flex;
  align-items: center;
  width: 100%; }
  #settingsModal .theming .switch {
    width: 60px;
    height: 34px;
    position: relative;
    display: inline-block; }
    #settingsModal .theming .switch input {
      width: 0;
      height: 0;
      opacity: 0; }
      #settingsModal .theming .switch input:checked + .slider {
        background-color: #33353b; }
      #settingsModal .theming .switch input:focus + .slider {
        box-shadow: 0 0 1px #596069; }
      #settingsModal .theming .switch input:checked + .slider:before {
        transform: translateX(20px); }
    #settingsModal .theming .switch .slider {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 48px;
      height: 24px;
      transition: .4s;
      margin-top: 5px;
      background-color: #c0c9d3;
      cursor: pointer; }
      #settingsModal .theming .switch .slider::before {
        position: absolute;
        bottom: 2px;
        left: 4px;
        width: 20px;
        height: 20px;
        content: "";
        transition: .4s;
        background-color: white; }
      #settingsModal .theming .switch .slider.round {
        border-radius: 34px; }
        #settingsModal .theming .switch .slider.round::before {
          border-radius: 50%; }

#notificationModal .wm-notification-items > .notification-item {
  padding: 8px !important; }
  @media (prefers-color-scheme: dark) {
    #notificationModal .wm-notification-items > .notification-item .wm-notification-subject {
      color: white !important; }
    #notificationModal .wm-notification-items > .notification-item .wm-expanding-text {
      color: #c8d7db !important; }
    #notificationModal .wm-notification-items > .notification-item:hover {
      background-color: #373d43 !important; } }

#notificationModal .modal-footer {
  background-color: white; }
  @media (prefers-color-scheme: dark) {
    #notificationModal .modal-footer {
      background-color: #1d1f22; }
      #notificationModal .modal-footer a {
        color: #afb3b9 !important; }
        #notificationModal .modal-footer a:hover {
          color: #d0d2d6 !important; } }

#userAccountDropdown {
  cursor: pointer;
  user-select: none; }
  #userAccountDropdown ::-webkit-scrollbar,
  #userAccountDropdown ::-webkit-scrollbar-track,
  #userAccountDropdown ::-webkit-scrollbar-thumb {
    border-radius: 50px; }
  #userAccountDropdown ::-webkit-scrollbar {
    width: 5px;
    background-clip: padding-box; }
  #userAccountDropdown ::-webkit-scrollbar-track {
    margin-block: 15px; }
  #userAccountDropdown .dropdown-menu {
    display: block;
    visibility: hidden;
    overflow-y: overlay;
    animation-name: fadeOutUp;
    box-shadow: 0 1px 2px rgba(74, 85, 104, 0.24), 0 2px 4px rgba(74, 85, 104, 0.18), 0 4px 8px rgba(74, 85, 104, 0.12), 0 8px 16px rgba(74, 85, 104, 0.08);
    border-radius: 24px;
    min-width: 20rem;
    max-height: calc(100dvh - 100px);
    padding: 1rem;
    background: white; }
    @media (prefers-color-scheme: dark) {
      #userAccountDropdown .dropdown-menu {
        border-color: #718096;
        background: #23262a; } }
    @media (prefers-color-scheme: dark) {
      #userAccountDropdown .dropdown-menu hr {
        border-color: #4a5568; } }
    #userAccountDropdown .dropdown-menu ul {
      padding-inline-start: 0;
      list-style: none; }
      #userAccountDropdown .dropdown-menu ul a {
        display: grid;
        grid-template-columns: 24px 1fr;
        grid-template-rows: 1fr;
        align-items: center;
        justify-content: start;
        gap: 1.5rem;
        transform: translateY(0px);
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 50px;
        padding: 0.5rem 0.75rem;
        cursor: pointer;
        font-size: 1rem;
        color: #77818d; }
        @media (prefers-color-scheme: dark) {
          #userAccountDropdown .dropdown-menu ul a {
            color: #c0c9d3; } }
        #userAccountDropdown .dropdown-menu ul a i {
          font-size: clamp(1rem, calc(0.5rem + 0.666vw), 1.2rem);
          color: #718096; }
        #userAccountDropdown .dropdown-menu ul a.logout {
          color: #ff3b30; }
          @media (prefers-color-scheme: dark) {
            #userAccountDropdown .dropdown-menu ul a.logout {
              color: #ff453a; } }
          #userAccountDropdown .dropdown-menu ul a.logout i {
            color: #ff3b30; }
            @media (prefers-color-scheme: dark) {
              #userAccountDropdown .dropdown-menu ul a.logout i {
                color: #ff453a; } }
          #userAccountDropdown .dropdown-menu ul a.logout:hover {
            box-shadow: 0 1px 2px rgba(255, 59, 48, 0.24), 0 2px 4px rgba(255, 59, 48, 0.18), 0 4px 8px rgba(255, 59, 48, 0.12), 0 8px 16px rgba(255, 59, 48, 0.08);
            background: #ff3b30 !important;
            color: white; }
            @media (prefers-color-scheme: dark) {
              #userAccountDropdown .dropdown-menu ul a.logout:hover {
                box-shadow: none;
                background: #ff453a !important;
                color: white !important; } }
            #userAccountDropdown .dropdown-menu ul a.logout:hover i {
              color: white; }
        #userAccountDropdown .dropdown-menu ul a:hover {
          transform: translateY(-2px);
          box-shadow: 0 1px 2px rgba(122, 131, 145, 0.24), 0 2px 4px rgba(122, 131, 145, 0.18), 0 4px 8px rgba(122, 131, 145, 0.12), 0 8px 16px rgba(122, 131, 145, 0.08);
          border-radius: 50px;
          background: #afb3b9 !important;
          color: white; }
          @media (prefers-color-scheme: dark) {
            #userAccountDropdown .dropdown-menu ul a:hover {
              box-shadow: none; } }
          #userAccountDropdown .dropdown-menu ul a:hover i,
          #userAccountDropdown .dropdown-menu ul a:hover span {
            color: white !important; }
          #userAccountDropdown .dropdown-menu ul a:hover svg #Rectangle2 {
            fill: #afb3b9; }
          #userAccountDropdown .dropdown-menu ul a:hover svg #Fill-1,
          #userAccountDropdown .dropdown-menu ul a:hover svg #Fill-3,
          #userAccountDropdown .dropdown-menu ul a:hover svg #Rectangle,
          #userAccountDropdown .dropdown-menu ul a:hover svg #Oval, #userAccountDropdown .dropdown-menu ul a:hover svg #Oval2 {
            fill: white !important; }
    #userAccountDropdown .dropdown-menu .user-info {
      margin-bottom: 1rem; }
      #userAccountDropdown .dropdown-menu .user-info a {
        grid-template-columns: auto auto;
        justify-content: space-between; }
        #userAccountDropdown .dropdown-menu .user-info a span {
          display: block;
          line-height: 1; }
          #userAccountDropdown .dropdown-menu .user-info a span:first-child {
            margin-bottom: 0.5rem;
            font-size: clamp(1rem, calc(0.5rem + 0.666vw), 1.2rem);
            font-weight: 500; }
          #userAccountDropdown .dropdown-menu .user-info a span:last-child {
            font-size: 0.9rem;
            font-weight: normal;
            color: #77818d; }
            @media (prefers-color-scheme: dark) {
              #userAccountDropdown .dropdown-menu .user-info a span:last-child {
                color: #c0c9d3; } }
        #userAccountDropdown .dropdown-menu .user-info a i {
          margin-left: auto;
          color: #718096; }
        #userAccountDropdown .dropdown-menu .user-info a:hover {
          border-radius: 0.5rem; }
          #userAccountDropdown .dropdown-menu .user-info a:hover span:last-child {
            font-weight: normal; }
    #userAccountDropdown .dropdown-menu .notifications {
      position: relative;
      display: flex;
      align-items: center;
      transform: translateY(0px);
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
      border-radius: 50px;
      width: 30px;
      cursor: pointer; }
      #userAccountDropdown .dropdown-menu .notifications .notification-count {
        display: none; }
        #userAccountDropdown .dropdown-menu .notifications .notification-count.new, #userAccountDropdown .dropdown-menu .notifications .notification-count.some, #userAccountDropdown .dropdown-menu .notifications .notification-count.many {
          position: absolute;
          top: -0.5rem;
          left: 0.5rem;
          display: flex;
          align-items: center;
          justify-content: center;
          animation: background-gradient 2.5s linear infinite;
          border-radius: 50px;
          background: linear-gradient(-45deg, #f56565, #ff3b30, #ff453a, #f56565, #fc8181);
          background-size: 600%;
          color: white; }
        #userAccountDropdown .dropdown-menu .notifications .notification-count.new {
          top: -0.25rem;
          left: 0.75rem;
          width: 11px;
          height: 11px; }
        #userAccountDropdown .dropdown-menu .notifications .notification-count.some {
          width: 24px;
          height: 24px;
          padding: 0.5rem; }
        #userAccountDropdown .dropdown-menu .notifications .notification-count.many {
          width: 32px;
          height: 24px; }
    #userAccountDropdown .dropdown-menu #time-logging,
    #userAccountDropdown .dropdown-menu #labour-booking {
      margin: 0.5rem auto; }
      #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle,
      #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle {
        overflow: hidden;
        border: 1px solid #e2e8f0; }
        @media (prefers-color-scheme: dark) {
          #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle,
          #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle {
            border: 1px solid #718096; } }
        #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle > div,
        #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle > div {
          display: flex;
          align-items: center;
          justify-content: space-between; }
        #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle .time-log-icon,
        #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle .time-log-icon {
          position: relative;
          display: flex;
          align-items: center;
          transform: translateY(0px);
          transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
          border-radius: 50px;
          width: 30px;
          cursor: pointer; }
          #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle .time-log-icon .clock-status,
          #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle .time-log-icon .clock-status {
            display: none; }
            #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle .time-log-icon .clock-status.clocked-in, #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle .time-log-icon .clock-status.clocked-out, #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle .time-log-icon .clock-status.break,
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle .time-log-icon .clock-status.clocked-in,
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle .time-log-icon .clock-status.clocked-out,
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle .time-log-icon .clock-status.break {
              position: absolute;
              top: -0.33rem;
              left: 0.8rem;
              display: flex;
              align-items: center;
              justify-content: center;
              animation: background-gradient 2.5s linear infinite;
              border-radius: 50px;
              width: 9px;
              height: 9px;
              background-size: 600%; }
            #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle .time-log-icon .clock-status.clocked-in,
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle .time-log-icon .clock-status.clocked-in {
              background: linear-gradient(-45deg, #48bb78, #34c759, #30d158, #48bb78, #68d391); }
            #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle .time-log-icon .clock-status.clocked-out,
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle .time-log-icon .clock-status.clocked-out {
              background: linear-gradient(-45deg, #f56565, #ff3b30, #ff453a, #f56565, #fc8181); }
            #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle .time-log-icon .clock-status.break,
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle .time-log-icon .clock-status.break {
              background: linear-gradient(-45deg, #ed8936, #ff9500, #ff9f0a, #ed8936, #f6ad55); }
        #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle[aria-expanded='true'],
        #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle[aria-expanded='true'] {
          border-bottom: 0;
          border-radius: 16px;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          background: #f7fafc; }
          @media (prefers-color-scheme: dark) {
            #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle[aria-expanded='true'],
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle[aria-expanded='true'] {
              background: rgba(0, 0, 0, 0.16); } }
          #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle[aria-expanded='true'] .collapse-icon,
          #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle[aria-expanded='true'] .collapse-icon {
            transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
            transform: rotate(180deg); }
          #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle[aria-expanded='true']:hover,
          #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle[aria-expanded='true']:hover {
            transform: translateY(0px);
            border-radius: 16px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            background: #afb3b9; }
        #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle[aria-expanded='false'],
        #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle[aria-expanded='false'] {
          border-radius: 50px; }
          #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle[aria-expanded='false'] .collapse-icon,
          #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle[aria-expanded='false'] .collapse-icon {
            transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms; }
        #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle:hover,
        #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle:hover {
          border: 1px solid #afb3b9; }
      #userAccountDropdown .dropdown-menu #time-logging .collapse-section,
      #userAccountDropdown .dropdown-menu #labour-booking .collapse-section {
        opacity: 0;
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border: 1px solid #e2e8f0;
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px; }
        @media (prefers-color-scheme: dark) {
          #userAccountDropdown .dropdown-menu #time-logging .collapse-section,
          #userAccountDropdown .dropdown-menu #labour-booking .collapse-section {
            border: 1px solid #718096;
            border-top: 1px solid rgba(255, 255, 255, 0.16); } }
        #userAccountDropdown .dropdown-menu #time-logging .collapse-section .card,
        #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .card {
          border: none;
          border-radius: 0;
          border-bottom-right-radius: 16px;
          border-bottom-left-radius: 16px;
          padding: 0.5rem;
          background: none; }
          #userAccountDropdown .dropdown-menu #time-logging .collapse-section .card .dropdown-header,
          #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .card .dropdown-header {
            border-radius: 50px;
            padding: 0.5rem 0.75rem;
            font-weight: 500; }
            #userAccountDropdown .dropdown-menu #time-logging .collapse-section .card .dropdown-header.clocked-in,
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .card .dropdown-header.clocked-in {
              background: rgba(48, 209, 88, 0.1);
              color: #30d158 !important; }
            #userAccountDropdown .dropdown-menu #time-logging .collapse-section .card .dropdown-header.break,
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .card .dropdown-header.break {
              background: rgba(255, 159, 10, 0.1);
              color: #ff9f0a !important; }
            #userAccountDropdown .dropdown-menu #time-logging .collapse-section .card .dropdown-header.clocked-out,
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .card .dropdown-header.clocked-out {
              background: rgba(255, 59, 48, 0.15);
              color: #ff453a !important; }
        #userAccountDropdown .dropdown-menu #time-logging .collapse-section .labour-booking-task,
        #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .labour-booking-task {
          grid-template-columns: auto 16px;
          justify-content: space-between;
          cursor: pointer; }
          #userAccountDropdown .dropdown-menu #time-logging .collapse-section .labour-booking-task:hover,
          #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .labour-booking-task:hover {
            border-radius: 16px; }
        #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action,
        #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action {
          transform: translateY(0px);
          border-radius: 50px;
          transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
          padding: 0.5rem 0.75rem;
          cursor: pointer;
          font-size: 1rem;
          color: #77818d; }
          #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover,
          #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover {
            transform: translateY(-2px);
            box-shadow: 0 1px 2px rgba(122, 131, 145, 0.24), 0 2px 4px rgba(122, 131, 145, 0.18), 0 4px 8px rgba(122, 131, 145, 0.12), 0 8px 16px rgba(122, 131, 145, 0.08);
            border-radius: 50px;
            background: #afb3b9 !important;
            color: white; }
            @media (prefers-color-scheme: dark) {
              #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover,
              #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover {
                box-shadow: none; } }
            #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label='Clock Out'],
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label='Clock Out'] {
              background: #ff3b30 !important; }
              @media (prefers-color-scheme: dark) {
                #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label='Clock Out'],
                #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label='Clock Out'] {
                  background: #ff453a !important; } }
            #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label='Take a Break'],
            #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label='Take a Break'] {
              background: #ff9500 !important; }
              @media (prefers-color-scheme: dark) {
                #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label='Take a Break'],
                #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label='Take a Break'] {
                  background: #ff9f0a !important; } }
        #userAccountDropdown .dropdown-menu #time-logging .collapse-section.show,
        #userAccountDropdown .dropdown-menu #labour-booking .collapse-section.show {
          opacity: 1; }
    #userAccountDropdown .dropdown-menu.show {
      visibility: visible;
      animation-name: fadeInDown; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em; }

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem; }

/* Right aligned submenu (i.e. it opens to the left) */
.dropdown-menu-right .dropdown-submenu a::after {
  transform: rotate(90deg);
  left: 6px;
  right: auto; }

.dropdown-menu-right .dropdown-submenu .dropdown-menu {
  left: auto;
  right: 100%; }

.shrink-toggler {
  display: none;
  background-color: transparent; }

@media only screen and (max-width: 1592px) and (min-width: 992px) {
  .nav-category {
    opacity: 0;
    transition: opacity 0.2s;
    color: #fbfbfc !important; }
  .cat-icon:not(.hide) {
    opacity: 1 !important; }
  .shrink-toggler {
    width: 30px;
    height: 30px;
    margin: 4px 0 20px 2px;
    padding: 4px;
    position: relative;
    z-index: 1000;
    display: block;
    fill: white !important;
    transition: transform .3s ease-in;
    border-radius: 50%;
    background-color: #373d43; }
    .shrink-toggler:hover {
      transform: scale(1.1);
      cursor: pointer; }
  #mainNav.fixed-top.navbar-dark .navbar-collapse .navbar-sidenav {
    z-index: 10;
    transition: all .3s ease-in-out;
    width: 60px;
    padding-left: 12px; }
  .module-content-wrapper:not(.widen) {
    padding-left: 60px !important; }
  .navbar-sidenav:not(.widen) .nav-item .nav-link .nav-link-text {
    opacity: 0; } }

.nav-link-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@keyframes background-gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

.winmancloud-logo {
  width: 200px;
  height: 40px;
  display: block;
  fill: white;
  margin-top: -4px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 35.9375em) {
    .winmancloud-logo {
      width: 160px;
      height: 36px; } }
  @media only screen and (max-width: 28.9375em) {
    .winmancloud-logo {
      margin-top: -12px;
      width: 100px;
      height: 30px; } }
  @media only screen and (max-width: 23.9375em) {
    .winmancloud-logo {
      margin-top: -8px; } }
  .winmancloud-logo #logo-segment-cloud-line {
    fill: url(#logo-segment-cloud-line-gradient); }
  .winmancloud-logo .logo-segment-cloud-line-gradient-stop1 {
    stop-color: #f7f7f7;
    stop-opacity: 1; }
  .winmancloud-logo .logo-segment-cloud-line-gradient-stop2 {
    stop-color: #1e4769;
    stop-opacity: 1; }

.modulesearch {
  position: absolute;
  left: 232px;
  z-index: 1049;
  transform-origin: 100% 0;
  transition-property: min-height, width, top, right;
  transition-property: min-height, width, top, left;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.3, 0, 0.3, 1);
  margin-left: 18px;
  border: 1px solid #e2e8f0;
  border-radius: 50px;
  width: 250px;
  background: white; }
  @media (prefers-color-scheme: dark) {
    .modulesearch {
      background: transparent;
      border: 1px solid transparent; } }
  @media only screen and (max-width: 47.9375em) {
    .modulesearch {
      margin-left: 0; } }
  @media only screen and (max-width: 35.9375em) {
    .modulesearch {
      width: 150px;
      margin-left: -20px; } }
  @media only screen and (max-width: 28.9375em) {
    .modulesearch {
      margin-left: -80px; } }
  @media only screen and (max-width: 23.9375em) {
    .modulesearch {
      width: 124px;
      margin-left: -110px; } }
  .modulesearch .search-icon {
    position: absolute;
    top: 50%;
    left: 0.5rem;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #a0aec0; }
    @media only screen and (max-width: 23.9375em) {
      .modulesearch .search-icon {
        left: 0.25rem; } }
  .modulesearch-form {
    width: 100%;
    height: 36px;
    position: relative;
    transition-property: width, height, transform;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.3, 0, 0.3, 1);
    margin: 0 auto; }
    @media only screen and (max-width: 35.9375em) {
      .modulesearch-form {
        height: 28px; } }
    @media only screen and (max-width: 28.9375em) {
      .modulesearch-form {
        height: 24px; } }
  .modulesearch-input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    transition: font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    border-radius: 50px;
    padding: 0 10% 0 10px;
    padding-inline-start: 2rem;
    font-weight: 500;
    text-overflow: ellipsis;
    /* remove cross in IE */ }
    @media only screen and (max-width: 23.9375em) {
      .modulesearch-input {
        padding-inline-start: 1.75rem;
        padding-right: 5px; } }
    @media (prefers-color-scheme: dark) {
      .modulesearch-input {
        background: #1d1f22 !important; }
        .modulesearch-input, .modulesearch-input::placeholder {
          color: #b1bcc9 !important;
          font-weight: normal;
          font-style: normal; } }
    .modulesearch-input::-ms-clear {
      display: none; }
  .modulesearch-submit:focus {
    outline: none; }
  .modulesearch.open {
    position: absolute;
    top: -60px;
    left: 0px;
    border: 0;
    width: 100%;
    min-height: auto; }
    @media (prefers-color-scheme: dark) {
      .modulesearch.open {
        background-color: #1d1f22; } }
    .modulesearch.open .search-icon {
      display: none; }
    .modulesearch.open .modulesearch-form {
      width: 85%;
      height: 70px;
      top: 5px;
      left: 5px;
      transform: translate3d(0, 3em, 0);
      background-color: #1d1f22 !important; }
    .modulesearch.open .modulesearch-input {
      border-radius: 0px;
      padding-left: 0;
      background: white !important;
      font-size: 2em; }
      @media (prefers-color-scheme: dark) {
        .modulesearch.open .modulesearch-input {
          background-color: #1d1f22 !important;
          color: #c0c9d3 !important; } }
      @media only screen and (max-width: 61.9375em) {
        .modulesearch.open .modulesearch-input {
          font-size: 24px !important; } }
      @media only screen and (max-width: 47.9375em) {
        .modulesearch.open .modulesearch-input {
          font-size: 20px !important; } }
      @media only screen and (max-width: 28.9375em) {
        .modulesearch.open .modulesearch-input {
          font-size: 16px !important; } }
      .modulesearch.open .modulesearch-input:focus {
        outline: none; }
        @media only screen and (max-width: 61.9375em) {
          .modulesearch.open .modulesearch-input:focus {
            font-size: 26px !important; } }
        @media only screen and (max-width: 47.9375em) {
          .modulesearch.open .modulesearch-input:focus {
            font-size: 22px !important; } }
        @media only screen and (max-width: 28.9375em) {
          .modulesearch.open .modulesearch-input:focus {
            font-size: 18px !important; } }
    .modulesearch.open .modulesearch-submit {
      opacity: 1;
      transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
      transition: opacity 0.3s, transform 0.3s;
      transition-delay: 0.5s;
      pointer-events: auto; }
    .modulesearch.open .modulesearch-close {
      right: 0px;
      opacity: 1;
      transform: scale3d(1, 1, 1);
      transition: opacity 0.3s, transform 0.3s;
      transition-delay: 0.5s;
      pointer-events: auto; }
    .modulesearch.open .modulesearch-content {
      opacity: 1;
      overflow: visible;
      transition: opacity 0.3s 0.5s;
      /* this breaks the transition of the children in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=625289 */
      pointer-events: auto; }
      @media (prefers-color-scheme: dark) {
        .modulesearch.open .modulesearch-content .wm-module-icon > .wm-icon.wm-icon-large {
          fill: #afb3b9 !important;
          color: #afb3b9 !important; } }
  .modulesearch-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    opacity: 0;
    transform: scale3d(0, 0, 1);
    overflow: hidden;
    pointer-events: none;
    cursor: pointer;
    text-indent: 100%; }
    .modulesearch-close:hover.modulesearch-close::before, .modulesearch-close:hover.modulesearch-close::after {
      opacity: 1;
      background: #404040; }
    .modulesearch-close::before {
      transform: rotate(45deg); }
    .modulesearch-close::after {
      transform: rotate(-45deg); }
    .modulesearch-close::before, .modulesearch-close::after {
      position: absolute;
      top: 0;
      left: 50%;
      width: 4px;
      height: 100%;
      content: '';
      border-radius: 3px;
      background: #77818d; }
      @media only screen and (max-width: 28.9375em) {
        .modulesearch-close::before, .modulesearch-close::after {
          height: 85%; } }
  .modulesearch.hideInput .modulesearch-input {
    transition: color 0.3s;
    color: transparent; }

/* reset normalize */
input[type="search"] {
  box-sizing: border-box; }

.modulesearch-content {
  color: #2c2b2e;
  overflow: hidden;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  width: 100%;
  height: auto; }
  @media only screen and (max-width: 28.9375em) {
    .modulesearch-content {
      width: 101vw;
      left: -38px; } }
  @media only screen and (max-width: 23.9375em) {
    .modulesearch-content {
      width: 103vw;
      left: -35px; } }
  .modulesearch-content .card {
    background: none; }
    @media (prefers-color-scheme: dark) {
      .modulesearch-content .card {
        background: #33383e !important; } }
    .modulesearch-content .card-columns {
      column-count: 4;
      column-gap: 1em;
      margin-top: .5em !important; }
      @media only screen and (max-width: 74.9375em) {
        .modulesearch-content .card-columns {
          column-count: 3 !important; } }
      @media only screen and (max-width: 61.9375em) {
        .modulesearch-content .card-columns {
          column-count: 2 !important; } }
      @media only screen and (max-width: 47.9375em) {
        .modulesearch-content .card-columns {
          column-count: 1 !important; } }
      .modulesearch-content .card-columns .wm-card-list {
        padding-left: 0 !important; }
        @media (prefers-color-scheme: dark) {
          .modulesearch-content .card-columns .wm-card-list a li {
            color: #dddfe3 !important; }
            .modulesearch-content .card-columns .wm-card-list a li:hover {
              color: #d0d2d6 !important; } }
      .modulesearch-content .card-columns .card {
        border: none;
        border-top: 5px solid #7a8391;
        border-radius: 4px !important;
        box-shadow: 0 2px 4px rgba(46, 51, 56, 0.3);
        margin-bottom: 0.75rem;
        background: #edf2f3; }
        @media only screen and (max-width: 28.9375em) {
          .modulesearch-content .card-columns .card {
            border-radius: 0 !important; } }
        @media (prefers-color-scheme: dark) {
          .modulesearch-content .card-columns .card {
            box-shadow: none !important; } }
        @media (prefers-color-scheme: dark) {
          .modulesearch-content .card-columns .card-title {
            color: #ccd3db !important; } }

.modulesearch.open {
  margin: 0;
  margin-top: -30px !important; }
  .modulesearch.open ~ .overlay {
    opacity: 1; }
  @media only screen and (max-width: 61.9375em) {
    .modulesearch.open .modulesearch-close {
      top: 22px;
      width: 25px;
      height: 25px; } }
  @media only screen and (max-width: 28.9375em) {
    .modulesearch.open .modulesearch-close {
      top: 26px; } }
  @media only screen and (max-width: 47.9375em) {
    .modulesearch.open {
      margin-top: -40px !important; } }

.card-body.module-card {
  flex: 1 1 auto;
  padding: 1rem; }
  .card-body.module-card li {
    line-height: 3.0em;
    text-decoration: none;
    color: #4c5c68 !important; }
    @media (prefers-color-scheme: light) {
      .card-body.module-card li {
        color: #4c5c68 !important; } }
    @media (prefers-color-scheme: dark) {
      .card-body.module-card li {
        color: #ece7e7 !important; } }

.card-body li {
  list-style: none;
  line-height: 2.5em; }

.round {
  border-radius: 50%; }

.module-link {
  display: block;
  margin: 0.3em 0;
  cursor: pointer;
  color: #77818d; }
  .module-link:hover, .module-link:focus {
    text-decoration: none;
    display: block; }
  .module-link:hover h3 {
    color: #f58a8a; }
  .module-link img {
    display: inline-block;
    width: 50px;
    margin: 0 10px 0 0;
    vertical-align: middle; }
  .module-link h3 {
    vertical-align: middle;
    font-size: 0.85em;
    display: inline-block;
    font-weight: 700;
    margin: 0 0 0 0;
    width: calc(100% - 70px);
    color: #4c5c68 !important; }
    @media (prefers-color-scheme: light) {
      .module-link h3 {
        color: #4c5c68 !important; } }
    @media (prefers-color-scheme: dark) {
      .module-link h3 {
        color: #ece7e7 !important; } }

.module-card .wm-icon {
  vertical-align: middle;
  margin-right: 10px;
  font-size: 28px; }

a.search-wmore-btn {
  margin-top: 15px !important;
  padding-left: 8px;
  display: block; }
  a.search-wmore-btn:hover {
    color: #7a8391 !important;
    text-decoration: underline !important; }
  @media (prefers-color-scheme: dark) {
    a.search-wmore-btn {
      color: #c0c9d3 !important; }
      a.search-wmore-btn:hover {
        color: #afb3b9 !important; } }

input.form-control.module-search {
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.25);
  border: none;
  color: #edf2f3; }

.input-group-append button.btn.btn-primary {
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.25);
  border: none; }

.module-top-header-button .btn-group .wm-recent-list-button.btn.dropdown-toggle::after,
.wm-favourites-list-button.btn.dropdown-toggle::after {
  border: 0 !important;
  font-family: 'Font Awesome 5 Pro';
  vertical-align: text-top;
  padding-right: 5px;
  text-indent: -10px;
  color: #484e56;
  line-height: 18px; }

.module-top-nav .wm-title {
  overflow-wrap: break-word;
  white-space: initial; }

.wm-module-header-actions {
  align-items: center;
  gap: 1rem; }
  @media only screen and (min-width: 48em) {
    .wm-module-header-actions {
      margin-right: 4px; } }
  @media only screen and (max-width: 47.9375em) {
    .wm-module-header-actions {
      width: 100% !important; } }
  @media only screen and (max-width: 47.9375em) {
    .wm-module-header-actions .wm-search-box {
      margin-right: auto !important; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-module-header-actions .wm-search-box {
      width: 52% !important; } }
  @media only screen and (max-width: 28.9375em) {
    .wm-module-header-actions .wm-search-box {
      width: 48% !important; } }
  @media only screen and (max-width: 23.9375em) {
    .wm-module-header-actions .wm-search-box {
      width: 46% !important; } }

.e-dropdownlist {
  padding-top: 7px !important; }

.module-top-header-button .btn-group .wm-recent-list-button.btn.dropdown-toggle::after {
  content: '\f1da';
  color: white; }

.module-top-header-button .btn-group .wm-favourites-list-button.btn.dropdown-toggle::after {
  content: '\f005';
  color: white; }

.module-top-header-button .btn-group .wm-recent-list-button.btn.dropdown-toggle, .module-top-header-button .btn-group .wm-favourites-list-button.btn.dropdown-toggle {
  background-color: #7a8391;
  border-color: #747e8c; }
  .module-top-header-button .btn-group .wm-recent-list-button.btn.dropdown-toggle:hover, .module-top-header-button .btn-group .wm-favourites-list-button.btn.dropdown-toggle:hover {
    opacity: 0.85; }

.module-top-nav {
  height: auto;
  padding: 12px;
  box-shadow: 0 1px 4px -1px rgba(46, 51, 56, 0.2); }
  @media (prefers-color-scheme: dark) {
    .module-top-nav {
      box-shadow: none !important; } }
  @media only screen and (max-width: 28.9375em) {
    .module-top-nav .wm-page-header {
      max-width: 220px; } }
  .module-top-nav .wm-page-header .dropdown.btn-group {
    margin-top: 4px !important;
    height: 20px !important; }
    .module-top-nav .wm-page-header .dropdown.btn-group > .btn-group {
      border: none !important; }
      .module-top-nav .wm-page-header .dropdown.btn-group > .btn-group > .wm-button.dropdown-toggle {
        margin: 0 !important;
        border: none !important;
        border-radius: 0.3rem / 0.4rem !important;
        padding: 0.5rem;
        background-color: rgba(175, 179, 185, 0.24) !important; }
        .module-top-nav .wm-page-header .dropdown.btn-group > .btn-group > .wm-button.dropdown-toggle:hover {
          box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
          transform: translateY(-2px) !important;
          background-color: #afb3b9 !important; }
        .module-top-nav .wm-page-header .dropdown.btn-group > .btn-group > .wm-button.dropdown-toggle::after {
          margin-left: -1px !important; }
    .module-top-nav .wm-page-header .dropdown.btn-group .wm-web-action-dropdown {
      z-index: 1030;
      transform: translate3d(0px, 20px, 0px) !important; }
  .module-top-nav .wm-title {
    margin-bottom: 0;
    margin-right: 0.5rem; }

.module-content .d-flex.no-gutters {
  gap: 3rem;
  padding: 8px 15px !important;
  box-shadow: 0 1px 4px -1px rgba(46, 51, 56, 0.2);
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  margin-top: 0 !important; }
  @media (prefers-color-scheme: dark) {
    .module-content .d-flex.no-gutters {
      box-shadow: none !important; } }
  @media only screen and (max-width: 28.9375em) {
    .module-content .d-flex.no-gutters {
      border-radius: 0; } }
  .module-content .d-flex.no-gutters:has(div) .nav-tabs .responsivetabs-more {
    position: absolute;
    right: -2rem; }
  .module-content .d-flex.no-gutters .responsivetabs-more {
    position: absolute;
    right: -0.5rem; }

.module-content-header {
  padding: 12px;
  display: flex;
  align-items: center;
  margin-top: -6px;
  box-shadow: 0 1px 4px -1px rgba(46, 51, 56, 0.2);
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important; }
  @media (prefers-color-scheme: dark) {
    .module-content-header {
      box-shadow: none !important; } }
  @media (prefers-color-scheme: dark) {
    .module-content-header .color-title svg {
      fill: #d8dadf; } }
  @media (prefers-color-scheme: dark) {
    .module-content-header .color-title i {
      color: #d8dadf; } }
  @media only screen and (max-width: 28.9375em) {
    .module-content-header {
      border-radius: 0;
      margin-top: -16px; } }
  .module-content-header.wm-header-has-search .wm-module-title {
    margin-right: 12px;
    float: left; }
  @media only screen and (max-width: 47.9375em) {
    .module-content-header.wm-header-has-search .mb-top-action-buttons {
      position: absolute;
      top: -36px;
      right: -12px; } }
  @media only screen and (max-width: 35.9375em) {
    .module-content-header.wm-header-has-search .mb-top-action-buttons {
      position: initial;
      margin-right: auto !important; } }
  @media only screen and (max-width: 35.9375em) {
    .module-content-header.wm-header-has-search .wm-search-box {
      margin: 0 4px 0 0 !important; } }
  @media only screen and (max-width: 35.9375em) {
    .module-content-header.wm-header-has-search .wm-module-header-actions {
      display: flex !important;
      align-items: flex-start;
      justify-content: space-between;
      flex-direction: row;
      gap: 1rem; } }
  .module-content-header.wm-header-has-no-search .col-auto.mr-auto {
    padding-top: 12px; }
    @media only screen and (max-width: 47.9375em) {
      .module-content-header.wm-header-has-no-search .col-auto.mr-auto {
        margin-right: 0 !important; } }
  @media only screen and (max-width: 47.9375em) {
    .module-content-header.wm-header-has-no-search .col-md-auto {
      width: auto !important;
      margin-left: auto; } }
  .module-content-header.wm-header-has-no-search .wm-module-header-actions {
    margin-right: 0 !important; }
    @media only screen and (max-width: 47.9375em) {
      .module-content-header.wm-header-has-no-search .wm-module-header-actions {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        flex-direction: column !important; } }
  .module-content-header.wm-header-has-no-search .mb-top-action-buttons {
    display: flex;
    align-items: center;
    gap: 0.5rem; }
    @media only screen and (min-width: 48em) {
      .module-content-header.wm-header-has-no-search .mb-top-action-buttons.mr-3 {
        margin-right: 0 !important; } }
    @media only screen and (max-width: 35.9375em) {
      .module-content-header.wm-header-has-no-search .mb-top-action-buttons {
        position: initial; } }
  .module-content-header.wm-header-has-no-search .wm-module-title,
  .module-content-header.wm-header-has-no-search .icon.baseline {
    position: relative;
    top: -6px; }
  @media only screen and (max-width: 47.9375em) {
    .module-content-header[data-identify="TaxReturn"] .mb-top-action-buttons, .module-content-header[data-identify="GLChartOfAccount"] .mb-top-action-buttons {
      margin-right: 20px !important; } }

.wm-module-header-actions {
  position: relative; }
  @media only screen and (max-width: 35.9375em) {
    .wm-module-header-actions {
      margin-top: 4px; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-module-header-actions .wm-add-new-record {
      position: initial; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-module-header-actions .wm-search-box {
      width: 100%; } }

.wm-search .input-group-append .dropdown.btn-group .wm-button.wm-web-action {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: white !important; }
  .wm-search .input-group-append .dropdown.btn-group .wm-button.wm-web-action:hover {
    opacity: 0.8 !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
    border-color: #a7adb6 !important;
    border-right-color: white !important;
    background-color: #acb2bb !important; }

.wm-search-text ~ .input-group-append > .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.wm-search .wm-search-dropdown {
  margin-left: 0 !important; }
  .wm-search .wm-search-dropdown .wm-button.btn {
    padding: 5px;
    width: 31px;
    height: 31px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row; }
    .wm-search .wm-search-dropdown .wm-button.btn:not(.dropdown-toggle)::after {
      display: block;
      color: white;
      content: "";
      font-family: 'Font Awesome 5 Pro';
      font-size: 17px;
      line-height: normal;
      font-weight: 900;
      text-transform: none; }

.wm-subtitle {
  font-weight: 300;
  color: #77818d; }

.wm-favourite-on .wm-icon {
  color: #face1f; }
  .wm-favourite-on .wm-icon:hover {
    color: #c0c9d3 !important;
    animation: 300ms bulge ease-out; }

.wm-favourite-off .wm-icon {
  color: #c0c9d3; }
  .wm-favourite-off .wm-icon:hover {
    color: #face1f !important;
    -webkit-animation: 300ms bulge ease-out;
    animation: 300ms bulge ease-out; }

.wm-favourite-action {
  float: right; }

.wm-web-action.wm-pointer.wm-favourite-on, .wm-web-action.wm-pointer.wm-favourite-off {
  border-radius: .2rem; }
  .wm-web-action.wm-pointer.wm-favourite-on:hover, .wm-web-action.wm-pointer.wm-favourite-off:hover {
    background: none;
    cursor: pointer; }
  .wm-web-action.wm-pointer.wm-favourite-on span svg, .wm-web-action.wm-pointer.wm-favourite-on span i, .wm-web-action.wm-pointer.wm-favourite-off span svg, .wm-web-action.wm-pointer.wm-favourite-off span i {
    width: 23px;
    height: 23px;
    padding-bottom: 3px;
    vertical-align: middle;
    transition: all .2s linear;
    font-size: 23px; }

.wm-web-action.wm-pointer.wm-favourite-on:active {
  transition: all .2s linear; }

.wm-datatable.dataTable .wm-web-action.wm-pointer.wm-favourite-on, .wm-datatable.dataTable .wm-web-action.wm-pointer.wm-favourite-off {
  padding: 1px; }

@media only screen and (max-width: 35.9375em) {
  .wm-data-level-select {
    margin-top: 10px; } }

@media only screen and (max-width: 23.9375em) {
  .wm-section .section-title > .d-flex {
    flex-direction: column; }
    .wm-section .section-title > .d-flex .d-flex.wm-section-actions {
      width: 100%;
      justify-content: flex-end; } }

#structurefilterpopover {
  margin-left: 2px;
  margin-right: 8px; }
  #structurefilterpopover:hover::before {
    cursor: pointer !important; }

#structurefilterinfo {
  position: relative;
  top: -11px;
  left: 55px;
  padding: 3px 8px;
  cursor: pointer !important;
  width: 136px; }

.structure-version-combo {
  position: relative;
  left: 29px; }

.activity-time {
  font-size: 13px;
  line-height: 20px;
  color: #c0c9d3; }

.wm-break-word {
  word-break: break-word; }

.wm-card-detail.card-item-secondary {
  margin-top: 0.5rem !important; }

.wm-card-detail .text-info.wm-limit-width {
  white-space: normal !important; }

.wm-display-label {
  color: #2c2b2e !important; }
  @media (prefers-color-scheme: light) {
    .wm-display-label {
      color: #2c2b2e !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-display-label {
      color: #f7f7f8 !important; } }

.wm-secondary-system-field {
  position: relative;
  top: -10px;
  transition: all 0.2s ease-in-out;
  font-size: 12px;
  color: #c0c9d3; }

.wm-web-action-icon a span i {
  transition: all 0.2s ease-in-out !important; }
  .wm-web-action-icon a span i:hover {
    fill: #7a8391 !important;
    transform: scale(1.1) !important; }
    @media (prefers-color-scheme: dark) {
      .wm-web-action-icon a span i:hover {
        fill: #afb3b9 !important; } }

.wm-web-action-dropdown a {
  font-weight: normal; }

.wm-web-actions-icons svg {
  fill: #c0c9d3; }

.wm-web-actions-icons i {
  color: #c0c9d3; }

@media only screen and (max-width: 61.9375em) {
  .wm-web-actions-icons[data-primary-entity-type="document"] {
    display: none; } }

.wm-progress {
  border-bottom: 1px solid #edf2f3;
  width: 300px;
  padding: 0.5rem 1rem 1rem 1rem; }
  .wm-progress:last-child {
    border-bottom: none; }
  .wm-progress-text {
    font-size: 18px;
    line-height: 17px;
    font-weight: 500;
    text-transform: none; }
  .wm-progress-title {
    font-size: 0.875rem;
    color: #5f6872; }
  .wm-progress-background,
  .wm-progress .animate {
    position: relative;
    margin-top: 4px;
    border-radius: 20px;
    height: 30px;
    padding: 6px;
    background: #edf2f3 !important; }
    .wm-progress-background.animate > .wm-foreground::after,
    .wm-progress .animate.animate > .wm-foreground::after {
      display: none; }
  .wm-progress-foreground,
  .wm-progress-foreground span {
    position: relative;
    overflow: hidden;
    animation: moveStripes 2s linear infinite;
    transition: width .5s ease-out;
    height: 100%;
    background: #7a8391 !important;
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important; }
    .wm-progress-foreground::after,
    .wm-progress-foreground span::after {
      border-top-right-radius: 12px !important;
      border-bottom-right-radius: 12px !important;
      border-top-left-radius: 16px !important;
      border-bottom-left-radius: 16px !important;
      content: "";
      position: absolute;
      z-index: 1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow: hidden;
      animation: moveStripes 2s linear infinite;
      background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      background-size: 50px 50px; }

.wm-error-items {
  margin: 8px;
  width: 500px; }
  .wm-error-items div {
    padding-bottom: 5px; }
    @media (prefers-color-scheme: dark) {
      .wm-error-items div {
        color: #c0c9d3 !important; } }
    .wm-error-items div:not(:last-child) {
      margin-bottom: 7px;
      border-bottom: 1px solid #c0c9d3; }

.wm-setup + .page-actions > .modal-footer-buttons {
  position: unset !important; }

.wm-no-data-message {
  padding: 8px; }

.wm-no-data-message,
.wm-no-data-message p {
  font-size: 14px;
  line-height: normal;
  font-weight: 300;
  text-transform: none;
  margin-top: 15px;
  text-align: center;
  color: #77818d; }

.wm-widget-container[data-active-widget] .section-header-render-switch-container .wm-view-switch,
.wm-widget-container[data-active-widget] .wm-widget-collection .dataTables_info,
.wm-widget-container[data-active-widget] .wm-widget-collection .dataTables_paginate {
  display: none !important; }

.wm-header-loading-text {
  opacity: 0;
  margin: auto;
  width: 100%;
  text-align: center; }

.wm-licenceuser .wm-delete {
  padding: 30px 0px; }

.wm-image-entity .wm-image-small {
  width: 30px;
  height: 30px;
  font-size: 14px;
  border-radius: 50%;
  text-align: center;
  color: white; }

.wm-image-entity .wm-image-medium {
  width: 58px;
  height: 58px;
  font-size: 27px;
  margin: 4px; }

.wm-image-entity .wm-image-large {
  width: 128px;
  height: 128px;
  margin: 0 auto;
  font-size: 42px; }

.wm-image-entity .wm-image-small, .wm-image-entity .wm-image-medium, .wm-image-entity .wm-image-large {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row; }

.tab-content.tab-pane#tab-content-myhome {
  margin-top: 8px; }

/* ----- MODULE CONTENT ----- */
.module-content-wrapper {
  margin-top: 20px;
  overflow: visible;
  transition: all .3s ease-in-out; }
  @media (prefers-color-scheme: dark) {
    .module-content-wrapper {
      background-color: #1d1f22; } }
  @media only screen and (min-width: 62em) {
    .module-content-wrapper, .module-content-wrapper.shrink {
      padding-left: 250px !important; } }
  .module-content-wrapper .container {
    max-width: 100% !important; }

.module-content .wm-module-content-row {
  padding-top: 15px; }
  @media only screen and (max-width: 28.9375em) {
    .module-content .wm-module-content-row .alert {
      margin: 0 10px 15px 10px; } }

@media only screen and (max-width: 47.9375em) {
  .module-content .wm-form-row .wm-section-actions .e-input-group,
  .module-content .tab-content .wm-section-actions .e-input-group {
    margin-left: 16px;
    width: 90% !important; } }

@media only screen and (max-width: 23.9375em) {
  .module-content .wm-form-row .wm-section-actions .e-input-group,
  .module-content .tab-content .wm-section-actions .e-input-group {
    margin-left: 0;
    width: 92.5% !important; } }

.page-actions.module-actions {
  margin-top: 4px; }

.tab-content .wm-widget-panel .wm-section-inner .wm-section-title-container .wm-section-title {
  margin-right: 22px; }

/* ----- END OF MODULE CONTENT WRAPPER ----- */
/* ----- CARD VIEWS ----- */
.card.wm-collection-card {
  background-color: white;
  border: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px; }
  @media (prefers-color-scheme: dark) {
    .card.wm-collection-card {
      box-shadow: 0 0 0 1px #4e575f;
      background-color: #23262a; } }
  .card.wm-collection-card .card-body-inner-left {
    width: 100%;
    max-width: 70%; }
  .card.wm-collection-card:hover > .background-logo,
  .card.wm-collection-card:hover .card-body-inner-right > .background-logo {
    opacity: .5;
    filter: grayscale(0%); }
    .card.wm-collection-card:hover > .background-logo .rounded-circle,
    .card.wm-collection-card:hover .card-body-inner-right > .background-logo .rounded-circle {
      transform: scale(0.9);
      transition: all .2s;
      border-radius: 50%; }
  .card.wm-collection-card > .background-logo {
    position: absolute;
    top: 50%;
    left: 76%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: .2;
    filter: grayscale(100%); }
  .card.wm-collection-card .card-header {
    overflow: visible;
    border-radius: 0 !important;
    padding: 4px 10px !important; }
    .card.wm-collection-card .card-header > a.card-title:hover {
      cursor: pointer;
      color: #7a8391; }
    .card.wm-collection-card .card-header.bg-light {
      background-color: #e4ebed !important; }
      @media (prefers-color-scheme: dark) {
        .card.wm-collection-card .card-header.bg-light {
          background-color: #373d43 !important; } }
    .card.wm-collection-card .card-header .wm-datatable-column-drilldown {
      font-size: 14px; }
  .card.wm-collection-card:first-child {
    margin-left: 0; }
  .card.wm-collection-card .dropdown.wm-web-actions-menu {
    text-align: right; }
  .card.wm-collection-card .card-body a label:hover {
    color: #33353b; }
    @media (prefers-color-scheme: dark) {
      .card.wm-collection-card .card-body a label:hover {
        color: #afb3b9; } }
  .card.wm-collection-card .wm-web-actions-icons {
    background: transparent !important; }
    .card.wm-collection-card .wm-web-actions-icons .wm-favourite-on svg {
      fill: #face1f; }
    .card.wm-collection-card .wm-web-actions-icons .wm-favourite-on i {
      color: #face1f; }
  .card.wm-collection-card .wm-card-detail > label {
    word-break: normal; }
  .card.wm-collection-card .wm-generic-card .d-flex .ml-auto {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row; }
    .card.wm-collection-card .wm-generic-card .d-flex .ml-auto .wm-image-entity.background-logo {
      margin-top: -2px; }
      .card.wm-collection-card .wm-generic-card .d-flex .ml-auto .wm-image-entity.background-logo .wm-image-medium.rounded-circle {
        width: 24px;
        height: 24px;
        font-size: 13px;
        margin-top: 2px; }
    .card.wm-collection-card .wm-generic-card .d-flex .ml-auto > label:first-child {
      margin-right: 4px !important; }
    .card.wm-collection-card .wm-generic-card .d-flex .ml-auto div:nth-child(2).wm-web-action-container {
      margin-left: -20px; }
    .card.wm-collection-card .wm-generic-card .d-flex .ml-auto .label {
      margin: 0 -14px 4px 6px !important; }
  .card.wm-collection-card .wm-generic-card .mw-90 {
    display: flex;
    align-items: center;
    min-width: 12% !important;
    height: 20px; }
    .card.wm-collection-card .wm-generic-card .mw-90 > .wm-card-header > label {
      margin: 3px 0 4px !important; }
  .card.wm-collection-card .wm-generic-card .card-body > .card-item-secondary {
    margin-top: 0 !important; }
  .card.wm-collection-card .wm-generic-card .card-body > .wm-card-detail .text-dark {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .card.wm-collection-card .wm-generic-card .card-body > .wm-card-detail .text-dark .info-tooltip {
      position: unset !important; }
      .card.wm-collection-card .wm-generic-card .card-body > .wm-card-detail .text-dark .info-tooltip .text-info {
        white-space: nowrap !important; }
  .card.wm-collection-card .wm-generic-card .card-body label:not(.wm-badge) {
    color: #17181a; }
    @media (prefers-color-scheme: dark) {
      .card.wm-collection-card .wm-generic-card .card-body label:not(.wm-badge) {
        color: #9caaba; } }

@media (prefers-color-scheme: dark) {
  .card-body {
    background-color: #23262a; } }

.card-body .wm-card-detail > span,
.card-body .wm-card-detail > label {
  color: #9098a3; }
  @media (prefers-color-scheme: dark) {
    .card-body .wm-card-detail > span,
    .card-body .wm-card-detail > label {
      color: #d0d2d6; } }

.card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width {
  color: #4f525c !important; }
  @media (prefers-color-scheme: dark) {
    .card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width {
      color: #c5c8cc !important; }
      .card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width:hover {
        color: #dbdcdf !important; } }
  .card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width:hover {
    color: #9ba2ad !important; }

.card-body .info-tooltip-content .info-tooltip-inner li {
  line-height: 20px; }

.card-body .info-tooltip-content .info-text {
  padding-top: 0; }

.card-body .card-item-view-more-icon {
  position: absolute;
  bottom: 8px;
  right: 26px; }
  .card-body .card-item-view-more-icon span,
  .card-body .card-item-view-more-icon span.collapsed {
    display: inline-block;
    transform: rotate(90deg);
    transition: transform .3s ease-in;
    margin-right: 2px; }
  .card-body .card-item-view-more-icon span[aria-expanded="true"] {
    transform: rotate(270deg);
    margin-right: -2px; }

.card-body > .d-flex > a {
  width: 90%; }

.card-item-collapsible-section + .label {
  margin-bottom: -1px; }

.card-item-view-more-icon > span[data-toggle="collapse"] {
  position: relative;
  top: 3px;
  left: 25px;
  /*added padding to enable larger element to hit on mobiles*/
  padding: 0 5px; }
  @media (prefers-color-scheme: dark) {
    .card-item-view-more-icon > span[data-toggle="collapse"] .wm-icon {
      color: #d0d2d6 !important; } }

.card .user-card-active {
  background: #c0c9d3; }

.card-list-group .row > .col-md-4,
.card-list-group .row > .col-md-6,
.card-list-group .row > .col-md-3,
.card-list-group .row > .col-md-12 {
  margin-bottom: 15px !important; }
  @media only screen and (max-width: 35.9375em) {
    .card-list-group .row > .col-md-4,
    .card-list-group .row > .col-md-6,
    .card-list-group .row > .col-md-3,
    .card-list-group .row > .col-md-12 {
      margin-bottom: 6px !important; } }

.card-list-group .wm-collection-card {
  margin-bottom: 0 !important; }
  @media only screen and (max-width: 28.9375em) {
    .card-list-group .wm-collection-card {
      border-radius: 0; } }
  @media (prefers-color-scheme: dark) {
    .card-list-group .wm-collection-card > .card-body {
      background-color: #23262a; }
      .card-list-group .wm-collection-card > .card-body .wm-card-header > a > .wm-datatable-column-drilldown {
        color: #cacdd1 !important; } }
  .card-list-group .wm-collection-card.wm-research-article {
    margin-bottom: 12px !important; }
    @media only screen and (max-width: 28.9375em) {
      .card-list-group .wm-collection-card.wm-research-article {
        margin-bottom: 6px !important; } }

@media (prefers-color-scheme: dark) {
  .wm-shift-card {
    background-color: #25292d;
    border: none !important; } }

.wm-card-header {
  line-height: 1; }
  .wm-card-header .wm-datatable-column-drilldown {
    padding-right: 4px; }
    @media (prefers-color-scheme: dark) {
      .wm-card-header .wm-datatable-column-drilldown {
        color: #c5c8cc !important; }
        .wm-card-header .wm-datatable-column-drilldown:hover {
          color: #dbdcdf !important; } }

.wm-card-label {
  position: absolute;
  bottom: 10px;
  right: 37px; }

.wm-card-list {
  -webkit-padding-start: 0; }
  .wm-card-list a li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.4s;
    margin-right: 14px;
    border-radius: 6px;
    padding-left: 5px;
    background-image: linear-gradient(120deg, transparent 0%, transparent 50%, rgba(122, 131, 145, 0.1) 50%);
    background-size: 250%; }
    @media (prefers-color-scheme: dark) {
      .wm-card-list a li {
        background-image: linear-gradient(120deg, transparent 0%, transparent 50%, rgba(175, 179, 185, 0.3) 50%); } }
    .wm-card-list a li:hover {
      transform: translateX(5px);
      border-radius: 6px;
      background-position: 100%;
      cursor: pointer;
      font-weight: 500;
      color: #33353b; }
  .wm-card-list li:visited, .wm-card-list li:active, .wm-card-list li:focus,
  .wm-card-list a:visited,
  .wm-card-list a:active,
  .wm-card-list a:focus {
    text-decoration: none; }
  .wm-card-list-search .e-mask .e-in-wrap {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-top: 1px;
    margin-left: 1px;
    border-right: 0;
    border-radius: 3px !important;
    height: 32px; }
  .wm-card-list-search input::placeholder {
    margin-left: -5px;
    font-style: normal;
    color: #454d54; }
  .wm-card-list-search-button > .btn {
    width: 34px;
    height: 34px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    background: #7a8391 !important; }
    .wm-card-list-search-button > .btn::after {
      content: "";
      font-family: 'Font Awesome 5 Pro';
      display: block;
      margin-top: -18px;
      font-size: 13px;
      color: white; }
      .wm-card-list-search-button > .btn::after:hover {
        opacity: .7; }

.wm-card-hr {
  display: block;
  opacity: 0.5;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #9ba2ad;
  height: 1px;
  padding: 0; }

@media only screen and (max-width: 28.9375em) {
  .wm-card-detail.card-item-secondary {
    margin-top: 0 !important; } }

.wm-collection-card .card-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  border: 0;
  font-size: 12px;
  padding-left: 15px; }

.wm-collection-card .card-body {
  padding: 10px 30px 10px 10px; }
  .wm-collection-card .card-body.card-selectable:hover,
  .wm-collection-card .card-body.card-selectable label:hover {
    background: #edf2f3;
    cursor: pointer; }
    @media (prefers-color-scheme: dark) {
      .wm-collection-card .card-body.card-selectable:hover,
      .wm-collection-card .card-body.card-selectable label:hover {
        background: #373d43; } }
  .wm-collection-card .card-body.card-active {
    background: #c0c9d3; }
    @media (prefers-color-scheme: dark) {
      .wm-collection-card .card-body.card-active {
        background: #40474e; } }

.wm-collection-card .card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 0.6rem;
  font-size: 16px; }

.wm-collection-card .record-hours-completed {
  margin-top: 15px;
  margin-bottom: 0; }

.wm-collection-card .wm-card-detail {
  display: flex;
  margin: 0;
  font-size: 12px;
  color: #77818d; }
  .wm-collection-card .wm-card-detail label {
    margin-bottom: 0; }

.wm-collection-card .wm-web-action.wm-pointer.wm-favourite-off span svg {
  width: 20px;
  height: 20px; }

.wm-collection-card .wm-web-action.wm-pointer.wm-favourite-off span i {
  font-size: 20px; }

.wm-collection-card .wm-web-actions-icons {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 2;
  background: white; }
  .wm-collection-card .wm-web-actions-icons.wm-icon-bottom-right {
    position: absolute;
    bottom: 4px;
    right: 4px; }

.wm-collection-card .wm-web-action-container {
  position: relative;
  top: 1px;
  right: 1px; }

@media only screen and (max-width: 28.9375em) {
  .wm-collection-card .wm-image-entity .wm-image-medium {
    width: 47px;
    height: 45px;
    font-size: 15px; } }

@media only screen and (max-width: 28.9375em) {
  .wm-absence-card {
    border: 0 !important; }
    .wm-absence-card .d-block:not(:first-of-type) {
      display: none; } }

.wm-pointer label {
  cursor: pointer; }

.wm-popup-small-image.card-avatar {
  position: absolute;
  top: 10px;
  right: 10px; }

.wm-icon-top-right {
  position: absolute;
  top: 10px;
  right: 10px; }

.wm-icon-bottom-right {
  position: absolute;
  bottom: 10px;
  right: 10px; }

.task-card-body.card-body a.card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%; }
  .task-card-body.card-body a.card-title :hover {
    cursor: pointer; }

.record-priority {
  position: absolute;
  top: 5px;
  left: 5px;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  content: "";
  width: 4px; }

.e-Card:hover {
  padding: 1px; }

/* ----- END OF CARD VIEWS ----- */
.topbar-status-dropdown.wm-progress-menu div.wm-scrollbar-content .mCSB_draggerContainer {
  min-height: 150px;
  opacity: 1; }

.dropdown.wm-dropdown.wm-web-actions-menu span > i.wm-icon,
.fa-grip-vertical.wm-grid-row-drag-icon {
  pointer-events: all !important; }
  .dropdown.wm-dropdown.wm-web-actions-menu span > i.wm-icon:hover,
  .fa-grip-vertical.wm-grid-row-drag-icon:hover {
    color: #77818d; }

/* recents and favourites on module most viewed */
#ModulesMostUsed .nav-link.nav-favourite,
.nav-link.nav-recent,
#ModulesMostUsed .recent-navbar-nav li .nav-link.nav-recent {
  padding: 5px !important; }

#ContainerWrapper #pivotviewcontrol #pivotviewcontrol_grid {
  width: 100% !important; }

div[data-widget-name="HistoryList"] .section-title .wm-section-action-btn:not(.wm-daterange) > .wm-row {
  margin-right: 20px; }

div[data-widget-name="HistoryList"] .section-title .wm-section-action-btn.wm-daterange .wm-container-parent {
  padding-right: 16px !important; }

.mapcollapsesection > .e-maps {
  position: relative;
  overflow: hidden; }
  .mapcollapsesection > .e-maps > div:nth-child(2) {
    top: 10px !important;
    left: 10px !important; }

/*
os-theme-thin-dark
*/
.os-theme-thin-dark > .os-scrollbar-horizontal {
  right: 14px;
  height: 14px;
  padding: 0px 6px; }

.os-theme-thin-dark > .os-scrollbar-vertical {
  bottom: 14px;
  width: 14px;
  padding: 6px 0px; }

.os-theme-thin-dark.os-host-rtl > .os-scrollbar-horizontal {
  left: 14px;
  right: 0; }

.os-theme-thin-dark > .os-scrollbar-corner {
  height: 14px;
  width: 14px;
  background-color: transparent; }

.os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track {
  background: transparent; }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track:before {
  content: '';
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0.15); }
  @media (prefers-color-scheme: dark) {
    .os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before,
    .os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track:before {
      background: rgba(0, 0, 0, 0.9); } }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -1px;
  height: 2px; }

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
  width: 2px; }

.os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  content: '';
  position: absolute;
  display: block;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5); }
  @media (prefers-color-scheme: dark) {
    .os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
      background: rgba(129, 118, 118, 0.5); } }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before {
  margin-top: -2px;
  height: 4px; }

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
  margin-left: -2px;
  width: 4px; }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
  background: rgba(0, 0, 0, 0.7); }
  @media (prefers-color-scheme: dark) {
    .os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
    .os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
      background: rgba(129, 118, 118, 0.7); } }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
  background: #000; }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
  height: 100%; }

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  width: 100%;
  min-height: 30px; }

.os-theme-thin-dark.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
  transition: height 0.3s, margin-top 0.3s, background 0.2s; }

.os-theme-thin-dark.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
  transition: width 0.3s, margin-left 0.3s, background 0.2s; }

/* -------------------- COMMON MODULE VIEW SETTINGS -------------------- */
#applicationsetting #tab-content-availability .form-group,
#winmansystem_view #tab-content-availability .form-group {
  margin-bottom: 12px !important; }

div[data-controller="Account"] .card.wm-collection-card .card-body,
div[data-controller="CustomerEnquiry"] .card.wm-collection-card .card-body {
  padding-top: 10px; }

#productsaleprice_view .wm-action-button-group.wm-display-icon-menu > .dropdown.btn-group {
  margin-top: -2px !important; }

#component_view #tab-content-summary .dropdown.btn-group,
#component_view #tab-content-general .dropdown.btn-group,
#component_view #tab-content-details .dropdown.btn-group,
#component_view #tab-content-dashboard .dropdown.btn-group,
#component_view #tab-content-wherefrom .dropdown.btn-group,
#purchase_order_item_view #tab-content-summary .dropdown.btn-group,
#purchase_order_item_view #tab-content-general .dropdown.btn-group,
#purchase_order_item_view #tab-content-details .dropdown.btn-group,
#purchase_order_item_view #tab-content-dashboard .dropdown.btn-group,
#purchase_order_item_view #tab-content-wherefrom .dropdown.btn-group,
#purchaseinvoiceitem_view #tab-content-summary .dropdown.btn-group,
#purchaseinvoiceitem_view #tab-content-general .dropdown.btn-group,
#purchaseinvoiceitem_view #tab-content-details .dropdown.btn-group,
#purchaseinvoiceitem_view #tab-content-dashboard .dropdown.btn-group,
#purchaseinvoiceitem_view #tab-content-wherefrom .dropdown.btn-group,
#inventorybatch_view #tab-content-summary .dropdown.btn-group,
#inventorybatch_view #tab-content-general .dropdown.btn-group,
#inventorybatch_view #tab-content-details .dropdown.btn-group,
#inventorybatch_view #tab-content-dashboard .dropdown.btn-group,
#inventorybatch_view #tab-content-wherefrom .dropdown.btn-group,
#inventory_trace_view #tab-content-summary .dropdown.btn-group,
#inventory_trace_view #tab-content-general .dropdown.btn-group,
#inventory_trace_view #tab-content-details .dropdown.btn-group,
#inventory_trace_view #tab-content-dashboard .dropdown.btn-group,
#inventory_trace_view #tab-content-wherefrom .dropdown.btn-group,
.shipment-item #tab-content-summary .dropdown.btn-group,
.shipment-item #tab-content-general .dropdown.btn-group,
.shipment-item #tab-content-details .dropdown.btn-group,
.shipment-item #tab-content-dashboard .dropdown.btn-group,
.shipment-item #tab-content-wherefrom .dropdown.btn-group,
#productsaleprice_view #tab-content-summary .dropdown.btn-group,
#productsaleprice_view #tab-content-general .dropdown.btn-group,
#productsaleprice_view #tab-content-details .dropdown.btn-group,
#productsaleprice_view #tab-content-dashboard .dropdown.btn-group,
#productsaleprice_view #tab-content-wherefrom .dropdown.btn-group,
#project_view #tab-content-summary .dropdown.btn-group,
#project_view #tab-content-general .dropdown.btn-group,
#project_view #tab-content-details .dropdown.btn-group,
#project_view #tab-content-dashboard .dropdown.btn-group,
#project_view #tab-content-wherefrom .dropdown.btn-group,
#salesorderitemsplitline #tab-content-summary .dropdown.btn-group,
#salesorderitemsplitline #tab-content-general .dropdown.btn-group,
#salesorderitemsplitline #tab-content-details .dropdown.btn-group,
#salesorderitemsplitline #tab-content-dashboard .dropdown.btn-group,
#salesorderitemsplitline #tab-content-wherefrom .dropdown.btn-group,
#alternativepart #tab-content-summary .dropdown.btn-group,
#alternativepart #tab-content-general .dropdown.btn-group,
#alternativepart #tab-content-details .dropdown.btn-group,
#alternativepart #tab-content-dashboard .dropdown.btn-group,
#alternativepart #tab-content-wherefrom .dropdown.btn-group,
#maintainrelatedproduct #tab-content-summary .dropdown.btn-group,
#maintainrelatedproduct #tab-content-general .dropdown.btn-group,
#maintainrelatedproduct #tab-content-details .dropdown.btn-group,
#maintainrelatedproduct #tab-content-dashboard .dropdown.btn-group,
#maintainrelatedproduct #tab-content-wherefrom .dropdown.btn-group,
#inventorycount_view #tab-content-summary .dropdown.btn-group,
#inventorycount_view #tab-content-general .dropdown.btn-group,
#inventorycount_view #tab-content-details .dropdown.btn-group,
#inventorycount_view #tab-content-dashboard .dropdown.btn-group,
#inventorycount_view #tab-content-wherefrom .dropdown.btn-group,
#workinprogress_view #tab-content-summary .dropdown.btn-group,
#workinprogress_view #tab-content-general .dropdown.btn-group,
#workinprogress_view #tab-content-details .dropdown.btn-group,
#workinprogress_view #tab-content-dashboard .dropdown.btn-group,
#workinprogress_view #tab-content-wherefrom .dropdown.btn-group {
  height: 20px !important; }
  #component_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #component_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #component_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #component_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #component_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #purchase_order_item_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #purchase_order_item_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #purchase_order_item_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #purchase_order_item_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #purchase_order_item_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #purchaseinvoiceitem_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #purchaseinvoiceitem_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #purchaseinvoiceitem_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #purchaseinvoiceitem_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #purchaseinvoiceitem_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventorybatch_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventorybatch_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventorybatch_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventorybatch_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventorybatch_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventory_trace_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventory_trace_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventory_trace_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventory_trace_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventory_trace_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  .shipment-item #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  .shipment-item #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  .shipment-item #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  .shipment-item #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  .shipment-item #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #productsaleprice_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #productsaleprice_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #productsaleprice_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #productsaleprice_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #productsaleprice_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #project_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #project_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #project_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #project_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #project_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #salesorderitemsplitline #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #salesorderitemsplitline #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #salesorderitemsplitline #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #salesorderitemsplitline #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #salesorderitemsplitline #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #alternativepart #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #alternativepart #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #alternativepart #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #alternativepart #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #alternativepart #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #maintainrelatedproduct #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #maintainrelatedproduct #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #maintainrelatedproduct #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #maintainrelatedproduct #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #maintainrelatedproduct #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventorycount_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventorycount_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventorycount_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventorycount_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #inventorycount_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #workinprogress_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #workinprogress_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #workinprogress_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #workinprogress_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP,
  #workinprogress_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP {
    border-right: none !important; }
    #component_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #component_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #component_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #component_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #component_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #purchase_order_item_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #purchase_order_item_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #purchase_order_item_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #purchase_order_item_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #purchase_order_item_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #purchaseinvoiceitem_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #purchaseinvoiceitem_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #purchaseinvoiceitem_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #purchaseinvoiceitem_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #purchaseinvoiceitem_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventorybatch_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventorybatch_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventorybatch_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventorybatch_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventorybatch_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventory_trace_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventory_trace_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventory_trace_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventory_trace_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventory_trace_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    .shipment-item #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    .shipment-item #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    .shipment-item #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    .shipment-item #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    .shipment-item #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #productsaleprice_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #productsaleprice_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #productsaleprice_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #productsaleprice_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #productsaleprice_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #project_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #project_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #project_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #project_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #project_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #salesorderitemsplitline #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #salesorderitemsplitline #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #salesorderitemsplitline #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #salesorderitemsplitline #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #salesorderitemsplitline #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #alternativepart #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #alternativepart #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #alternativepart #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #alternativepart #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #alternativepart #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #maintainrelatedproduct #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #maintainrelatedproduct #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #maintainrelatedproduct #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #maintainrelatedproduct #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #maintainrelatedproduct #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventorycount_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventorycount_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventorycount_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventorycount_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #inventorycount_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #workinprogress_view #tab-content-summary .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #workinprogress_view #tab-content-general .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #workinprogress_view #tab-content-details .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #workinprogress_view #tab-content-dashboard .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after,
    #workinprogress_view #tab-content-wherefrom .dropdown.btn-group #ButtonGroup-DEFAULTGROUP > .btn::after {
      margin-left: -1px; }

/* -------------------- END OF COMMON MODULE VIEW SETTINGS -------------------- */
/* ----------------------------- CUSTOM MODULER SETTINGS ALPHABETICAL ----------------------------- */
/* -------------------- ACCOUNTS -------------------- */
#tab-content-addressbook div[data-name="AddressBookCardView"] .wm-card-list-search .e-input-group {
  margin-left: 6px;
  border-right: none;
  padding-left: 1px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

#tab-content-addressbook div[data-name="AddressBookCardView"] div[name="CARDVIEWSEARCH"].btn-standard.wm-button.wm-web-action {
  background-color: #858d9a !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }
  #tab-content-addressbook div[data-name="AddressBookCardView"] div[name="CARDVIEWSEARCH"].btn-standard.wm-button.wm-web-action:hover {
    background-color: #7a8391 !important; }

@media only screen and (max-width: 600px) and (min-width: 575px) {
  #account #tab-content-details #communicationvalues .wm-delete {
    margin-left: 22px; } }

@media only screen and (max-width: 600px) {
  .align-middle.d-none.d-lg-inline-block {
    display: none !important; }
  .gap-3 {
    gap: 0.5rem !important; }
  .account-user-avatar {
    display: none !important; } }

/* -------------------- END OF ACCOUNTS -------------------- */
/* -------------------- APPLICATION SETTINGS -------------------- */
/* -------------------- END OF APPLICATION SETTINGS -------------------- */
/* -------------------- ASSETS -------------------- */
#assetdepreciationrow {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row; }
  #assetdepreciationrow > .wm-form-row > .wm-section {
    padding: 1.2rem !important; }
  #assetdepreciationrow .wm-widget-panel > .wm-section {
    margin-bottom: 0 !important; }
  #assetdepreciationrow .e-chart {
    margin-left: 7px;
    border-right: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }

/* -------------------- END OF ASSETS -------------------- */
/* -------------------- BANK ACCOUNTS -------------------- */
#loadedtabwidgetaccount_details .wm-collapsible-section > .wm-section-inner {
  padding-top: 0 !important; }

@media only screen and (max-width: 28.9375em) {
  #bank_transaction #tab-content-summary #loadedtabwidgetsummary .col-xs-12 .wm-container-parent {
    margin-left: 16px;
    margin-right: 16px; } }

#bank_transaction #tab-content-draft > #loadedtabwidgetdraft div[data-field-name="DraftBankAccount"] {
  width: 80%;
  position: absolute;
  top: 2px;
  right: 324px; }
  @media only screen and (max-width: 47.9375em) {
    #bank_transaction #tab-content-draft > #loadedtabwidgetdraft div[data-field-name="DraftBankAccount"] {
      right: 292px;
      width: 20%; } }
  @media only screen and (max-width: 640px) {
    #bank_transaction #tab-content-draft > #loadedtabwidgetdraft div[data-field-name="DraftBankAccount"] {
      top: 38px;
      right: 124px;
      width: 24.8%; } }
  @media only screen and (max-width: 28.9375em) {
    #bank_transaction #tab-content-draft > #loadedtabwidgetdraft div[data-field-name="DraftBankAccount"] {
      right: 16px;
      top: 8px; } }

@media only screen and (max-width: 47.9375em) {
  #bank_transaction #tab-content-draft > #loadedtabwidgetdraft #DraftGrid .wm-section-container .wm-pointer > .wm-section-title {
    width: 70%; } }

@media only screen and (max-width: 640px) {
  #bank_transaction #tab-content-draft > #loadedtabwidgetdraft #DraftGrid .wm-collapsible-section > .wm-section-inner {
    padding-top: 30px !important; } }

@media only screen and (max-width: 28.9375em) {
  #bank_transaction #tab-content-awaiting .d-flex.justify-content-between.bg-white.border-bottom,
  #bank_transaction #tab-content-overdue .d-flex.justify-content-between.bg-white.border-bottom {
    border-radius: 0; } }

#bank_transaction #tab-content-awaiting .d-flex.justify-content-between.bg-white.border-bottom div[data-field-name="BankAwaitingPaymentBankAccount"],
#bank_transaction #tab-content-awaiting .d-flex.justify-content-between.bg-white.border-bottom div[data-field-name="BankOverduePaymentBankAccount"],
#bank_transaction #tab-content-overdue .d-flex.justify-content-between.bg-white.border-bottom div[data-field-name="BankAwaitingPaymentBankAccount"],
#bank_transaction #tab-content-overdue .d-flex.justify-content-between.bg-white.border-bottom div[data-field-name="BankOverduePaymentBankAccount"] {
  margin-left: 12px; }

#bank_transaction #tab-content-summary div[name="BankPaymentSummaryButtons"] .card-body .btn.wm-button-panel {
  margin: 8px 0 -4px 12px; }

#tab-content-expected_payments .d-flex.justify-content-between.bg-white.border-bottom,
#tab-content-expected_deposits .d-flex.justify-content-between.bg-white.border-bottom {
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(46, 51, 56, 0.2);
  padding: 8px 2px;
  margin-bottom: 16px; }

/* -------------------- END OF BANK ACCOUNTS -------------------- */
/* -------------------- BANK PAYMENTS -------------------- */
#bankChart {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row; }

#loadedtabwidgetawaiting > .wm-widget-container-body > .d-flex,
#loadedtabwidgetoverdue > .wm-widget-container-body > .d-flex {
  border-radius: 4px;
  box-shadow: 0 1px 6px -1px rgba(46, 51, 56, 0.2);
  margin-bottom: 15px;
  padding-bottom: 7px; }

/* -------------------- END OF BANK PAYMENTS -------------------- */
/* -------------------- CASES -------------------- */
#CaseList .btn-group.wm-view-switch {
  margin-right: -10px; }

/* -------------------- END OF CASES -------------------- */
/* -------------------- COMMERCE CHANNELS -------------------- */
div[data-controller="CommerceChannel"] div[name="ACTION_GRANT"].btn.btn-sm.btn-standard.wm-button.wm-web-action.wm-pointer,
div[data-controller="CommerceChannel"] div[name="DownloadCategories"].btn.btn-sm.btn-success.wm-button.wm-web-action {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: white !important;
  position: relative;
  z-index: 10;
  transition: all 0.2s ease; }
  div[data-controller="CommerceChannel"] div[name="ACTION_GRANT"].btn.btn-sm.btn-standard.wm-button.wm-web-action.wm-pointer:hover,
  div[data-controller="CommerceChannel"] div[name="DownloadCategories"].btn.btn-sm.btn-success.wm-button.wm-web-action:hover {
    opacity: 0.8 !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
    border-color: #a7adb6 !important;
    border-right-color: white !important;
    background-color: #acb2bb !important; }

@media only screen and (max-width: 47.9375em) {
  #commercechannelmappingsetup #tab-content-outbound .wm-section-inner > .wm-row:not(:first-child) .mapping-source .wm-label {
    margin-top: 16px; } }

#commerce_channel_mapping_map_sku_tmp_source_121_popup {
  min-width: 320px !important; }

/* -------------------- END OF COMMERCE CHANNELS -------------------- */
/* -------------------- CONTACTS -------------------- */
/* -------------------- END OF CONTACTS -------------------- */
/* -------------------- CUSTOMER ENQUIRIES -------------------- */
#customerenquiry #tab-content-creditcontrol .wm-widget-body > div .wm-button.btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  min-width: 24px;
  padding: 5px;
  /*&:not(.dropdown-toggle)::after {
            content: $content;
            display: block;
            font-size: 17px;
            font-family: "Font Awesome 6 Pro";
                        color: $white;
        }

        &.dropdown-toggle {
            &::after {
                content: $content !important;
                display: flex;
                align-items: center;
                justify-content: center;
                //margin-left: 0 !important;
                //margin-top: 2px !important;
                margin-top: 0;
                margin-left: 0;
                border: none;
                font-size: 0.9rem;
                font-family: 'Font Awesome 6 Pro';
                vertical-align: middle;
                            }
        }*/ }
  #customerenquiry #tab-content-creditcontrol .wm-widget-body > div .wm-button.btn:after {
    content: none !important; }

#customerenquiry #tab-content-creditcontrol .wm-widget-body > div .wm-button.btn {
  position: absolute;
  top: 0px;
  right: 0px; }
  #customerenquiry #tab-content-creditcontrol .wm-widget-body > div .wm-button.btn::after {
    margin-top: -3px; }

.btn.btn-sm.btn-standard.wm-button.dropdown-toggle {
  height: auto !important; }

.dropdown-toggle::after {
  font-size: 18px; }

.wm-datatable-column-drilldown .wm-icon.wm-icon-small {
  margin-top: -5px !important; }

/* -------------------- END OF CUSTOMER ENQUIRIES -------------------- */
/* -------------------- EMAIL TEMPLATES -------------------- */
#email_template iframe {
  background-color: #646d77; }

#email_template_view #tab-content-details .wm-control .wm-display-html.form-control-static > span {
  color: black !important; }

@media (prefers-color-scheme: dark) {
  #email_template_view #bodyframe {
    background-color: white !important; } }

/* -------------------- END OF EMAIL TEMPLATES -------------------- */
/* -------------------- EXPENSES -------------------- */
#expenseindex #tab-content-currentclaim .alert-info > .alert-btn {
  margin-left: 16px; }

/* -------------------- END OF EXPENSES -------------------- */
/* --------------------  GOODS RECEIPS -------------------- */
#loadedtabwidgettransactions .wm-queryfilterdiv > .wm-section:first-child .wm-section-title-container {
  margin-bottom: -14px;
  position: relative;
  z-index: 1; }

/* -------------------- END OF GOODS RECEIPS -------------------- */
/* -------------------- IMPORT LOGS -------------------- */
@media only screen and (max-width: 47.9375em) {
  #changes #tab-content-summary .wm-section > .wm-section-inner {
    overflow-x: scroll; } }

/* -------------------- END OF IMPORT LOGS -------------------- */
/* -------------------- INVENTORY COUNT CLASSIFICATIONS -------------------- */
#classificationTextSection .wm-section-inner .form-group.wm-container-parent {
  padding: 0 30px; }
  #classificationTextSection .wm-section-inner .form-group.wm-container-parent #wmdisplay_ClassificationText {
    word-break: break-word !important; }

.module-content-wrapper div[data-controller="InventoryCountClassification"] #tab-content-summary .form-group.wm-container-parent,
.module-content-wrapper div[data-controller="InventoryCountClassification"] #tab-content-summary #tab-content-summary .wm-section-inner .row > .col-1 > span {
  display: flex;
  align-items: center; }

.module-content-wrapper div[data-controller="InventoryCountClassification"] #tab-content-summary label {
  margin-bottom: 0 !important; }

/* --------------------END OF INVENTORY COUNT CLASSIFICATIONS -------------------- */
/* -------------------- INVENTORY TRACE -------------------- */
#inventory_trace_view #tab-content-wherefrom .dropdown.btn-group {
  margin-top: -2px !important; }

/* --------------------END OF INVENTORY TRACE -------------------- */
/* -------------------- KNOWLEDGE BASE -------------------- */
#kb_article_view #tab-content-article #wmdisplay_kb_article_articlebody > p {
  color: inherit !important; }

/* -------------------- END OF KNOWLEDGE BASE -------------------- */
div[data-controller="Lead"] > .tab-container .dropdown.btn-group > .btn-group .wm-button.btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  min-width: 24px;
  padding: 5px;
  /*&:not(.dropdown-toggle)::after {
            content: $content;
            display: block;
            font-size: 17px;
            font-family: "Font Awesome 6 Pro";
                        color: $white;
        }

        &.dropdown-toggle {
            &::after {
                content: $content !important;
                display: flex;
                align-items: center;
                justify-content: center;
                //margin-left: 0 !important;
                //margin-top: 2px !important;
                margin-top: 0;
                margin-left: 0;
                border: none;
                font-size: 0.9rem;
                font-family: 'Font Awesome 6 Pro';
                vertical-align: middle;
                            }
        }*/ }
  div[data-controller="Lead"] > .tab-container .dropdown.btn-group > .btn-group .wm-button.btn:after {
    content: none !important; }

/* -------------------- MANAGER HUB -------------------- */
/* -------------------- END OF MANAGER HUB -------------------- */
/* -------------------- MY SUMMARY (KPI SPACING) -------------------- */
@media (prefers-color-scheme: dark) {
  #SelectUserCalendar {
    border-radius: 3px !important;
    padding: 2px 8px;
    background-color: #363a40 !important;
    border-color: #c0c9d3 !important;
    color: #edf2f3 !important; }
    #SelectUserCalendar::placeholder {
      color: white !important; }
  .e-dropdownbase {
    color: #c0c9d3 !important; } }

div[data-field-name="SelectUserCalendar"] > span {
  margin-bottom: 10px !important; }

/* -------------------- MY SUMMARY (KPI SPACING) -------------------- */
#opportunity_view #tab-content-emails .card.wm-collection-card {
  margin-bottom: 16px !important;
  border-radius: 4px !important;
  background-color: #edf2f3;
  border: 1px solid #c0c9d3; }
  @media (prefers-color-scheme: dark) {
    #opportunity_view #tab-content-emails .card.wm-collection-card {
      background-color: #23262a; } }
  @media only screen and (max-width: 35.9375em) {
    #opportunity_view #tab-content-emails .card.wm-collection-card {
      margin-bottom: 6px !important; } }
  #opportunity_view #tab-content-emails .card.wm-collection-card > .wm-web-action-container {
    margin-left: -24px;
    margin-right: 20px;
    background-color: transparent !important; }
    #opportunity_view #tab-content-emails .card.wm-collection-card > .wm-web-action-container .wm-web-actions-menu .pointer > svg {
      margin-top: -4px;
      margin-bottom: 4px; }

/* -------------------- Products -------------------- */
#tab-content-productpurchasecosts #ProductPurchaseCost .dropdown.btn-group #DEFAULT {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: white !important; }
  #tab-content-productpurchasecosts #ProductPurchaseCost .dropdown.btn-group #DEFAULT:hover {
    opacity: 0.8 !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
    border-color: #a7adb6 !important;
    border-right-color: white !important;
    background-color: #acb2bb !important; }

#loadedtabwidgetproductsaleprices .wm-widget-collection > div:last-child > div:last-child,
#loadedtabwidgetstandardsaleprices .wm-widget-collection > div:last-child > div:last-child {
  margin-top: 12px; }

/* -------------------- END OF Products -------------------- */
/* -------------------- ProjectPlannerGanttWidget -------------------- */
#project_view #tab-content-planner .e-input-group.e-control-wrapper {
  border-top-width: 2px; }

#GanttScheduleMode,
#GanttHolidayToggle {
  padding: 0 8px;
  border-radius: 4px !important; }
  #GanttScheduleMode:focus,
  #GanttHolidayToggle:focus {
    outline: #afb3b9 auto 1px !important; }

div[data-field-name="GanttHolidayToggle"] > .e-checkbox-wrapper {
  margin-bottom: 10px; }

label[for="GanttScheduleMode"],
label[for="GanttHolidayToggle"] {
  width: 100px !important; }

label[for="GanttHolidayToggle"] {
  margin-top: 8px; }

/* -------------------- END OF ProjectPlannerGanttWidget -------------------- */
/* -------------------- PRODUCTS -------------------- */
#productsaleprices .wm-collapsible-section .wm-section-inner {
  padding-top: 8px !important; }
  #productsaleprices .wm-collapsible-section .wm-section-inner .wm-widget-panel > .wm-section {
    padding: 0 12px !important; }

/* -------------------- END OF PRODUCTS -------------------- */
/* -------------------- PURCHASE ORDER & SALES PROCESS ITEM -------------------- */
#purchase_order_item .wm-widget-container,
#salesorderitem .wm-widget-container {
  margin-top: 12px;
  border-radius: 2px;
  background-color: white;
  border: 1px solid #7a8391; }
  @media (prefers-color-scheme: dark) {
    #purchase_order_item .wm-widget-container,
    #salesorderitem .wm-widget-container {
      background-color: #363a40 !important;
      border-color: #c0c9d3;
      border-color: #3e454c !important; } }
  #purchase_order_item .wm-widget-container .wm-widget,
  #salesorderitem .wm-widget-container .wm-widget {
    padding: 2px 10px !important; }
    #purchase_order_item .wm-widget-container .wm-widget .wm-section-header,
    #salesorderitem .wm-widget-container .wm-widget .wm-section-header {
      border-top-left-radius: 2px !important;
      border-top-right-radius: 2px !important;
      padding: 5px;
      background-color: #eeeff1; }
      @media (prefers-color-scheme: dark) {
        #purchase_order_item .wm-widget-container .wm-widget .wm-section-header,
        #salesorderitem .wm-widget-container .wm-widget .wm-section-header {
          background-color: #363a40; } }

#salesprocess #tab-content-summary #wm-sales-process-tabs {
  display: flex !important;
  align-items: flex-start;
  justify-content: inherit;
  flex-direction: column; }
  #salesprocess #tab-content-summary #wm-sales-process-tabs::before {
    display: none; }

/* -------------------- END OF PURCHASE ORDER & SALES PROCESS ITEM -------------------- */
/* -------------------- REPORTS -------------------- */
div[data-controller="Report"] #CategoryList sup.wm-background-default {
  background-color: #626a76 !important; }
  @media (prefers-color-scheme: dark) {
    div[data-controller="Report"] #CategoryList sup.wm-background-default {
      background-color: #969da8 !important; } }

div[data-controller="Report"] #report_view #tab-content-versions .wm-collection-card .wm-web-action-container .pointer > svg {
  position: absolute;
  top: -74px;
  right: -4px; }

/* --------------------END OF REPORTS -------------------- */
/* -------------------- ROLES -------------------- */
div[data-widget-name="ModuleGroupSecurity"] .linear-background.mt-1 {
  margin-top: 15px !important; }

/* --------------------END OF ROLES -------------------- */
/* -------------------- SETTTINGS DEFAULT -------------------- */
div[data-controller="SettingDefault"] #tab-content-summary div[data-widget-name="ConfigureSettings"] .wm-widget-panel > .wm-section {
  overflow-x: scroll; }
  div[data-controller="SettingDefault"] #tab-content-summary div[data-widget-name="ConfigureSettings"] .wm-widget-panel > .wm-section .wm-treeview-valueview .wm-treeview-delete-icon > svg {
    margin-bottom: -3px; }

/* -------------------- END OF SETTTINGS DEFAULT -------------------- */
/* -------------------- SHIFT PATTERNS -------------------- */
#ShiftList .card-list-group .wm-collection-card {
  margin-bottom: 10px !important; }
  #ShiftList .card-list-group .wm-collection-card .wm-shift-card {
    height: 98px; }
    #ShiftList .card-list-group .wm-collection-card .wm-shift-card .badge-shift {
      position: absolute;
      bottom: 8px; }
    #ShiftList .card-list-group .wm-collection-card .wm-shift-card .wm-web-action-container {
      position: absolute;
      top: 15px;
      right: 5px; }

#ShiftList .card-list-group .last-row {
  margin-bottom: -10px !important; }

.shifts-patterns-widget .wm-view-switch,
.global-exceptions-widget .wm-view-switch {
  margin-right: 8px; }

/* --------------------END OF SHIFT PATTERNS -------------------- */
/* -------------------- SPRINTS -------------------- */
/* -------------------- END OF SPRINTS -------------------- */
/* -------------------- SUPPORT CASE -------------------- */
#supportcase_view #TaskList .section-header-related-widgets-render-switch-container {
  margin-right: 8px; }

#supportcase_view #loadedtabwidgettasks .wm-datatable-filter-container {
  margin-right: -4px !important; }

#supportcase_view #loadedtabwidgetresearch .wm-datatable-filter-container {
  margin-right: 0 !important; }

#supportcase_view #loadedtabwidgetresearch [data-name="ResearchList"] .wm-research-title {
  display: inline-block;
  overflow: visible;
  position: relative;
  width: auto;
  max-width: 100%; }
  #supportcase_view #loadedtabwidgetresearch [data-name="ResearchList"] .wm-research-title .dropdown-toggle {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; }
    #supportcase_view #loadedtabwidgetresearch [data-name="ResearchList"] .wm-research-title .dropdown-toggle:after {
      display: none; }
  #supportcase_view #loadedtabwidgetresearch [data-name="ResearchList"] .wm-research-title .dropdown-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    color: #7a8391;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    cursor: pointer; }
  #supportcase_view #loadedtabwidgetresearch [data-name="ResearchList"] .wm-research-title .dropdown-menu {
    top: calc(50% + 10px) !important;
    left: unset !important;
    right: 0; }

#supportcase_view #loadedtabwidgetrelationships [data-name="ResearchListCardView"] .wm-collection-card .added-date {
  position: absolute;
  bottom: 10px; }

/* -------------------- END OF SUPPORT CASE -------------------- */
/* --------------------TASK SCHEDULER -------------------- */
@media only screen and (min-width: 36em) {
  #taskSchedulerWidget .wm-widget-body > .form-group .wm-checkbox {
    margin-top: 4px; } }

/* -------------------- END OFTASK SCHEDULER -------------------- */
/* -------------------- TAX RATES -------------------- */
#TaxRate .wm-section-action-btn.wm-section-actions-last-btn {
  margin-left: 8px; }

/* -------------------- END OF TAX RATES -------------------- */
/* -------------------- USERS -------------------- */
#usercontrolpanel .wm-ignore-serialization.form-group.wm-container-parent {
  margin-bottom: 10px !important; }

div[data-controller="UserControlPanel"] .card.wm-collection-card .card-body {
  padding-top: 10px; }

div[data-controller="UserControlPanel"] #tab-content-subscriptions .card.wm-collection-card .card-body {
  padding-bottom: 30px; }
  div[data-controller="UserControlPanel"] #tab-content-subscriptions .card.wm-collection-card .card-body .wm-web-actions-menu {
    position: absolute;
    top: -36px;
    right: 0; }
  div[data-controller="UserControlPanel"] #tab-content-subscriptions .card.wm-collection-card .card-body .wm-web-actions-icons {
    bottom: 0;
    right: 6px; }

/* -------------------- END OF USERS -------------------- */
/* -------------------- VAT RETURNS -------------------- */
#tax_zone_view #tab-content-taxgroups .wm-section-actions .wm-action-button-group #DEFAULT {
  border-radius: 4px !important;
  border-right: none !important; }

/* -------------------- END OF VAT RETURNS -------------------- */
.calculator .calculator-screen {
  background-color: #646d77 !important; }
  @media (prefers-color-scheme: dark) {
    .calculator .calculator-screen {
      background-color: #202427 !important; } }

.calculator .calculator-keys button:not(.all-clear) {
  color: #33353b !important; }
  @media (prefers-color-scheme: dark) {
    .calculator .calculator-keys button:not(.all-clear) {
      color: #e5e7e9 !important; } }
  @media (prefers-color-scheme: dark) {
    .calculator .calculator-keys button:not(.all-clear):not(.equal-sign):hover {
      background-color: #40474e !important; } }

.calculator .calculator-keys button, .calculator .calculator-keys button.equal-sign.operator {
  color: white !important; }

#tab-content-settings #loadedtabwidgetsettings .wm-widget-body .wm-collection-card {
  margin-bottom: 12px !important;
  border-radius: 0.5rem; }
  #tab-content-settings #loadedtabwidgetsettings .wm-widget-body .wm-collection-card .card-body {
    border-radius: 0.5rem;
    padding: 10px !important; }
    #tab-content-settings #loadedtabwidgetsettings .wm-widget-body .wm-collection-card .card-body > .d-flex {
      align-items: center; }
      #tab-content-settings #loadedtabwidgetsettings .wm-widget-body .wm-collection-card .card-body > .d-flex .wm-web-action-container {
        margin-top: unset;
        left: unset;
        position: absolute;
        top: 7px;
        right: 8px; }

#tab-content-settings #loadedtabwidgetsettings .wm-section-action-btn div[data-popup-title="Export"] .wm-button.btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  min-width: 24px;
  padding: 5px;
  /*&:not(.dropdown-toggle)::after {
            content: $content;
            display: block;
            font-size: 17px;
            font-family: "Font Awesome 6 Pro";
                        color: $white;
        }

        &.dropdown-toggle {
            &::after {
                content: $content !important;
                display: flex;
                align-items: center;
                justify-content: center;
                //margin-left: 0 !important;
                //margin-top: 2px !important;
                margin-top: 0;
                margin-left: 0;
                border: none;
                font-size: 0.9rem;
                font-family: 'Font Awesome 6 Pro';
                vertical-align: middle;
                            }
        }*/ }
  #tab-content-settings #loadedtabwidgetsettings .wm-section-action-btn div[data-popup-title="Export"] .wm-button.btn:after {
    content: none !important; }

#SettingExportFile span {
  display: flex;
  justify-content: center; }
  #SettingExportFile span.wm-pointer {
    margin-bottom: 24px; }
    #SettingExportFile span.wm-pointer > .wm-icon {
      width: 128px !important;
      height: 128px !important;
      font-size: 128px !important; }
  #SettingExportFile span:not(.wm-pointer) {
    border: 1px solid #7a8391;
    border-radius: 2px;
    width: 90px;
    margin: 0 auto;
    padding: 4px 8px; }
    #SettingExportFile span:not(.wm-pointer):hover {
      border-color: #9098a3 !important;
      color: #9098a3 !important;
      transform: scale(1.06); }

.e-templatetable {
  width: 100%; }
  .e-templatetable .wm-kanbancard-parent-details {
    font-size: 12px !important; }
  .e-templatetable.kanban-data-wrapper {
    width: 100% !important; }
    .e-templatetable.kanban-data-wrapper .dropdown.wm-dropdown.wm-pointer.wm-web-actions-menu {
      text-align: right !important;
      padding: 0 !important;
      position: absolute !important;
      right: 15px !important; }

.e-gantt-splitter {
  height: auto !important; }

.e-kanban .e-content-row:not(.e-swimlane-row) .e-content-cells {
  border-radius: .5rem !important;
  padding: 0.3rem !important;
  background-repeat: repeat-y !important;
  height: auto !important;
  background-color: #edf2f3 !important;
  border: none !important; }
  @media (prefers-color-scheme: dark) {
    .e-kanban .e-content-row:not(.e-swimlane-row) .e-content-cells {
      background-color: #33383e !important; }
      .e-kanban .e-content-row:not(.e-swimlane-row) .e-content-cells:hover {
        background-color: #40474e !important; } }

.e-kanban-header .e-swimlane .e-header-cells {
  border-bottom: 3px solid #7a8391 !important; }
  @media (prefers-color-scheme: dark) {
    .e-kanban-header .e-swimlane .e-header-cells {
      border-bottom: 3px solid #afb3b9 !important; } }

.e-kanban-header .e-header-text, .e-kanban-header .e-item-count {
  font-weight: 400 !important; }

@media (prefers-color-scheme: dark) {
  .e-kanban-header .e-kanban-table, .e-kanban-header .e-kanban-table .e-header-row > .e-header-cells {
    background-color: #25292d !important; }
    .e-kanban-header .e-kanban-table > .e-header-wrap > .e-header-title .e-header-text, .e-kanban-header .e-kanban-table .e-header-row > .e-header-cells > .e-header-wrap > .e-header-title .e-header-text {
      color: #c0c9d3 !important; }
    .e-kanban-header .e-kanban-table > .e-header-wrap > .e-header-title .e-item-count, .e-kanban-header .e-kanban-table .e-header-row > .e-header-cells > .e-header-wrap > .e-header-title .e-item-count {
      color: #edf2f3 !important; }
  .e-kanban-header .e-header-cells {
    border-bottom-color: #afb3b9 !important; } }

.e-kanban-content .e-swimlane .e-swimlane-header > .e-icons:focus {
  background-color: transparent !important; }

.e-kanban-content .e-content-row {
  overflow: visible !important; }

@media (prefers-color-scheme: dark) {
  .e-kanban-content {
    background-color: #25292d !important; }
    .e-kanban-content .e-kanban-table > tbody > .e-content-row {
      background-color: #25292d !important; }
      .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-icons::before {
        color: #d0d2d6 !important; }
      .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-icons:hover {
        background-color: #25292d !important; }
      .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-icons:hover::before {
        color: #bfc3c7 !important; }
      .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-swimlane-text {
        color: #e5e7e9 !important; }
      .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-item-count {
        color: #c0c9d3 !important; }
    .e-kanban-content .e-emptycard {
      color: #c0c9d3 !important; } }

.e-kanban .e-card {
  line-height: 18px !important;
  border: 0 !important;
  border-radius: .5rem !important;
  cursor: pointer !important;
  padding: 5px !important;
  margin-bottom: 0.75rem !important;
  user-select: none !important;
  outline: none !important;
  cursor: grab !important;
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.15) !important;
  overflow: unset;
  transition: all .3s ease-in; }
  .e-kanban .e-card-wrapper {
    overflow: visible !important; }
  @media (prefers-color-scheme: dark) {
    .e-kanban .e-card {
      background-color: #23262a !important; } }
  .e-kanban .e-card:only-child, .e-kanban .e-card:last-child {
    margin-bottom: 0 !important; }
  .e-kanban .e-card.e-template:hover {
    border: 2px solid #33353b !important; }
    @media (prefers-color-scheme: dark) {
      .e-kanban .e-card.e-template:hover {
        border: 2px solid #afb3b9 !important; } }
  .e-kanban .e-card .dropdown-toggle::after {
    display: none !important; }
  .e-kanban .e-card tr {
    display: flex;
    justify-content: space-between; }
    .e-kanban .e-card tr td {
      background-color: white !important; }
      @media (prefers-color-scheme: dark) {
        .e-kanban .e-card tr td {
          background-color: #23262a !important; } }
      .e-kanban .e-card tr td:not(.wm-kanbancard-details) {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        flex-direction: column; }
  .e-kanban .e-card.e-selection {
    background-color: white !important;
    border: 2px solid #afb3b9 !important;
    color: #36424b !important; }
    @media (prefers-color-scheme: dark) {
      .e-kanban .e-card.e-selection {
        background-color: #23262a !important; } }
  .e-kanban .e-card .kanban-card-action-btn {
    margin-top: 16px !important; }
    .e-kanban .e-card .kanban-card-action-btn svg {
      fill: #c0c9d3 !important; }
    .e-kanban .e-card .kanban-card-action-btn i {
      color: #c0c9d3 !important; }
  .e-kanban .e-card .wm-image-entity .wm-image-small {
    line-height: 31px !important; }
  .e-kanban .e-card .wm-kanbancard-details > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .e-kanban .e-card .wm-kanbancard-details > div > a {
      color: #33353b !important;
      word-break: break-word;
      font-size: 14px !important;
      transition: all .25 ease; }
      @media (prefers-color-scheme: dark) {
        .e-kanban .e-card .wm-kanbancard-details > div > a {
          color: #d0d2d6 !important; } }
  @media (prefers-color-scheme: light) {
    .e-kanban .e-card .wm-kanbancard-details .effort-hours .activity-time, .e-kanban .e-card .wm-kanbancard-details .effort-hours .activity-time > i {
      color: #69727d !important; } }
  .e-kanban .e-card .wm-kanbancard-details .wm-kanbancard-parent-subject > a {
    color: #c0c9d3 !important;
    word-break: break-word; }
    .e-kanban .e-card .wm-kanbancard-details .wm-kanbancard-parent-subject > a:hover {
      color: #a2afbe !important; }
  .e-kanban .e-card .wm-kanbancard-details .e-templatetable tbody tr td {
    width: 100%; }

.e-kanban-toolbar {
  display: none !important; }

.e-swimlanerow {
  display: inline-block !important; }

.e-w .wm-kanbancard-parent-details {
  display: none !important; }

.e-kanban .e-kanbancontent .e-rowcell .e-targetdragclone, .e-targetclone.e-targetappend, .e-targetclone {
  border-radius: .5rem !important;
  background-color: #f2f2f2 !important;
  border: 0.11em dashed #c0c9d3 !important; }

.e-draggedcard.e-left-rotatecard {
  border-radius: .5rem !important;
  cursor: pointer !important;
  user-select: none !important;
  outline: none !important;
  cursor: grab !important;
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.15) !important; }

.e-cardselection a, .e-cardselection .wm-kanbancard-details a, .e-cardselection .wm-icon {
  color: #36424b !important; }

.e-cardselection .wm-icon {
  fill: #36424b !important;
  color: #36424b !important; }

.e-cardselection .wm-kanbancard-details .wm-web-actions-menu a {
  color: #2e3338 !important; }

.e-cardselection .popover-content a {
  color: #a4aab4 !important; }

.e-ganttchart .e-gantt-childtaskbar-progress, .e-ganttchart .e-gantt-parenttaskbar-progress {
  background: rgba(0, 0, 0, 0.3) !important;
  border-width: 0px !important;
  margin-top: 1px !important;
  padding-top: 1px !important;
  overflow: hidden !important; }

.e-ganttchart .e-gantt-childtaskbar, .e-ganttchart .e-gantt-parenttaskbar-innerdiv {
  border: none !important; }

.e-ganttchart .e-gantt-childtaskbar, .e-ganttchart .e-gantt-childtaskbar-progress {
  border-color: black; }

.e-ganttchart .e-tasklabel {
  margin-left: 1px; }

.e-swimlane-window {
  margin-top: 100px;
  -webkit-box-shadow: 1px -7px 31px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px -7px 31px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 1px -7px 31px -10px rgba(0, 0, 0, 0.75);
  border-top: 7px solid #565a64; }

.wm-kanbancard-image {
  margin: 2px 0 5px !important; }

.wm-kanbancard-details {
  padding: 4px !important;
  vertical-align: top !important;
  cursor: grab !important; }
  .wm-kanbancard-details .wm-web-actions-menu {
    margin-top: 6px; }
  .wm-kanbancard-details div a.text-info {
    color: #2e3338 !important; }

.wm-kanbancard-id {
  text-align: center !important;
  margin-left: -2px !important; }

.wm-kanbancard-parent-details {
  margin-top: 5px !important; }

.kanban-card-action-btn .dropdown {
  position: static !important; }
  @media (prefers-color-scheme: light) {
    .kanban-card-action-btn .dropdown svg.wm-icon {
      fill: #88909b !important; } }
  @media (prefers-color-scheme: light) {
    .kanban-card-action-btn .dropdown i.wm-icon {
      color: #88909b !important; } }

.kanban-wrapper {
  margin-left: -8px;
  margin-right: -8px; }
  .kanban-wrapper .e-kanbancontent, .kanban-wrapper .e-kanbancontent .e-content {
    height: auto !important; }

/* ----- E-SCHEDULE CONTAINER SYNC FUSION ----- */
.e-schedule {
  /*Below styles ensure single line & multi line appointment text works in "more" popup.*/
  /*replaces existing height:32px style (take off important)*/ }
  .e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
  .e-schedule .e-schedule-toolbar .e-active-view .e-icons,
  .e-schedule .e-vertical-view .e-header-cells.e-current-day,
  .e-schedule .e-vertical-view .e-clone-time-indicator,
  .e-schedule .e-vertical-view .e-current-time,
  .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day,
  .e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day,
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      .e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
      .e-schedule .e-schedule-toolbar .e-active-view .e-icons,
      .e-schedule .e-vertical-view .e-header-cells.e-current-day,
      .e-schedule .e-vertical-view .e-clone-time-indicator,
      .e-schedule .e-vertical-view .e-current-time,
      .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
      .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day,
      .e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day,
      .e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
        color: #afb3b9 !important; } }
  .e-schedule .e-schedule-table.e-content-table .e-appointment.wm-schedule-declined-leave, .e-schedule .e-timeline-month-view .e-appointment.wm-schedule-declined-leave, .e-schedule .e-timeline-view .e-appointment.wm-schedule-declined-leave {
    background-color: #e31b1b !important; }
  .e-schedule .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-appointment:active, .e-schedule .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-active-appointment-agenda {
    background-color: #f0f1f2; }
  .e-schedule .e-more-popup-wrapper .e-appointment {
    height: auto; }
  .e-schedule .e-appointment .e-subject.wm-wrap-subject {
    height: auto !important;
    max-height: 42px; }
  .e-schedule .e-month-view .e-current-date .e-date-header {
    background-color: #7a8391; }
  .e-schedule .e-vertical-view .e-selected-cell {
    background-color: #cacdd1 !important; }
    @media (prefers-color-scheme: dark) {
      .e-schedule .e-vertical-view .e-selected-cell {
        background-color: #7e848e !important; } }
  @media (prefers-color-scheme: dark) {
    .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
      background-color: #25292d !important; } }
  @media (prefers-color-scheme: dark) {
    .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar {
      background-color: #25292d;
      border-color: #4e575f;
      color: inherit; }
      .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-header.e-month > .e-day.e-title {
        color: #c5c8cc !important; }
      .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-month .e-week-header tr th {
        color: #c0c9d3 !important; }
      .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-month .e-cell:not(.e-other-month) > span {
        color: white !important; }
      .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-month .e-cell span:hover {
        background-color: #c5c8cc !important; }
      .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-year .e-cell:not(.e-selected) .e-day {
        background-color: #4a525a !important; }
        .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-year .e-cell:not(.e-selected) .e-day:hover {
          background-color: #d0d2d6 !important;
          color: #edf2f3 !important; } }
  .e-schedule .e-timeline-view .e-selected-cell, .e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells), .e-schedule .e-timeline-month-view .e-selected-cell, .e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
    background-color: #e5e7e9 !important;
    color: #edf2f3 !important; }
  .e-schedule-toolbar-wrapper {
    background-color: white !important;
    overflow: auto; }
  .e-schedule-toolbar-pop {
    left: 0 !important;
    border-top: 1px solid #d5e0e3 !important; }
  .e-schedule-toolbar .e-_nav.e-hor-nav, .e-schedule-toolbar .e-_nav.e-hor-nav.e-nav-active {
    max-height: 31px !important;
    margin: 2px 2px !important; }
    @media (prefers-color-scheme: dark) {
      .e-schedule-toolbar .e-_nav.e-hor-nav, .e-schedule-toolbar .e-_nav.e-hor-nav.e-nav-active {
        background-color: #5f6872;
        border-color: #5f6872;
        color: #c0c9d3;
        border-radius: 4px; }
        .e-schedule-toolbar .e-_nav.e-hor-nav:hover, .e-schedule-toolbar .e-_nav.e-hor-nav:active, .e-schedule-toolbar .e-_nav.e-hor-nav.e-nav-active:hover, .e-schedule-toolbar .e-_nav.e-hor-nav.e-nav-active:active {
          background-color: #ced1d6 !important; }
        .e-schedule-toolbar .e-_nav.e-hor-nav > div::before, .e-schedule-toolbar .e-_nav.e-hor-nav.e-nav-active > div::before {
          color: white !important; } }
  .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button {
    width: 100% !important;
    background-color: transparent !important; }
    .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button.e-tbar-btn:active {
      background-color: transparent !important; }
    .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button .e-tbar-btn-text {
      width: 100% !important;
      background-color: #e6e6e6;
      padding: 6px 8px !important;
      border-radius: 2px;
      transition: all .5s ease; }
      @media (prefers-color-scheme: dark) {
        .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button .e-tbar-btn-text {
          background-color: #5f6872;
          color: #c0c9d3 !important; } }
      .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button .e-tbar-btn-text:hover, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button .e-tbar-btn-text:active {
        background-color: #ced1d6;
        color: white !important;
        padding: 6px 8px !important; }
  .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item.e-active-view > button .e-tbar-btn-text {
    background-color: #7a8391;
    color: white !important; }
  @media (prefers-color-scheme: dark) {
    .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-next > .e-tbar-btn, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-prev > .e-tbar-btn, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-date-range > .e-tbar-btn {
      background-color: #25292d !important; }
      .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-next > .e-tbar-btn span, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-next > .e-tbar-btn span::before, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-prev > .e-tbar-btn span, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-prev > .e-tbar-btn span::before, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-date-range > .e-tbar-btn span, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-date-range > .e-tbar-btn span::before {
        color: #edf2f3 !important; } }
  @media (prefers-color-scheme: dark) {
    .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open {
      border-color: #2e3338 !important; }
      .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tbar-btn {
        background-color: #363a40 !important; }
        .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tbar-btn:hover {
          background-color: #545b63 !important; }
        .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tbar-btn span, .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tbar-btn span::before {
          color: #edf2f3 !important; }
      .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item.e-active-view .e-tbar-btn {
        background-color: #464c53 !important; }
      .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tip-content {
        color: #c0c9d3 !important; } }

@media (prefers-color-scheme: dark) {
  #orgchart_diagramLayer_div {
    background: #292e32 !important; }
  path {
    stroke: #fff !important; } }

#appointment-scheduler {
  border-radius: 2px; }
  @media (prefers-color-scheme: dark) {
    #appointment-scheduler {
      background-color: #25292d;
      border-color: #4e575f;
      color: inherit; } }
  #appointment-scheduler .e-appointment.e-lib.e-draggable {
    border-radius: 3px; }
  @media (prefers-color-scheme: dark) {
    #appointment-scheduler .e-table-container .e-left-indent-wrap .e-header-cells, #appointment-scheduler .e-table-container .e-date-header-wrap .e-header-cells {
      background-color: #25292d !important; }
      #appointment-scheduler .e-table-container .e-left-indent-wrap .e-header-cells .e-header-day, #appointment-scheduler .e-table-container .e-left-indent-wrap .e-header-cells .e-header-date, #appointment-scheduler .e-table-container .e-left-indent-wrap .e-header-cells span, #appointment-scheduler .e-table-container .e-date-header-wrap .e-header-cells .e-header-day, #appointment-scheduler .e-table-container .e-date-header-wrap .e-header-cells .e-header-date, #appointment-scheduler .e-table-container .e-date-header-wrap .e-header-cells span {
        color: #c0c9d3 !important; }
    #appointment-scheduler .e-table-container .e-left-indent-wrap .e-all-day-cells, #appointment-scheduler .e-table-container .e-date-header-wrap .e-all-day-cells {
      background-color: transparent !important; } }
  @media (prefers-color-scheme: dark) {
    #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table {
      background-color: #25292d; }
      #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-time-slots, #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-time-cells {
        background-color: #25292d;
        border-color: #4e575f;
        color: transparent; }
        #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-time-slots > span, #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-time-cells > span {
          color: #c0c9d3 !important; }
      #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-work-cells, #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-alternate-cells {
        background-color: #171a1c; } }
  @media (prefers-color-scheme: dark) {
    #appointment-scheduler .e-content-wrap {
      background: #25292d !important; }
      #appointment-scheduler .e-content-wrap .e-agenda-cells > div {
        color: #c0c9d3 !important; } }

.e-scheduler-green-capacity {
  background: green !important;
  font-weight: bolder;
  text-align: center;
  vertical-align: bottom !important; }

.e-scheduler-yellow-capacity {
  background: yellow !important;
  font-weight: bolder;
  text-align: center;
  color: #000 impot !important;
  vertical-align: bottom !important; }

.e-scheduler-red-capacity {
  background: red !important;
  font-weight: bolder;
  text-align: center;
  vertical-align: bottom !important; }

.std-work-cell.e-work-days:hover {
  background-color: #a3a3a3 !important; }

.std-work-cell:not(.e-work-days) {
  background-color: #ebebeb !important; }

.std-work-cell.e-work-hours:hover {
  background-color: #a3a3a3 !important; }

.std-work-cell.e-work-days.e-selected-cell {
  background-color: #a3a3a3 !important; }

@media (prefers-color-scheme: dark) {
  .std-work-cell.e-work-days {
    background-color: #292e32 !important; }
  .std-work-cell.e-work-days:hover {
    background-color: #3c4044 !important; }
  .std-work-cell:not(.e-work-days) {
    background-color: #2c2c2c !important; }
  .std-work-cell.e-work-hours {
    background-color: #292e32 !important; }
  .std-work-cell.e-work-hours:hover {
    background-color: #3c4044 !important; }
  .std-work-cell.e-work-days.e-selected-cell {
    background-color: #3c4044 !important; }
  .e-header-cells.e-date-header {
    background: #25292d !important; }
  .e-resource-left-td {
    background: #25292d !important; }
  .e-resource-cells {
    background: #25292d !important; } }

@media (prefers-color-scheme: dark) {
  .e-schedule {
    border-color: #4e575f !important; }
    .e-schedule .e-vertical-view .e-work-hours:not(.e-selected-cell), .e-schedule .e-schedule .e-vertical-view .e-work-cells:not(.e-selected-cell), .e-schedule .e-time-cells-wrap table td:not(.e-selected-cell) {
      background-color: transparent !important;
      border-color: #4e575f !important; }
    .e-schedule .e-agenda-view {
      background-color: transparent !important; }
    .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view {
      background-color: #31353a !important; }
      .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-active-appointment-agenda {
        background-color: #5b636c !important; }
      .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-appointment:hover {
        background-color: #484e56 !important; }
      .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-subject {
        color: #edf2f3; }
      .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-date-time {
        color: #c0c9d3; }
    .e-schedule-table.e-content-table .e-agenda-cells .e-day-date-header.e-current-day .e-m-date, .e-schedule-table.e-content-table .e-agenda-cells .e-day-date-header.e-current-day .e-m-day {
      color: #d0d2d6; }
    .e-schedule .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-btn-icon::before {
      color: #c0c9d3; }
    .e-schedule .e-resource-left-td, .e-schedule .e-child-node, .e-schedule .e-date-header-wrap table td {
      background-color: transparent;
      border-color: #4e575f; }
  .e-work-cells.e-work-days {
    background-color: #171a1c; }
  .e-work-cells:not(.e-work-days) {
    background-color: #373d43; }
  .e-work-cells .e-date-header.e-navigate {
    color: #c0c9d3 !important; }
  .e-work-cells.e-selected-cell {
    background-color: #7e848e; }
  .e-control.e-richtexteditor .e-content.e-lib.e-keyboard {
    background-color: #363a40 !important;
    color: #c0c9d3 !important; }
    .e-control.e-richtexteditor .e-content.e-lib.e-keyboard > p {
      color: #edf2f3 !important; }
  .e-control.e-richtexteditor .e-rte-toolbar {
    background-color: #484e56 !important; }
    .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav {
      background-color: #515861 !important; }
      .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav.e-nav-active {
        border-bottom: 1px solid #edf2f3 !important; }
      .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav > div::before {
        color: #edf2f3 !important; }
    .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended, .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended .e-toolbar-item > .e-tbar-btn {
      background-color: #484e56 !important; }
      .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended .e-btn-icon::before, .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended .e-toolbar-item > .e-tbar-btn .e-btn-icon::before {
        color: #c0c9d3 !important; }
      .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended .e-tbar-btn-text svg, .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended .e-toolbar-item > .e-tbar-btn .e-tbar-btn-text svg {
        fill: #c0c9d3 !important; }
  .e-control.e-richtexteditor .e-toolbar-wrapper {
    background-color: #484e56 !important; }
    .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items, .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button {
      background-color: #484e56 !important; }
      .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items, .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items > span::before, .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button, .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button > span::before {
        color: #c0c9d3 !important; }
      .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items svg, .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button svg {
        fill: #c0c9d3 !important; }
    .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button:hover {
      background-color: #5b636c !important; }
  .e-schedule-table.e-outer-table, .e-schedule-resource-toolbar {
    background-color: #25292d !important;
    border-color: #4e575f !important; }
  .e-schedule .e-vertical-view .e-header-cells {
    background-color: transparent !important; }
  #scheduleSvg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1; } }

/* ----- DATEPICKER CONTAINER SYNC FUSION ----- */
.e-daterangepicker.e-popup .e-presets .e-list-item.e-active, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active, .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
  background-color: #7a8391 !important; }
  .e-daterangepicker.e-popup .e-presets .e-list-item.e-active:hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active:hover, .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day:hover, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day:hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day:hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day:hover {
    color: white !important; }

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background-color: #afb3b9 !important;
  color: white !important; }

.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
  background-color: #7a8391 !important;
  border-color: #747e8c !important;
  color: white !important; }

.e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
  background-color: #7a8391 !important;
  color: white !important; }

.e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title {
  color: #33353b !important; }

.e-calendar .e-content.e-month tbody tr .e-cell.e-selected:hover > span, .e-calendar .e-content.e-month tbody tr .e-cell.e-today:hover > span {
  color: white !important; }

/* ----- TIMEPICKER CONTAINER SYNC FUSION ----- */
.e-datetime-wrapper > input {
  margin-right: auto !important; }

.e-timepicker.e-popup-open {
  min-width: 100px !important; }
  .e-timepicker.e-popup-open .e-list-item.e-active {
    background-color: #afb3b9 !important; }

.e-datetimepicker {
  width: 172px !important;
  overflow-y: scroll !important; }

@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .e-list-parent.e-ul {
    background-color: #363a40 !important;
    color: #edf2f3 !important; }
    .e-list-parent.e-ul::placeholder {
      color: white !important; } }

@media (prefers-color-scheme: dark) {
  .e-list-parent.e-ul .e-list-item.e-active {
    background-color: #9ba2ad !important; }
    .e-list-parent.e-ul .e-list-item.e-active > .e-fullrow {
      background-color: #25292d !important;
      border-color: #202427 !important; }
      .e-list-parent.e-ul .e-list-item.e-active > .e-fullrow + .e-text-content {
        background-color: #9ba2ad !important; }
  .e-list-parent.e-ul .e-list-item:hover {
    background-color: #bfc3c7 !important; }
  .e-list-parent.e-ul .e-list-item, .e-list-parent.e-ul .e-list-item .e-list-text {
    color: #edf2f3 !important; } }

.e-list-parent.e-ul .e-list-item.e-active {
  background-color: #7a8391 !important; }
  .e-list-parent.e-ul .e-list-item.e-active .e-text-content {
    background-color: #7a8391 !important; }
    .e-list-parent.e-ul .e-list-item.e-active .e-text-content:hover {
      background-color: #afb3b9 !important; }
    @media (prefers-color-scheme: dark) {
      .e-list-parent.e-ul .e-list-item.e-active .e-text-content .e-list-text {
        color: #edf2f3 !important; } }

.e-list-parent.e-ul .e-list-item:hover {
  background-color: #afb3b9 !important; }

@media (prefers-color-scheme: dark) {
  .e-datepicker {
    border-color: #4e575f !important; }
    .e-datepicker .e-calendar .e-header {
      background-color: #363a40 !important; }
    .e-datepicker .e-calendar .e-content table, .e-datepicker .e-calendar .e-content table tr th {
      background-color: #363a40 !important; }
    .e-datepicker .e-calendar .e-content table tbody .e-cell:not(.e-selected):not(.e-today) > .e-day {
      background-color: #363a40 !important; }
      .e-datepicker .e-calendar .e-content table tbody .e-cell:not(.e-selected):not(.e-today) > .e-day:hover {
        background-color: #9caaba !important; }
    .e-datepicker .e-calendar .e-footer-container {
      background-color: #363a40 !important; }
  .e-calendar {
    background-color: #363a40 !important; }
    .e-calendar .e-header .e-day {
      color: #edf2f3 !important; }
    .e-calendar .e-header .e-icon-container span::before {
      color: #d0d2d6 !important; }
    .e-calendar .e-content > table thead > tr > th {
      color: #c0c9d3 !important; }
    .e-calendar .e-content > table tbody > tr .e-cell:not(.e-other-month) > span {
      color: white !important; }
      .e-calendar .e-content > table tbody > tr .e-cell:not(.e-other-month) > span:hover {
        color: #7a8391 !important; }
    .e-calendar .e-content > table tbody > tr .e-cell:not(.e-other-month).e-weekend > span {
      color: #a2afbe !important; }
  .e-daterangepicker {
    border-color: #4e575f !important; }
    .e-daterangepicker .e-date-range-container, .e-daterangepicker .e-footer, .e-daterangepicker .e-presets {
      border-color: #4e575f !important; } }
    @media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
      .e-daterangepicker .e-date-range-container, .e-daterangepicker .e-footer, .e-daterangepicker .e-presets {
        background-color: #363a40 !important;
        color: #edf2f3 !important; }
        .e-daterangepicker .e-date-range-container::placeholder, .e-daterangepicker .e-footer::placeholder, .e-daterangepicker .e-presets::placeholder {
          color: white !important; } }

@media (prefers-color-scheme: dark) {
      .e-daterangepicker .e-date-range-container .e-list-item:hover, .e-daterangepicker .e-footer .e-list-item:hover, .e-daterangepicker .e-presets .e-list-item:hover {
        background-color: #d0d2d6 !important; }
      .e-daterangepicker .e-date-range-container .e-start-label, .e-daterangepicker .e-date-range-container .e-end-label, .e-daterangepicker .e-date-range-container .e-day-span, .e-daterangepicker .e-date-range-container .e-icons::before, .e-daterangepicker .e-footer .e-start-label, .e-daterangepicker .e-footer .e-end-label, .e-daterangepicker .e-footer .e-day-span, .e-daterangepicker .e-footer .e-icons::before, .e-daterangepicker .e-presets .e-start-label, .e-daterangepicker .e-presets .e-end-label, .e-daterangepicker .e-presets .e-day-span, .e-daterangepicker .e-presets .e-icons::before {
        color: #c0c9d3 !important; }
    .e-daterangepicker .e-separator {
      background-color: #4e575f !important; }
    .e-daterangepicker .e-calendar-container .e-left-container {
      border-color: #4e575f !important; }
    .e-daterangepicker .e-calendar-container .e-calendar tbody tr .e-cell.e-range-hover .e-day {
      background-color: #d0d2d6 !important; }
    .e-daterangepicker .e-calendar-container .e-calendar tbody tr .e-cell.e-range-hover.e-weekend .e-day {
      color: #484e56 !important; }
    .e-daterangepicker .e-calendar-container .e-calendar tbody tr .e-cell.e-range-hover.e-other-month:not(.e-weekend) .e-day {
      color: black !important; } }

/* ----- DASHBOARD SYNC FUSION ----- */
/* This style is so that dashboard column titles are visible as they are white so need a background colour, this should match the primary color */
.e-grid .e-table .e-columnheader {
  background-color: #7a8391; }

/* These styles are for dashboard headers to match the titles of sections */
.e-dashboardviewer .e-dbrd-containerWrapper .e-dbrd-control-container .e-control-heading .e-control-title {
  color: #363a40 !important;
  font-family: "Rubik", sans-serif !important;
  font-size: 18px !important;
  line-height: normal;
  font-weight: 400 !important;
  text-transform: none; }

/* style links on dashboard */
.wmdashboard-container .e-dashboardviewer .e-grid .e-gridcontent td .e-gridhyperlink {
  color: #7a8391 !important;
  text-decoration: none !important; }

.e-chart svg rect {
  fill: transparent !important; }

.e-pivotfieldlist-wrapper .e-dlg-content .e-list-parent {
  min-height: unset !important;
  margin: 0 !important;
  padding: 0 16px !important; }

.e-pivotfieldlist-wrapper .e-dlg-content .e-select-all.e-treeview {
  min-height: unset !important; }

.e-pivotfieldlist-wrapper .e-dlg-header-content .e-field-list-back-icon::before {
  content: "\e434"; }

.e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-list ul li .e-drag {
  height: unset;
  margin-bottom: 0 !important; }

@media (prefers-color-scheme: dark) {
  .e-dashboardviewer.e-js {
    background-color: #25292d !important; }
    .e-dashboardviewer.e-js .e-dbrd-banner {
      background-color: transparent !important; }
      .e-dashboardviewer.e-js .e-dbrd-banner .e-dbrd-banner-title > p {
        color: #c0c9d3 !important; }
    .e-dashboardviewer.e-js .e-dbrd-tooltip {
      background-color: #373d43 !important; }
    .e-dashboardviewer.e-js .e-dbrd-bannerIcon:hover::before {
      color: #8e949c !important; }
    .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container {
      border-radius: 4px !important; }
      .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container, .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container .e-control-heading, .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container .e-dbrd-control, .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container .e-dbrd-control-error {
        background-color: #33383e !important; }
      .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container .e-control-heading .e-control-title {
        color: #edf2f3 !important; }
    .e-dashboardviewer.e-js .align-center {
      background-color: transparent !important; }
    .e-dashboardviewer.e-js .e-title.e-hoverable, .e-dashboardviewer.e-js .e-customtext-target, .e-dashboardviewer.e-js .e-secondary-value {
      color: #d0d2d6 !important; }
    .e-dashboardviewer.e-js .e-control-prop > .e-dbrd-containerIcon::before {
      color: #d0d2d6 !important; }
    .e-dashboardviewer.e-js .e-control-prop > .e-dbrd-containerIcon:hover::before {
      color: #a4a9af !important; }
    .e-dashboardviewer.e-js .e-nodata {
      color: #c0c9d3 !important; } }
  @media only screen and (prefers-color-scheme: dark) and (max-width: 47.9375em) and (min-width: 29em) {
    .e-dashboardviewer.e-js .e-dashboardtable-mobile .e-dbrd-layout-cell {
      height: 112px !important; }
      .e-dashboardviewer.e-js .e-dashboardtable-mobile .e-dbrd-layout-cell .e-dbrd-control.dashboardCardControl.e-Card-Single > div {
        vertical-align: top !important; }
        .e-dashboardviewer.e-js .e-dashboardtable-mobile .e-dbrd-layout-cell .e-dbrd-control.dashboardCardControl.e-Card-Single > div .e-customtext-target, .e-dashboardviewer.e-js .e-dashboardtable-mobile .e-dbrd-layout-cell .e-dbrd-control.dashboardCardControl.e-Card-Single > div .e-secondary-value {
          font-size: 14px !important;
          margin-top: -2px !important; }
        .e-dashboardviewer.e-js .e-dashboardtable-mobile .e-dbrd-layout-cell .e-dbrd-control.dashboardCardControl.e-Card-Single > div .e-variation {
          margin-top: -6px !important; } }

@media (prefers-color-scheme: dark) {
  .e-dbrd-dialog {
    background-color: #1d1f22 !important; }
    .e-dbrd-dialog .e-dbrd-dialog-title {
      color: #edf2f3 !important; }
    .e-dbrd-dialog .e-dbrd-content > .e-info-msg {
      color: #c0c9d3 !important; }
    .e-dbrd-dialog .e-dbrd-showDetails, .e-dbrd-dialog .e-dbrd-btn-support {
      background-color: #1d1f22;
      border-color: transparent;
      color: #c5c8cc;
      border: none !important; }
  .e-table, .e-kanban-table {
    border-color: #4e575f !important; }
    .e-table .e-header-row .e-header-cells, .e-kanban-table .e-header-row .e-header-cells {
      background-color: #25292d;
      border-color: #4e575f;
      color: inherit; }
      .e-table .e-header-row .e-header-cells .e-expand::before, .e-table .e-header-row .e-header-cells .e-stackedheadercelldiv, .e-table .e-header-row .e-header-cells .e-headertext, .e-kanban-table .e-header-row .e-header-cells .e-expand::before, .e-kanban-table .e-header-row .e-header-cells .e-stackedheadercelldiv, .e-kanban-table .e-header-row .e-header-cells .e-headertext {
        color: #c0c9d3 !important; }
    .e-table .e-content-row, .e-kanban-table .e-content-row {
      background-color: #25292d;
      border-color: #4e575f;
      color: inherit; }
      .e-table .e-content-row .e-expand::before, .e-table .e-content-row .e-cellvalue, .e-table .e-content-row .e-frozenhover, .e-kanban-table .e-content-row .e-expand::before, .e-kanban-table .e-content-row .e-cellvalue, .e-kanban-table .e-content-row .e-frozenhover {
        color: #c0c9d3 !important; }
  #pivotviewcontrol .e-gridcontent .e-content {
    background-color: #25292d;
    border-color: #4e575f;
    color: inherit; }
  #pivotviewcontrol .e-toggle-field-list.e-icons {
    background-color: #373d43;
    border-color: #4e575f;
    color: inherit; }
    #pivotviewcontrol .e-toggle-field-list.e-icons::before {
      color: #c0c9d3 !important; }
  #pivotviewcontrol_grid, #pivotviewcontrol_grid .e-gridheader, #pivotviewcontrol_grid .e-table, #pivotviewcontrol_grid .e-kanban-table {
    border-color: #4e575f !important; }
  .e-pivotfieldlist-wrapper .e-dlg-header-content, .e-pivotfieldlist-wrapper .e-dlg-content, .e-pivotfieldlist-wrapper .e-footer-content {
    background-color: #33383e !important; }
    .e-pivotfieldlist-wrapper .e-dlg-header-content .e-title-header > div, .e-pivotfieldlist-wrapper .e-dlg-content .e-title-header > div, .e-pivotfieldlist-wrapper .e-footer-content .e-title-header > div {
      color: #edf2f3 !important; }
  .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table {
    border-color: #4e575f !important; }
  .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-filters, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-rows, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-columns, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-values {
    background-color: transparent !important;
    border-color: #4e575f !important; }
    .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-filters .e-axis-wrapper, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-rows .e-axis-wrapper, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-columns .e-axis-wrapper, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-values .e-axis-wrapper {
      border-bottom: none !important;
      background-color: #292e32 !important;
      color: #c0c9d3 !important; }
    .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-filters .e-axis-content .e-pivot-button, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-rows .e-axis-content .e-pivot-button, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-columns .e-axis-content .e-pivot-button, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-values .e-axis-content .e-pivot-button {
      background-color: #484e56 !important; }
      .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-filters .e-axis-content .e-pivot-button .e-content, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-rows .e-axis-content .e-pivot-button .e-content, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-columns .e-axis-content .e-pivot-button .e-content, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-values .e-axis-content .e-pivot-button .e-content {
        color: #c0c9d3 !important; }
      .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-filters .e-axis-content .e-pivot-button .e-icons, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-rows .e-axis-content .e-pivot-button .e-icons, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-columns .e-axis-content .e-pivot-button .e-icons, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-values .e-axis-content .e-pivot-button .e-icons {
        color: #9caaba !important; }
  .e-pivotfieldlist-wrapper .e-dlg-header-content .e-dlg-header {
    color: #edf2f3 !important; }
    .e-pivotfieldlist-wrapper .e-dlg-header-content .e-dlg-header .e-title-mobile-header .e-title-mobile-content, .e-pivotfieldlist-wrapper .e-dlg-header-content .e-dlg-header .e-title-mobile-header .e-field-list-back-icon::before {
      color: #edf2f3; }
  .e-pivotfieldlist-wrapper .e-dlg-content .e-list-parent .e-list-item.e-hover .e-fullrow {
    background-color: #4a525a !important;
    border-color: #454d54 !important; }
  .e-pivotfieldlist-wrapper .e-dlg-content .e-list-parent .e-list-item.e-active .e-fullrow, .e-pivotfieldlist-wrapper .e-dlg-content .e-list-parent .e-list-item.e-active .e-text-content {
    background-color: transparent !important;
    border-color: transparent !important; }
  .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper, .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper .e-field-header, .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper .e-icons {
    background-color: #292e32 !important;
    color: #c0c9d3 !important; }
    .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper.e-selected::before, .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper .e-field-header.e-selected::before, .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper .e-icons.e-selected::before {
      color: #d0d2d6 !important; } }

@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .e-pivotfieldlist-wrapper .e-dlg-content .e-editor-search {
    background-color: #363a40 !important;
    color: #edf2f3 !important; }
    .e-pivotfieldlist-wrapper .e-dlg-content .e-editor-search::placeholder {
      color: white !important; } }

@media (prefers-color-scheme: dark) {
  .e-pivotfieldlist-wrapper .e-dlg-content .e-tab-header .e-text-wrap::before {
    border: 2px solid #9ba2ad !important;
    margin-top: -1px !important; }
  .e-pivotfieldlist-wrapper .e-field-list-footer .e-field-list-btn {
    background-color: #858d9a !important;
    border-color: #808896 !important; } }

@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .e-contextmenu-wrapper .e-contextmenu {
    background-color: #363a40 !important;
    color: #edf2f3 !important; }
    .e-contextmenu-wrapper .e-contextmenu::placeholder {
      color: white !important; } }

@media (prefers-color-scheme: dark) {
  .e-tooltip-wrap.e-popup {
    background-color: #373d43;
    border-color: #4e575f;
    color: #c0c9d3; }
  .e-dashboardviewer .e-grid [class^="e-"] {
    border-color: #babfc5 !important; } }

/* ----- E-SCHEDULE CONTAINER SYNC FUSION ----- */
.e-multiselect.e-input-group, .e-multiselect.e-input-group .e-chips {
  border-radius: 4px; }

/* ----- OTHER SYNC FUSION STYLES----- */
.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active .e-text-content {
  background-color: transparent !important; }
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active .e-text-content .wm-treeitem-name:hover {
    font-weight: 500; }

.e-treeview:not(.e-fullrow-wrap) .e-list-item .e-text-content .wm-treeitem-name {
  margin-left: 8px !important; }

.e-treeview:not(.e-fullrow-wrap) .e-list-item svg.wm-foreground-blue {
  fill: #7a8391 !important; }
  @media (prefers-color-scheme: dark) {
    .e-treeview:not(.e-fullrow-wrap) .e-list-item svg.wm-foreground-blue {
      fill: #c5c8cc !important; } }

.e-input-group.e-ddl {
  height: 32px; }

.e-card-wrapper > .e-templatetable .wm-web-action-dropdown.dropdown-menu.dropdown-menu-right.show {
  width: auto !important; }

.e-kanban .e-kanban-content {
  overflow: visible !important; }

#WhereFrom .wm-float-left .d-block, #WhereUsed .wm-float-left .d-block {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-direction: column; }

/*Below 2 styles ensure single line & multi line appointment text works in "more" popup.*/
.e-gantt-splitter {
  border-radius: 4px !important; }
  @media (prefers-color-scheme: dark) {
    .e-gantt-splitter {
      border-color: #4e575f !important; } }

.e-splitter .e-split-bar.e-split-bar-horizontal:hover {
  background-color: #afb3b9 !important; }

.e-richtexteditor.e-rte-tb-expand .e-rte-content {
  border-bottom: none !important; }

.e-field-header-wrapper .e-icons.e-selected::before {
  color: black !important; }

@media (prefers-color-scheme: dark) {
  .e-pivotview .e-grid {
    border-color: white !important; }
    .e-pivotview .e-grid .e-gridheader .e-headercontent .e-frozenheader > table thead > tr > th, .e-pivotview .e-grid .e-gridheader .e-headercontent .e-movableheader > table thead > tr > th {
      color: #c0c9d3 !important;
      background-color: #25292d !important; }
    .e-pivotview .e-grid .e-gridcontent .e-content .e-frozencontent > table tbody > tr > td, .e-pivotview .e-grid .e-gridcontent .e-content .e-movablecontent > table tbody > tr > td {
      color: #c0c9d3 !important;
      background-color: #25292d !important; }
  .e-pivotview .e-headertext, .e-pivotview .e-cellvalue {
    color: white !important; }
  #pivotviewcontrol_drillthrough_dialog-header, #pivotviewcontrol_drillthrough_dialog-content {
    background-color: #25292d !important; }
    #pivotviewcontrol_drillthrough_dialog-header .e-dlg-header, #pivotviewcontrol_drillthrough_dialog-header > button > span, #pivotviewcontrol_drillthrough_dialog-content .e-dlg-header, #pivotviewcontrol_drillthrough_dialog-content > button > span {
      color: white !important; }
  #pivotviewcontrol_drillthroughgrid .e-gridcontent .e-content {
    background-color: #25292d !important; }
    #pivotviewcontrol_drillthroughgrid .e-gridcontent .e-content > table > tbody > tr > td {
      background-color: #25292d !important;
      color: white !important; }
  #pivotviewcontrol_drillthroughgrid .e-gridpager {
    background-color: #25292d !important; }
  #pivotviewcontrol_drillthroughgrid_add, #pivotviewcontrol_drillthroughgrid_edit, #pivotviewcontrol_drillthroughgrid_delete, #pivotviewcontrol_drillthroughgrid_columnchooser, #pivotviewcontrol_drillthroughgrid_update, #pivotviewcontrol_drillthroughgrid_cancel {
    background-color: #25292d !important; }
    #pivotviewcontrol_drillthroughgrid_add > span, #pivotviewcontrol_drillthroughgrid_edit > span, #pivotviewcontrol_drillthroughgrid_delete > span, #pivotviewcontrol_drillthroughgrid_columnchooser > span, #pivotviewcontrol_drillthroughgrid_update > span, #pivotviewcontrol_drillthroughgrid_cancel > span {
      color: white !important; }
  #pivotviewcontrol_drillthroughgrid_toolbarItems .e-toolbar-items {
    background-color: #25292d !important; }
  #pivotviewcontrol_drillthroughgridEditForm > table > tbody > tr {
    background-color: #25292d !important; }
  .e-drillthrough-grid .e-gridheader {
    background-color: #25292d !important; }
    .e-drillthrough-grid .e-gridheader .e-headercontent > table > thead > tr > th {
      background-color: #25292d !important; }
      .e-drillthrough-grid .e-gridheader .e-headercontent > table > thead > tr > th .e-headercelldiv {
        background-color: #25292d !important; }
  .e-drillthrough-grid .e-gridpager .e-pagercontainer .e-first, .e-drillthrough-grid .e-gridpager .e-pagercontainer .e-previous, .e-drillthrough-grid .e-gridpager .e-pagercontainer .e-next, .e-drillthrough-grid .e-gridpager .e-pagercontainer .e-last, .e-drillthrough-grid .e-gridpager .e-pagercontainer .e-numericcontainer {
    background-color: #25292d !important;
    color: white !important; }
  #pivotviewcontrol_drillthroughbodyheader .e-drillthrough-body-header-common .e-drillthrough-body-header, #pivotviewcontrol_drillthroughbodyheader .e-drillthrough-body-header-common .e-drillthrough-body-header-value {
    color: white !important; }
  .e-quick-popup-wrapper {
    background-color: #25292d !important;
    border-color: #4e575f !important; }
    .e-quick-popup-wrapper .e-close.e-control.e-btn:hover {
      background-color: #5b636c !important; }
      .e-quick-popup-wrapper .e-close.e-control.e-btn:hover > .e-btn-icon::before {
        color: #c0c9d3; }
    .e-quick-popup-wrapper .e-subject {
      color: #edf2f3; }
    .e-quick-popup-wrapper .e-date-time-details, .e-quick-popup-wrapper .e-description-details, .e-quick-popup-wrapper .e-resource-details {
      color: #8496a9 !important; }
  .e-schedule-toolbar, .e-disable-dates, .e-date-header-wrap, .e-all-day-cells, .e-work-cells, .e-header-cells {
    border-color: #4e575f !important; }
  .e-header-cells > .e-header-date, .e-time-slots > span, .e-resource-text {
    color: #c0c9d3 !important; }
  .e-resource-left-td, .e-header-cells, .e-time-slots, .e-resource-cells {
    background-color: #25292d;
    border-color: #4e575f;
    color: inherit; }
  .e-gantt-tree-grid-pane > .e-gantt-tree-grid > .e-control.e-grid.e-lib > .e-gridheader > .e-headercontent > .e-table > thead tr th, .e-gantt-tree-grid-pane > .e-gantt-tree-grid > .e-control.e-grid.e-lib > .e-gridcontent > .e-content, .e-gantt-tree-grid-pane > .e-gantt-tree-grid > .e-control.e-grid.e-lib > .e-gridcontent > .e-content > table tbody tr td {
    background-color: #25292d;
    border-color: #4e575f;
    color: #c0c9d3; }
  .e-gantt-tree-grid-pane > .e-gantt-tree-grid > .e-control.e-grid.e-lib > .e-gridheader {
    border-color: #4e575f !important; }
  .e-gantt-chart-pane .e-timeline-header-container > .e-timeline-header-table-container > thead > tr {
    background-color: #25292d;
    border-color: #4e575f;
    color: inherit; }
    .e-gantt-chart-pane .e-timeline-header-container > .e-timeline-header-table-container > thead > tr th > div {
      color: #c0c9d3 !important; }
    .e-gantt-chart-pane .e-timeline-header-container > .e-timeline-header-table-container > thead > tr .e-weekend-header-cell {
      background-color: #40474e !important;
      color: #aebac6 !important; }
  .e-gantt-chart-pane .e-chart-root-container .e-chart-rows-container .e-task-table > tbody > tr {
    background-color: #25292d;
    border-color: #4e575f;
    color: inherit; }
  .e-gantt-chart-pane .e-gantt-chart .e-chart-root-container {
    background-color: #25292d;
    border-color: #4e575f;
    color: #c0c9d3; }
  .e-gantt .e-gantt-chart .e-timeline-header-container {
    background-color: transparent !important; }
  .e-rhandler.e-rcursor, .e-gantt .e-gantt-chart .e-timeline-top-header-cell, .e-gantt .e-gantt-chart .e-chart-row-border.e-lastrow {
    border-color: #4e575f !important; }
  .e-icon-menu::before {
    color: #edf2f3 !important; } }

@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .e-addrulegroup {
    background-color: #363a40 !important;
    color: #edf2f3 !important; }
    .e-addrulegroup::placeholder {
      color: white !important; } }

@media (prefers-color-scheme: dark) {
  .e-addrulegroup .e-item:hover {
    background-color: #5b636c !important;
    color: #edf2f3 !important; }
  .e-addrulegroup span::before {
    color: #edf2f3 !important; }
  .e-tooltip-wrap.e-popup-open {
    border-radius: 4px !important;
    border: none !important; }
    .e-tooltip-wrap.e-popup-open .e-tip-content {
      border-radius: 4px !important;
      background-color: black !important;
      color: white !important; }
      .e-tooltip-wrap.e-popup-open .e-tip-content .e-tip-bottom {
        color: black !important; }
    .e-tooltip-wrap.e-popup-open .e-arrow-tip-outer {
      border-top: 8px solid black !important; }
    .e-tooltip-wrap.e-popup-open .e-arrow-tip-inner::before {
      color: black !important; } }

.e-file-select-wrap {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-direction: column; }
  @media (prefers-color-scheme: dark) {
    .e-file-select-wrap span {
      color: #c0c9d3 !important; }
    .e-file-select-wrap button {
      background-color: #77818d !important; } }

#pdfviewercontainer_fileUploadElement {
  position: relative !important; }

.e-dropdown-popup.e-lib.e-popup.e-control.e-popup-close.e-round.e-small.e-caret-hide.e-addrulegroup + .e-ddl.e-popup.e-lib.e-control.e-popup-open {
  max-height: 200px !important;
  min-width: 180px !important; }

.e-ddl.e-popup {
  position: absolute !important; }
  .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase {
    overflow: auto;
    max-height: 230px !important; }
    .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-list-parent.e-ul .e-active {
      background-color: #c0c9d3 !important; }
      @media (prefers-color-scheme: dark) {
        .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-list-parent.e-ul .e-active {
          background-color: #77818d !important; } }

.e-filemanager {
  background-color: white !important;
  --hover-colour: white; }
  @media (prefers-color-scheme: dark) {
    .e-filemanager {
      --hover-colour: white; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager {
      background-color: #292e32 !important;
      border-color: transparent;
      color: white !important; } }
  .e-filemanager .e-toolbar {
    background: white !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-toolbar .e-icons {
        color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-toolbar {
        background-color: #292e32 !important;
        border-color: #4e575f !important;
        color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-toolbar .e-hor-nav {
        background: #292e32 !important;
        border-color: #4e575f !important;
        color: white !important; } }
    .e-filemanager .e-toolbar .e-tbar-btn {
      background: white !important; }
      @media (prefers-color-scheme: dark) {
        .e-filemanager .e-toolbar .e-tbar-btn {
          background-color: #292e32 !important;
          border-color: #4e575f !important;
          color: white !important; } }
      .e-filemanager .e-toolbar .e-tbar-btn:hover {
        background: white !important; }
        @media (prefers-color-scheme: dark) {
          .e-filemanager .e-toolbar .e-tbar-btn:hover .e-tbar-btn-text,
          .e-filemanager .e-toolbar .e-tbar-btn:hover .e-icons {
            background-color: white !important;
            color: #333 !important; } }
      @media (prefers-color-scheme: dark) {
        .e-filemanager .e-toolbar .e-tbar-btn .e-tbar-btn-text,
        .e-filemanager .e-toolbar .e-tbar-btn .e-icons {
          background-color: #292e32 !important;
          border-color: #4e575f !important;
          color: white !important; } }
    .e-filemanager .e-toolbar .e-toolbar-items {
      background: white !important; }
      @media (prefers-color-scheme: dark) {
        .e-filemanager .e-toolbar .e-toolbar-items {
          background-color: #292e32 !important;
          border-color: #4e575f !important;
          color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-address {
      border-bottom-color: #4e575f !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-address .e-icons.e-fe-search {
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-address .e-input-group.e-control-wrapper,
    .e-filemanager .e-address .e-clear-icon {
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-address .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
    .e-filemanager .e-address .e-clear-icon.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus {
      background-color: #292e32 !important;
      height: 99%;
      margin-top: 0; } }
  .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item .e-fullrow + .e-text-content {
    background-color: transparent !important; }
  .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item.e-hover > .e-fullrow {
    background-color: var(--hover-colour) !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item.e-hover > .e-fullrow + .e-text-content .e-list-text {
        color: #333 !important; } }
  .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item.e-active > .e-fullrow {
    background-color: #eaebed !important;
    border-color: transparent !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item.e-active > .e-fullrow + .e-text-content .e-list-text {
        color: #333 !important; } }
  .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item.e-active .e-fullrow:not(:first-child) {
    background-color: transparent !important;
    border: transparent !important; }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-splitter .e-split-bar-horizontal {
      background: #4e575f !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-list-parent.e-ul {
      background-color: #292e32 !important; } }
  .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item.e-active {
    background-color: #eaebed !important; }
    .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item.e-active .e-text-content {
      background-color: #eaebed !important; }
      @media (prefers-color-scheme: dark) {
        .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item.e-active .e-text-content .e-list-text {
          color: #333 !important; } }
  .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item:hover, .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item.e-hover {
    background-color: white !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item:hover .e-list-text, .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item.e-hover .e-list-text {
        color: #333 !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-grid .e-table,
    .e-filemanager .e-layout-content .e-grid .e-content {
      background-color: #292e32 !important;
      border-bottom-color: #4e575f !important;
      border-top-color: #4e575f !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-grid .e-gridheader {
      background-color: #292e32 !important;
      border-bottom-color: #4e575f !important;
      border-top-color: #4e575f !important;
      color: white; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-grid .e-gridheader .e-headercontent {
      border-right-color: #4e575f !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-grid .e-gridheader tr:first-child th {
      background-color: #292e32 !important;
      border-bottom-color: #4e575f !important;
      border-top-color: #4e575f !important;
      color: white; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-grid td {
      color: white; } }
  .e-filemanager .e-layout-content .e-grid td.e-active {
    background-color: #eaebed !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-layout-content .e-grid td.e-active {
        color: #333; } }
  .e-filemanager .e-layout-content .e-grid .e-content tr:hover td {
    background-color: white !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-layout-content .e-grid .e-content tr:hover td {
        color: #333 !important; } }

@media (prefers-color-scheme: dark) {
  #filemanager_tb_sortby-popup,
  #filemanager_tb_view-popup {
    color: white !important;
    background-color: #25292d !important;
    border-color: #4e575f !important; }
    #filemanager_tb_sortby-popup .e-item:hover,
    #filemanager_tb_view-popup .e-item:hover {
      background-color: white !important;
      color: #333 !important; }
      #filemanager_tb_sortby-popup .e-item:hover .e-menu-icon,
      #filemanager_tb_view-popup .e-item:hover .e-menu-icon {
        color: #333 !important; }
        #filemanager_tb_sortby-popup .e-item:hover .e-menu-icon.e-fe-tick,
        #filemanager_tb_view-popup .e-item:hover .e-menu-icon.e-fe-tick {
          color: #36a836 !important; }
    #filemanager_tb_sortby-popup .e-item .e-menu-icon,
    #filemanager_tb_view-popup .e-item .e-menu-icon {
      color: white !important; }
      #filemanager_tb_sortby-popup .e-item .e-menu-icon.e-fe-tick,
      #filemanager_tb_view-popup .e-item .e-menu-icon.e-fe-tick {
        color: #6df46d !important; } }

@media (prefers-color-scheme: dark) {
  #filemanager_dialog .e-dlg-header-content,
  #filemanager_dialog .e-footer-content {
    color: white !important;
    background-color: #25292d !important;
    border-color: #4e575f !important; }
    #filemanager_dialog .e-dlg-header-content td,
    #filemanager_dialog .e-dlg-header-content td.e-fe-value,
    #filemanager_dialog .e-dlg-header-content .e-icon-dlg-close,
    #filemanager_dialog .e-dlg-header-content .e-dlg-header,
    #filemanager_dialog .e-footer-content td,
    #filemanager_dialog .e-footer-content td.e-fe-value,
    #filemanager_dialog .e-footer-content .e-icon-dlg-close,
    #filemanager_dialog .e-footer-content .e-dlg-header {
      color: white !important; } }

@media (prefers-color-scheme: dark) {
  #filemanager_dialog .e-dlg-content {
    color: white !important;
    background-color: #25292d !important;
    border-color: #4e575f !important; }
    #filemanager_dialog .e-dlg-content td,
    #filemanager_dialog .e-dlg-content td.e-fe-value,
    #filemanager_dialog .e-dlg-content .e-icon-dlg-close,
    #filemanager_dialog .e-dlg-content .e-dlg-header {
      color: white !important; } }

.module-content .wm-module-tabs.nav.nav-tabs {
  max-height: 37px; }
  .module-content .wm-module-tabs.nav.nav-tabs .tab a {
    position: relative;
    color: #4b4e56 !important; }
    @media (prefers-color-scheme: dark) {
      .module-content .wm-module-tabs.nav.nav-tabs .tab a {
        color: #babdc3 !important; } }
    .module-content .wm-module-tabs.nav.nav-tabs .tab a::after {
      content: "";
      position: absolute;
      top: 32px;
      left: 0;
      display: block;
      opacity: 0;
      transform: scaleX(0);
      transition: all 0.3s ease-in-out;
      border-radius: 50px;
      width: 100%;
      height: 3px;
      background-color: #a1a6ad !important; }
      @media (prefers-color-scheme: dark) {
        .module-content .wm-module-tabs.nav.nav-tabs .tab a::after {
          background-color: #e5e7e9 !important; } }
    .module-content .wm-module-tabs.nav.nav-tabs .tab a:hover {
      color: #565a64 !important; }
      @media (prefers-color-scheme: dark) {
        .module-content .wm-module-tabs.nav.nav-tabs .tab a:hover {
          color: #d5d7da !important; } }
    .module-content .wm-module-tabs.nav.nav-tabs .tab a.active {
      color: #a1a6ad !important; }
      @media (prefers-color-scheme: dark) {
        .module-content .wm-module-tabs.nav.nav-tabs .tab a.active {
          color: #e5e7e9 !important; } }
    .module-content .wm-module-tabs.nav.nav-tabs .tab a:hover:not(::after) {
      opacity: 0.7;
      text-decoration: none; }
    .module-content .wm-module-tabs.nav.nav-tabs .tab a.active.show::after {
      opacity: 1;
      transform: scaleX(1);
      border-radius: 50px; }
  .module-content .wm-module-tabs.nav.nav-tabs .tab:not(:last-child) {
    margin-right: 16px; }
    @media only screen and (max-width: 61.9375em) {
      .module-content .wm-module-tabs.nav.nav-tabs .tab:not(:last-child) {
        margin-right: 12px; } }
  @media only screen and (max-width: 47.9375em) {
    .module-content .wm-module-tabs.nav.nav-tabs.wm-popup-tabs li:first-child {
      margin-left: 0px; } }
  .module-content .wm-module-tabs.nav.nav-tabs .dropdown.responsivetabs-more.show .tab.active .active {
    font-weight: 500; }
    .module-content .wm-module-tabs.nav.nav-tabs .dropdown.responsivetabs-more.show .tab.active .active::after {
      display: none; }

.module-content .wm-module-tabs .responsivetabs-more ul.dropdown-menu li {
  padding: 0.45rem 0.6rem; }
  .module-content .wm-module-tabs .responsivetabs-more ul.dropdown-menu li a {
    color: #515962; }

.module-content .wm-module-tabs .responsivetabs-more .dropdown-toggle {
  color: currentColor; }

@media only screen and (min-width: 62em) {
  .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs {
    border-radius: 1rem;
    padding: 0.5rem; }
    .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs:not(:has(li)) {
      display: none; }
    .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li {
      margin: 0; }
      .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab {
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem; }
        .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a {
          display: block;
          border-radius: 0.5rem;
          padding: 0.5rem; }
          .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a:after {
            content: unset; }
  .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs {
    position: fixed;
    display: inline-table;
    margin-left: calc(-194px - 0.5rem) !important;
    box-shadow: -9px 4px 15px rgba(0, 0, 0, 0.2);
    border: 1px solid #d6e1e4;
    border-right: 0;
    width: 178px;
    padding: 0.5rem;
    background-color: white; } }
  @media only screen and (min-width: 62em) and (prefers-color-scheme: dark) {
    .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs {
      border: 1px solid #171a1c;
      background-color: #1c1f22; } }

@media only screen and (min-width: 62em) {
    .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab {
      border-radius: 0.5rem; }
      .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab a {
        display: block;
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem;
        padding: 0.5rem;
        color: #7a8391; }
        .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab a:hover {
          transform: translateY(-2px);
          box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
          background-color: #afb3b9;
          color: white !important; } }
        @media only screen and (min-width: 62em) and (prefers-color-scheme: dark) {
          .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab a:hover {
            box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important;
            background-color: #7a8391; } }

@media only screen and (min-width: 62em) {
      .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab.active a {
        background-color: rgba(175, 179, 185, 0.24);
        color: #7a8391; } }
      @media only screen and (min-width: 62em) and (prefers-color-scheme: dark) {
        .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab.active a {
          background-color: rgba(122, 131, 145, 0.24); } }

@media only screen and (min-width: 62em) {
        .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab.active a:hover {
          background-color: #afb3b9;
          color: white; }
    .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs > li.tab:nth-last-child(2) {
      margin-right: 0px !important; }
  .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-tab-count.badge {
    position: absolute;
    top: 5px;
    right: 5px; } }

@media only screen and (min-width: 1700px) and (min-width: 62em) {
  .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs {
    border-radius: 1rem;
    padding: 0.5rem; }
    .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs:not(:has(li)) {
      display: none; }
    .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li {
      margin: 0; }
      .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab {
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem; }
        .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a {
          display: block;
          border-radius: 0.5rem;
          padding: 0.5rem; }
          .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a:after {
            content: unset; }
    .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs > li.tab:nth-last-child(2) {
      margin-right: 0px !important; }
  .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs {
    border: 1px solid #d6e1e4;
    background-color: #dce5e8;
    position: fixed;
    display: inline-table;
    margin-left: calc(-194px - 0.5rem) !important;
    box-shadow: -9px 4px 15px rgba(0, 0, 0, 0.2);
    border-right: 0;
    width: 178px;
    padding: 0.5rem;
    background-color: white; } }
  @media only screen and (min-width: 1700px) and (min-width: 62em) and (prefers-color-scheme: dark) {
    .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs {
      border: 1px solid #171a1c;
      background-color: #1c1f22; } }

@media only screen and (min-width: 1700px) and (min-width: 62em) {
    .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab {
      border-radius: 0.5rem; }
      .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab a {
        display: block;
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem;
        padding: 0.5rem;
        color: #7a8391; }
        .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab a:hover {
          transform: translateY(-2px);
          box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
          background-color: #afb3b9;
          color: white !important; } }
        @media only screen and (min-width: 1700px) and (min-width: 62em) and (prefers-color-scheme: dark) {
          .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab a:hover {
            box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important;
            background-color: #7a8391; } }

@media only screen and (min-width: 1700px) and (min-width: 62em) {
      .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab.active a {
        background-color: rgba(175, 179, 185, 0.24);
        color: #7a8391; } }
      @media only screen and (min-width: 1700px) and (min-width: 62em) and (prefers-color-scheme: dark) {
        .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab.active a {
          background-color: rgba(122, 131, 145, 0.24); } }

@media only screen and (min-width: 1700px) and (min-width: 62em) {
        .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab.active a:hover {
          background-color: #afb3b9;
          color: white; }
  .modal-form-dialog:not(.modal-full).modal-xl .wm-tab-count.badge {
    position: absolute;
    top: 5px;
    right: 5px; } }

@media only screen and (min-width: 1200px) and (min-width: 62em) {
  .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs {
    border-radius: 1rem;
    padding: 0.5rem; }
    .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs:not(:has(li)) {
      display: none; }
    .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li {
      margin: 0; }
      .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab {
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem; }
        .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a {
          display: block;
          border-radius: 0.5rem;
          padding: 0.5rem; }
          .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a:after {
            content: unset; }
    .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs > li.tab:nth-last-child(2) {
      margin-right: 0px !important; }
  .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs {
    border: 1px solid #d6e1e4;
    background-color: #dce5e8;
    position: fixed;
    display: inline-table;
    margin-left: calc(-194px - 0.5rem) !important;
    box-shadow: -9px 4px 15px rgba(0, 0, 0, 0.2);
    border-right: 0;
    width: 178px;
    padding: 0.5rem;
    background-color: white; } }
  @media only screen and (min-width: 1200px) and (min-width: 62em) and (prefers-color-scheme: dark) {
    .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs {
      border: 1px solid #171a1c;
      background-color: #1c1f22; } }

@media only screen and (min-width: 1200px) and (min-width: 62em) {
    .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab {
      border-radius: 0.5rem; }
      .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab a {
        display: block;
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem;
        padding: 0.5rem;
        color: #7a8391; }
        .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab a:hover {
          transform: translateY(-2px);
          box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
          background-color: #afb3b9;
          color: white !important; } }
        @media only screen and (min-width: 1200px) and (min-width: 62em) and (prefers-color-scheme: dark) {
          .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab a:hover {
            box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important;
            background-color: #7a8391; } }

@media only screen and (min-width: 1200px) and (min-width: 62em) {
      .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab.active a {
        background-color: rgba(175, 179, 185, 0.24);
        color: #7a8391; } }
      @media only screen and (min-width: 1200px) and (min-width: 62em) and (prefers-color-scheme: dark) {
        .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab.active a {
          background-color: rgba(122, 131, 145, 0.24); } }

@media only screen and (min-width: 1200px) and (min-width: 62em) {
        .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab.active a:hover {
          background-color: #afb3b9;
          color: white; }
  .modal-form-dialog:not(.modal-full).modal-lg .wm-tab-count.badge {
    position: absolute;
    top: 5px;
    right: 5px; } }

@media only screen and (min-width: 992px) and (min-width: 62em) {
  .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs {
    border-radius: 1rem;
    padding: 0.5rem; }
    .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs:not(:has(li)) {
      display: none; }
    .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li {
      margin: 0; }
      .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab {
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem; }
        .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a {
          display: block;
          border-radius: 0.5rem;
          padding: 0.5rem; }
          .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a:after {
            content: unset; }
    .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs > li.tab:nth-last-child(2) {
      margin-right: 0px !important; }
  .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs {
    border: 1px solid #d6e1e4;
    background-color: #dce5e8;
    position: fixed;
    display: inline-table;
    margin-left: calc(-194px - 0.5rem) !important;
    box-shadow: -9px 4px 15px rgba(0, 0, 0, 0.2);
    border-right: 0;
    width: 178px;
    padding: 0.5rem;
    background-color: white; } }
  @media only screen and (min-width: 992px) and (min-width: 62em) and (prefers-color-scheme: dark) {
    .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs {
      border: 1px solid #171a1c;
      background-color: #1c1f22; } }

@media only screen and (min-width: 992px) and (min-width: 62em) {
    .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab {
      border-radius: 0.5rem; }
      .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab a {
        display: block;
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem;
        padding: 0.5rem;
        color: #7a8391; }
        .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab a:hover {
          transform: translateY(-2px);
          box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
          background-color: #afb3b9;
          color: white !important; } }
        @media only screen and (min-width: 992px) and (min-width: 62em) and (prefers-color-scheme: dark) {
          .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab a:hover {
            box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important;
            background-color: #7a8391; } }

@media only screen and (min-width: 992px) and (min-width: 62em) {
      .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab.active a {
        background-color: rgba(175, 179, 185, 0.24);
        color: #7a8391; } }
      @media only screen and (min-width: 992px) and (min-width: 62em) and (prefers-color-scheme: dark) {
        .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab.active a {
          background-color: rgba(122, 131, 145, 0.24); } }

@media only screen and (min-width: 992px) and (min-width: 62em) {
        .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab.active a:hover {
          background-color: #afb3b9;
          color: white; }
  .modal-form-dialog:not(.modal-full).modal-sm .wm-tab-count.badge {
    position: absolute;
    top: 5px;
    right: 5px; } }

.wm-module-tabs.nav.nav-tabs {
  max-height: 37px; }
  .wm-module-tabs.nav.nav-tabs .tab a {
    position: relative;
    color: #4b4e56 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-module-tabs.nav.nav-tabs .tab a {
        color: #babdc3 !important; } }
    .wm-module-tabs.nav.nav-tabs .tab a::after {
      content: "";
      position: absolute;
      top: 22px;
      left: 0;
      display: block;
      opacity: 0;
      transform: scaleX(0);
      transition: all 0.3s ease-in-out;
      border-radius: 50px;
      width: 100%;
      height: 3px;
      background-color: #a1a6ad !important; }
      @media (prefers-color-scheme: dark) {
        .wm-module-tabs.nav.nav-tabs .tab a::after {
          background-color: #e5e7e9 !important; } }
    .wm-module-tabs.nav.nav-tabs .tab a:hover {
      color: #565a64 !important; }
      @media (prefers-color-scheme: dark) {
        .wm-module-tabs.nav.nav-tabs .tab a:hover {
          color: #d5d7da !important; } }
    .wm-module-tabs.nav.nav-tabs .tab a.active {
      color: #a1a6ad !important; }
      @media (prefers-color-scheme: dark) {
        .wm-module-tabs.nav.nav-tabs .tab a.active {
          color: #e5e7e9 !important; } }
    .wm-module-tabs.nav.nav-tabs .tab a:hover:not(::after) {
      opacity: 0.7;
      text-decoration: none; }
    .wm-module-tabs.nav.nav-tabs .tab a.active.show::after {
      opacity: 1;
      transform: scaleX(1);
      border-radius: 50px; }
  .wm-module-tabs.nav.nav-tabs .tab:not(:last-child) {
    margin-right: 16px; }
    @media only screen and (max-width: 61.9375em) {
      .wm-module-tabs.nav.nav-tabs .tab:not(:last-child) {
        margin-right: 12px; } }
  @media only screen and (max-width: 47.9375em) {
    .wm-module-tabs.nav.nav-tabs.wm-popup-tabs li:first-child {
      margin-left: 0px; } }
  .wm-module-tabs.nav.nav-tabs .dropdown.responsivetabs-more.show .tab.active .active {
    font-weight: 500; }
    .wm-module-tabs.nav.nav-tabs .dropdown.responsivetabs-more.show .tab.active .active::after {
      display: none; }

.wm-module-tabs .responsivetabs-more ul.dropdown-menu li {
  padding: 0.45rem 0.6rem; }
  .wm-module-tabs .responsivetabs-more ul.dropdown-menu li a {
    color: #515962; }

.wm-module-tabs .responsivetabs-more .dropdown-toggle {
  color: currentColor; }

.wm-module-tabs.wm-popup-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 8px 0; }

@media (prefers-color-scheme: dark) {
  .dropdown.responsivetabs-more.show .dropdown-menu.dropdown-menu-right.show {
    background-color: #363a40;
    border-color: #4d535b;
    color: #bfc3c7; }
    .dropdown.responsivetabs-more.show .dropdown-menu.dropdown-menu-right.show > li.active > a {
      color: #f3f4f5 !important; } }

.dropdown.responsivetabs-more.show .dropdown-menu.dropdown-menu-right.show li:first-child {
  margin-left: 0 !important; }

@media (prefers-color-scheme: dark) {
  .dropdown.responsivetabs-more .dropdown-toggle:hover {
    color: #c0c9d3 !important; } }

.nav-tabs {
  position: relative;
  border-bottom: none !important; }
  .nav-tabs > li.tab:nth-last-child(2) {
    margin-right: 20px !important; }

.wm-tab-count-zero {
  display: none !important; }

.wm-tab-count.badge {
  position: absolute;
  top: -6px;
  right: -12px;
  border: 0;
  padding: 1px 4px;
  font-weight: 400;
  color: white !important; }

.wm-module-tabs.nav.nav-tabs ul.dropdown-menu li.tab:not(:last-child) {
  margin-right: 0px !important; }

.wm-module-tabs.nav.nav-tabs ul.dropdown-menu li.tab .wm-tab-count {
  position: relative;
  right: -6px; }

#tab-content-tags-maintain {
  display: flex;
  flex-direction: column; }

.modal {
  animation: fadeInRight cubic-bezier(0.4, 0, 0.2, 1) 225ms; }
  .modal hr {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .modal-title {
    font-size: 22px;
    line-height: normal;
    font-weight: 500;
    text-transform: none; }
  .modal .modal-dialog {
    margin: 0.5rem;
    border-radius: 1rem; }
    .modal .modal-dialog.wm-feedback-modal {
      margin-top: 5%; }
      @media only screen and (max-width: 47.9375em) {
        .modal .modal-dialog.wm-feedback-modal {
          margin-top: 25%; } }
      .modal .modal-dialog.wm-feedback-modal iframe {
        height: 800px; }
    .modal .modal-dialog.notification-modal-dialog, .modal .modal-dialog.settings-modal-dialog, .modal .modal-dialog.chatbot-modal-dialog {
      position: fixed;
      right: 0px;
      width: 350px;
      height: calc(100% - 1rem);
      transition: all 0.3s ease; }
      @media only screen and (max-width: 35.9375em) {
        .modal .modal-dialog.notification-modal-dialog, .modal .modal-dialog.settings-modal-dialog, .modal .modal-dialog.chatbot-modal-dialog {
          right: 0px;
          width: calc(100% - 1rem) !important; } }
    @media only screen and (max-width: 35.9375em) {
      .modal .modal-dialog.settings-modal-dialog .modal-header {
        overflow: initial; } }
  .modal-dialog .modal-header {
    background-color: white !important;
    position: relative;
    border-radius: 1rem 1rem 0 0 !important;
    border-bottom: 0 !important;
    background: none !important; }
    @media (prefers-color-scheme: light) {
      .modal-dialog .modal-header {
        background-color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .modal-dialog .modal-header {
        background-color: #23262a !important; } }
    .modal-dialog .modal-header .modal-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 90%;
      font-weight: 400;
      color: #7a8391; }
      .modal-dialog .modal-header .modal-title span::after {
        content: " ";
        display: inline-block;
        line-height: 0;
        width: 0;
        height: 0; }
    @media (prefers-color-scheme: dark) {
      .modal-dialog .modal-header button span {
        color: #edf2f3 !important; } }
    .modal-dialog .modal-header .modal-header-content {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #e2e8f0;
      width: 100%;
      padding-bottom: 0.75rem; }
      @media (prefers-color-scheme: dark) {
        .modal-dialog .modal-header .modal-header-content {
          border-bottom: 1px solid #4a5568; } }
  .modal-dialog .modal-footer .modal-footer-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    border-top: 1px solid #e2e8f0;
    width: 100%;
    padding-top: 0.75rem; }
    @media (prefers-color-scheme: dark) {
      .modal-dialog .modal-footer .modal-footer-content {
        border-top: 1px solid #4a5568; } }
  .modal-dialog #modal_tabs {
    margin-bottom: 2rem; }
  @media (prefers-color-scheme: dark) {
    .modal-dialog #tag-quick-add-button .wm-icon.wm-icon-small {
      fill: #dbdcdf !important;
      color: #dbdcdf !important; } }
  .modal-dialog .page-actions.module-actions {
    padding-right: 0; }
  .modal-dialog.modal-form-dialog {
    border: 0 !important; }
    .modal-dialog.modal-form-dialog .wm-layout-table.wm-section-header {
      margin-top: 10px;
      padding-bottom: 10px; }
      .modal-dialog.modal-form-dialog .wm-layout-table.wm-section-header .wm-section-title {
        font-size: 1.1rem;
        color: #4a5568; }
        @media (prefers-color-scheme: dark) {
          .modal-dialog.modal-form-dialog .wm-layout-table.wm-section-header .wm-section-title {
            color: #f7fafc; } }
    .modal-dialog.modal-form-dialog .inter-draw--top, .modal-dialog.modal-form-dialog .inter-draw--bottom, .modal-dialog.modal-form-dialog .inter-right--top, .modal-dialog.modal-form-dialog .inter-right--bottom {
      background-color: #e5ecee !important; }
      @media (prefers-color-scheme: light) {
        .modal-dialog.modal-form-dialog .inter-draw--top, .modal-dialog.modal-form-dialog .inter-draw--bottom, .modal-dialog.modal-form-dialog .inter-right--top, .modal-dialog.modal-form-dialog .inter-right--bottom {
          background-color: #e5ecee !important; } }
      @media (prefers-color-scheme: dark) {
        .modal-dialog.modal-form-dialog .inter-draw--top, .modal-dialog.modal-form-dialog .inter-draw--bottom, .modal-dialog.modal-form-dialog .inter-right--top, .modal-dialog.modal-form-dialog .inter-right--bottom {
          background-color: #23262a !important; } }
    .modal-dialog.modal-form-dialog .modal-body {
      background-color: white; }
      @media (prefers-color-scheme: dark) {
        .modal-dialog.modal-form-dialog .modal-body {
          background-color: #23262a; } }
    .modal-dialog.modal-form-dialog .modal-footer-buttons {
      left: 1rem;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 1rem;
      width: calc(100% - 2rem);
      padding: 0.75rem 0; }
      @media (prefers-color-scheme: dark) {
        .modal-dialog.modal-form-dialog .modal-footer-buttons {
          border-top: 1px solid #4a5568;
          background-color: #23262a; } }
      .modal-dialog.modal-form-dialog .modal-footer-buttons:before {
        content: '';
        position: absolute;
        z-index: 9999;
        top: -32px;
        display: block;
        border-bottom: 1px solid #e2e8f0;
        width: 100%;
        height: 2rem;
        background: linear-gradient(to top, white 0%, transparent 100%); }
        @media (prefers-color-scheme: dark) {
          .modal-dialog.modal-form-dialog .modal-footer-buttons:before {
            border-bottom: 1px solid #4a5568;
            background: linear-gradient(to top, #23262a 0%, transparent 100%); } }
  .modal-dialog.notification-modal-dialog .modal-title {
    font-weight: 400; }
  .modal-dialog.notification-modal-dialog .modal-body {
    background-color: white; }
    @media (prefers-color-scheme: dark) {
      .modal-dialog.notification-modal-dialog .modal-body {
        background-color: #23262a !important; } }
  .modal-dialog.notification-modal-dialog .modal-footer {
    width: 100%;
    height: 80px !important;
    position: fixed;
    bottom: 0;
    border: 0;
    border-radius: 0 0rem 1rem 1rem; }
  @media (prefers-color-scheme: dark) {
    .modal-dialog.settings-modal-dialog .modal-title {
      font-weight: 400; }
    .modal-dialog.settings-modal-dialog #loadedtabwidgetpick_sites .wm-widget-body {
      background-color: #272b30; } }
  .modal-dialog.settings-modal-dialog .DTFC_RightHeadWrapper {
    margin-top: 5px !important; }
  .modal-dialog.chatbot-modal-dialog .modal-body {
    background-color: #e5ecee !important;
    padding-top: 0; }
    @media (prefers-color-scheme: light) {
      .modal-dialog.chatbot-modal-dialog .modal-body {
        background-color: #e5ecee !important; } }
    @media (prefers-color-scheme: dark) {
      .modal-dialog.chatbot-modal-dialog .modal-body {
        background-color: #23262a !important; } }
  .modal-dialog .e-control.e-pdfviewer.e-lib {
    height: calc(100vh - 170px) !important; }
  .modal-dialog .documentiframe {
    height: calc(100vh - 200px) !important; }
  .modal-dialog .wm-text-area-input.form-control {
    color: #4c5c68 !important;
    font-size: 14px; }
    @media (prefers-color-scheme: light) {
      .modal-dialog .wm-text-area-input.form-control {
        color: #4c5c68 !important; } }
    @media (prefers-color-scheme: dark) {
      .modal-dialog .wm-text-area-input.form-control {
        color: #ece7e7 !important; } }
    .modal-dialog .wm-text-area-input.form-control:focus {
      border-color: #7a8391 !important; }
  .modal-dialog .linear-background .inter-row-1, .modal-dialog .linear-background .inter-row-2, .modal-dialog .linear-background .inter-row-3, .modal-dialog .linear-background .inter-row-4, .modal-dialog .linear-background .inter-row-5, .modal-dialog .linear-background .inter-crop, .modal-dialog .linear-background .inter-crop-1, .modal-dialog .linear-background .inter-crop-2, .modal-dialog .linear-background .inter-crop-3 {
    background-color: #e5ecee !important; }
    @media (prefers-color-scheme: light) {
      .modal-dialog .linear-background .inter-row-1, .modal-dialog .linear-background .inter-row-2, .modal-dialog .linear-background .inter-row-3, .modal-dialog .linear-background .inter-row-4, .modal-dialog .linear-background .inter-row-5, .modal-dialog .linear-background .inter-crop, .modal-dialog .linear-background .inter-crop-1, .modal-dialog .linear-background .inter-crop-2, .modal-dialog .linear-background .inter-crop-3 {
        background-color: #e5ecee !important; } }
    @media (prefers-color-scheme: dark) {
      .modal-dialog .linear-background .inter-row-1, .modal-dialog .linear-background .inter-row-2, .modal-dialog .linear-background .inter-row-3, .modal-dialog .linear-background .inter-row-4, .modal-dialog .linear-background .inter-row-5, .modal-dialog .linear-background .inter-crop, .modal-dialog .linear-background .inter-crop-1, .modal-dialog .linear-background .inter-crop-2, .modal-dialog .linear-background .inter-crop-3 {
        background-color: #23262a !important; } }
  .modal-dialog .wm-section {
    border-radius: 8px; }
  .modal-body {
    overflow-y: overlay;
    margin-bottom: 80px;
    height: calc(100% - 72px - 80px); }
    .modal-body#modal-form-body {
      margin-bottom: 1rem;
      border-radius: 1rem;
      height: 100%;
      padding-bottom: 0; }
      .modal-body#modal-form-body:has(.modal-footer-buttons) {
        margin-bottom: 4rem; }
    .modal-body > .module-top-nav > .row:not(.no-border) {
      border-bottom: 1px solid #edf2f3; }
    .modal-body .wm-module-dropdown .wm-web-action-dropdown.dropdown-menu.dropdown-menu-right .dropdown-menu-left.wm-sub-menu {
      top: 90% !important; }
    .modal-body .wm-partial .wm-label,
    .modal-body .wm-layout-table .wm-label {
      margin-top: 8px;
      margin-bottom: 2px; }
    .modal-body .wm-widget-container .wm-widget-panel .wm-section {
      padding: 0 !important; }
    .modal-body .wm-widget-container-body .wm-collapsible-section {
      background: none; }
      .modal-body .wm-widget-container-body .wm-collapsible-section .wm-queryfilterdiv .sort-container {
        border: none !important; }
    .modal-body .card-block {
      background-color: #e5ecee !important; }
      @media (prefers-color-scheme: dark) {
        .modal-body .card-block {
          background-color: #23262a !important; } }
    .modal-body .wm-container-parent .wm-control .wm-display-label {
      word-break: break-word; }
    .modal-body .wm-title,
    .modal-body .wm-subtitle {
      max-width: 95%; }
    .modal-body .module-top-nav {
      margin-top: 0px !important;
      margin-bottom: 1.5rem;
      box-shadow: none;
      padding-left: 0px !important; }
    .modal-body .wm-module-content-row {
      padding-top: 0; }
    .modal-body .wm-row:not(.wm-query-sort-column) {
      background-color: transparent !important; }
    .modal-body td > .wm-row {
      background-color: transparent; }
    .modal-body .module-content-wrapper {
      display: flex;
      margin-left: 0px;
      background-color: transparent !important; }
    .modal-body .wm-section.wm-buffer > .wm-section-inner {
      margin-bottom: 12px; }
    .modal-body #tab-content-tags-maintain {
      margin-top: 12px; }
    .modal-body form {
      padding-bottom: 6px; }
      @media only screen and (min-width: 36em) {
        .modal-body form .wm-row .col-sm-6:first-child,
        .modal-body form .wm-row .col-md-6:first-child,
        .modal-body form .row > .col-sm-6:first-child,
        .modal-body form .row > .col-md-6:first-child {
          padding-right: 8px !important; }
        .modal-body form .wm-row .col-sm-6:last-child,
        .modal-body form .wm-row .col-md-6:last-child,
        .modal-body form .row > .col-sm-6:last-child,
        .modal-body form .row > .col-md-6:last-child {
          padding-left: 8px !important; }
        .modal-body form .wm-row .col-sm-6:only-child,
        .modal-body form .wm-row .col-md-6:only-child,
        .modal-body form .row > .col-sm-6:only-child,
        .modal-body form .row > .col-md-6:only-child {
          padding-left: 8px !important;
          padding-right: 8px !important; } }
      @media only screen and (min-width: 36em) {
        .modal-body form .wm-row .col-sm-4:not(:first-child):not(:last-child),
        .modal-body form .wm-row .col-4:not(:first-child):not(:last-child),
        .modal-body form .wm-row .col-sm-5:not(:first-child):not(:last-child),
        .modal-body form .wm-row .col-sm-7:not(:first-child):not(:last-child),
        .modal-body form .wm-row .col-sm-8:not(:first-child):not(:last-child),
        .modal-body form .row > .col-sm-4:not(:first-child):not(:last-child),
        .modal-body form .row > .col-4:not(:first-child):not(:last-child),
        .modal-body form .row > .col-sm-5:not(:first-child):not(:last-child),
        .modal-body form .row > .col-sm-7:not(:first-child):not(:last-child),
        .modal-body form .row > .col-sm-8:not(:first-child):not(:last-child) {
          padding: 0 8px !important; }
        .modal-body form .wm-row .col-sm-4:first-child,
        .modal-body form .wm-row .col-4:first-child,
        .modal-body form .wm-row .col-sm-5:first-child,
        .modal-body form .wm-row .col-sm-7:first-child,
        .modal-body form .wm-row .col-sm-8:first-child,
        .modal-body form .row > .col-sm-4:first-child,
        .modal-body form .row > .col-4:first-child,
        .modal-body form .row > .col-sm-5:first-child,
        .modal-body form .row > .col-sm-7:first-child,
        .modal-body form .row > .col-sm-8:first-child {
          padding-right: 8px !important; }
        .modal-body form .wm-row .col-sm-4:last-child,
        .modal-body form .wm-row .col-4:last-child,
        .modal-body form .wm-row .col-sm-5:last-child,
        .modal-body form .wm-row .col-sm-7:last-child,
        .modal-body form .wm-row .col-sm-8:last-child,
        .modal-body form .row > .col-sm-4:last-child,
        .modal-body form .row > .col-4:last-child,
        .modal-body form .row > .col-sm-5:last-child,
        .modal-body form .row > .col-sm-7:last-child,
        .modal-body form .row > .col-sm-8:last-child {
          padding-left: 8px !important; }
        .modal-body form .wm-row .col-sm-4:only-child,
        .modal-body form .wm-row .col-4:only-child,
        .modal-body form .wm-row .col-sm-5:only-child,
        .modal-body form .wm-row .col-sm-7:only-child,
        .modal-body form .wm-row .col-sm-8:only-child,
        .modal-body form .row > .col-sm-4:only-child,
        .modal-body form .row > .col-4:only-child,
        .modal-body form .row > .col-sm-5:only-child,
        .modal-body form .row > .col-sm-7:only-child,
        .modal-body form .row > .col-sm-8:only-child {
          padding-left: 8px !important;
          padding-right: 8px !important; } }
    .modal-body .wm-view-switch .btn {
      background-color: #fafafa; }
      .modal-body .wm-view-switch .btn:hover, .modal-body .wm-view-switch .btn:active {
        background-color: #f2f2f2; }
      .modal-body .wm-view-switch .btn.active {
        background-color: #dbdcdf; }
    .modal-body .wm-datatable tbody td .wm-checkbox,
    .modal-body .wm-datatable thead th .wm-checkbox {
      margin-top: -1px !important; }
    .modal-body .advanced-search .wm-row.wm-search-column-row {
      margin: 0 auto;
      padding: 1rem 0 !important;
      background-color: #edf2f3 !important; }
    .modal-body #setting .tab-content .d-flex,
    .modal-body #settingmaintain .tab-content .d-flex {
      align-items: center; }
      .modal-body #setting .tab-content .d-flex > label,
      .modal-body #settingmaintain .tab-content .d-flex > label {
        margin: 6px 0 !important; }
      .modal-body #setting .tab-content .d-flex > span,
      .modal-body #settingmaintain .tab-content .d-flex > span {
        display: flex;
        margin-left: 12px !important; }
      .modal-body #setting .tab-content .d-flex + div,
      .modal-body #settingmaintain .tab-content .d-flex + div {
        margin-bottom: 12px; }
      .modal-body #setting .tab-content .d-flex ~ .mapcollapsesection,
      .modal-body #settingmaintain .tab-content .d-flex ~ .mapcollapsesection {
        margin-top: -16px; }
    .modal-body #report > #tab-content-preview.initialload {
      height: calc(100% - 50px) !important; }
  .modal-content {
    border: none;
    border-radius: 1rem;
    background-color: white !important; }
    @media (prefers-color-scheme: dark) {
      .modal-content {
        background-color: #23262a !important; } }
    .modal-content .tab-pane {
      position: relative;
      animation: fadeInUp 225ms cubic-bezier(0.4, 0, 0.2, 1) both; }
    .modal-content .wm-section {
      box-shadow: none; }
    .modal-content #settingmaintain .alert {
      margin-top: 0 !important; }
    .modal-content .info-tooltip-content.show {
      margin-left: unset !important; }
    .modal-content #WidgetLayout_Default_Documents .wm-document-upload-container .wm-queryfilterdiv .sort-container .e-add-btn {
      margin-top: -15px; }
    .modal-content .wm-queryfilterdiv {
      margin-top: -10px; }
      .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-collapsible-section {
        margin-top: -12px !important; }
        @media only screen and (max-width: 47.9375em) {
          .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-collapsible-section .e-group-header > .e-group-action {
            margin-top: 10px !important; } }
        .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-collapsible-section .e-rule-field .e-rule-value {
          min-width: unset !important; }
        @media only screen and (min-width: 48em) {
          .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-collapsible-section .e-rule-field .e-removerule.e-rule-delete {
            top: -6px;
            right: -2px; } }
      .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-layout-table.wm-section-header, .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-layout-table.wm-section-header {
        padding-bottom: 0 !important; }
      .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container {
        margin-top: 30px !important; }
        .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section {
          margin-top: 20px !important; }
          @media only screen and (max-width: 28.9375em) and (min-width: 24em) {
            .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section {
              margin-top: 15px !important; } }
          .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section .e-add-btn {
            margin-top: 5px; }
          .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section .wm-query-sort-column {
            margin-bottom: 10px; }
            .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section .wm-query-sort-column .sort-column-field, .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section .wm-query-sort-column .sort-column-direction {
              padding: 0 !important; }
        @media only screen and (max-width: 28.9375em) {
          .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-layout-table.wm-section-header {
            padding-bottom: 4px !important; } }
      .modal-content .wm-queryfilterdiv ~ .dataTables_wrapper {
        margin-top: 10px; }
    .modal-content div[name="DocumentCardView"] .wm-collapsible-section {
      margin-top: 0 !important; }
      .modal-content div[name="DocumentCardView"] .wm-collapsible-section .e-group-container {
        padding-top: 6px !important; }
      .modal-content div[name="DocumentCardView"] .wm-collapsible-section .wm-query-container {
        top: 8px !important; }
    .modal-content #loadedtabwidgetstandard_tasks .wm-collapsible-section .e-group-container {
      padding-top: 4px !important; }
    .modal-content #loadedtabwidgetstandard_tasks .wm-collapsible-section .wm-query-container {
      top: 8px; }
    .modal-content #loadedtabwidgetstandard_tasks .wm-collapsible-section .sort-container .e-add-btn {
      margin-top: -15px !important; }
    .modal-content .alert {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      margin-top: 12px; }
  .modal .timeline-heading .pull-right > .row,
  .modal .timeline-heading .wm-pointer > .row {
    margin: 0 !important; }
  .modal-form-dialog .modal-header .modal-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;
    font-weight: 400;
    color: #7a8391; }
  .modal-form-dialog .wm-content-container > .row {
    border-top: none !important; }
  .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.2) !important; }
    .modal-backdrop.show {
      opacity: unset; }
    .modal-backdrop ~ .modal-backdrop {
      background-color: rgba(0, 0, 0, 0) !important; }
  .modal.fade .modal-form-dialog,
  .modal.disable-overlay .modal-form-dialog {
    position: fixed;
    right: 0px;
    height: calc(100% - 1rem); }
    @media only screen and (max-width: 47.9375em) {
      .modal.fade .modal-form-dialog,
      .modal.disable-overlay .modal-form-dialog {
        width: calc(100% - 1rem) !important; } }
  .modal.disable-overlay .modal-form-dialog {
    opacity: 0.4; }
  .modal.fade .modal-form-dialog .modal.disable-overlay .modal-form-dialog {
    transform: translate(25%, 0);
    transition: transform 0.3s ease-out; }
  .modal .modal-content {
    box-shadow: -30px 0 30px -30px rgba(0, 0, 0, 0.2);
    height: 100%; }
  .modal.show .modal-form-dialog {
    transform: translate(0, 0); }
  .modal .modal-form-dialog {
    width: 750px;
    max-width: 100%; }
    .modal .modal-form-dialog.modal-sm {
      width: 500px; }
      @media screen and (max-width: 516px) {
        .modal .modal-form-dialog.modal-sm {
          width: calc(100% - 1rem); } }
    .modal .modal-form-dialog.modal-lg {
      width: 1000px; }
      @media screen and (max-width: 1016px) {
        .modal .modal-form-dialog.modal-lg {
          width: calc(100% - 1rem); } }
    .modal .modal-form-dialog.modal-xl {
      width: 1500px; }
      @media screen and (max-width: 1516px) {
        .modal .modal-form-dialog.modal-xl {
          width: calc(100% - 1rem); } }
    .modal .modal-form-dialog.modal-full {
      width: calc(100% - 1rem); }
  .modal-footer-buttons {
    background-color: white !important;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px; }
    @media (prefers-color-scheme: light) {
      .modal-footer-buttons {
        background-color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .modal-footer-buttons {
        background-color: #23262a !important; } }
  .modal .notification-modal-dialog .modal-content,
  .modal .settings-modal-dialog .modal-content,
  .modal .chatbot-modal-dialog .modal-content {
    box-shadow: -9px 3px 5px -6px rgba(0, 0, 0, 0.2);
    border: none !important; }
  @media only screen and (min-width: 62em) {
    .modal-lg {
      width: 800px; } }

#custommodal.modal {
  z-index: 1052; }
  #custommodal.modal .modal-body {
    top: 0 !important;
    bottom: 0 !important;
    margin-bottom: 0px !important; }

.wm-modal-tab-content {
  width: 100%; }

.wm-action-button-group.modal-footer-buttons {
  margin-left: 0 !important; }
  .wm-action-button-group.modal-footer-buttons .btn {
    height: 33px; }

.wm-serializable-list.wm-userjobpositionsalaries-list .job-position-salary-controls {
  flex-grow: 1; }

@media only screen and (max-width: 28.9375em) {
  .wm-serializable-list.wm-userjobpositionsalaries-list .d-flex {
    flex-direction: column !important; } }

.wm-serializable-list.wm-userjobpositionsalaries-list .wm-delete {
  margin-bottom: 30px; }
  @media only screen and (max-width: 28.9375em) {
    .wm-serializable-list.wm-userjobpositionsalaries-list .wm-delete {
      margin-bottom: 0; } }

@media only screen and (max-width: 28.9375em) {
  .wm-serializable-list.wm-userjobpositionbenefits-list .d-flex {
    flex-direction: column !important; } }

.wm-serializable-list.wm-userjobpositionbenefits-list .job-position-benefit-controls {
  flex-grow: 1; }

.wm-serializable-list .wm-communicationvalues.wm-ignore-serialization {
  display: flex;
  justify-content: space-between; }
  .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-inline-search {
    min-width: 184px;
    position: relative;
    z-index: 1; }
  @media only screen and (min-width: 36em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-input {
      margin-left: 26px; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-input {
      margin-bottom: 8px; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-inline-search,
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-input {
      max-width: 380px; } }
  @media only screen and (max-width: 28.9375em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-inline-search,
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-input {
      max-width: 260px; } }
  @media only screen and (max-width: 23.9375em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-inline-search,
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-input {
      max-width: 170px;
      min-width: unset; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent.col-sm-7 {
      margin-top: -10px; } }
  @media only screen and (min-width: 36em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent.col-sm-7 > .wm-label {
      margin-left: 28px; } }
  .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .row.wm-row:last-child {
    align-items: center; }
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .row.wm-row:last-child .wm-delete {
      float: right;
      margin-top: 20px !important; }

@media only screen and (max-width: 23.9375em) {
  .wm-serializable-list {
    top: 88px; } }

@media only screen and (max-width: 35.9375em) {
  #user_roles .wm-serializable-list,
  #user_group .wm-serializable-list {
    top: 42px; }
    #user_roles .wm-serializable-list .wm-inline-search,
    #user_group .wm-serializable-list .wm-inline-search {
      margin-bottom: 8px !important; } }

#user_roles .wm-serializable-list .wm-ignore-serialization,
#user_group .wm-serializable-list .wm-ignore-serialization {
  margin-bottom: 10px !important; }

.swal-button.swal-button--no {
  background-color: #f04d4d; }

.swal-button.swal-button--ok {
  background-color: #9098a3; }

.swal-modal.modal-full {
  width: 95%; }

.swal-modal .swal-text {
  padding: 20px 10px;
  text-align: center; }

.swal-modal .swal2-close {
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  border: none;
  color: #c0c9d3;
  outline: none;
  cursor: pointer;
  font-size: 40px;
  font-family: serif; }
  .swal-modal .swal2-close:hover {
    color: #93a2b4; }

#settingsModal,
#notificationModal,
#chatBotModal {
  z-index: 1040 !important; }

#modal-dialog, #modal-form-dialog, #modal-secondary-form-dialog {
  z-index: 1051; }
  @media (prefers-color-scheme: dark) {
    #modal-dialog .e-clear-icon:not(.e-clear-icon-hide), #modal-form-dialog .e-clear-icon:not(.e-clear-icon-hide), #modal-secondary-form-dialog .e-clear-icon:not(.e-clear-icon-hide) {
      color: #c0c9d3; } }
  #modal-dialog [data-render-type="Grid"] .e-icons.e-frame, #modal-form-dialog [data-render-type="Grid"] .e-icons.e-frame, #modal-secondary-form-dialog [data-render-type="Grid"] .e-icons.e-frame {
    border-radius: 4px !important; }
  #modal-dialog .wm-section, #modal-form-dialog .wm-section, #modal-secondary-form-dialog .wm-section {
    padding: 0 !important; }
  #modal-dialog .bg-white, #modal-form-dialog .bg-white, #modal-secondary-form-dialog .bg-white {
    background-color: transparent !important;
    border-color: transparent !important; }
  #modal-dialog .dataTables_paginate,
  #modal-dialog .dataTables_paginate .btn, #modal-dialog .dataTables_info.btn,
  #modal-dialog .dataTables_info.btn .btn, #modal-form-dialog .dataTables_paginate,
  #modal-form-dialog .dataTables_paginate .btn, #modal-form-dialog .dataTables_info.btn,
  #modal-form-dialog .dataTables_info.btn .btn, #modal-secondary-form-dialog .dataTables_paginate,
  #modal-secondary-form-dialog .dataTables_paginate .btn, #modal-secondary-form-dialog .dataTables_info.btn,
  #modal-secondary-form-dialog .dataTables_info.btn .btn {
    border-radius: 0 !important;
    height: 35px !important; }
  #modal-dialog .dataTables_info.btn, #modal-form-dialog .dataTables_info.btn, #modal-secondary-form-dialog .dataTables_info.btn {
    border: none; }
  @media only screen and (max-width: 61.9375em) {
    #modal-dialog #tabs, #modal-form-dialog #tabs, #modal-secondary-form-dialog #tabs {
      margin-bottom: 12px; } }
  #modal-dialog .e-group-container, #modal-form-dialog .e-group-container, #modal-secondary-form-dialog .e-group-container {
    background-color: #e5ecee !important; }
    @media (prefers-color-scheme: light) {
      #modal-dialog .e-group-container, #modal-form-dialog .e-group-container, #modal-secondary-form-dialog .e-group-container {
        background-color: #e5ecee !important; } }
    @media (prefers-color-scheme: dark) {
      #modal-dialog .e-group-container, #modal-form-dialog .e-group-container, #modal-secondary-form-dialog .e-group-container {
        background-color: #23262a !important; } }
  #modal-dialog .e-query-builder, #modal-form-dialog .e-query-builder, #modal-secondary-form-dialog .e-query-builder {
    border: none !important; }
  #modal-dialog .wm-widget-data > .wm-select.wm-control, #modal-form-dialog .wm-widget-data > .wm-select.wm-control, #modal-secondary-form-dialog .wm-widget-data > .wm-select.wm-control {
    margin-left: 15px; }

#modal-form-body .wm-widget-panel .card-list-group {
  margin-top: 15px; }

#modal-form-body .card-list-group .row {
  margin-bottom: 1rem; }

#form-disable-overlay {
  z-index: 1052; }
  #form-disable-overlay .modal-footer {
    display: none; }

#tab-content-tags-maintain {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem; }
  #tab-content-tags-maintain[style="display:block"] ~ #salesorderitem {
    display: none !important; }

#quickdeposit .mb-3 {
  margin-bottom: 0 !important; }

#quickdeposit #NewTypeDiv {
  margin-top: 10px; }

@media only screen and (max-width: 28.9375em) {
  #appointment #tab-content-attendees div[name="appointment_addappointment_section_appointmentmembercardview"] .wm-section-action-btn > .row.wm-row {
    margin-left: 0 !important; } }

#appointment #tab-content-attendees .wm-container-parent .wm-button-group {
  margin-bottom: 12px; }

#checktaxrate #loadedtabwidgetdashboard .card {
  background-color: #edf2f3;
  border-color: #edf2f3 !important; }

#taxrate {
  margin-bottom: 12px; }

@media only screen and (max-width: 35.9375em) {
  #licencecontract {
    margin-bottom: 100px !important; } }

.e-input-group-icon {
  padding: 0px 8px 0px 4px !important; }

#modal-form-body #tab-content-standard_documents .wm-widget-panel .wm-collapsible-section,
#modal-secondary-form-body #tab-content-standard_documents .wm-widget-panel .wm-collapsible-section {
  margin-top: 15px; }

#modal-form-body form .wm-layout-table-control > .btn-group > .btn.btn-sm.btn-primary.wm-button:not(.dropdown-toggle),
#modal-secondary-form-body form .wm-layout-table-control > .btn-group > .btn.btn-sm.btn-primary.wm-button:not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: white !important; }
  #modal-form-body form .wm-layout-table-control > .btn-group > .btn.btn-sm.btn-primary.wm-button:not(.dropdown-toggle):hover,
  #modal-secondary-form-body form .wm-layout-table-control > .btn-group > .btn.btn-sm.btn-primary.wm-button:not(.dropdown-toggle):hover {
    opacity: 0.8 !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
    border-color: #a7adb6 !important;
    border-right-color: white !important;
    background-color: #acb2bb !important; }

#modal-form-body form .wm-layout-table-control > .btn-group > .dropdown-toggle,
#modal-secondary-form-body form .wm-layout-table-control > .btn-group > .dropdown-toggle {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: 0 !important; }
  #modal-form-body form .wm-layout-table-control > .btn-group > .dropdown-toggle:hover::after,
  #modal-secondary-form-body form .wm-layout-table-control > .btn-group > .dropdown-toggle:hover::after {
    transform: translateY(0) !important; }

#modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group,
#modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group {
  background-color: #7a8391; }
  #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group > .btn.btn-sm.btn-primary.wm-button.wm-web-action.wm-pointer:not(#DEFAULT),
  #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group > .btn.btn-sm.btn-primary.wm-button.wm-web-action.wm-pointer:not(#DEFAULT) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right-color: white !important;
    transition: all 0.2s ease;
    margin: 0 !important; }
    #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group > .btn.btn-sm.btn-primary.wm-button.wm-web-action.wm-pointer:not(#DEFAULT):hover,
    #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group > .btn.btn-sm.btn-primary.wm-button.wm-web-action.wm-pointer:not(#DEFAULT):hover {
      opacity: 0.8 !important;
      transform: translateY(0) !important;
      box-shadow: none !important;
      border-color: #a7adb6 !important;
      border-right-color: white !important;
      background-color: #acb2bb !important; }
  #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-1_SEND_GROUP .wm-button.dropdown-toggle,
  #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-A_SAVE_GROUP .wm-button.dropdown-toggle,
  #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-1_SEND_GROUP .wm-button.dropdown-toggle,
  #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-A_SAVE_GROUP .wm-button.dropdown-toggle {
    margin-right: 0 !important; }
    #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-1_SEND_GROUP .wm-button.dropdown-toggle:hover,
    #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-A_SAVE_GROUP .wm-button.dropdown-toggle:hover,
    #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-1_SEND_GROUP .wm-button.dropdown-toggle:hover,
    #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-A_SAVE_GROUP .wm-button.dropdown-toggle:hover {
      background-color: #9098a3 !important;
      border-color: #8b939f !important;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important; }

#modal-form-body form ~ .page-actions > .modal-footer-buttons > div[name="DISCARD"],
#modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > div[name="DISCARD"] {
  margin-left: 8px; }

#B_CANCEL_GROUP + .dropdown.btn-group {
  background-color: #e6e6e6 !important; }

#tab-content-processschedule .wm-schedule-maintenance {
  margin-top: -20px;
  margin-bottom: 46px; }

#ModuleActionsTree > .e-list-parent.e-ul > .e-list-item.e-node-focus, #ModuleActionsTree > .e-list-parent.e-ul > .e-list-item.e-node-focus.e-active {
  background-color: transparent !important; }

#ModuleActionsTreeSave, #ModuleActionsTreeCancel {
  width: 80px !important;
  cursor: pointer !important; }

#ModuleActionsTreeCancel {
  background-color: white !important;
  border-color: #afb3b9 !important;
  margin-left: 8px !important; }

#site_view #tab-content-sitesettings > #loadedtabwidgetsitesettings .e-list-item.e-node-focus, #site_view #tab-content-sitesettings > #loadedtabwidgetsitesettings .e-list-item.e-node-collapsed {
  background-color: transparent !important; }

#structureversion td .wm-row,
#loadedtabwidgetsummary td .wm-row {
  background-color: transparent !important; }

div[data-field-name="MassChangeTypeId"] > .wm-button-group {
  margin-bottom: 6px; }

.per-label {
  padding-right: 0 !important; }

#accountingYearPeriodsContainter .has-data-rownumber label {
  margin-top: 8px; }
  @media only screen and (max-width: 23.9375em) {
    #accountingYearPeriodsContainter .has-data-rownumber label {
      margin-top: 0; } }

#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .input-group {
  margin-bottom: 20px;
  width: 180px !important; }

#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .e-treeview .e-ul .e-active,
#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .e-treeview .e-ul .e-node-focus,
#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .e-treeview .e-ul .e-hover,
#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .e-treeview .e-ul .e-node-collapsed {
  background-color: transparent !important; }

#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .e-treeview .e-ul .e-node-focus:not(.e-node-collapsed) > .e-text-content > .e-list-text {
  color: #7a8391 !important;
  font-weight: 600 !important; }

.e-treeview .e-list-text:hover {
  padding: 0px;
  background: #7a8391 !important; }

#maintainnotificationeventsubscription .wm-row:last-child {
  margin-bottom: 12px; }

@media only screen and (max-width: 35.9375em) {
  .wm-usergrouprole-control-labels label {
    margin-top: -6px !important;
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 36em) {
  #contact div[data-field-name="ItemValue.item_value"] {
    margin-right: 8px; }
  #appointment div[data-field-name="appointment.start_date"],
  label[for="appointment_start_date"] {
    margin-left: 8px; }
  #account #tab-content-details > .wm-row > .col-sm-6:nth-child(2) {
    padding-left: 8px; }
  .exp-display {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-direction: column;
    margin-bottom: 1px !important; } }

@media (prefers-color-scheme: dark) {
  .swal-modal {
    background-color: #353b40;
    border: 1px solid #9caaba !important; }
    .swal-modal .swal-title {
      color: #e5e7e9; }
    .swal-modal .swal-content p {
      color: #c0c9d3; }
      .swal-modal .swal-content p > a {
        color: #f04d4d; }
        .swal-modal .swal-content p > a:hover {
          color: #f37373 !important; }
    .swal-modal .swal-text {
      color: #c0c9d3; }
  .swal-icon--success:before, .swal-icon--success:after {
    background: #353b40 !important; }
  .swal-icon--success__hide-corners {
    background: #353b40 !important; }
  .wm-reportframe {
    background-color: #292e32 !important;
    border-color: #535c65 !important; } }

#notificationModal .notification-item {
  margin-top: 0.5rem;
  border-radius: 1rem;
  background-color: #edf2f7; }
  @media (prefers-color-scheme: dark) {
    #notificationModal .notification-item {
      background-color: #2e3338; } }
  #notificationModal .notification-item .wm-expanding-text-more:after {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #e5ecee 100%); }
    @media (prefers-color-scheme: dark) {
      #notificationModal .notification-item .wm-expanding-text-more:after {
        background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #23262a 100%); } }
  @media (prefers-color-scheme: dark) {
    #notificationModal .notification-item .font-12.text-muted {
      color: #a0aec0 !important; } }
  #notificationModal .notification-item:first-child {
    margin-top: 0; }
  #notificationModal .notification-item:hover .wm-expanding-text-more:after {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #f2f2f2 100%); }
    @media (prefers-color-scheme: dark) {
      #notificationModal .notification-item:hover .wm-expanding-text-more:after {
        background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #373d43 100%); } }

.timeline {
  line-height: 1.4em;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0; }
  .timeline-info {
    letter-spacing: 3px;
    margin: 0 0 .5em 0;
    white-space: nowrap;
    position: relative;
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase; }
    .timeline-info > .timeline-badge {
      padding-top: 16px; }
  .timeline-item {
    padding-left: 40px;
    position: relative;
    /*----- TIMELINE MARKER -----*/ }
    .timeline-item:last-child {
      padding-bottom: 0; }
    .timeline-item-highlight a {
      color: #101012; }
    .timeline-item-highlight .text-muted {
      color: #4c5c68; }
    .timeline-item:not(.period):hover .timeline-marker:before, .timeline-item-inverted:not(.period):hover .timeline-marker:before {
      background-color: transparent;
      border: 3px solid #FF6B6B; }
    .timeline-item:not(.period):hover .timeline-webaction, .timeline-item-inverted:not(.period):hover .timeline-webaction {
      opacity: 1; }
  .timeline-marker {
    bottom: 0;
    width: 15px;
    position: absolute;
    top: 0;
    left: 0; }
    .timeline-marker::before {
      border-radius: 100%;
      content: "";
      display: block;
      transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 4px;
      left: 0;
      background-color: #FF6B6B;
      border: 3px solid transparent; }
    .timeline-marker::after {
      content: "";
      width: 3px;
      background: #CCD5DB;
      display: block;
      bottom: 0;
      position: absolute;
      top: 24px;
      left: 6px; }
  .timeline-content {
    padding-bottom: 20px; }
    .timeline-content p:last-child {
      margin-bottom: 0; }
    @media (prefers-color-scheme: dark) {
      .timeline-content svg.wm-icon {
        fill: #d0d2d6; } }
    @media (prefers-color-scheme: dark) {
      .timeline-content i.wm-icon {
        color: #d0d2d6; } }
  .timeline-heading .wm-timeline-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: unset;
    text-align: left; }
  .timeline > .timeline-inverted > .timeline-content {
    float: left; }
    .timeline > .timeline-inverted > .timeline-content::before {
      left: auto;
      right: -15px;
      border-left-width: 15px;
      border-right-width: 0; }
    .timeline > .timeline-inverted > .timeline-content::after {
      left: auto;
      right: -14px;
      border-left-width: 14px;
      border-right-width: 0; }
  @media only screen and (max-width: 47.9375em) {
    .timeline-block {
      position: relative;
      background-color: #edf2f3;
      width: 100%;
      height: 100vh; } }
  @media only screen and (max-width: 47.9375em) {
    .timeline-block::after {
      content: "";
      height: 100%;
      background-color: #2e3338;
      margin-left: -3px;
      display: none;
      position: absolute;
      top: 0;
      left: 5%; } }
  @media only screen and (max-width: 47.9375em) {
    .timeline-block .r-event .event-body::after,
    .timeline-block .l-event .event-body::after {
      position: absolute;
      top: 0;
      left: -30%;
      content: "";
      box-shadow: 1px 1px 1px white;
      border-radius: 4px;
      width: 6px;
      height: 100%;
      background-color: #7a8391; } }
  .timeline > li,
  .timeline > li > .timeline-content {
    position: relative; }
  .timeline > li::after {
    clear: both; }
  .timeline > li::after, .timeline > li::before {
    content: " ";
    display: table; }
  .timeline > li > .timeline-panel {
    float: left;
    margin-left: 40px;
    margin-top: -27px;
    padding: 4px 15px 6px 15px;
    border-radius: 6px;
    border: 1px solid #edf2f3; }
  .timeline-title {
    margin-top: 0;
    color: inherit;
    display: inline-block;
    white-space: pre-wrap; }
  .timeline-subtitle {
    font-size: 12px; }
  .timeline-body > p,
  .timeline-body > ul {
    margin-bottom: 0;
    margin-top: 0; }
  .timeline-body > p + p {
    margin-top: 5px; }
  .timeline-body > h4 {
    margin-bottom: 0 !important; }
  .timeline-date {
    color: #93a2b4 !important;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    text-transform: none; }
  .timeline-badge > .glyphicon {
    margin-right: 0px;
    color: white; }
  .timeline-badge .wm-icon {
    width: 26px;
    height: 26px;
    fill: #93a2b4;
    font-size: 26px;
    color: #93a2b4; }
  .timeline-user {
    display: inline-block;
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      .timeline-user {
        color: #afb3b9 !important; } }
  .timeline.timeline-single-lane .activity-time {
    position: absolute;
    top: 2px;
    left: 30px; }
  .timeline.timeline-single-lane .wm-timeline-header-icon {
    display: none !important; }
    .timeline.timeline-single-lane .wm-timeline-header-icon.badge-milestone {
      display: inline-block !important; }
    .timeline.timeline-single-lane .wm-timeline-header-icon .wm-icon.wm-icon-small {
      fill: #93a2b4;
      color: #93a2b4; }
  .timeline.timeline-single-lane .timeline-sub-container .timeline-webaction-icon-only {
    position: absolute;
    top: 0;
    right: 0; }
  .timeline.timeline-single-lane .timeline-sub-container .wm-web-action-icon {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
  .timeline.timeline-single-lane .timeline-content {
    padding-bottom: 12px; }
  .timeline.timeline-single-lane .timeline-heading {
    padding: 30px 0 0 30px; }
    .timeline.timeline-single-lane .timeline-heading .timeline-user.text-muted {
      position: relative;
      letter-spacing: 1px;
      color: #a9afb7;
      font-size: 14px;
      line-height: normal;
      font-weight: 500;
      text-transform: uppercase; }
      @media (prefers-color-scheme: dark) {
        .timeline.timeline-single-lane .timeline-heading .timeline-user.text-muted {
          color: #c0c9d3; } }
    .timeline.timeline-single-lane .timeline-heading .wm-icon.wm-icon-small:hover {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
  .timeline.timeline-single-lane .timeline-sub-container {
    margin-top: 10px; }
  .timeline.timeline-single-lane .timeline-description {
    display: none; }
  .timeline.timeline-two-lanes {
    /*HACK!! This hides the timeline title on the comminication widget*/ }
    .timeline.timeline-two-lanes .timeline-marker::before {
      display: none; }
    .timeline.timeline-two-lanes .timeline-marker::after {
      top: 32px;
      bottom: 3px; }
    .timeline.timeline-two-lanes li:last-child .timeline-marker::after {
      bottom: 0; }
    @media only screen and (min-width: 62em) {
      .timeline.timeline-two-lanes .timeline-info,
      .timeline.timeline-two-lanes .timeline-content {
        width: 50%; }
      .timeline.timeline-two-lanes .timeline-item .timeline-info {
        float: right;
        text-align: left;
        padding-left: 30px; }
      .timeline.timeline-two-lanes .timeline-item .timeline-content {
        float: right;
        text-align: right;
        padding-right: 30px; }
        .timeline.timeline-two-lanes .timeline-item .timeline-content .timeline-heading .two-swimlane-date-container {
          text-align: right; }
        .timeline.timeline-two-lanes .timeline-item .timeline-content .wm-timeline-header-icon {
          text-align: right !important; }
          .timeline.timeline-two-lanes .timeline-item .timeline-content .wm-timeline-header-icon .activity-and-user-container {
            justify-content: end;
            flex-direction: row-reverse; }
            .timeline.timeline-two-lanes .timeline-item .timeline-content .wm-timeline-header-icon .activity-and-user-container .activity-type-icon {
              margin-left: 15px;
              margin-right: 0; }
      .timeline.timeline-two-lanes .timeline-item-inverted .timeline-info {
        float: left;
        text-align: right;
        padding-right: 30px; }
      .timeline.timeline-two-lanes .timeline-item-inverted .timeline-content {
        float: left;
        text-align: left;
        padding-left: 30px; }
      .timeline.timeline-two-lanes .timeline-item, .timeline.timeline-two-lanes .timeline-item-inverted {
        padding-bottom: 20px; }
      .timeline.timeline-two-lanes .timeline-marker {
        margin-left: -7.5px;
        position: absolute;
        left: 50%; } }
    .timeline.timeline-two-lanes .timeline-title:empty {
      position: absolute;
      top: 0;
      left: 0; }
    .timeline.timeline-two-lanes .timeline-item:not(.period):hover .text-info .rounded-circle, .timeline.timeline-two-lanes .timeline-item-inverted:not(.period):hover .text-info .rounded-circle {
      transform: scale(0.9);
      transition: all .2s;
      border-radius: 50%; }
    .timeline.timeline-two-lanes .timeline-item .timeline-heading .timeline-user.text-muted, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .timeline-user.text-muted {
      position: relative;
      letter-spacing: 1px;
      color: #a9afb7;
      font-size: 14px;
      line-height: normal;
      font-weight: 500;
      text-transform: uppercase; }
      @media (prefers-color-scheme: dark) {
        .timeline.timeline-two-lanes .timeline-item .timeline-heading .timeline-user.text-muted, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .timeline-user.text-muted {
          color: #c0c9d3; } }
    .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container {
      display: flex;
      align-items: center; }
      .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv {
        position: absolute;
        top: -58px;
        font-size: 15px;
        width: 35px;
        height: 35px; }
        @media only screen and (max-width: 61.9375em) {
          .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv {
            top: -69px; } }
        .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv > .rounded-circle, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv > .rounded-circle {
          width: 35px;
          height: 35px; }
      .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container .info-tooltip-content .wm-circle-content, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container .info-tooltip-content .wm-circle-content {
        word-break: normal; }
      .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container > .text-primary, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container > .text-primary {
        margin-left: 4px; }
    .timeline.timeline-two-lanes .timeline-item .timeline-heading .two-swimlane-date-container, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .two-swimlane-date-container {
      font-size: 13px;
      line-height: 20px;
      color: #c0c9d3;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-weight: 700;
      margin-bottom: 10px; }
    .timeline.timeline-two-lanes .timeline-item .timeline-heading .timeline-content .wm-expanding-text, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .timeline-content .wm-expanding-text {
      display: none;
      font-size: 14px;
      color: #7a8391 !important;
      position: absolute !important;
      top: -44px; }
      @media (prefers-color-scheme: dark) {
        .timeline.timeline-two-lanes .timeline-item .timeline-heading .timeline-content .wm-expanding-text, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .timeline-content .wm-expanding-text {
          color: #afb3b9 !important; } }
    .timeline.timeline-two-lanes .timeline-item .wm-timeline-description, .timeline.timeline-two-lanes .timeline-item-inverted .wm-timeline-description {
      margin: 6px 0; }
    @media only screen and (min-width: 62em) {
      .timeline.timeline-two-lanes .timeline-item .activity-time {
        margin-left: -193px; } }
    .timeline.timeline-two-lanes .timeline-item .timeline-heading .activity-type-icon {
      margin-right: 15px; }
    .timeline.timeline-two-lanes .timeline-item .timeline-heading .timeline-content .wm-expanding-text {
      right: 40px; }
      @media only screen and (max-width: 61.9375em) {
        .timeline.timeline-two-lanes .timeline-item .timeline-heading .timeline-content .wm-expanding-text {
          right: unset;
          left: 40px; } }
    .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container {
      justify-content: flex-end;
      margin-right: -5px; }
      @media only screen and (max-width: 61.9375em) {
        .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container {
          justify-content: flex-start;
          margin-left: -5px; } }
      .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv {
        right: -42.5px; }
        @media only screen and (max-width: 61.9375em) {
          .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv {
            right: unset;
            left: -40px; } }
      @media only screen and (min-width: 62em) {
        .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container > .text-primary {
          order: -1;
          margin-left: 0 !important;
          margin-right: 4px; } }
    .timeline.timeline-two-lanes .timeline-item .wm-timeline-description {
      opacity: 70%;
      color: #939ba4; }
      @media only screen and (min-width: 62em) {
        .timeline.timeline-two-lanes .timeline-item .wm-timeline-description .wm-expanding-text {
          padding-left: 20px; } }
    @media only screen and (min-width: 62em) {
      .timeline.timeline-two-lanes .timeline-item .timeline-sub-container .timeline-webaction-icon-only {
        left: 10px;
        right: unset; } }
    @media only screen and (max-width: 61.9375em) {
      .timeline.timeline-two-lanes .timeline-item .timeline-sub-container .timeline-webaction-icon-only {
        top: 0; } }
    @media only screen and (min-width: 62em) {
      .timeline.timeline-two-lanes .timeline-item-inverted .activity-time {
        margin-right: -186px; } }
    @media only screen and (max-width: 61.9375em) {
      .timeline.timeline-two-lanes .timeline-item-inverted .activity-time {
        float: right; } }
    @media only screen and (max-width: 61.9375em) {
      .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .two-swimlane-date-container {
        text-align: right !important; } }
    @media only screen and (max-width: 61.9375em) {
      .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .wm-timeline-header-icon {
        float: right;
        margin-top: 8px;
        width: 100%;
        text-align: right !important; } }
    .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .wm-timeline-header-icon .activity-and-user-container .activity-type-icon {
      margin-right: 15px; }
    @media only screen and (max-width: 61.9375em) {
      .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .wm-timeline-header-icon .activity-and-user-container {
        justify-content: flex-end; } }
    .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .timeline-content .wm-expanding-text {
      left: 40px; }
      @media only screen and (max-width: 61.9375em) {
        .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .timeline-content .wm-expanding-text {
          left: unset;
          right: 40px; } }
    .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container {
      justify-content: flex-start;
      margin-left: -5px; }
      @media only screen and (max-width: 61.9375em) {
        .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container {
          justify-content: space-between; }
          .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container .timeline-badge {
            order: -1;
            position: relative;
            top: -2px; } }
      .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv {
        left: -42.5px; }
        @media only screen and (max-width: 61.9375em) {
          .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv {
            left: unset; } }
      @media only screen and (max-width: 61.9375em) {
        .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container > .text-primary {
          order: -1;
          margin-left: 0 !important; } }
    .timeline.timeline-two-lanes .timeline-item-inverted .wm-timeline-description {
      opacity: 70%;
      color: #939ba4; }
      .timeline.timeline-two-lanes .timeline-item-inverted .wm-timeline-description .wm-expanding-text {
        padding-right: 20px; }
        @media only screen and (max-width: 61.9375em) {
          .timeline.timeline-two-lanes .timeline-item-inverted .wm-timeline-description .wm-expanding-text {
            text-align: right;
            padding-right: 0;
            padding-left: 40px; } }
      .timeline.timeline-two-lanes .timeline-item-inverted .wm-timeline-description .wm-view-more {
        text-align: left; }
        @media only screen and (max-width: 61.9375em) {
          .timeline.timeline-two-lanes .timeline-item-inverted .wm-timeline-description .wm-view-more {
            text-align: right; } }
    .timeline.timeline-two-lanes .timeline-item-inverted .wm-timeline-activity-subject {
      margin-top: 6px; }
      .timeline.timeline-two-lanes .timeline-item-inverted .wm-timeline-activity-subject .wm-expanding-text {
        padding-right: 20px; }
        @media only screen and (max-width: 61.9375em) {
          .timeline.timeline-two-lanes .timeline-item-inverted .wm-timeline-activity-subject .wm-expanding-text {
            text-align: right;
            padding-right: 0;
            padding-left: 40px; } }
      .timeline.timeline-two-lanes .timeline-item-inverted .wm-timeline-activity-subject .wm-view-more {
        text-align: left; }
        @media only screen and (max-width: 61.9375em) {
          .timeline.timeline-two-lanes .timeline-item-inverted .wm-timeline-activity-subject .wm-view-more {
            text-align: right; } }
    @media only screen and (max-width: 61.9375em) {
      .timeline.timeline-two-lanes .timeline-item-inverted .timeline-sub-container .timeline-webaction-icon-only {
        top: 0;
        left: 36px;
        right: unset; } }
    @media only screen and (max-width: 61.9375em) {
      .timeline.timeline-two-lanes .timeline-item .text-info > .wm-image-entity > .rowdiv {
        top: -64px !important;
        left: -45px !important; }
      .timeline.timeline-two-lanes .timeline-item-inverted .text-info > .wm-image-entity > .rowdiv {
        left: -5px !important; } }
    .timeline.timeline-two-lanes .wm-view-more {
      font-weight: 700;
      margin-top: 10px;
      color: #7a8391 !important; }
      @media (prefers-color-scheme: dark) {
        .timeline.timeline-two-lanes .wm-view-more {
          color: #afb3b9 !important; } }
    .timeline.timeline-two-lanes .timeline-badge .wm-circle-content {
      width: 35px;
      height: 35px;
      display: flex !important;
      align-items: center;
      justify-content: center;
      flex-direction: row; }
    .timeline.timeline-two-lanes .timeline-badge img {
      display: unset !important; }
    .timeline.timeline-two-lanes .wm-only-singlelane-info {
      display: none; }
    .timeline.timeline-two-lanes .timeline-sub-container .timeline-webaction-icon-only {
      display: none !important;
      position: absolute;
      top: 4px;
      right: 10px; }
  .timeline-content:hover .timeline-sub-container .timeline-webaction-icon-only {
    display: inline-block !important; }
    .timeline-content:hover .timeline-sub-container .timeline-webaction-icon-only .wm-icon {
      background: none; }
  .timeline-actions .dropdown-toggle.pointer::after {
    display: none; }
  .timeline .wm-only-singlelane-info {
    display: inline-block; }

.wm-timeline-clock {
  margin-right: 3px;
  position: relative;
  top: 1px; }

.wm-timeline-title-container .wm-icon {
  width: 16px;
  height: 16px;
  font-size: 16px; }

.wm-view-more {
  font-size: 13px; }
  .wm-view-more:hover {
    cursor: pointer;
    color: #7a8391;
    text-decoration: underline; }
  .wm-view-more::after {
    font-family: "Font Awesome 5 Pro";
    content: " \f078";
    font-size: 12px; }
  .wm-view-more.wm-expanding-text-after::after {
    font-family: "Font Awesome 5 Pro";
    content: " \f077";
    font-size: 10px; }

.wm-expanding-text {
  /*MJH added below to allow carriage returns to display*/
  white-space: pre-line;
  margin-top: 0px !important; }
  .wm-expanding-text-more {
    position: relative;
    max-height: 350px; }
    .wm-expanding-text-more:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, white 100%); }
      @media (prefers-color-scheme: dark) {
        .wm-expanding-text-more:after {
          background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #292e32 100%); } }

#modal-form-dialog .wm-expanding-text-more:after,
#modal-secondary-form-dialog .wm-expanding-text-more:after {
  background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #e5ecee 100%); }
  @media (prefers-color-scheme: dark) {
    #modal-form-dialog .wm-expanding-text-more:after,
    #modal-secondary-form-dialog .wm-expanding-text-more:after {
      background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #23262a 100%); } }

@media only screen and (max-width: 61.9375em) {
  .timeline-item-inverted .wm-expanding-text-more:after {
    left: 13px; } }

.modal-body .timeline > li > .timeline-panel {
  border: 1px solid #93a2b4; }

.modal-body .timeline.timeline-single-lane::before {
  background-color: #c0c9d3;
  opacity: .2 !important; }

.modal-body .timeline.timeline-single-lane > li > .timeline-badge {
  background: transparent; }

div[data-name=ActivityList] .timeline {
  display: inline-block; }
  div[data-name=ActivityList] .timeline .timeline-badge, div[data-name=ActivityList] .timeline::before,
  div[data-name=ActivityList] .timeline.timeline-single-lane .timeline-panel .timeline-content .wm-display-label {
    display: none; }
  div[data-name=ActivityList] .timeline.timeline-single-lane .timeline-panel {
    margin-left: 0;
    border-radius: 3px;
    border: 0;
    border-top: 4px solid #f7cc6e;
    padding: 12px;
    min-width: 260px; }
    div[data-name=ActivityList] .timeline.timeline-single-lane .timeline-panel .timeline-content {
      margin: 0; }
    div[data-name=ActivityList] .timeline.timeline-single-lane .timeline-panel .timeline-webaction {
      position: absolute;
      top: 6px;
      right: 10px; }
  div[data-name=ActivityList] .timeline.timeline-single-lane > :first-child .timeline-panel {
    margin-top: 0 !important; }
  div[data-name=ActivityList] .timeline-webaction {
    display: inline; }

div[data-name=ActivityList] .wm-timeline-title-container .timeline-webaction {
  opacity: 0; }

.modal-body .timeline .timeline-panel,
.modal-body .timeline .timeline-panel * {
  background-color: #fcfdfd !important; }
  @media (prefers-color-scheme: dark) {
    .modal-body .timeline .timeline-panel,
    .modal-body .timeline .timeline-panel * {
      background-color: #3a4046 !important; } }

.modal-body .timeline .timeline-panel .wm-timeline-title-container > .row {
  margin: 0 !important; }

.wm-only-singlelane-info {
  vertical-align: top; }

@media only screen and (max-width: 47.9375em) {
  #timeline-wrapper .timeline-top {
    text-align: right;
    padding-right: 20%; } }

@media only screen and (min-width: 62em) {
  .timeline-two-lanes,
  .timeline-two-lanes .timeline-item,
  .timeline-two-lanes .timeline-info,
  .timeline-two-lanes .timeline-marker,
  .timeline-two-lanes .timeline-content {
    display: block;
    margin: 0;
    padding: 0; } }

@media only screen and (max-width: 61.9375em) {
  .wm-widget-body .timeline .timeline-sub-container .timeline-webaction-icon-only {
    display: block !important; } }

.isTouch .wm-widget-body .timeline .timeline-sub-container .timeline-webaction-icon-only {
  display: block !important; }

#CommunicationWidget .wm-widget-panel .wm-widget-body > .col-xs-10.col-xs-offset-1:nth-last-child(2) .timeline .timeline-item:last-child .timeline-marker,
#CommunicationWidget .wm-widget-panel .wm-widget-body > .col-xs-10.col-xs-offset-1:nth-last-child(2) .timeline .timeline-item-inverted:last-child .timeline-marker {
  border-bottom: 3px solid #CCD5DB; }

.favourites-base {
  position: relative;
  z-index: 1024; }

.favourites-top {
  z-index: 99999;
  position: absolute;
  top: 45px;
  right: 15px; }

.delay-halfsecond {
  animation-delay: .5s; }

.delay-1s {
  animation-delay: 1s; }

.popover-header {
  padding-bottom: 0;
  background-color: transparent;
  border: none; }
  .popover-header h5 {
    font-weight: 500; }

.popover-body .shortcut:nth-child(n+2) {
  margin-top: 10px; }

.CodeMirror {
  border: 1px solid #edf2f3 !important;
  height: 100%; }
  .CodeMirror .cm-tasklog-error {
    background: red;
    color: white; }
    @media (prefers-color-scheme: dark) {
      .CodeMirror .cm-tasklog-error {
        background: #ff4d4d; } }
  .CodeMirror .cm-tasklog-info {
    color: blue; }
    @media (prefers-color-scheme: dark) {
      .CodeMirror .cm-tasklog-info {
        color: #9999ff; } }
  .CodeMirror .cm-tasklog-startend {
    color: green; }
    @media (prefers-color-scheme: dark) {
      .CodeMirror .cm-tasklog-startend {
        color: #00b300; } }
  .CodeMirror .cm-tasklog-warn {
    color: goldenrod; }
    @media (prefers-color-scheme: dark) {
      .CodeMirror .cm-tasklog-warn {
        color: #ebc975; } }
  @media (prefers-color-scheme: dark) {
    .CodeMirror {
      border: 1px solid #9caaba !important; }
      .CodeMirror-cursor {
        border-left: 1px solid white !important; }
      .CodeMirror .CodeMirror-lines .cm-atom, .CodeMirror .CodeMirror-lines .cm-attribute {
        color: #6eb6e0 !important; }
      .CodeMirror .CodeMirror-lines .cm-tag {
        color: #3fc73f !important; }
      .CodeMirror .CodeMirror-lines .cm-string {
        color: #f69999 !important; }
      .CodeMirror .CodeMirror-line {
        /*test*/ }
        .CodeMirror .CodeMirror-line .cm-variable-2 {
          color: #c5c8cc !important; }
        .CodeMirror .CodeMirror-line .cm-keyword {
          color: #f079a6 !important; }
        .CodeMirror .CodeMirror-line .cm-number {
          color: #6ed56e !important; }
        .CodeMirror .CodeMirror-line .cm-email-placeholder,
        .CodeMirror .CodeMirror-line .cm-email-placeholder-content {
          background: #7e7e08; }
        .CodeMirror .CodeMirror-line .cm-builtin {
          color: #3c9dd5 !important; }
        .CodeMirror .CodeMirror-line .cm-property.cm-error, .CodeMirror .CodeMirror-line .cm-error {
          color: #ee4f4f !important; }
        .CodeMirror .CodeMirror-line .cm-comment {
          color: #545b64 !important; }
        .CodeMirror .CodeMirror-line .cm-qualifier {
          color: #a1a8b0 !important; }
        .CodeMirror .CodeMirror-line .cm-meta {
          color: #77818d !important; } }
  .CodeMirror .cm-workflow-placeholder {
    color: #32ab32; }
  .CodeMirror .cm-email-placeholder,
  .CodeMirror .cm-email-placeholder-content {
    background: #f1f114; }
  .CodeMirror .CodeMirror .cm-email-placeholder-content {
    background: #f1f114;
    font-weight: bold; }
  .CodeMirror-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 9;
    margin-top: 22px !important; }

.wm-shortcuts-popover, .wm-expand-wide, .wm-indent-pagelayout {
  color: #77818d; }

.wm-indent-pagelayout.expanded {
  z-index: 99999999;
  position: fixed;
  top: 4px;
  left: 58px; }

.wm-shortcuts-popover:focus {
  outline: 0; }

.wm-shortcuts-label {
  margin-right: .5rem; }

.wm-show-me-how {
  color: #7a8391; }
  .wm-show-me-how:hover {
    color: #33353b; }

.key {
  background: #c0c9d3;
  line-height: 1.6rem;
  padding: 0.2rem .5rem;
  border-radius: 4px; }

.e-treeview.configurator-changes {
  overflow-x: auto; }

.e-treeview-ul .wm-treeview-edit-icon,
.wm-tree-label .wm-treeview-edit-icon {
  transition: all .2s ease-in-out;
  transform: scale(0.8);
  position: relative;
  top: 2px; }
  .e-treeview-ul .wm-treeview-edit-icon::hover,
  .wm-tree-label .wm-treeview-edit-icon::hover {
    transform: scale(1);
    cursor: pointer; }

.e-treeview .e-node-hover,
.e-treeview .e-node-focus,
.e-fullrow-wrap .e-li-hover > .e-fullrow,
.e-fullrow-wrap .e-li-focus > .e-fullrow {
  background-color: transparent !important;
  border: none !important; }

.e-treeview-wrap .e-icon.e-minus::before {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  color: #a1a8b0;
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  text-transform: none;
  position: relative;
  left: -5px; }

.e-treeview-wrap .e-icon.e-minus:hover::before {
  font-weight: 600; }

.e-treeview-wrap .e-icon.e-plus::before {
  content: '\f054';
  font-family: 'Font Awesome 5 Pro';
  color: #a1a8b0;
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  text-transform: none; }

.e-treeview-wrap .e-icon.e-plus:hover::before {
  font-weight: 600; }

.e-treeview-wrap .e-item div > a > span {
  margin-right: 0; }

.e-treeview-wrap .e-item div > .e-chkbox-wrap {
  margin: 1px -3px 0px 6px; }

.e-treeview.e-treeview-wrap .e-ul.e-box {
  overflow: visible; }

.e-treeview ul {
  padding: 0; }
  .e-treeview ul .wm-tree-dropdown .wm-grid-icon .wm-icon {
    fill: #a1a8b0;
    color: #a1a8b0;
    transition: all .2s ease-in-out;
    font-size: 17px;
    position: relative;
    top: 3px; }
    .e-treeview ul .wm-tree-dropdown .wm-grid-icon .wm-icon:hover {
      transform: scale(1.2); }
  .e-treeview ul.e-list-parent.e-ul {
    background-color: transparent !important; }
    .e-treeview ul.e-list-parent.e-ul > .e-list-item {
      background-color: transparent !important; }
      .e-treeview ul.e-list-parent.e-ul > .e-list-item.e-active .e-text-content:hover {
        background-color: transparent !important; }
      .e-treeview ul.e-list-parent.e-ul > .e-list-item .wm-icon.wm-icon-small, .e-treeview ul.e-list-parent.e-ul > .e-list-item .wm-icon.wm-icon-large {
        fill: #7a8391 !important;
        color: #7a8391 !important; }
        @media (prefers-color-scheme: dark) {
          .e-treeview ul.e-list-parent.e-ul > .e-list-item .wm-icon.wm-icon-small, .e-treeview ul.e-list-parent.e-ul > .e-list-item .wm-icon.wm-icon-large {
            fill: #c5c8cc !important;
            color: #c5c8cc !important; } }
      .e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text > span:not(.dropdown):not(.wm-treeitem-name) {
        margin: 7px 6px 0 12px !important; }
      .e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text > span {
        margin-top: 4px !important; }
      .e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text > .wm-treeitem-name {
        color: #4c5c68; }
        @media (prefers-color-scheme: dark) {
          .e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text > .wm-treeitem-name {
            color: #ece7e7; } }

.e-treeview .e-plus,
.e-treeview .e-minus,
.e-treeview .e-icon.e-load {
  padding-top: 5px; }

.e-treeview .e-treeview-ul {
  margin-left: 0; }

.e-treeview .e-node-hover, .e-treeview .e-node-focus {
  background-color: #edf2f3;
  border: 1px solid white; }

.e-treeview .e-active {
  background: #edf2f3; }

.e-treeview-ul li.e-item .e-text-wrap a.e-text div .wm-treeview-valueview {
  margin-bottom: 0; }

.e-treeview .e-ul {
  overflow-x: auto;
  overflow: visible;
  margin: 0;
  padding: 0; }

.e-treeview .e-list-item {
  padding: 5px 0; }
  .e-treeview .e-list-item .e-text-content {
    border: none; }
    .e-treeview .e-list-item .e-text-content.e-icon-wrapper {
      display: flex; }
  .e-treeview .e-list-item .e-ul {
    padding: 0 0 0 49px; }

.e-treeview .e-list-text {
  display: flex; }
  .e-treeview .e-list-text .wm-treeitem-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  @media (prefers-color-scheme: dark) {
    .e-treeview .e-list-text .wm-tree-label .undefined,
    .e-treeview .e-list-text .undefined.wm-treeitem-name,
    .e-treeview .e-list-text .null.wm-treeitem-name,
    .e-treeview .e-list-text .wm-tree-label.undefined,
    .e-treeview .e-list-text .wm-tree-label.null {
      color: #c0c9d3; } }
  .e-treeview .e-list-text .wm-tree-label .undefined:hover,
  .e-treeview .e-list-text .undefined.wm-treeitem-name:hover,
  .e-treeview .e-list-text .null.wm-treeitem-name:hover,
  .e-treeview .e-list-text .wm-tree-label.undefined:hover,
  .e-treeview .e-list-text .wm-tree-label.null:hover {
    color: #d0d2d6; }

.e-treeview .e-text-content {
  display: flex;
  align-items: center !important; }
  .e-treeview .e-text-content,
  .e-treeview .e-text-content .e-fullrow {
    border-color: #c0c9d3; }
    .e-treeview .e-text-content:hover,
    .e-treeview .e-text-content .e-fullrow:hover {
      border-color: #4c5c68 !important; }
      @media (prefers-color-scheme: light) {
        .e-treeview .e-text-content:hover,
        .e-treeview .e-text-content .e-fullrow:hover {
          border-color: #4c5c68 !important; } }
      @media (prefers-color-scheme: dark) {
        .e-treeview .e-text-content:hover,
        .e-treeview .e-text-content .e-fullrow:hover {
          border-color: #ece7e7 !important; } }
    @media (prefers-color-scheme: dark) {
      .e-treeview .e-text-content .e-icons::before,
      .e-treeview .e-text-content .e-fullrow .e-icons::before {
        color: #c0c9d3 !important; } }

.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
  border-color: #4c5c68 !important;
  background: none; }
  @media (prefers-color-scheme: light) {
    .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
      border-color: #4c5c68 !important; } }
  @media (prefers-color-scheme: dark) {
    .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
      border-color: #ece7e7 !important; } }

.e-treeview,
.e-treeview ul:first-child {
  min-height: 115px; }

.e-fullrow-wrap .e-li-hover > .e-fullrow, .e-fullrow-wrap .e-li-focus > .e-fullrow {
  background-color: #edf2f3;
  border: 1px solid white; }

.e-fullrow-wrap .e-li-active > .e-fullrow {
  background: #edf2f3; }

.e-list-item.e-level-1.e-active.e-node-focus.e-hover .e-text-content.e-icon-wrapper, .e-list-item.e-level-2.e-active.e-node-focus.e-hover .e-text-content.e-icon-wrapper {
  border-color: #c0c9d3 !important; }

.e-list-item.e-level-2 .e-text-content {
  padding: 0 0 0 0; }

.e-list-item .e-list-parent.e-ul .e-list-item.e-level-2 .e-text-content {
  border: 0 !important; }

.e-list-item .wm-treeview-edit-icon .wm-icon, .e-list-item .wm-treeview-clone-icon .wm-icon {
  position: relative;
  top: 4px; }

.e-list-item .wm-treeview-edit-icon .wm-icon, .e-list-item .wm-treeview-clone-icon .wm-icon, .e-list-item .wm-treeview-delete-icon .wm-icon {
  transition: all .2s ease-in-out !important;
  fill: #a1a8b0 !important;
  color: #a1a8b0 !important;
  margin-right: 4px;
  width: 14px;
  height: 14px;
  font-size: 14px; }
  .e-list-item .wm-treeview-edit-icon .wm-icon:hover, .e-list-item .wm-treeview-clone-icon .wm-icon:hover, .e-list-item .wm-treeview-delete-icon .wm-icon:hover {
    transform: scale(1.1) !important;
    fill: #7a8391 !important;
    color: #7a8391 !important;
    cursor: pointer !important; }
    @media (prefers-color-scheme: dark) {
      .e-list-item .wm-treeview-edit-icon .wm-icon:hover, .e-list-item .wm-treeview-clone-icon .wm-icon:hover, .e-list-item .wm-treeview-delete-icon .wm-icon:hover {
        fill: #afb3b9 !important;
        color: #afb3b9 !important; } }

.wm-tree-highlight a.e-text span.wm-tree-label {
  font-weight: 600; }

.wm-indeterminate::before {
  content: '\e934';
  box-sizing: border-box;
  color: #77818d; }

.wm-widget-body .e-treeview {
  overflow: visible; }

.wm-treeview-valueview {
  margin: 0; }

.wm-treecontainer .e-list-item .wm-tree-label span {
  padding-right: 5px; }
  .wm-treecontainer .e-list-item .wm-tree-label span .wm-icon {
    position: relative;
    top: 4px; }

.tree-card-view {
  padding: 0.5em 1em;
  position: relative;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  line-height: 25px;
  padding-right: 2em; }
  @media (prefers-color-scheme: dark) {
    .tree-card-view {
      box-shadow: 0 0 0 1px #4e575f; } }
  .tree-card-view .columns {
    align-items: center; }
  .tree-card-view .card-column > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .tree-card-view .card-column + .card-column {
    margin-left: 1.3rem; }
  .tree-card-view .webactions {
    position: absolute;
    top: 7px;
    right: -1px; }

.wm-notification-unread > p {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.wm-notification-unread > span {
  font-weight: 500; }

.wm-notification-items .notification-item .wm-view-more {
  margin-top: 10px; }

.wm-notification-items .notification-item .wm-notification-approve-button, .wm-notification-items .notification-item .wm-notification-decline-button {
  margin-top: 8px; }

.wm-notification-items .notification-item p {
  max-width: 310px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important; }

.wm-notification-items > .notification-item {
  display: block;
  padding: 10px 0px;
  transition: all 0.3s ease-out; }
  .wm-notification-items > .notification-item .closeAndMarkNotificationRead {
    display: none;
    margin-right: 5px; }
    .wm-notification-items > .notification-item .closeAndMarkNotificationRead i:hover {
      color: #2c2b2e !important; }
      @media (prefers-color-scheme: light) {
        .wm-notification-items > .notification-item .closeAndMarkNotificationRead i:hover {
          color: #2c2b2e !important; } }
      @media (prefers-color-scheme: dark) {
        .wm-notification-items > .notification-item .closeAndMarkNotificationRead i:hover {
          color: #f7f7f8 !important; } }
  .wm-notification-items > .notification-item:hover {
    background: #f2f2f2;
    cursor: pointer; }
    .wm-notification-items > .notification-item:hover .closeAndMarkNotificationRead {
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
      display: inline-block; }
      @media (prefers-color-scheme: dark) {
        .wm-notification-items > .notification-item:hover .closeAndMarkNotificationRead i {
          color: #cbd5e0 !important; } }
  .wm-notification-items > .notification-item:first-child {
    padding-top: 0; }

.wm-notification-items .wm-notification-subject {
  color: #333333; }

.wm-notification-items .dropdown-item:active div, .wm-notification-items .dropdown-item:active span, .wm-notification-items .dropdown-item:active p {
  color: white !important; }

.wm-toast-link {
  color: white;
  font-size: 12px; }

.info-tooltip {
  position: relative;
  display: block; }
  .info-tooltip-content {
    z-index: 1069;
    width: max-content;
    font-weight: 400;
    background: white;
    opacity: 0;
    display: none;
    cursor: default;
    pointer-events: none;
    transition: opacity 0.3s 0.3s;
    box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    border: 1px solid #edf2f3;
    padding: 8px;
    position: absolute;
    left: 12px; }
    .info-tooltip-content .info-text {
      padding-top: 5px;
      display: block;
      font-size: 13px;
      line-height: normal;
      font-weight: 400;
      text-transform: none; }
      .info-tooltip-content .info-text.text-gray:hover {
        color: #33353b !important;
        cursor: pointer; }
      .info-tooltip-content .info-text.text-gray.remain-initial-value:hover {
        color: #596069 !important;
        cursor: unset !important; }
      .info-tooltip-content .info-text.wm-popup-phone-info {
        display: inline-block;
        padding: 5px 0 0 0; }
    .info-tooltip-content span:not(.label) {
      position: relative; }
    .info-tooltip-content .me {
      position: relative;
      top: 33px;
      right: -37px; }
    .info-tooltip-content .donut {
      margin-top: -30px; }
    .info-tooltip-content .btn.btn-sm.btn-standard.wm-button, .info-tooltip-content .btn.btn-sm.btn-standard.wm-button:hover {
      background-color: transparent !important;
      border: 0; }
    .info-tooltip-content .btn.btn-sm.btn-standard.wm-button.dropdown-toggle::after {
      color: white;
      margin-left: -2px; }
    .info-tooltip-content .btn.btn-sm.btn-standard.wm-button.dropdown-toggle:hover::after {
      color: #edf2f3 !important; }
    .info-tooltip-content .name {
      font-size: 15px;
      line-height: normal;
      font-weight: 500;
      text-transform: none; }
      .info-tooltip-content .name:hover {
        cursor: pointer; }
    .info-tooltip-content .role {
      font-size: 12px; }
    .info-tooltip-content .svg-inline--fa {
      color: #7a8391; }
    .info-tooltip-content a:hover .svg-inline--fa {
      color: #545b65; }
    .info-tooltip-content .rowdiv .rounded-circle {
      margin: auto; }
    .info-tooltip-content .wm-web-action-dropdown .dropdown-item {
      font-size: 14px;
      line-height: normal;
      font-weight: 400;
      text-transform: none;
      color: #54667a !important; }
      @media (prefers-color-scheme: light) {
        .info-tooltip-content .wm-web-action-dropdown .dropdown-item {
          color: #54667a !important; } }
      @media (prefers-color-scheme: dark) {
        .info-tooltip-content .wm-web-action-dropdown .dropdown-item {
          color: #dbd0d0 !important; } }
  .info-tooltip .info-tooltip-content.show {
    opacity: 1;
    pointer-events: auto;
    width: 333px;
    transition-delay: 0.3s;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media (prefers-color-scheme: dark) {
      .info-tooltip .info-tooltip-content.show {
        background-color: #292e32; }
        .info-tooltip .info-tooltip-content.show .info-tooltip-text a {
          color: #c0c9d3 !important; }
          .info-tooltip .info-tooltip-content.show .info-tooltip-text a:hover {
            color: #c0c9d3 !important; }
          .info-tooltip .info-tooltip-content.show .info-tooltip-text a[href] {
            color: #c0c9d3 !important; }
            .info-tooltip .info-tooltip-content.show .info-tooltip-text a[href]:hover {
              color: #afb3b9 !important; } }
    @media only screen and (max-width: 28.9375em) {
      .info-tooltip .info-tooltip-content.show .wm-image-medium {
        width: 32px !important;
        height: 32px !important; } }
  .info-tooltip-text {
    border-radius: 0.25rem; }
    .info-tooltip-text ul li:first-child {
      max-width: 200px !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important; }
      .info-tooltip-text ul li:first-child a {
        overflow: visible !important; }
    .info-tooltip-text:hover {
      overflow: visible; }
    .info-tooltip-text.text-primary .text-info .wm-display-label {
      color: #7a8391; }
      .info-tooltip-text.text-primary .text-info .wm-display-label :hover {
        color: #33353b;
        cursor: pointer; }
  .info-tooltip:hover .info-tooltip-text {
    transition-delay: 0s; }
  .info-tooltip:hover .info-tooltip-inner {
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0); }
  .info-tooltip-inner {
    color: #596069;
    min-height: 100px; }
  .info-tooltip.wm-tax-info-tooltip .info-tooltip-content .info-tooltip-text .wm-display-label {
    margin: 5px; }

.tooltip-text a {
  font-weight: bold; }
  .tooltip-text a.name.text-dark:hover {
    color: #33353b !important; }

.tooltip-text .dropdown.btn-group {
  height: 12px !important;
  margin-top: 0px !important; }
  .tooltip-text .dropdown.btn-group #ButtonGroup-DEFAULTGROUP {
    border-right: none !important; }

.tooltip:not(.bs-tooltip-auto) {
  opacity: 0;
  transition: 0.3s opacity ease; }
  .tooltip:not(.bs-tooltip-auto).show {
    opacity: 1; }

.wm-popup-phone-info label {
  margin-bottom: 0;
  color: #5b636c !important;
  font-weight: 400; }

.tooltip {
  pointer-events: none; }

.popover {
  color: white; }
  @media (prefers-color-scheme: dark) {
    .popover .wm-label {
      color: white; } }
  @media (prefers-color-scheme: dark) {
    .popover {
      border-color: #616b72; } }
  @media (prefers-color-scheme: dark) {
    .popover {
      background-color: #26292b; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="left"] .arrow:after {
      border-left-color: #26292b;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="left"] .arrow:before {
      border-left-color: #616b72;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="bottom"] .arrow:after {
      border-bottom-color: #26292b;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="bottom"] .arrow:before {
      border-bottom-color: #616b72;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="top"] .arrow:after {
      border-top-color: #26292b;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="top"] .arrow:before {
      border-top-color: #616b72;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="right"] .arrow:after {
      border-right-color: #26292b;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="right"] .arrow:before {
      border-right-color: #616b72;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover .popover-body {
      color: white; } }

.has-unapproved-icon {
  position: absolute;
  top: 10px;
  right: 10px; }

.user-card {
  display: flex;
  align-items: center;
  box-sizing: border-box; }
  .user-card :hover {
    background: #edf2f3;
    cursor: pointer; }
  .user-card p, .user-card div {
    margin: 0;
    padding: 0; }
  .user-card .avatar, .user-card .avatar img, .user-card .avatar i {
    border-radius: 100%;
    width: 100%;
    height: 100%; }
  .user-card .avatar {
    font-size: 4em;
    color: #596069;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row; }
    .user-card .avatar i {
      display: flex !important;
      align-items: center;
      justify-content: center;
      flex-direction: row; }
  .user-card .details {
    width: 100%;
    text-overflow: ellipsis;
    display: flex !important;
    align-items: default;
    justify-content: center;
    flex-direction: column; }
    .user-card .details .name {
      font-size: 20px;
      color: black;
      margin: 0;
      padding: 0; }
    .user-card .details .holiday-details {
      color: #596069;
      margin-top: 10px;
      margin: 0;
      padding: 0;
      display: flex !important;
      align-items: center;
      justify-content: default;
      flex-direction: row; }
      .user-card .details .holiday-details i {
        margin-right: 5px; }

.wm-image-entity.managed-user-card-header .wm-circle-content {
  padding-top: 12px; }

.wm-upload-btn .wm-browse-button .e-selectpart.e-select.e-box.e-corner {
  margin: 0 !important; }

.wm-edit-user-profile-picture img, .wm-user-profile-picture img {
  border: 1px solid #c0c9d3; }

@media only screen and (max-width: 28.9375em) {
  .wm-edit-user-profile-picture {
    padding-left: 10px; } }

.uploaded-item-thumb {
  width: auto;
  height: auto;
  display: block;
  opacity: 1;
  backface-visibility: hidden;
  transition: .4s ease;
  width: 100px;
  height: 100px;
  object-fit: scale-down; }
  .uploaded-item-thumb-container {
    position: relative; }
    .uploaded-item-thumb-container:hover img {
      opacity: 0.3; }
    .uploaded-item-thumb-container:hover .overlay-middle {
      opacity: 1; }
    .uploaded-item-thumb-container .wm-document-image-view img {
      max-width: 100%;
      max-height: 100%; }

@media (prefers-color-scheme: dark) {
  .uploaded-item-container {
    background-color: #363a40 !important; } }

.uploaded-item-container > div:first-child {
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100%; }

.uploaded-item-container .info-tooltip {
  display: inline; }

.uploaded-item-container .activity-time {
  float: right; }

.uploaded-item-container .wm-uploaded-document-title {
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  word-break: break-all; }
  @media only screen and (max-width: 47.9375em) {
    .uploaded-item-container .wm-uploaded-document-title {
      width: 20ch;
      white-space: nowrap; } }
  @media only screen and (max-width: 35.9375em) {
    .uploaded-item-container .wm-uploaded-document-title {
      width: 25ch;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  @media only screen and (max-width: 23.9375em) {
    .uploaded-item-container .wm-uploaded-document-title {
      width: 18ch; } }
  .uploaded-item-container .wm-uploaded-document-title a {
    transition: all 0.3s ease; }
    @media (prefers-color-scheme: dark) {
      .uploaded-item-container .wm-uploaded-document-title a {
        color: #edf2f3 !important; } }
    .uploaded-item-container .wm-uploaded-document-title a:hover {
      color: #33353b !important; }
      @media (prefers-color-scheme: dark) {
        .uploaded-item-container .wm-uploaded-document-title a:hover {
          color: #cacdd1 !important; } }

@media only screen and (min-width: 62em) {
  .uploaded-item-container .wm-web-action-container {
    display: none; } }

@media only screen and (max-width: 61.9375em) {
  .uploaded-item-container .wm-web-action-container {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: unset !important; } }

.uploaded-item-container:hover .uploaded-document-controls-cont {
  display: inline-block; }

.uploaded-document-controls-cont {
  display: none;
  transition: all 1.2s linear;
  position: absolute;
  bottom: 8px;
  right: 10px; }
  .uploaded-document-controls-cont i {
    animation: showTab 300ms ease-in-out both; }
  .uploaded-document-controls-cont > a.text-cool.document-btn-control:hover .fa {
    color: #93a2b4; }

.wm-document-image-view {
  display: flex !important; }

.card-header-web-actions {
  padding-left: 10px; }

.wm-document-image-container {
  width: auto;
  height: inherit;
  margin: auto; }

.overlay-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: .4s ease;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  background: rgba(175, 179, 185, 0.48);
  font-size: 1.5rem;
  text-align: center;
  color: #33353b; }

@media only screen and (min-width: 62em) {
  .wm-document-upload-container .wm-web-actions-icons {
    bottom: 1px;
    right: 6px; } }

.wm-document-upload-container .wm-web-actions-icons .wm-web-action-dropdown.dropdown-menu.dropdown-menu-left.wm-sub-menu {
  position: absolute !important;
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.2) !important; }

.wm-document-upload-container .wm-web-actions-icons .dropdown-toggle.wm-web-action.wm-pointer::after {
  display: none !important; }

@media only screen and (min-width: 62em) {
  .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(1) a span svg, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(1) a span i, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(2) a span svg, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(2) a span i, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(5) a span svg, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(5) a span i {
    padding: 1px; } }

@media only screen and (min-width: 62em) {
  .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(1) .wm-icon, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(2) .wm-icon, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(3) .wm-icon, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(4) .wm-icon, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(5) .wm-icon {
    width: 22px;
    height: 22px;
    font-size: 16px; } }

.wm-document-upload-container .wm-collection-card {
  border-radius: 4px; }
  .wm-document-upload-container .wm-collection-card .wm-dropdown.wm-web-actions-menu.wm-pointer {
    margin-top: 10px;
    padding-left: 10px; }

.wm-uploaded-doc-icon {
  width: 40px;
  height: 40px;
  fill: #77818d; }

@media only screen and (max-width: 47.9375em) {
  .wm-uploaded-document-title {
    margin-top: 7px; } }

@media (prefers-color-scheme: dark) {
  .wm-document-punchout > a:hover {
    color: #e5e7e9; } }

@media only screen and (max-width: 1110px) and (min-width: 992px) {
  #loadedtabwidgetstandard_documents .section-title .wm-section-container.wm-section-header-left {
    flex-direction: column; }
    #loadedtabwidgetstandard_documents .section-title .wm-section-container.wm-section-header-left .wm-section-title-container {
      margin-bottom: 8px; }
    #loadedtabwidgetstandard_documents .section-title .wm-section-container.wm-section-header-left .wm-section-actions > div:first-child {
      margin-right: auto !important; } }

.document-btn-control.dropdown-toggle::after {
  display: none !important; }

.document-btn-control.dropdown-toggle:hover .fa {
  cursor: pointer; }

.upload-description {
  max-width: 85ch;
  overflow: hidden; }

iframe {
  width: 100%;
  height: 500px;
  display: block;
  transform-origin: center top;
  backface-visibility: hidden;
  transition: transform .05s linear;
  border: 1px solid #edf2f3;
  box-sizing: border-box; }

@media only screen and (max-width: 1110px) and (min-width: 992px) {
  #loadedtabwidgetstandard_documents div[data-widget-name="DocumentCardView"] .wm-select.wm-control .e-ddl {
    margin-left: 16px;
    width: 90% !important; } }

@media only screen and (max-width: 28.9375em) {
  #loadedtabwidgetstandard_documents div[data-widget-name="ActivityList"] .d-flex.wm-section-container {
    flex-wrap: nowrap; } }

@media only screen and (max-width: 35.9375em) {
  #loadedtabwidgetstandard_documents div[data-widget-name="ActivityList"] .wm-section-inner .timeline-panel {
    min-width: 180px; } }

#loadedtabwidgetstandard_documents div[data-widget-name="ActivityList"] .wm-section-inner .timeline-panel .wm-expanding-text.wm-display-label.wm-expanding-text-after {
  height: auto !important; }

#loadedtabwidgetstandard_documents .wm-datatable-filter-container {
  margin-right: -4px !important; }

#loadedtabwidgetstandard_documents .wm-action-button-group {
  margin-left: 8px !important; }

.wm-query-container > .d-flex {
  align-items: baseline; }
  .wm-query-container > .d-flex .wm-query-name {
    margin-right: auto; }

@media only screen and (min-width: 48em) {
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .wm-query-container > .d-flex {
    position: relative !important;
    width: 100%; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .dropdown.btn-group {
    top: 0;
    right: 94px; } }
  @media only screen and (min-width: 48em) and (max-width: 23.9375em) {
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .dropdown.btn-group {
      right: 74px; } }

@media only screen and (min-width: 48em) {
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .dropdown.btn-group, body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .dropdown.btn-group + .btn-standard.wm-button.wm-query-apply.wm-query-button {
      position: absolute !important; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .btn-standard.wm-button.wm-query-apply.wm-query-button {
    top: 0;
    right: 14px; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .wm-query-container {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: inherit;
    margin: 10px 0 0 0;
    width: 98%; }
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .wm-query-container .wm-query-name > .wm-control-class {
      margin-left: -18px !important; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field .e-rule-value {
    position: relative !important;
    min-width: unset !important; }
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field .e-rule-value > i {
      top: 8px !important; } }

@media only screen and (max-width: 1597px) and (min-width: 768px) {
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field {
    align-items: flex-start;
    flex-direction: column; }
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field .e-rule-filter, body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field .e-rule-operator {
      margin-bottom: 12px; }
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field .e-rule-value {
      min-width: unset !important; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .wm-query-sort-column {
    align-items: flex-start;
    flex-direction: column; }
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .wm-query-sort-column .sort-column-field {
      margin-bottom: 12px; } }

@media only screen and (max-width: 1144px) and (min-width: 768px) {
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .dropdown.btn-group {
    right: 14px; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .btn-standard.wm-button.wm-query-apply.wm-query-button {
    top: 46px; } }

@media only screen and (max-width: 47.9375em) {
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-query-builder .e-group-header .e-group-action {
    margin-top: -10px !important; } }

.email-body-text {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px; }

.email-message-content {
  max-width: 80%; }

.wm-email-recipients-container {
  margin-left: 5px;
  position: relative;
  top: 4px; }
  .wm-email-recipients-container .wm-display-label {
    color: #2c2b2e !important; }
    @media (prefers-color-scheme: light) {
      .wm-email-recipients-container .wm-display-label {
        color: #2c2b2e !important; } }
    @media (prefers-color-scheme: dark) {
      .wm-email-recipients-container .wm-display-label {
        color: #f7f7f8 !important; } }

.wm-email-recipients-item {
  display: inline-block;
  margin-right: 3px;
  border-radius: 4px;
  background-color: #7a8391;
  color: white; }
  .wm-email-recipients-item:last-child {
    margin-right: 0px; }
  .wm-email-recipients-item-inner {
    padding-left: 10px;
    padding-right: 10px; }
    .wm-email-recipients-item-inner > span {
      position: relative;
      top: -2px; }
    .wm-email-recipients-item-inner .wm-icon {
      fill: white !important;
      color: white !important;
      padding-top: 5px; }
      .wm-email-recipients-item-inner .wm-icon:hover {
        opacity: .7; }

.wm-delete-emailrecipient :hover {
  text-decoration: none;
  cursor: pointer; }

.wm-delete-emailrecipient i {
  font-size: 10px; }

.card-body.email {
  height: 70px; }

#tab-content-emails .wm-collection-card .card-body .email-message-content {
  font-size: 14px;
  margin-bottom: 0 !important; }

@media only screen and (max-width: 504px) {
  #email_message #RECIPIENTSEARCH_REGIONS > .rowdiv:first-child {
    margin-bottom: 12px; } }

.modal-body .wm-checkbox {
  margin-top: -1px !important; }

@media (prefers-color-scheme: dark) {
  .wm-queryfilterdiv .e-rule-field .e-rule-value .e-checkbox-wrapper .e-label {
    color: #edf2f3; } }

.wm-checkbox .e-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  font-size: 1rem; }

.wm-checkbox.no-label {
  margin-bottom: 5px; }

input[type=checkbox].wm-control-override-button, input[type=checkbox].wm-control-lock-button, input[type=checkbox].wm-control-toggle-enabled-button, input[type=checkbox].wm-control-confirm-button-link, input[type=checkbox].wm-control-confirm-button {
  display: none; }

input[type=checkbox].wm-control-override-button + label, input[type=checkbox].wm-control-toggle-enabled-button + label, input[type=checkbox].wm-control-lock-button + label, input[type=checkbox].wm-control-confirm-button + label, input[type=checkbox].wm-control-confirm-button-link + label {
  margin-top: 2px;
  margin-right: 9px;
  width: 14px;
  padding-right: 1px; }

input[type=checkbox].wm-control-override-button + label::before {
  content: "";
  font-family: 'Font Awesome 5 Pro';
  font-size: 15px;
  line-height: normal;
  font-weight: 400;
  text-transform: none;
  display: inline-block; }

input[type=checkbox].wm-control-override-button:checked + label::before {
  content: "\f304";
  text-indent: 1px; }

input[type=checkbox].wm-control-toggle-enabled-button + label::before {
  font-size: 15px;
  line-height: normal;
  font-weight: 400;
  text-transform: none;
  display: inline-block;
  font-family: 'Font Awesome 5 Pro';
  text-indent: 1px; }

input[type=checkbox].wm-control-lock-button {
  outline: 5px solid red !important; }
  input[type=checkbox].wm-control-lock-button + label {
    position: relative; }
    input[type=checkbox].wm-control-lock-button + label:before {
      content: "";
      font-family: 'Font Awesome 5 Pro';
      display: inline-block;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms; }
    input[type=checkbox].wm-control-lock-button + label:after {
      content: "";
      font-family: 'Font Awesome 5 Pro';
      content: "\f023";
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms; }
  input[type=checkbox].wm-control-lock-button:checked + label:before {
    content: "";
    font-family: 'Font Awesome 5 Pro';
    opacity: 0;
    transform: rotateY(90deg);
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms; }
  input[type=checkbox].wm-control-lock-button:checked + label:after {
    opacity: 1;
    transform: rotateY(0); }

input[type=checkbox].wm-control-confirm-button + label::before {
  content: "";
  font-family: 'Font Awesome 5 Pro';
  display: inline-block; }

input[type=checkbox].wm-control-confirm-button:checked + label::before {
  content: "";
  font-family: 'Font Awesome 5 Pro'; }

input[type=checkbox].wm-control-confirm-button-link + label::before {
  content: "";
  font-family: 'Font Awesome 5 Pro';
  display: inline-block; }

input[type=checkbox].wm-control-confirm-button-link:checked + label::before {
  content: "";
  font-family: 'Font Awesome 5 Pro'; }

input[type=checkbox].wm-default-enable-icon + label::before {
  content: "\f303"; }

input[type=checkbox].wm-default-disable-icon + label::before {
  content: "\f0e2"; }

.e-checkbox-disabled {
  opacity: .5 !important; }
  @media (prefers-color-scheme: dark) {
    .e-checkbox-disabled {
      opacity: .25 !important; } }
  .e-checkbox-disabled .e-icons {
    background-color: #e2e8f0 !important; }

.wm-datatable .wm-checkbox .e-icons {
  width: 16px;
  height: 16px;
  font-size: 0.68rem; }

.e {
  /**
        Input Group    
    **/
  /**
        Input Disabled    
    **/ }
  .e-input-btn.e-btn {
    border-radius: .2rem;
    box-shadow: none;
    padding: .25rem .5rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2e3338 !important; }
    .e-input-btn.e-btn:hover {
      cursor: pointer; }
  .e-input-group {
    align-items: center;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
    /*** Input Group Focus ***/
    /*** Input Group Icon ***/
    /*** Dropdown Padding ***/ }
    .e-input-group-icon {
      border-radius: 0.5rem !important; }
    .e-input-group.e-ddl .e-input-group-icon {
      min-width: 26px;
      min-height: 26px;
      padding: 0px; }
    .e-input-group.e-numeric .e-input-group-icon {
      width: 30px;
      min-height: 30px; }
    .e-input-group:not(.e-disabled) .e-input-group-icon:active,
    .e-input-group .e-control-wrapper:not(.e-disabled) .e-input-group-icon:active {
      background: #7a8391 !important; }
    .e-input-group.e-control-wrapper.wm-control-class {
      height: 40px !important; }
      .e-input-group.e-control-wrapper.wm-control-class .e-input {
        height: 40px !important;
        padding-right: 10px !important; }
    .e-input-group.e-input-focus {
      border-color: #7a8391 !important; }
      @media (prefers-color-scheme: dark) {
        .e-input-group.e-input-focus {
          border-color: #c5c8cc !important; } }
      .e-input-group.e-input-focus:before, .e-input-group.e-input-focus:after {
        content: unset !important; }
    @media (prefers-color-scheme: dark) {
      .e-input-group .e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
      .e-input-group .e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus {
        border-bottom: #7a8391 !important; } }
    @media (prefers-color-scheme: dark) {
      .e-input-group .e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
      .e-input-group .e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus {
        background-color: #363a40 !important;
        color: #edf2f3 !important; }
        .e-input-group .e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus::placeholder,
        .e-input-group .e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus::placeholder {
          color: white !important; } }
    .e-input-group .e-input-group-icon,
    .e-input-group.e-control-wrapper .e-input-group-icon {
      background-color: transparent !important; }
      @media (prefers-color-scheme: dark) {
        .e-input-group .e-input-group-icon::before,
        .e-input-group.e-control-wrapper .e-input-group-icon::before {
          color: #c0c9d3 !important; } }
    .e-input-group input.e-input:not(.e-dropdownbase),
    .e-input-group input:not(.e-dropdownbase),
    .e-input-group.e-control-wrapper input.e-input:not(.e-dropdownbase),
    .e-input-group.e-control-wrapper input:not(.e-dropdownbase) {
      padding-left: 6px !important; }
    .e-input-group:hover:not(.e-input-focus) {
      border-color: #abb7c4 !important; }
  .e-disabled {
    opacity: .85 !important; }
    @media (prefers-color-scheme: dark) {
      .e-disabled {
        opacity: 1 !important;
        /* Reverted, was too dark */
        /*background: #1d1f22 !important;*/ } }

.wm-search .input-group input.wm-search-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.wm-search .input-group .input-group-append .btn {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important; }

@media (prefers-color-scheme: dark) {
  .wm-row .e-control-wrapper.e-input-group .e-control.e-input.e-disabled {
    /* Override standard tailwind dark text on disabled controls, lighten for readibility */
    -webkit-text-fill-color: #8b919c; } }

/**
    Form Labels
**/
.label {
  padding: 4px 8px;
  line-height: 13px;
  color: white;
  font-weight: 400;
  border-radius: 4px;
  font-size: 85%; }
  .label:not(.wm-category-count).wm-background-red {
    background-color: #ffebee !important;
    color: #b71c1c !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-red {
        background-color: #ef9a9a !important;
        color: #490909 !important; } }
  .label:not(.wm-category-count).wm-background-blue {
    background-color: #e3f2fd !important;
    color: #1565c0 !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-blue {
        background-color: #90caf9 !important;
        color: #0d47a1 !important; } }
  .label:not(.wm-category-count).wm-background-green {
    background-color: #e8f5e9 !important;
    color: #2e7d32 !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-green {
        background-color: #a5d6a7 !important;
        color: #004b3f !important; } }
  .label:not(.wm-category-count).wm-background-orange {
    background-color: #ffecb3 !important;
    color: #bf360c !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-orange {
        background-color: #ffcc80 !important;
        color: #912504 !important; } }
  .label:not(.wm-category-count).wm-background-grey {
    background-color: #e4e5e9 !important;
    color: #595e6b !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-grey {
        background-color: #9e9e9e !important;
        color: #121212 !important; } }
  .label:not(.wm-category-count).wm-background-yellow {
    background-color: #fff9be !important;
    color: #7e7202 !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-yellow {
        background-color: #fff59d !important;
        color: #ba330a !important; } }
  .label:not(.wm-category-count).wm-background-teal {
    background-color: #e0f7fa !important;
    color: #006064 !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-teal {
        background-color: #4dd0e1 !important;
        color: #004d40 !important; } }
  .label:not(.wm-category-count).wm-background-pink {
    background-color: #ffcdd2 !important;
    color: #8a1414 !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-pink {
        background-color: #ffcdd2 !important;
        color: #c62828 !important; } }
  .label:not(.wm-category-count).wm-background-purple {
    background-color: #ede7f6 !important;
    color: #311b92 !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-purple {
        background-color: #b39ddb !important;
        color: #251470 !important; } }
  .label:not(.wm-category-count).wm-background-brown {
    background-color: #bcaaa4 !important;
    color: #1c1210 !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-brown {
        background-color: #a1887f !important;
        color: #3e2723 !important; } }
  .label-rounded {
    border-radius: 60px; }
  .label-custom {
    background-color: #6eb6e0; }
  .label-primary {
    background-color: #0078d6; }
  .label-success {
    background-color: #247c24; }
  .label-info {
    background-color: #0089f5; }
  .label-warning {
    background-color: #face1f; }
  .label-danger {
    background-color: #eb1515; }
  .label-inverse {
    background-color: #42474d; }
  .label-default {
    background-color: #edf2f3 !important;
    color: #2e3338 !important; }
  .label-light-success {
    background-color: #e8fdeb !important;
    color: #247c24 !important; }
  .label-light-info {
    background-color: #cfecfe !important;
    color: #0089f5 !important; }
  .label-light-warning {
    background-color: #fff8ec !important;
    color: #face1f !important; }
  .label-light-danger {
    background-color: #f9e7eb !important;
    color: #eb1515 !important; }
  .label-light-primary {
    background-color: #f1effd !important;
    color: #0078d6 !important; }
  .label-light-inverse {
    background-color: #f6f6f6 !important;
    color: #42474d !important; }
  .label[for="IncludeRecords"] {
    margin-top: 8px; }
    .label[for="IncludeRecords"] + .wm-checkbox {
      margin-top: -6px !important; }

.wm-label {
  margin-bottom: 0rem;
  font-size: 12px;
  color: #6b7480; }
  .wm-label i.fa:hover {
    color: #77818d !important; }
  .wm-label i.fa.wm-display-info-text {
    margin-left: 8px; }

.no-label {
  display: none !important; }
  .no-label + div {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important; }

/**
    Query Builder
**/
.e-query-builder .e-group-header {
  position: relative !important;
  z-index: 9 !important; }
  @media only screen and (max-width: 47.9375em) {
    .e-query-builder .e-group-header .e-group-action {
      margin-top: 10px !important; } }

.e-query-builder .e-btn-group input:checked + label.e-btn,
.e-query-builder .e-btn-group button.e-qb-toggle.e-active-toggle {
  border-color: #7a8391 !important;
  background-color: #7a8391 !important;
  color: #fff !important; }

.e-query-builder .e-btn-group button.e-qb-toggle:focus {
  outline: none !important;
  border: none !important; }

.e-query-builder .e-rule-value {
  height: 40px; }

.e-query-builder .e-input-group {
  border-radius: 0.5rem !important;
  height: 40px; }

.wm-query-container {
  position: relative;
  top: 16px;
  z-index: 12 !important;
  float: right;
  margin-right: 13px;
  width: 385px; }
  .wm-query-container .e-input-group, .wm-query-container .btn-group {
    position: relative;
    z-index: 9999 !important; }

.wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child {
  padding: 0 !important; }
  @media only screen and (max-width: 23.9375em) {
    .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-section-header .wm-section-title-container {
      margin-bottom: -30px; } }
  .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child > .wm-section-inner {
    padding-top: 0 !important; }
    .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child > .wm-section-inner > .wm-collapsible-section > .wm-section-inner {
      padding-top: 4px !important; }

.wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container {
  position: relative;
  margin-top: 50px;
  padding: 0 4px 12px 12px !important; }
  @media only screen and (max-width: 23.9375em) {
    .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container {
      margin-top: 40px; } }
  .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-section-header {
    position: absolute;
    top: -38px;
    left: 0; }
    @media only screen and (max-width: 28.9375em) and (min-width: 24em) {
      .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-section-header {
        top: -32px; } }
    @media only screen and (max-width: 23.9375em) {
      .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-section-header {
        top: -28px; } }

.wm-queryfilterdiv .e-add-btn.e-btn {
  background-color: #7a8391 !important;
  border: none !important;
  color: white; }
  .wm-queryfilterdiv .e-add-btn.e-btn:hover {
    opacity: .85; }

.wm-queryfilterdiv .wm-query-name {
  margin-left: 4px;
  max-width: 180px; }
  @media only screen and (max-width: 74.9375em) {
    .wm-queryfilterdiv .wm-query-name {
      margin-left: 6px; } }
  @media only screen and (max-width: 61.9375em) {
    .wm-queryfilterdiv .wm-query-name {
      margin-left: 8px; } }
  @media only screen and (max-width: 47.9375em) {
    .wm-queryfilterdiv .wm-query-name, .wm-queryfilterdiv .wm-query-name input {
      padding-left: 0; } }
  .wm-queryfilterdiv .wm-query-name .e-input-group {
    height: 32px !important; }

.wm-queryfilterdiv .wm-query-button.btn.btn-sm.btn-standard.wm-button {
  z-index: 12;
  padding: 2px 16px;
  font-size: 12px;
  line-height: 2.4em;
  /*to match the existing syncfusion buttons AND & OR*/ }
  .wm-queryfilterdiv .wm-query-button.btn.btn-sm.btn-standard.wm-button.wm-query-save {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right-color: white !important;
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important; }
    .wm-queryfilterdiv .wm-query-button.btn.btn-sm.btn-standard.wm-button.wm-query-save:hover {
      opacity: 0.8 !important;
      transform: translateY(0) !important;
      box-shadow: none !important;
      border-color: #a7adb6 !important;
      border-right-color: white !important;
      background-color: #acb2bb !important; }
  .wm-queryfilterdiv .wm-query-button.btn.btn-sm.btn-standard.wm-button.wm-query-apply {
    border-radius: 0.5rem !important;
    height: 31px !important; }

.wm-queryfilterdiv .wm-query-sort-column {
  background-color: #c0c9d3;
  border-color: #edf2f3;
  justify-content: flex-start;
  padding: 12px !important; }
  @media only screen and (max-width: 35.9375em) {
    .wm-queryfilterdiv .wm-query-sort-column {
      flex-direction: column;
      align-items: flex-start; } }
  @media (prefers-color-scheme: dark) {
    .wm-queryfilterdiv .wm-query-sort-column {
      background-color: #42474d !important; } }
  .wm-queryfilterdiv .wm-query-sort-column .sort-column-field, .wm-queryfilterdiv .wm-query-sort-column .sort-column-direction {
    max-width: 75% !important;
    padding: 0 !important; }
    @media only screen and (max-width: 35.9375em) {
      .wm-queryfilterdiv .wm-query-sort-column .sort-column-field, .wm-queryfilterdiv .wm-query-sort-column .sort-column-direction {
        margin: 0 0 12px 0; } }
  .wm-queryfilterdiv .wm-query-sort-column .sort-column-field {
    margin: 0 12px 0 0; }
    @media only screen and (max-width: 23.9375em) {
      .wm-queryfilterdiv .wm-query-sort-column .sort-column-field {
        min-width: 140px; } }
  .wm-queryfilterdiv .wm-query-sort-column .sort-column-direction {
    margin-bottom: 0; }

@media only screen and (max-width: 47.9375em) {
  .wm-queryfilterdiv .wm-query-container {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: inherit;
    margin: 10px 0 0 0;
    width: 98%; }
    .wm-queryfilterdiv .wm-query-container .wm-query-name > .wm-control-class {
      margin-left: -4px !important; } }
  @media only screen and (max-width: 47.9375em) and (max-width: 28.9375em) {
    .wm-queryfilterdiv .wm-query-container .dropdown.btn-group {
      margin-left: -8px !important; } }
  @media only screen and (max-width: 47.9375em) and (max-width: 23.9375em) {
    .wm-queryfilterdiv .wm-query-container .dropdown.btn-group {
      margin-left: -12px !important; }
      .wm-queryfilterdiv .wm-query-container .dropdown.btn-group > .btn {
        padding: 2px 8px !important; }
    .wm-queryfilterdiv .wm-query-container .wm-query-apply.wm-query-button {
      padding: 2px 8px !important; } }

.wm-queryfilterdiv .wm-query-container .wm-query-apply.wm-query-button {
  margin-left: 4px; }

.wm-queryfilterdiv .wm-query-container .wm-container-parent.wm-control {
  margin-right: 4px; }

@media only screen and (max-width: 35.9375em) {
  .wm-queryfilterdiv .wm-query-container .wm-container-parent.wm-control > .wm-control-class {
    width: 160px !important; } }

@media only screen and (max-width: 28.9375em) {
  .wm-queryfilterdiv .wm-query-container .wm-container-parent.wm-control > .wm-control-class {
    width: 120px !important;
    padding-right: 4px !important; } }

@media only screen and (max-width: 23.9375em) {
  .wm-queryfilterdiv .wm-query-container .wm-container-parent.wm-control > .wm-control-class {
    width: 90px !important; } }

.wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column {
  position: relative;
  background-color: #f2f2f2; }
  @media only screen and (max-width: 35.9375em) {
    .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row {
      width: 90%; }
      .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row:first-child {
        margin-bottom: 12px; } }
  .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row.sort-column-delete {
    position: absolute;
    top: 3px;
    right: 3px; }
    .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row.sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib {
      position: absolute;
      top: 0;
      right: 0;
      border-color: transparent !important;
      background-color: transparent !important; }
      .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row.sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib:hover::after {
        opacity: .8;
        transform: scale(1.08); }
      .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row.sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
        content: '\f00d';
        position: absolute;
        top: 4px;
        right: 8px;
        display: block;
        transition: all .3s ease-in;
        font-size: 18px;
        font-family: "Font Awesome 5 Pro";
        color: #403f43; }
        @media (prefers-color-scheme: dark) {
          .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row.sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
            color: white; } }

.wm-queryfilterdiv-query-name {
  max-width: 210px;
  padding-right: 0px; }

.wm-queryfilterdiv-query-button.btn.btn-sm.btn-standard.wm-button {
  z-index: 12;
  padding: 2px 16px;
  font-size: 12px;
  line-height: 2.2em;
  /*to match the existing syncfusion buttons AND & OR*/ }

.wm-queryfilterdiv .e-rule-field {
  display: flex;
  justify-content: flex-start;
  padding: 12px;
  background-color: #f2f2f2; }
  @media only screen and (max-width: 35.9375em) {
    .wm-queryfilterdiv .e-rule-field {
      flex-direction: column;
      align-items: flex-start; } }
  @media (prefers-color-scheme: dark) {
    .wm-queryfilterdiv .e-rule-field {
      background-color: #42474d !important; } }
  .wm-queryfilterdiv .e-rule-field > div:not(:last-child) {
    flex-basis: 29%;
    padding: 0 !important; }
    @media only screen and (max-width: 35.9375em) {
      .wm-queryfilterdiv .e-rule-field > div:not(:last-child) {
        align-self: stretch !important; } }
  .wm-queryfilterdiv .e-rule-field .e-rule-value {
    max-width: 100%;
    min-width: unset !important; }
    @media only screen and (min-width: 36em) {
      .wm-queryfilterdiv .e-rule-field .e-rule-value {
        position: relative !important; }
        .wm-queryfilterdiv .e-rule-field .e-rule-value > i {
          top: 8px !important; } }
    @media (prefers-color-scheme: dark) {
      .wm-queryfilterdiv .e-rule-field .e-rule-value .e-input-group {
        background-color: #363a40 !important;
        color: #edf2f3 !important; } }
    .wm-queryfilterdiv .e-rule-field .e-rule-value .e-input-group::placeholder {
      color: white !important; }
  .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn,
  .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary {
    position: absolute;
    top: -6px;
    right: -2px;
    border-color: transparent !important;
    background-color: transparent !important; }
    .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn:hover::after,
    .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary:hover::after {
      opacity: .8;
      transform: scale(1.08); }
    .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn::after,
    .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
      content: '\f00d';
      position: absolute;
      top: 4px;
      right: 8px;
      display: block;
      transition: all .3s ease-in;
      font-size: 18px;
      font-family: "Font Awesome 5 Pro";
      color: #403f43; }
      @media (prefers-color-scheme: dark) {
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn::after,
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
          color: white; } }
    @media only screen and (max-width: 47.9375em) {
      .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn,
      .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary {
        position: absolute;
        top: -4px;
        right: -1px;
        border-color: transparent !important;
        background-color: transparent !important; }
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn:hover::after,
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary:hover::after {
          opacity: .8;
          transform: scale(1.08); }
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn::after,
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
          content: '\f00d';
          position: absolute;
          top: 4px;
          right: 8px;
          display: block;
          transition: all .3s ease-in;
          font-size: 18px;
          font-family: "Font Awesome 5 Pro";
          color: #403f43; } }
    @media only screen and (max-width: 47.9375em) and (prefers-color-scheme: dark) {
      .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn::after,
      .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
        color: white; } }
  .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn:after {
    content: unset !important; }
  .wm-queryfilterdiv .e-rule-field .e-rule-filter, .wm-queryfilterdiv .e-rule-field .e-rule-operator {
    margin: 0 12px 0 0; }
    @media only screen and (max-width: 35.9375em) {
      .wm-queryfilterdiv .e-rule-field .e-rule-filter, .wm-queryfilterdiv .e-rule-field .e-rule-operator {
        margin: 0 0 12px 0; } }
  .wm-queryfilterdiv .e-rule-field .e-rule-filter, .wm-queryfilterdiv .e-rule-field .e-rule-operator, .wm-queryfilterdiv .e-rule-field .e-rule-value {
    width: 100% !important; }
  .wm-queryfilterdiv .e-rule-field .e-rule-value-delete {
    position: absolute !important;
    top: 8px !important;
    right: 4px !important; }
  .wm-queryfilterdiv .e-rule-field .e-input-group.e-ddl input, .wm-queryfilterdiv .e-rule-field .e-input-group.e-ddl.e-input-focus input {
    padding-bottom: 3px; }

.wm-queryfilterdiv .e-rule-filter, .wm-queryfilterdiv .e-rule-operator, .wm-queryfilterdiv .e-rule-value {
  max-width: 80% !important; }

.wm-queryfilterdiv .e-rule-container {
  background-color: #f2f2f2; }
  @media (prefers-color-scheme: dark) {
    .wm-queryfilterdiv .e-rule-container {
      background-color: #42474d !important; } }

.wm-queryfilterdiv .e-control.e-query-builder.e-lib {
  border-radius: 0.5rem !important;
  margin-bottom: 8px; }
  @media (prefers-color-scheme: dark) {
    .wm-queryfilterdiv .e-control.e-query-builder.e-lib {
      border-color: #3e454c !important; } }
  .wm-queryfilterdiv .e-control.e-query-builder.e-lib .e-group-container {
    border-radius: 0.5rem; }

.wm-queryfilterdiv .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
  width: 300px; }
  @media only screen and (max-width: 47.9375em) {
    .wm-queryfilterdiv .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
      width: 100%; } }

.wm-queryfilterdiv .e-add-btn .e-btn-icon::before, .wm-queryfilterdiv .wm-query-sort-column .sort-column-delete .e-delete-icon::before {
  content: "\e805";
  font-size: 18px;
  font-weight: 400; }

.wm-queryfilterdiv .wm-query-sort-column .sort-column-delete .e-delete-icon::before {
  padding: 4px;
  color: #4c5c68; }

@media only screen and (max-width: 28.9375em) {
  .wm-queryfilterdiv .sort-container .wm-section-actions {
    height: 0px; } }

@media (prefers-color-scheme: dark) {
  .wm-queryfilterdiv .sort-container {
    border-color: #292e32 !important; } }
  @media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
    .wm-queryfilterdiv .sort-container {
      background-color: #363a40 !important;
      color: #edf2f3 !important; }
      .wm-queryfilterdiv .sort-container::placeholder {
        color: white !important; } }

@media (prefers-color-scheme: dark) {
  .wm-queryfilterdiv .e-group-container {
    background-color: #363a40 !important; } }

.wm-queryfilterdiv .wm-query-container > .d-flex {
  position: relative !important;
  width: 100%; }

.wm-queryfilterdiv .dropdown.btn-group {
  top: 0;
  right: 94px; }
  @media only screen and (max-width: 23.9375em) {
    .wm-queryfilterdiv .dropdown.btn-group {
      right: 74px; } }
  .wm-queryfilterdiv .dropdown.btn-group, .wm-queryfilterdiv .dropdown.btn-group + .btn-standard.wm-button.wm-query-apply.wm-query-button {
    position: absolute !important; }

.wm-queryfilterdiv .btn-standard.wm-button.wm-query-apply.wm-query-button {
  top: 0;
  right: 14px; }

@media only screen and (min-width: 48em) {
  .wm-queryfilterdiv .e-query-builder.e-device .e-group-container {
    padding: 10px 15px 15px; }
  .wm-queryfilterdiv .dropdown.btn-group {
    right: 80px; }
  .wm-queryfilterdiv .btn-standard.wm-button.wm-query-apply.wm-query-button {
    right: 0; } }

.wm-queryfilterdiv.advanced-search .wm-search-column-row .search-column-delete .e-delete-icon::before {
  font-size: 18px;
  font-weight: 400; }

/**
    Form Selects
**/
.wm-control-class.e-popup-open {
  box-shadow: 0px 8px 16px 0px rgba(74, 85, 104, 0.48); }
  @media (prefers-color-scheme: dark) {
    .wm-control-class.e-popup-open {
      box-shadow: 0px 8px 16px 0px rgba(26, 32, 44, 0.48); } }
  .wm-control-class.e-popup-open .wm-inline-suggestions {
    margin: 0;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    text-transform: capitalize;
    color: #4a5568; }
  .wm-control-class.e-popup-open .e-dropdownbase {
    padding: 0 !important; }
    .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent {
      padding: 0.5rem; }
      .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item {
        margin-bottom: 0.5rem;
        border-radius: 0.5rem;
        padding: 0 !important;
        cursor: pointer;
        white-space: normal;
        text-indent: 0; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-inline-search-image,
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-image-entity,
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-circle-content,
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-image-small {
          margin: 0; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-circle-content {
          text-indent: 0; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-inner {
          width: 100% !important; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container {
          display: flex;
          align-items: center;
          gap: 1rem;
          margin: 0 !important;
          height: auto;
          padding: 0.75rem 1rem !important;
          line-height: 1.5em; }
          .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-image-small .wm-circle-content {
            padding-top: 0; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-image:empty {
          margin-left: -15px; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-image .wm-circle-content {
          line-height: 35px; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-header, .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-detail {
          display: block; }
      .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent:last-child .wm-inline-search-container .wm-inline-header:empty + div + .wm-inline-search-load-more {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 14px; }
  .wm-control-class.e-popup-open .wm-inline-suggestion-note {
    margin: 0;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f7fafc;
    color: #718096; }
    @media (prefers-color-scheme: dark) {
      .wm-control-class.e-popup-open .wm-inline-suggestion-note {
        background: #23262a; } }

.e-control.e-popup-open .e-dropdownbase {
  padding: 0 !important; }
  .e-control.e-popup-open .e-dropdownbase .e-list-parent {
    padding: 0.5rem; }

.e-datepicker.e-popup-open {
  padding: 0; }

.e-dropdownbase .e-list-item.e-active {
  background-color: #e0e2e5 !important;
  color: #7a8391 !important; }

.e-multiselect {
  min-height: 40px; }
  .e-multiselect .e-multi-select-wrapper .e-searcher {
    height: 100%; }
  .e-multiselect .e-multi-select-wrapper .e-chips > {
    /**
                Main element border-radius for forms is 0.5rem (8px).

                In order to achieve the perfect ratio we need to take the main element border-radius and subtract
                any margin, padding or space values. 
                
                In this case the .e-chips use a 3px margin. So our equation is simply, 8 - 3 = 5, however, we need
                to allow for different screen sizes and achieve a comfortable level of roundness on the elements,
                so we'll need to now convert it by taking our chosen pixel size and dividing by the base browser 
                font-size of 1rem (16px).

                rem = pixel value / root font size
                rem = 5px / 16px = 0.3125 but we'll round up to 0.313.
            **/
    border-radius: 0.313rem;
    height: 40px; }
    .e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
    .e-multiselect .e-multi-select-wrapper .e-chips > .e-chips-close::before {
      -webkit-text-fill-color: white !important;
      color: white !important; }
  @media (prefers-color-scheme: dark) {
    .e-multiselect .e-multi-select-wrapper .e-chips-close.e-close-hooker {
      color: #edf2f3; } }

.popover-body .e-multi-select-wrapper {
  width: 250px; }

.e-icon-anim select option {
  padding-left: 20px !important; }

.e-ddl {
  min-height: 40px !important;
  /** Select Dropdown Lists **/ }
  .e-ddl.e-popup.e-lib.e-control.e-popup-open {
    border-radius: 0.5rem !important;
    padding: 0; }
    @media (prefers-color-scheme: dark) {
      .e-ddl.e-popup.e-lib.e-control.e-popup-open {
        background-color: #1d1f22;
        border-color: #464c53 !important; }
        .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item {
          background-color: #363a40;
          color: #edf2f3; }
          .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item.e-active {
            background-color: #363a40 !important; }
          .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item:hover,
          .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item a:hover {
            background-color: #98a0a9 !important; }
        .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase.e-nodata {
          color: #c0c9d3 !important; } }
    .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item.e-active {
      background-color: white !important; }
    .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item:hover,
    .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item a:hover {
      background-color: #babfc5 !important; }
  .e-ddl .e-input {
    height: 100%; }
  .e-ddl.e-input-group .e-input-group-icon,
  .e-ddl.e-input-group .e-input-group-btn button {
    padding: 0 !important; }
  .e-ddl.e-input-group .e-clear-icon:hover {
    color: black; }
  .e-ddl.e-input-group .e-ddl-icon.e-ddl-disable-icon:before {
    display: none; }
  @media (prefers-color-scheme: dark) {
    .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon:hover::before {
      color: white !important; } }
  .e-ddl.e-input-group.e-input-focus {
    box-shadow: none; }
  .e-ddl.e-input-group:not(.e-rtl) .e-input-group-icon {
    border-left: 0 !important; }
  .e-ddl.e-widget.e-popactive.e-focus {
    box-shadow: none; }
  .e-ddl .e-select,
  .e-ddl.e-rtl .e-select,
  .e-ddl .e-disable.e-select:hover,
  .e-ddl .e-select:hover,
  .e-ddl.e-rtl .e-select:hover {
    background-color: white !important;
    color: #77818d !important; }

.e-popup .e-active {
  background: #7a8391; }

.alert {
  display: flex; }

.wm-recent-cards .wm-collection-card {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  border-radius: 0;
  margin-bottom: 0.8rem !important;
  padding-bottom: 0.8rem; }
  @media (prefers-color-scheme: dark) {
    .wm-recent-cards .wm-collection-card {
      border-bottom: 1px solid #77818d; } }

.wm-recent-cards .wm-widget-date-time {
  color: #77818d;
  font-size: 12px;
  line-height: normal;
  font-weight: 300;
  text-transform: none; }

.wm-recent-cards .widget-list-primary-text {
  color: #939ba4;
  display: flex;
  font-size: 13px;
  line-height: normal;
  font-weight: 300;
  text-transform: none; }
  .wm-recent-cards .widget-list-primary-text:hover {
    color: #7a8391 !important; }

.wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media only screen and (max-width: 93.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 240px; } }
  @media only screen and (max-width: 74.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 160px; } }
  @media only screen and (max-width: 47.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 380px; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 260px; } }
  @media only screen and (max-width: 28.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 180px; } }
  @media only screen and (max-width: 23.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 130px; } }

.wm-recently-viewed-widget .wm-widget-body .wm-card-footer, .wm-bookmarks-widget .wm-widget-body .wm-card-footer, .wm-todays-agenda-widget .wm-widget-body .wm-card-footer {
  display: none; }

.wm-recently-viewed-widget .wm-section .wm-select .e-ddl, .wm-whos-off-widget .wm-section .wm-select .e-ddl, .wm-bookmarks-widget .wm-section .wm-select .e-ddl, .wm-upcoming-tasks-widget .wm-section .wm-select .e-ddl, .wm-notification-widget .wm-section .wm-select .e-ddl, .wm-todays-agenda-widget .wm-section .wm-select .e-ddl, .wm-weather-widget .wm-section .wm-select .e-ddl {
  width: 90% !important; }

.wm-whos-off-widget {
  /* lined up whos off widget */ }
  .wm-whos-off-widget .wm-whos-off-date {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    text-transform: none;
    color: #2c2b2e !important; }
    @media (prefers-color-scheme: light) {
      .wm-whos-off-widget .wm-whos-off-date {
        color: #2c2b2e !important; } }
    @media (prefers-color-scheme: dark) {
      .wm-whos-off-widget .wm-whos-off-date {
        color: #f7f7f8 !important; } }
  .wm-whos-off-widget .wm-widget-data .wm-select {
    position: relative; }
    @media only screen and (max-width: 28.9375em) {
      .wm-whos-off-widget .wm-widget-data .wm-select .e-ddl {
        width: 50% !important;
        position: absolute !important;
        top: -32px;
        right: 34px; } }
    @media only screen and (max-width: 23.9375em) {
      .wm-whos-off-widget .wm-widget-data .wm-select .e-ddl {
        width: 40% !important; } }
  .wm-whos-off-widget .user-full-name .wm-web-action.wm-pointer::after {
    display: none; }
  .wm-whos-off-widget .wm-circle-content {
    margin-top: 2px !important; }
  .wm-whos-off-widget .widget-list-primary-text {
    margin-bottom: 0.325rem !important; }
  .wm-whos-off-widget .d-flex .user-full-name {
    margin-right: 2em; }
  .wm-whos-off-widget .d-flex .leave-type {
    flex: 1;
    min-width: 0;
    text-align: right; }
    .wm-whos-off-widget .d-flex .leave-type p.wm-whos-off-leave-type {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .wm-whos-off-widget .d-flex .leave-type p.wm-whos-off-leave-type.text-success {
        color: #2d9c2d !important; }
        @media (prefers-color-scheme: dark) {
          .wm-whos-off-widget .d-flex .leave-type p.wm-whos-off-leave-type.text-success {
            color: #99db99 !important; } }

.wm-booked-on-widget {
  width: 100%; }
  .wm-booked-on-widget-grid {
    width: 100%;
    border-collapse: collapse; }
    .wm-booked-on-widget-grid tr > td {
      height: 40px;
      padding-left: 0.5em; }
      .wm-booked-on-widget-grid tr > td p {
        margin: 0px; }
    .wm-booked-on-widget-grid tr {
      align-items: center; }
    .wm-booked-on-widget-grid th.bookedon-task-info {
      padding-left: 0.5em; }
    .wm-booked-on-widget-grid td.bookedon-icon {
      width: 30px; }
  .wm-booked-on-widget .bookedon-task-info {
    max-width: 16ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.wm-notifications-widget .d-flex .ml-auto, .wm-upcoming-tasks-widget .d-flex .ml-auto {
  min-width: 80px; }

.wm-upcoming-tasks-widget .d-flex .ml-auto label {
  float: right; }

.wm-homehub-cards {
  margin-top: -8px; }
  .wm-homehub-cards .wm-section {
    border-top: 6px solid;
    border-color: #9098a3;
    box-shadow: 0 1px 4px -1px rgba(46, 51, 56, 0.2); }
    @media (prefers-color-scheme: dark) {
      .wm-homehub-cards .wm-section {
        box-shadow: none !important; } }
    .wm-homehub-cards .wm-section .wm-collapsible-section .mCSB_inside > .mCSB_container {
      margin-right: 15px !important; }
    .wm-homehub-cards .wm-section .wm-collapsible-section .mCSB_scrollTools {
      right: -7px; }
    .wm-homehub-cards .wm-section .wm-collapsible-section:hover .mCSB_draggerContainer {
      opacity: 1; }
  .wm-homehub-cards .wm-widget-collection > .card-list-group .wm-collection-card {
    background-color: transparent !important; }
  .wm-homehub-cards .wm-widget-collection .card-list-group .last-row .wm-collection-card {
    border-bottom: none;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }

.wm-whos-off-widget .widget-list-primary-text,
.wm-whos-off-widget .wm-whos-off-leave-type,
.wm-todays-agenda-widget .wm-whos-off-text,
.wm-todays-agenda-widget .wm-whos-off-leave-type {
  line-height: 33px;
  margin-bottom: 0.5rem; }

.wm-todays-agenda-widget .widget-list-primary-text {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  text-transform: none;
  white-space: nowrap;
  margin-right: 5px; }

.wm-todays-agenda-widget .wm-widget-body > div:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important; }

.wm-whos-off-widget .widget-list-primary-text,
.wm-todays-agenda-widget .wm-whos-off-leave-type {
  font-weight: 400;
  color: #515962; }

.wm-whos-off-widget .wm-whos-off-leave-type, .wm-todays-agenda-widget .wm-whos-off-leave-type {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  text-transform: none; }

.wm-row-weather {
  display: flex;
  justify-content: center; }

.wm-content-container[data-controller="Home"] {
  margin-top: -12px; }

@media only screen and (max-width: 47.9375em) {
  .wm-collapsible-section.wm-scrollbar-content {
    height: auto !important;
    overflow: auto !important;
    touch-action: auto; } }

div[name="home_index_section_whosoff"].section-title .wm-section-container {
  height: 22px !important; }

.date-time {
  color: #77818d;
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
  line-height: normal;
  font-weight: 200;
  text-transform: capitalize; }

@media only screen and (max-width: 47.9375em) {
  .weather-app {
    font-size: 90%; } }

@media only screen and (max-width: 23.9375em) {
  .weather-app {
    font-size: 80%; } }

@media only screen and (max-width: 47.9375em) {
  .weather-app:nth-child(2) {
    margin-top: 50px; } }

.weather-app #weather-icon {
  color: #7a8391;
  font-size: 5em; }

.weather-app .location-weather, .weather-app .weather-temp {
  font-size: 90%; }

.weather-app .location-weather .hovered > .set-icon {
  color: #77818d; }

.weather-app .location-weather .set-icon {
  color: #cedcdf;
  cursor: pointer;
  font-size: 1.5em;
  float: left;
  line-height: 1.5em;
  padding: 0 5px 0 0; }

.weather-app .location-weather .userCity:focus {
  outline: none;
  visibility: visible; }

.weather-app .location-weather .city {
  font-size: 2.5em;
  line-height: .9em; }

.weather-app .location-weather .forcast {
  color: #77818d;
  text-transform: capitalize;
  text-align: center;
  margin-top: 3px;
  font-size: 19px;
  line-height: normal;
  font-weight: 200;
  text-transform: none; }

.weather-app .location-weather .weather-status {
  margin-top: 10px; }

.weather-app .weather-temp .temperature {
  margin: 0 0 16px 16px;
  font-size: 5em;
  line-height: normal;
  font-weight: 500;
  text-transform: none; }
  .weather-app .weather-temp .temperature::after {
    content: "\00b0";
    font-size: .7em;
    line-height: 1.25em;
    vertical-align: text-top; }

.weather-app .weather-temp .high-low .high::after, .weather-app .weather-temp .high-low .low::after {
  content: "\00b0";
  font-size: .7em;
  line-height: 1.25em;
  vertical-align: text-top; }

.weather-app .weather-temp .high-low span {
  text-transform: uppercase; }

.weather-app .high-low {
  padding-top: 13px; }

div[name='home_index_section_whosoff'].section-title .wm-section-actions .wm-select .e-input-group {
  margin-top: -5px !important; }
  @media only screen and (max-width: 23.9375em) {
    div[name='home_index_section_whosoff'].section-title .wm-section-actions .wm-select .e-input-group {
      width: 50% !important;
      position: absolute;
      right: 142px; } }

div[data-widget-name="WhosOff"] .mCSB_inside > .mCSB_container {
  margin-right: 0 !important; }

@media (prefers-color-scheme: dark) {
  div[name="TodaysAgenda"] .wm-widget-body .d-flex .font-12 {
    color: #c5c8cc !important; }
    div[name="TodaysAgenda"] .wm-widget-body .d-flex .font-12:hover {
      color: #dbdcdf !important; } }

.person-search-widget .card .wm-card-dropdown-action {
  display: none; }

.person-search-widget .card:hover .wm-card-dropdown-action {
  display: inline-block; }

.person-search-widget .card.wm-collection-card .wm-web-actions-icons {
  bottom: -5px;
  right: 3px; }
  .person-search-widget .card.wm-collection-card .wm-web-actions-icons .wm-icon {
    width: 12px;
    height: 12px;
    font-size: 12px; }

.e-schedule .e-more-popup-wrapper .e-appointment {
  position: inherit; }

.e-schedule .e-appointment .e-subject.wm-wrap-subject {
  white-space: normal;
  height: 32px; }

.e-schedule-toolbar {
  overflow: inherit; }

.e-schedule.wm-schedule-multi {
  height: auto !important; }
  .e-schedule.wm-schedule-multi .e-resource-column-wrap, .e-schedule.wm-schedule-multi .e-content-wrap {
    height: auto !important;
    max-height: 518px; }

.e-schedule .e-timeline-month-view tr:last-child > .e-resource-cells {
  border-bottom: none; }

.e-schedule .e-timeline-month-view .e-work-cells, .e-schedule .e-timeline-month-view .e-date-header-wrap table col, .e-schedule .e-timeline-month-view .e-content-wrap table col {
  width: auto; }

.e-schedule .e-timeline-month-view .e-content-wrap {
  overflow: inherit;
  overflow-x: inherit;
  overflow-y: auto; }

.e-schedule .e-schedule-table.e-content-table .e-appointment.wm-schedule-holiday-affecting-allowance, .e-schedule .e-timeline-month-view .e-appointment.wm-schedule-holiday-affecting-allowance, .e-schedule .e-timeline-view .e-appointment.wm-schedule-holiday-affecting-allowance {
  background: #195419 !important;
  color: #fff; }

.e-schedule .e-schedule-table.e-content-table .e-appointment.wm-schedule-holiday-not-affecting-allowance, .e-schedule .e-timeline-month-view .e-appointment.wm-schedule-holiday-not-affecting-allowance, .e-schedule .e-timeline-view .e-appointment.wm-schedule-holiday-not-affecting-allowance {
  background: #a4aab4 !important; }

.e-schedule .e-schedule-table.e-content-table .e-appointment.wm-schedule-illness, .e-schedule .e-timeline-month-view .e-appointment.wm-schedule-illness, .e-schedule .e-timeline-view .e-appointment.wm-schedule-illness {
  background: #f15b5b !important; }

.e-schedule .e-schedule-table.e-content-table .e-appointment.wm-schedule-labour-transaction, .e-schedule .e-timeline-month-view .e-appointment.wm-schedule-labour-transaction, .e-schedule .e-timeline-view .e-appointment.wm-schedule-labour-transaction {
  background: #fd7e14 !important; }

.wm-schedule-expand-cell-width .e-schedule .e-timeline-month-view .e-work-cells, .wm-schedule-expand-cell-width .e-schedule .e-timeline-month-view .e-date-header-wrap table col, .wm-schedule-expand-cell-width .e-schedule .e-timeline-month-view .e-content-wrap table col {
  width: 143px; }

.wm-schedule-expand-cell-width .e-schedule .e-timeline-month-view .e-content-wrap {
  overflow-x: auto; }

.e-quick-popup-wrapper .wm-link-details .e-description-icon.wm-link-icon::before {
  content: '\ec00'; }

.e-quick-popup-wrapper .wm-link-details .e-description-details {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .e-quick-popup-wrapper .wm-link-details .e-description-details a {
    color: inherit; }

.e-appointment-wrapper .wm-link-icon-inline, .e-more-appointment-wrapper .wm-link-icon-inline {
  margin-left: 2px;
  position: relative;
  color: white; }
  .e-appointment-wrapper .wm-link-icon-inline .wm-icon, .e-more-appointment-wrapper .wm-link-icon-inline .wm-icon {
    color: white !important;
    fill: white !important;
    font-size: 13px;
    height: 13px; }

.e-quick-popup-wrapper .e-event-popup .e-popup-header {
  background: none; }

.e-more-appointment-wrapper .wm-link-icon-inline {
  margin-left: 4px; }

.wm-category-count {
  padding: 1px 5px;
  line-height: 12px;
  border-radius: 9px;
  text-transform: uppercase;
  padding-bottom: 0;
  position: relative;
  top: -15px;
  right: -5px; }

.category-filter-item.list-group-item {
  border-radius: 2px;
  list-style-type: none;
  display: inline-block;
  padding: 5px 10px;
  background-color: #edf2f3;
  border: none;
  margin-right: 5px;
  position: relative;
  z-index: 1000; }
  @media (prefers-color-scheme: dark) {
    .category-filter-item.list-group-item {
      background-color: #4a525a; }
      .category-filter-item.list-group-item > div {
        color: #edf2f3 !important;
        transition: all 0.2s 0.2s; }
      .category-filter-item.list-group-item:hover {
        background-color: #4a525a !important; }
      .category-filter-item.list-group-item.active > div {
        color: #33353b !important;
        font-weight: 500; } }
  .category-filter-item.list-group-item::before {
    content: "";
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #c0c9d3;
    transform: scaleY(0);
    transition: transform 0.2s, width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s; }
  .category-filter-item.list-group-item:hover::before {
    transform: scaleY(1); }
  .category-filter-item.list-group-item:not(:first-of-type) {
    margin-top: 10px; }
  .category-filter-item.list-group-item.active::before {
    transform: scaleY(1);
    width: 100%;
    background-color: #c0c9d3; }
  .category-filter-item.list-group-item > div {
    position: relative;
    z-index: 9;
    color: #2c2b2e;
    transition: all 0.2s 0.2s; }
  .category-filter-item.list-group-item.active > div {
    color: white;
    font-weight: 500; }

.wm-sales-order-item-sidebar-widget-cont {
  margin-top: 2em !important;
  border-radius: 0.5rem !important;
  border-color: #cbd5e0 !important;
  background: #edf2f3; }
  .wm-sales-order-item-sidebar-widget-cont .wm-section {
    margin-bottom: 0 !important;
    background: none !important; }
    .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-layout-table.wm-section-header {
      border: 0 !important; }
    .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body {
      padding-top: 0 !important; }
      .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon {
        position: relative; }
        .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon .wm-expando.wm-icon {
          position: absolute;
          fill: #e5e7e9 !important;
          color: #e5e7e9 !important; }
          @media only screen and (min-width: 48em) {
            .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon .wm-expando.wm-icon {
              top: 50% !important;
              right: 50%;
              transform: translate(-550%, -20%); } }
          @media only screen and (max-width: 47.9375em) {
            .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon .wm-expando.wm-icon {
              top: 50%; } }
        .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon + .wm-collapse-child {
          margin-top: 16px !important;
          border-radius: 5px;
          padding: 10px;
          background-color: #c8d7db;
          text-align: center; }
          @media (prefers-color-scheme: dark) {
            .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon + .wm-collapse-child {
              background-color: #1c1f22; } }
      .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .card-block {
        padding: 4px; }
    .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body table tr td, .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-layout-table .wm-buffer {
      font-size: 13px; }
    .wm-sales-order-item-sidebar-widget-cont .wm-section span[data-toggle="popover"] svg.wm-icon {
      width: 13px;
      height: 13px;
      fill: #7a8391; }
    .wm-sales-order-item-sidebar-widget-cont .wm-section span[data-toggle="popover"] i.wm-icon {
      font-size: 13px;
      color: #7a8391; }
  .wm-sales-order-item-sidebar-widget-cont p, .wm-sales-order-item-sidebar-widget-cont .card-title {
    text-align: center; }
  .wm-sales-order-item-sidebar-widget-cont p {
    font-size: 13px;
    color: #718096 !important; }
  .wm-sales-order-item-sidebar-widget-cont .card-title {
    margin-bottom: 0.25rem;
    font-size: 18px;
    color: #4a5568 !important; }
  .wm-sales-order-item-sidebar-widget-cont .wm-stock-status-card {
    border-radius: 0.4rem;
    padding: 10px;
    background-color: #edf2f7; }
    @media (prefers-color-scheme: dark) {
      .wm-sales-order-item-sidebar-widget-cont .wm-stock-status-card {
        background-color: #1c1f22; } }
    .wm-sales-order-item-sidebar-widget-cont .wm-stock-status-card .card-title {
      word-break: break-all; }
  .wm-sales-order-item-sidebar-widget-cont #ProductPriceBreakCardViewWidget .wm-collapse-child .card-block {
    border-radius: 0.4rem;
    padding: 0.5rem !important;
    background-color: #edf2f7 !important; }
    .wm-sales-order-item-sidebar-widget-cont #ProductPriceBreakCardViewWidget .wm-collapse-child .card-block .last-row .col-md-12 {
      margin-bottom: 0 !important; }
    .wm-sales-order-item-sidebar-widget-cont #ProductPriceBreakCardViewWidget .wm-collapse-child .card-block .wm-row:first-child div[class^="col-"] {
      color: #4a5568; }
  .wm-sales-order-item-sidebar-widget-cont .wm-widget-container-body .inter-draw,
  .wm-sales-order-item-sidebar-widget-cont .wm-widget-container-body .inter-crop,
  .wm-sales-order-item-sidebar-widget-cont .wm-widget-container-body .inter-right--bottom,
  .wm-sales-order-item-sidebar-widget-cont .wm-widget-container-body .inter-right--top,
  .wm-sales-order-item-sidebar-widget-cont .wm-widget-container-body .inter-crop-1,
  .wm-sales-order-item-sidebar-widget-cont .wm-widget-container-body .inter-crop-2,
  .wm-sales-order-item-sidebar-widget-cont .wm-widget-container-body .inter-crop-3 {
    background: none !important; }

.wm-sales-process-item-list-border .wm-sales-process-item-list:not(:first-child) {
  margin-top: 10px; }

.wm-sales-process-item-list-border .wm-sales-process-item-inner {
  position: relative;
  top: 1px;
  font-weight: 300; }

.wm-sales-process-item-list .wm-text-area-input {
  margin-top: 10px; }

.wm-sales-process-stage-guidance .card {
  margin-bottom: 10px; }
  .wm-sales-process-stage-guidance .card-body {
    padding: 10px;
    white-space: pre-line; }
    .wm-sales-process-stage-guidance .card-body h3 {
      margin-bottom: 0; }
    .wm-sales-process-stage-guidance .card-body hr {
      margin-top: 10px;
      margin-bottom: 10px; }
  .wm-sales-process-stage-guidance .card.card-body {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26);
    border: 0;
    border-top: 5px solid #7a8391;
    border-radius: 0; }

.wm-sales-process-stage-header-item-editable a {
  display: inline-block; }

.wm-sales-process-stage-header-item-editable .wm-stageheader-edit span svg.wm-icon, .wm-sales-process-stage-header-item-editable .sales-process-stage-delete span svg.wm-icon, .wm-sales-process-item-list .sales-process-item-edit span svg.wm-icon, .wm-sales-process-item-list .sales-process-item-delete span svg.wm-icon {
  fill: #a1a8b0;
  transition: all .2s ease-in-out !important;
  margin-left: 5px; }
  .wm-sales-process-stage-header-item-editable .wm-stageheader-edit span svg.wm-icon:hover, .wm-sales-process-stage-header-item-editable .sales-process-stage-delete span svg.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-edit span svg.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-delete span svg.wm-icon:hover {
    fill: #7a8391 !important;
    transform: scale(1.1) !important;
    cursor: pointer; }
    @media (prefers-color-scheme: dark) {
      .wm-sales-process-stage-header-item-editable .wm-stageheader-edit span svg.wm-icon:hover, .wm-sales-process-stage-header-item-editable .sales-process-stage-delete span svg.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-edit span svg.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-delete span svg.wm-icon:hover {
        fill: #afb3b9 !important; } }

.wm-sales-process-stage-header-item-editable .wm-stageheader-edit-item-list .sales-process-item-delete span i.wm-icon, .wm-sales-process-stage-header-item-editable .sales-process-stage-delete-item-list .sales-process-item-delete span i.wm-icon, .wm-sales-process-item-list .sales-process-item-edit-item-list .sales-process-item-delete span i.wm-icon, .wm-sales-process-item-list .sales-process-item-delete-item-list .sales-process-item-delete span i.wm-icon {
  transition: all .2s ease-in-out !important;
  margin-left: 5px;
  color: #a1a8b0; }
  .wm-sales-process-stage-header-item-editable .wm-stageheader-edit-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-stage-header-item-editable .sales-process-stage-delete-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-edit-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-delete-item-list .sales-process-item-delete span i.wm-icon:hover {
    transform: scale(1.1) !important;
    cursor: pointer;
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-sales-process-stage-header-item-editable .wm-stageheader-edit-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-stage-header-item-editable .sales-process-stage-delete-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-edit-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-delete-item-list .sales-process-item-delete span i.wm-icon:hover {
        color: #afb3b9 !important; } }

.wm-stock-status-collapse-icon {
  position: absolute;
  margin-left: 248px; }
  @media only screen and (max-width: 47.9375em) {
    .wm-stock-status-collapse-icon {
      margin-left: 48%; } }

.wm-tab-arrow {
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 48em) {
    .wm-tab-arrow {
      display: table !important; } }
  .wm-tab-arrow .nav {
    display: block; }
    @media only screen and (min-width: 48em) {
      .wm-tab-arrow .nav {
        width: 100% !important;
        display: flex;
        justify-content: space-between; } }
    .wm-tab-arrow .nav li {
      display: flex !important;
      margin-bottom: 10px; }
      @media only screen and (min-width: 48em) {
        .wm-tab-arrow .nav li {
          width: 14%;
          display: list-item !important;
          text-align: center;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; } }
      .wm-tab-arrow .nav li a {
        font-size: calc(15px + 1 * ((100vw - 320px) / 680)) !important;
        color: #262626; }
        @media only screen and (min-width: 48em) {
          .wm-tab-arrow .nav li a {
            transition: 0.3s;
            text-align: center;
            margin-bottom: 12px !important; } }
        @media only screen and (max-width: 47.9375em) {
          .wm-tab-arrow .nav li a {
            display: flex !important;
            align-items: center; } }
        .wm-tab-arrow .nav li a span {
          margin-right: unset !important; }
        .wm-tab-arrow .nav li a:hover, .wm-tab-arrow .nav li a.active {
          color: #7a8391; }
      .wm-tab-arrow .nav li .wm-checkbox.wm-checkbox-header {
        margin-left: auto; }
        @media only screen and (min-width: 48em) {
          .wm-tab-arrow .nav li .wm-checkbox.wm-checkbox-header {
            display: block !important;
            margin: 10px auto 0 auto;
            width: fit-content;
            padding-left: 0 !important; } }
        @media only screen and (max-width: 47.9375em) {
          .wm-tab-arrow .nav li .wm-checkbox.wm-checkbox-header {
            margin-right: 12px !important; } }
    .wm-tab-arrow .nav .wm-sales-process-stage-header-item-editable {
      display: inline-block;
      width: auto; }

.wm-checkbox-header .e-icons.e-frame.e-check::before {
  font-size: 18px;
  line-height: 27px; }

.wm-checkbox-header .e-checkbox-wrapper .e-frame, .wm-checkbox-header .e-css.e-checkbox-wrapper .e-frame {
  width: 32px;
  height: 32px;
  border: #7a8391 3px solid;
  border-radius: 50%; }

.e-checkbox-wrapper .e-frame.e-check.e-check,
.e-checkbox-wrapper .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #7a8391 !important;
  border-color: #7a8391 !important; }

.e-checkbox-wrapper .e-checkbox:focus + .e-frame {
  border-color: #6b7280; }

#wm-sales-process-tabs::before {
  width: 86%;
  height: 5px;
  position: absolute;
  bottom: 0;
  content: "";
  top: 48px;
  margin-left: 100px;
  background-color: #7a8391; }
  @media only screen and (min-width: 1452px) {
    #wm-sales-process-tabs::before {
      top: 50px; } }
  @media only screen and (max-width: 74.9375em) {
    #wm-sales-process-tabs::before {
      width: 86%;
      margin-left: 58px; } }
  @media only screen and (max-width: 61.9375em) {
    #wm-sales-process-tabs::before {
      width: 85%;
      margin-left: 60px; } }
  @media only screen and (max-width: 47.9375em) {
    #wm-sales-process-tabs::before {
      display: none; } }

#wm-sales-process-tabs li a.active {
  color: #afb3b9 !important; }

@media (prefers-color-scheme: dark) {
  .wm-stageheader-name {
    color: #c0c9d3; }
  .wm-sales-process-stage-header-item-editable .sales-process-stage-delete {
    margin-left: 6px; }
  .wm-sales-process-stage-header-item-editable .wm-stageheader-edit {
    margin-left: 16px; } }

body .wm-chat {
  /*Needed as images don't render to 40px correctly on their own*/ }
  body .wm-chat .ac-actionset {
    flex-wrap: wrap; }
  body .wm-chat-history {
    height: calc(100vh - 235px); }
    body .wm-chat-history .mCSB_container {
      margin-right: 0; }
  body .wm-chat-message {
    padding: 7px;
    background-color: white;
    margin-top: 1rem;
    width: 90%;
    border-radius: 9px;
    /*MJH added to allow cards to format as they were intended*/ }
    @media (prefers-color-scheme: dark) {
      body .wm-chat-message {
        background-color: #33383e; } }
    body .wm-chat-message .ac-adaptivecard {
      padding: 0 !important; }
    body .wm-chat-message.wm-source-bot {
      float: left; }
    body .wm-chat-message.wm-source-user {
      float: right;
      margin-right: 5px; }
    body .wm-chat-message div:not(.wm-chat-date) {
      color: black !important; }
      @media (prefers-color-scheme: dark) {
        body .wm-chat-message div:not(.wm-chat-date) {
          color: white !important; } }
    body .wm-chat-message p {
      color: inherit;
      font-size: inherit;
      line-height: normal;
      font-weight: inherit;
      text-transform: none; }
  body .wm-chat-sender {
    font-size: 1rem;
    margin-bottom: 0;
    margin-right: 10px;
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      body .wm-chat-sender {
        color: #d0d2d6 !important; } }
  body .wm-chat-date {
    display: inline-block;
    margin-bottom: 0;
    font-size: 0.7rem;
    line-height: normal;
    font-weight: 200;
    text-transform: none; }
    @media (prefers-color-scheme: dark) {
      body .wm-chat-date {
        color: #a8b4c2 !important; } }
  body .wm-chat-toggle .fa-wifi {
    color: #7a8391;
    z-index: -1;
    position: absolute;
    bottom: 110px;
    right: 21px; }
  body .wm-chat-toggle:hover {
    transform: scale(1.1); }
  body .wm-chat .form-group.wm-container-parent {
    margin-bottom: 0; }
  body .wm-chat .wm-text-area.wm-control .form-control {
    border: 0 !important;
    border-radius: 0;
    border-top: 1px solid #edf2f3 !important;
    background: white;
    resize: none;
    height: 80px;
    position: fixed;
    bottom: 0;
    left: 0; }
    body .wm-chat .wm-text-area.wm-control .form-control:focus {
      box-shadow: none; }
    body .wm-chat .wm-text-area.wm-control .form-control::placeholder {
      opacity: .4; }
  body .wm-chat .ac-adaptivecard {
    background-color: transparent !important; }
    body .wm-chat .ac-adaptivecard .ac-actionset .ac-pushButton {
      border-radius: 4px;
      flex: inherit !important;
      font-size: 14px;
      transition: all .25s;
      outline: none !important;
      background-color: transparent;
      border: 1px solid #7a8391;
      color: #7a8391; }
      @media (prefers-color-scheme: dark) {
        body .wm-chat .ac-adaptivecard .ac-actionset .ac-pushButton {
          border-color: #f0f1f2; } }
      body .wm-chat .ac-adaptivecard .ac-actionset .ac-pushButton:not(:last-child) {
        margin-bottom: 6px; }
      body .wm-chat .ac-adaptivecard .ac-actionset .ac-pushButton:hover {
        transform: scale(1.02) translateY(-2px);
        box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.3);
        cursor: pointer; }
  body .wm-chat .ac-image img {
    width: 40px !important; }
  body .wm-chat .ac-input {
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #c0c9d3;
    display: block;
    line-height: 1.908em;
    font-family: "Rubik", sans-serif;
    width: 100%;
    height: 100%;
    color: #54667a !important; }
    @media (prefers-color-scheme: light) {
      body .wm-chat .ac-input {
        color: #54667a !important; } }
    @media (prefers-color-scheme: dark) {
      body .wm-chat .ac-input {
        color: #dbd0d0 !important; } }
    @media (prefers-color-scheme: dark) {
      body .wm-chat .ac-input {
        background-color: #363a40 !important;
        color: #edf2f3 !important; }
        body .wm-chat .ac-input::placeholder {
          color: white !important; } }

body .wm-minimize-chat-window:hover {
  cursor: pointer;
  opacity: 0.7; }

body .wm-nochat-placeholder {
  text-align: center;
  margin-top: 100px; }

.wm-mini-widget-title {
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
  color: #77818d; }

.wm-mini-widget-primary-text {
  display: block;
  font-size: 30px;
  line-height: normal;
  text-transform: none;
  color: #2e3338; }

.wm-mini-widget-primary-icon {
  margin-bottom: 45px;
  background: #c0c9d3;
  padding: 10px;
  border-radius: 3px; }

.wm-icon-medium {
  margin-right: 8px; }

.module-content.wm-main-page.wm-content-container .wm-widget-kpi .wm-section {
  padding: 0 !important; }
  .module-content.wm-main-page.wm-content-container .wm-widget-kpi .wm-section .section-title {
    padding-right: 1em;
    padding-left: 1em;
    padding-top: 1em; }
  @media (prefers-color-scheme: dark) {
    .module-content.wm-main-page.wm-content-container .wm-widget-kpi .wm-section .wm-kpi-header .wm-primary-kpi-title {
      color: #edf2f3 !important; }
    .module-content.wm-main-page.wm-content-container .wm-widget-kpi .wm-section .wm-kpi-header .wm-secondary-kpi-title {
      color: #c0c9d3 !important; } }

.module-content.wm-main-page.wm-content-container .wm-widget-body .label.entity-tag {
  padding: 5px 6px;
  font-size: 90%;
  white-space: break-spaces !important; }

.module-content.wm-main-page.wm-content-container .wm-kpi-layout {
  border-radius: 4px !important;
  position: relative; }
  @media only screen and (max-width: 28.9375em) {
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout {
      border-radius: 0 !important; } }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout > .wm-kpi-header {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important; }
    @media only screen and (max-width: 28.9375em) {
      .module-content.wm-main-page.wm-content-container .wm-kpi-layout > .wm-kpi-header {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important; } }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout .wm-section-inner, .module-content.wm-main-page.wm-content-container .wm-kpi-layout .wm.wm-kpi-layout-error .wm-section-inner {
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
    border-radius: 4px;
    background-color: transparent !important; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2:hover .icon-cache-wrapper {
    display: block; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-header {
    padding: .7rem 1rem .7rem 1rem; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-primary-text {
    font-size: calc(13px + 0.6vw);
    display: block;
    margin-top: 10px;
    padding-left: 1rem;
    padding-bottom: 0.9rem;
    white-space: pre-line;
    color: #2c2b2e !important; }
    @media (prefers-color-scheme: light) {
      .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-primary-text {
        color: #2c2b2e !important; } }
    @media (prefers-color-scheme: dark) {
      .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-primary-text {
        color: #f7f7f8 !important; } }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-secondary-text {
    text-align: center;
    padding-top: 10px;
    font-size: calc(13px + 0.3vw);
    line-height: normal;
    text-transform: uppercase;
    color: #77818d; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text {
    display: block;
    margin-top: 10px;
    padding-left: 1rem;
    padding-bottom: 0.9rem;
    padding-right: 1rem;
    color: #2c2b2e !important; }
    @media (prefers-color-scheme: light) {
      .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text {
        color: #2c2b2e !important; } }
    @media (prefers-color-scheme: dark) {
      .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text {
        color: #f7f7f8 !important; } }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-size-small {
      font-size: 10px; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-size-medium {
      font-size: 16px; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-size-large {
      font-size: 22px; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-alignment-left {
      text-align: left; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-alignment-centre {
      text-align: center; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-alignment-right {
      text-align: right; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-primary-kpi-title {
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    color: #77818d; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2.wm-section {
    margin-bottom: 0.7rem !important; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .icon-cache-wrapper {
    position: absolute;
    bottom: 0.6rem;
    right: 0.6rem;
    display: none; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-header, .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-inner, .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-4 .wm-kpi-header, .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-4 .wm-kpi-inner {
    padding: 1rem; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-numbers-total {
    color: #333333;
    font-size: 27px;
    line-height: normal;
    font-weight: 500;
    text-transform: none; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-numbers-cont {
    position: relative !important;
    margin-top: -100px;
    animation-duration: 3s;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    z-index: 10 !important; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-labels-total {
    color: #77818d;
    animation-duration: 1s;
    animation-delay: 1s;
    font-size: 11px;
    line-height: normal;
    font-weight: 300;
    text-transform: uppercase; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-primary-text {
    color: #77818d;
    white-space: pre-line;
    font-size: 13px;
    line-height: normal;
    font-weight: 300;
    text-transform: uppercase; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-data:not(:first-child) {
    margin-top: 7px; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend {
    border-radius: 50%;
    margin-top: 5px;
    width: 8px;
    height: 8px; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend.wm-kpi-pie-legend-primary {
      background: #0077bc; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend.wm-kpi-pie-legend-secondary {
      background: #89c1e1; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend.wm-kpi-pie-legend-tertiary {
      background: #dbecf8; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend.wm-kpi-pie-legend-quaternary {
      background: #b3e3ff; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend.wm-kpi-pie-legend-quinary {
      background: #e6f6ff; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 canvas {
    position: relative !important;
    z-index: 5 !important; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-primary-kpi-title {
    font-size: 18px;
    font-weight: 400;
    color: #333333; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-secondary-kpi-title {
    font-size: 13px;
    font-weight: 300;
    color: #77818d; }
  @media (prefers-color-scheme: dark) {
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-primary-kpi-title {
      color: #edf2f3 !important; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-secondary-kpi-title {
      color: #c0c9d3 !important; } }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-4 .wm-kpi-figure {
    width: 100%; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout-4 .wm-primary-kpi-title {
    font-size: 18px;
    font-weight: 400;
    color: #333333; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-bad .wm-primary-kpi-title, .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-good .wm-primary-kpi-title {
    color: #edf2f3 !important; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-bad .wm-icon.wm-icon-small, .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-good .wm-icon.wm-icon-small {
    fill: #edf2f3 !important;
    color: #edf2f3 !important; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-bad .wm-icon-cache .wm-icon.wm-icon-small, .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-good .wm-icon-cache .wm-icon.wm-icon-small {
    fill: #7a8391 !important;
    color: #7a8391 !important;
    font-size: 16px; }
    @media (prefers-color-scheme: dark) {
      .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-bad .wm-icon-cache .wm-icon.wm-icon-small, .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-good .wm-icon-cache .wm-icon.wm-icon-small {
        fill: #bdc1c8 !important;
        color: #bdc1c8 !important; } }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-bad .wm-secondary-kpi-title, .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-good .wm-secondary-kpi-title {
    color: #c0c9d3 !important; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-good > .wm-kpi-header {
    background-color: #1b5c1b; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-good > .wm-kpi-primary-text {
    color: #7ad87a !important; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-bad > .wm-kpi-header {
    background-color: #760a0a; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-bad > .wm-kpi-primary-text {
    color: #f47c7c !important; }
  @media only screen and (max-width: 28.9375em) {
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout.wm-kpi-layout {
      border-radius: 0 !important; } }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout-error .wm-primary-kpi-title {
    font-family: "Rubik", sans-serif;
    line-height: 22px;
    font-size: 18px;
    font-weight: 400;
    color: #eb1515; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout-error .wm-kpi-inner {
    padding: 0.7rem; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-layout-error .wm-kpi-inner ul {
      padding: 0;
      margin-bottom: 0; }
      .module-content.wm-main-page.wm-content-container .wm-kpi-layout-error .wm-kpi-inner ul li {
        list-style: none; }
        .module-content.wm-main-page.wm-content-container .wm-kpi-layout-error .wm-kpi-inner ul li:not(:first-child) {
          margin-top: 10px; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout-error .wm-kpi-header {
    padding: 0.7rem; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout .dropdown.wm-dropdown .wm-web-action-dropdown.dropdown-menu {
    position: absolute !important;
    right: 0px !important;
    left: auto !important; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout-1 .wm-kpi-header {
    padding: 20px; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout-1 .wm-kpi-inner {
    height: 90px !important; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout-1 .wm-kpi-primary-text {
    white-space: pre-line;
    font-size: 26px;
    line-height: 25px;
    text-transform: none;
    color: #596069; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout-1 .wm-kpi-secondary-text {
    text-align: right;
    margin-top: 2px;
    font-size: 13px;
    font-weight: 300;
    color: #77818d; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout-1 .wm-primary-kpi-title {
    color: #333333;
    font-family: "Rubik", sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    text-transform: none; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout-1 .wm-secondary-kpi-title {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 300;
    color: #77818d; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-layout-2 .wm-kpi-primary-icon {
    font-size: 25px; }

.module-content.wm-main-page.wm-content-container .wm-kpi-item {
  margin-bottom: 1.5rem; }

.module-content.wm-main-page.wm-content-container .wm-kpi-numbers {
  margin-left: 1.25rem;
  text-align: center; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-numbers-total {
    font-weight: 400; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-numbers-change {
    padding: 0.2rem 0.5rem;
    border-radius: 5px;
    background-color: #c0c9d3;
    color: #7a8391; }

.module-content.wm-main-page.wm-content-container .wm-kpi-chart {
  padding-top: 1.15rem; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-chart .fas {
    font-size: 28px; }

.module-content.wm-main-page.wm-content-container .wm-kpi-carousel .carousel-control-prev, .module-content.wm-main-page.wm-content-container .wm-kpi-carousel .carousel-control-next {
  position: unset;
  display: inline-block;
  border-radius: 5px;
  transition: all 0.3s;
  width: 20px;
  height: 20px;
  background-color: #afb3b9;
  color: #7a8391 !important; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-carousel .carousel-control-prev i, .module-content.wm-main-page.wm-content-container .wm-kpi-carousel .carousel-control-next i {
    transition: all 0.3s; }
  .module-content.wm-main-page.wm-content-container .wm-kpi-carousel .carousel-control-prev :hover, .module-content.wm-main-page.wm-content-container .wm-kpi-carousel .carousel-control-next :hover {
    transition: all 0.3s;
    background-color: #7a8391; }
    .module-content.wm-main-page.wm-content-container .wm-kpi-carousel .carousel-control-prev :hover i, .module-content.wm-main-page.wm-content-container .wm-kpi-carousel .carousel-control-next :hover i {
      color: white; }

.wm-kpi-inner > ul > li {
  margin-top: 10px;
  list-style: none; }

.svgChartTemp {
  background: #7a8391;
  border-radius: 50%;
  width: 112px;
  height: 112px; }

@media only screen and (max-width: 47.9375em) {
  .row > .position-inside-widget {
    position: relative;
    right: 0; } }

.section-header-related-widgets-render-switch-container {
  /* Stops the grid button from appearing over filter dropdown list, caused by bootstrap's z-index:1 */ }
  @media only screen and (max-width: 28.9375em) {
    .section-header-related-widgets-render-switch-container {
      margin-right: 0 !important; } }
  .section-header-related-widgets-render-switch-container .wm-related-widgets-render-switch:first-child {
    margin-left: 10px !important; }
  .section-header-related-widgets-render-switch-container > .btn-group > .wm-related-widgets-render-switch.active {
    z-index: 0; }

.donut.wm-progress-donut {
  margin-left: 7px;
  margin-top: -12px;
  margin-bottom: -13px; }
  .donut.wm-progress-donut .donut-ring {
    stroke: #1b1c20; }
  .donut.wm-progress-donut.dark .donut-ring {
    stroke: #c6e1f4; }

div[name='AddressBookCardView'] .wm-section-inner .wm-input.wm-control {
  margin-right: -2px;
  margin-top: 1px; }
  div[name='AddressBookCardView'] .wm-section-inner .wm-input.wm-control span {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }

@media only screen and (max-width: 47.9375em) {
  #HolidayAllowanceSummary {
    margin-bottom: 1rem; } }

@media (prefers-color-scheme: dark) {
  #HolidayAllowanceSummary .wm-primary-kpi-title {
    color: #edf2f3; }
  #HolidayAllowanceSummary .wm-kpi-numbers-total {
    color: #c0c9d3; } }

.wm-widget-container .wm-matrixcontainer {
  overflow: scroll !important; }

.wm-widget-container .wm-section-inner {
  box-shadow: none !important; }

.wm-widget-panel .wm-section-inner > .wm-widget-body > .alert {
  display: inline-block !important; }

@media (prefers-color-scheme: dark) {
  #LeaveHeatMap > .wm-widget-panel .wm-collapsible-section .wm-section-inner {
    background-color: #292e32 !important; }
    #LeaveHeatMap > .wm-widget-panel .wm-collapsible-section .wm-section-inner .e-control.e-heatmap svg > rect {
      fill: #292e32 !important; } }
  @media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
    #LeaveHeatMap > .wm-widget-panel .wm-collapsible-section .wm-section-inner .e-control.e-heatmap svg > g:not(:last-child) > rect {
      opacity: .7; } }

.wm-icon-small {
  text-align: center; }

.wm-usergrouprole-control-labels .form-group.wm-container-parent .wm-label, .wm-userrole-control-labels .form-group.wm-container-parent .wm-label, .wm-userdefaultsites-control-labels .form-group.wm-container-parent .wm-label {
  padding: 0; }

@media only screen and (min-width: 36em) {
  .wm-licenceuser-control-labels {
    margin: 0 !important; } }

.wm-licenceuser.wm-ignore-serialization {
  margin-bottom: 10px; }
  @media only screen and (max-width: 35.9375em) {
    .wm-licenceuser.wm-ignore-serialization .wm-inline-search > .e-input-group {
      margin-bottom: 4px; } }

.wm-usergrouprole-control-labels .wm-usergrouprole-control-wmsys-label label.wm-label,
.wm-userrole-control-labels .wm-userrole-control-wmsys-label label.wm-label,
.wm-userdefaultsites-control-labels .wm-userdefaultsites-control-wmsys-label label.wm-label,
.wm-licenceuser-control-labels .wm-licenceuser-control-wmuser-label label.wm-label {
  position: relative;
  right: 15px; }

.wm-usergrouprole-control-labels .wm-usergrouprole-control-site-label label.wm-label,
.wm-userrole-control-labels .wm-userrole-control-site-label label.wm-label,
.wm-userdefaultsites-control-labels .wm-userdefaultsites-control-site-label label.wm-label,
.wm-licenceuser-control-labels .wm-licenceuser-control-site-label label.wm-label {
  position: relative;
  right: 25px; }

.wm-usergrouproles .wm-delete, .wm-userroles .wm-delete, .wm-userdefaultsites .wm-delete, .wm-licenceuser .wm-delete {
  padding: 4px; }
  .wm-usergrouproles .wm-delete .wm-icon.wm-icon-small, .wm-userroles .wm-delete .wm-icon.wm-icon-small, .wm-userdefaultsites .wm-delete .wm-icon.wm-icon-small, .wm-licenceuser .wm-delete .wm-icon.wm-icon-small {
    width: 13px;
    height: 13px;
    fill: white !important;
    font-size: 13px;
    color: white !important; }

.wm-usergrouproles ~ div > a.wm-add-field > span > .wm-icon.wm-icon-small, .wm-userroles ~ div > a.wm-add-field > span > .wm-icon.wm-icon-small, .wm-userdefaultsites ~ div > a.wm-add-field > span > .wm-icon.wm-icon-small, .wm-licenceuser ~ div > a.wm-add-field > span > .wm-icon.wm-icon-small {
  fill: white !important;
  color: white !important; }

@media only screen and (max-width: 35.9375em) {
  .wm-usergrouprole-control-labels .wm-usergrouprole-control-site-label label.wm-label,
  .wm-usergrouprole-control-labels .wm-usergrouprole-control-wmsys-label label.wm-label,
  .wm-userrole-control-labels .wm-userrole-control-site-label label.wm-label,
  .wm-userrole-control-labels .wm-userrole-control-wmsys-label label.wm-label,
  .wm-userdefaultsites-control-labels .wm-userdefaultsites-control-site-label label.wm-label,
  .wm-userdefaultsites-control-labels .wm-userdefaultsites-control-wmsys-label label.wm-label,
  .wm-licenceuser-control-labels .wm-licenceuser-control-site-label label.wm-label,
  .wm-licenceuser-control-labels .wm-licenceuser-control-wmuser-label label.wm-label {
    left: 0px; } }

.wm-ej1-only .reportviewer {
  border: 1px solid #eb1515; }

.wm-ej1-only .e-reportviewer {
  overflow: hidden !important;
  width: 100%; }
  .wm-ej1-only .e-reportviewer-viewer {
    padding-bottom: 40px; }

.wm-ej1-only .e-waitpopup-pane .e-image {
  margin: 10px auto !important;
  background-size: 25px 25px !important;
  top: -6px !important;
  width: 25px !important;
  height: 25px !important; }

.wm-reportframe {
  width: 100%;
  height: 100% !important; }

.e-reportviewer {
  width: 100%;
  height: 100%; }
  .e-reportviewer-viewer.e-reportviewer-scrollcontainer.e-reportviewer-viewercontainer.e-waitingpopup.e-js {
    height: unset !important;
    background-color: #292e32 !important; }

.e-responsive-toolbar.e-display-none.e-abs-position.e-reportviewer-toolbarcontainer.e-toolbar.e-js.e-widget.e-box.e-toolbarspan.e-rptviewer.e-tooltip {
  display: none !important; }

@media (prefers-color-scheme: dark) {
  .e-reportviewer-pageviewcontainer {
    background-color: #292e32 !important; } }

@media (prefers-color-scheme: dark) {
  .e-reportviewer-viewerblockcellcontent {
    background: #202225 !important; } }

@media (prefers-color-scheme: dark) {
  .e-wm-reportviewer_toolbarContainer_nav {
    background: #202225 !important; } }

@media (prefers-color-scheme: dark) {
  #wm-reportviewer_viewerContainer {
    background-color: #292e32 !important; } }

@media (prefers-color-scheme: dark) {
  .e-toolbar-center {
    background: #202225; } }

@media (prefers-color-scheme: dark) {
  .e-diagram {
    background: #292e32 !important; } }

@media (prefers-color-scheme: dark) {
  .e-tbar-btn {
    background: #202225 !important; } }

@media (prefers-color-scheme: dark) {
  .e-reportviewer-viewer .e-rv-native-rightToolbar {
    background: #202225 !important; } }

.report-preview {
  height: 100%; }
  .report-preview .wm-content-container {
    height: 100%; }
    .report-preview .wm-content-container .wm-module-content-row {
      height: 100%; }
      .report-preview .wm-content-container .wm-module-content-row .wm-main-content {
        height: 100%; }
        .report-preview .wm-content-container .wm-module-content-row .wm-main-content > div {
          height: 100%; }

/* ----- DATATABLES ----- */
.wm-datatable {
  --highlightColour: #afb3b9;
  --highlighBlur: 0px;
  --highlightWidth: 4px;
  border: 0; }
  .wm-datatable.dataTable {
    border-collapse: collapse !important; }
    .wm-datatable.dataTable tr.card-active {
      background: #edf2f3; }
    .wm-datatable.dataTable tr.card-selectable:hover {
      background: #edf2f3;
      cursor: pointer; }
    .wm-datatable.dataTable tr > td br {
      content: ' '; }
      .wm-datatable.dataTable tr > td br::after {
        content: ' '; }
    .wm-datatable.dataTable.dtr-column td.control {
      width: 20px; }
      @media only screen and (max-width: 47.9375em) {
        .wm-datatable.dataTable.dtr-column td.control {
          min-width: 20px; } }
    .wm-datatable.dataTable tr > td > span .wm-icon {
      cursor: default; }
    .wm-datatable.dataTable tbody > tr {
      line-height: unset; }
      .wm-datatable.dataTable tbody > tr .row-select-cell:hover {
        background-color: rgba(0, 0, 0, 0.1);
        cursor: pointer; }
        @media (prefers-color-scheme: dark) {
          .wm-datatable.dataTable tbody > tr .row-select-cell:hover {
            background-color: rgba(255, 255, 255, 0.2); } }
        @media (prefers-color-scheme: dark) {
          .wm-datatable.dataTable tbody > tr .row-select-cell:hover {
            border-right-color: #dee2e663 !important; } }
      .wm-datatable.dataTable tbody > tr .row-select-cell .wm-grid-row-selected-icon {
        opacity: 0.1; }
      .wm-datatable.dataTable tbody > tr .row-select-cell.selected .wm-grid-row-selected-icon {
        opacity: 1; }
  .wm-datatable-filter-icon {
    margin-left: 4.5px; }
    .wm-datatable-filter-icon svg.wm-icon {
      fill: #c0c9d3; }
    .wm-datatable-filter-icon i.wm-icon {
      color: #c0c9d3; }
  .wm-datatable-filter-container {
    width: 31px;
    height: 31px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    min-width: 31px;
    cursor: pointer; }
    .wm-datatable-filter-container:hover {
      background-color: transparent !important; }
      .wm-datatable-filter-container:hover > i {
        color: #7a8391 !important; }
  @media only screen and (max-width: 28.9375em) {
    .wm-datatable.responsive .child .dropdown.wm-dropdown.wm-web-actions-menu.wm-pointer {
      background-color: #f8f9fa;
      border: 1px solid #e9ecef !important;
      width: 30px; } }
  .wm-datatable .dropdown.wm-dropdown.wm-web-actions-menu.wm-pointer {
    padding-top: 4px;
    text-align: center; }
  .wm-datatable th,
  .wm-datatable td {
    border: 0;
    padding: 6px 8px !important;
    vertical-align: middle;
    font-size: 14px; }
  .wm-datatable td:focus {
    outline: none !important; }
  @media (prefers-color-scheme: dark) {
    .wm-datatable tbody tr:nth-child(odd) .wm-td-primary > a > .wm-datatable-column-drilldown,
    .wm-datatable tbody tr:nth-child(odd) .wm-td-primary > div > div,
    .wm-datatable tbody tr:nth-child(odd) .wm-td-primary span > div, .wm-datatable tbody tr.odd .wm-td-primary > a > .wm-datatable-column-drilldown,
    .wm-datatable tbody tr.odd .wm-td-primary > div > div,
    .wm-datatable tbody tr.odd .wm-td-primary span > div {
      color: #d0d2d6 !important; }
      .wm-datatable tbody tr:nth-child(odd) .wm-td-primary > a > .wm-datatable-column-drilldown:hover,
      .wm-datatable tbody tr:nth-child(odd) .wm-td-primary > div > div:hover,
      .wm-datatable tbody tr:nth-child(odd) .wm-td-primary span > div:hover, .wm-datatable tbody tr.odd .wm-td-primary > a > .wm-datatable-column-drilldown:hover,
      .wm-datatable tbody tr.odd .wm-td-primary > div > div:hover,
      .wm-datatable tbody tr.odd .wm-td-primary span > div:hover {
        color: #e5e7e9 !important; }
    .wm-datatable tbody tr:nth-child(odd) .wm-td-secondary, .wm-datatable tbody tr.odd .wm-td-secondary {
      color: #c0c9d3 !important; } }
  @media (prefers-color-scheme: light) {
    .wm-datatable tbody tr:nth-child(even), .wm-datatable tbody tr.even {
      background-color: white !important; }
      .wm-datatable tbody tr:nth-child(even):not(.wm-row-selected):hover, .wm-datatable tbody tr.even:not(.wm-row-selected):hover {
        background-color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-datatable tbody tr:nth-child(even), .wm-datatable tbody tr.even {
      background-color: #191c1f !important; }
      .wm-datatable tbody tr:nth-child(even) .wm-td-primary > a > .wm-datatable-column-drilldown,
      .wm-datatable tbody tr:nth-child(even) .wm-td-primary > div > div,
      .wm-datatable tbody tr:nth-child(even) .wm-td-primary span > div, .wm-datatable tbody tr.even .wm-td-primary > a > .wm-datatable-column-drilldown,
      .wm-datatable tbody tr.even .wm-td-primary > div > div,
      .wm-datatable tbody tr.even .wm-td-primary span > div {
        color: #d0d2d6 !important; }
        .wm-datatable tbody tr:nth-child(even) .wm-td-primary > a > .wm-datatable-column-drilldown:hover,
        .wm-datatable tbody tr:nth-child(even) .wm-td-primary > div > div:hover,
        .wm-datatable tbody tr:nth-child(even) .wm-td-primary span > div:hover, .wm-datatable tbody tr.even .wm-td-primary > a > .wm-datatable-column-drilldown:hover,
        .wm-datatable tbody tr.even .wm-td-primary > div > div:hover,
        .wm-datatable tbody tr.even .wm-td-primary span > div:hover {
          color: #e5e7e9 !important; }
      .wm-datatable tbody tr:nth-child(even) .wm-td-secondary, .wm-datatable tbody tr.even .wm-td-secondary {
        color: #c0c9d3 !important; } }
  .wm-datatable tbody tr.wm-row-selected {
    background-color: white !important; }
    @media (prefers-color-scheme: dark) {
      .wm-datatable tbody tr.wm-row-selected {
        background-color: #626a76 !important; } }
  .wm-datatable a:hover {
    text-decoration: none; }
  .wm-datatable-column-drilldown {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 21px; }
    .wm-datatable-column-drilldown.wm-web-action.wm-pointer.wm-datatable-column-drilldown::after {
      width: 0;
      height: 0;
      content: " ";
      display: inline-block;
      line-height: 0; }
  .wm-datatable .wm-limit-width {
    word-break: break-word !important; }
    .wm-datatable .wm-limit-width > div {
      width: 100% !important; }
    .wm-datatable .wm-limit-width.text-nowrap {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.wm-table-hover-for-timeline .wm-datatable.dataTable tr:hover {
  cursor: pointer; }

.wm-task-table-action:hover .fa {
  cursor: pointer;
  color: #454d54; }

.wm-grid-footer .btn-group button.btn.btn-light, .wm-widget-footer .btn-group button.btn.btn-light {
  border: 0 !important; }

@media (prefers-color-scheme: dark) {
  .wm-grid-footer .pagination > li:not(:first-child), .wm-widget-footer .pagination > li:not(:first-child) {
    background-color: #202427; }
    .wm-grid-footer .pagination > li:not(:first-child) > div,
    .wm-grid-footer .pagination > li:not(:first-child) > i, .wm-widget-footer .pagination > li:not(:first-child) > div,
    .wm-widget-footer .pagination > li:not(:first-child) > i {
      color: #edf2f3 !important;
      border: none !important; } }

.wm-grid-footer .pagination > li:not(:first-child), .wm-grid-footer .pagination > li:not(:first-child):nth-child(2), .wm-grid-footer .pagination > li:not(:first-child):nth-child(4), .wm-widget-footer .pagination > li:not(:first-child), .wm-widget-footer .pagination > li:not(:first-child):nth-child(2), .wm-widget-footer .pagination > li:not(:first-child):nth-child(4) {
  background-color: transparent !important; }
  .wm-grid-footer .pagination > li:not(:first-child):hover > i, .wm-grid-footer .pagination > li:not(:first-child):nth-child(2):hover > i, .wm-grid-footer .pagination > li:not(:first-child):nth-child(4):hover > i, .wm-widget-footer .pagination > li:not(:first-child):hover > i, .wm-widget-footer .pagination > li:not(:first-child):nth-child(2):hover > i, .wm-widget-footer .pagination > li:not(:first-child):nth-child(4):hover > i {
    color: #c5c8cc !important; }

.wm-grid-footer .wm-select.wm-control, .wm-widget-footer .wm-select.wm-control {
  margin-left: -20px;
  width: 100%; }

.wm-grid-footer .e-input-group, .wm-widget-footer .e-input-group {
  height: 35px !important;
  min-width: 46px !important;
  margin: auto 8px !important; }

.wm-widget-footer .e-input-group {
  margin-left: 20px !important; }

.wm-widget-footer .fa-info-circle {
  margin-top: -10px; }
  @media only screen and (max-width: 47.9375em) {
    .wm-widget-footer .fa-info-circle {
      margin-top: -24px; } }

.wm-include-select-all-cont {
  width: 33px !important; }

.wm-collection-card a:hover {
  text-decoration: none; }

.wm-td-primary {
  /*This removes the empty parahgraph space for grids that have email content as primary data*/ }
  .wm-td-primary td {
    width: 100% !important; }
    .wm-td-primary td.wm-td-restrict-length-xl, .wm-td-primary td.wm-td-restrict-length-l, .wm-td-primary td.wm-td-restrict-length-m, .wm-td-primary td.wm-td-restrict-length-s, .wm-td-primary td.wm-td-restrict-length-xs {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 1000px !important; }
  .wm-td-primary .wm-datatable-column-drilldown br {
    display: none; }

.wm-td-secondary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #54667a !important;
  font-size: 12px; }
  @media (prefers-color-scheme: light) {
    .wm-td-secondary {
      color: #54667a !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-td-secondary {
      color: #dbd0d0 !important; } }

.wm-td-primary div[data-popup-url],
.wm-td-primary a[href],
.wm-td-secondary a.wm-datatable-column-drilldown[href] {
  transition: color .3s;
  transition-timing-function: ease;
  color: #afb3b9; }

.wm-td-primary div[data-popup-url]:hover,
.wm-td-primary a[href]:hover,
.wm-td-secondary a.wm-datatable-column-drilldown[href]:hover {
  color: #33353b; }

.wm-td-restrict-length-xl, .wm-td-restrict-length-l, .wm-td-restrict-length-m, .wm-td-restrict-length-s, .wm-td-restrict-length-xs {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .wm-td-restrict-length-xl > .btn-group, .wm-td-restrict-length-l > .btn-group, .wm-td-restrict-length-m > .btn-group, .wm-td-restrict-length-s > .btn-group, .wm-td-restrict-length-xs > .btn-group {
    width: 100%; }

.wm-pagesize-select {
  margin-left: -4px;
  margin-right: 10px;
  max-width: 95px; }
  .wm-pagesize-select .e-ddl .e-select {
    border-color: #edf2f3; }

.wm-select-grid-page-info {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 12px;
  line-height: normal;
  font-weight: 500;
  text-transform: none;
  margin-left: 16px;
  color: #77818d; }

.wm-select.wm-control .e-ddl {
  margin-right: -20px !important;
  height: 32px; }
  @media only screen and (max-width: 47.9375em) {
    .wm-select.wm-control .e-ddl {
      margin-right: -30px !important; } }
  .wm-select.wm-control .e-ddl .e-input {
    margin-top: -1px; }

.wm-grid-page-number div {
  color: #596069; }

.dataTables {
  margin-top: 0 !important; }
  .dataTables thead .sorting_asc,
  .dataTables thead .sorting_desc {
    position: relative; }
    .dataTables thead .sorting_asc::before, .dataTables thead .sorting_asc::after,
    .dataTables thead .sorting_desc::before,
    .dataTables thead .sorting_desc::after {
      position: absolute;
      bottom: 0.9em;
      display: block;
      margin-bottom: 4px;
      padding-left: 10px !important; }
    .dataTables thead .sorting_asc::before,
    .dataTables thead .sorting_desc::before {
      content: "\2191";
      right: -1px; }
    .dataTables thead .sorting_asc::after,
    .dataTables thead .sorting_desc::after {
      content: "\2193";
      right: -6px; }
  .dataTables thead .sorting_asc::before {
    opacity: 1; }
  .dataTables thead .sorting_asc::after {
    opacity: 0.3; }
  .dataTables thead .sorting_desc::before {
    opacity: 0.3; }
  .dataTables thead .sorting_desc::after {
    opacity: 1; }
  .dataTables.dtr-column > tbody > tr > td.control::before,
  .dataTables.dtr-column > tbody > tr > th.control::before {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-family: "Font Awesome 5 Pro" !important;
    background-color: transparent !important;
    border: none !important;
    color: #2e3338 !important;
    content: '\f138' !important;
    left: 80% !important;
    transition: all .1s ease-in;
    box-shadow: none !important;
    font-size: 16px !important; }
  .dataTables.dtr-column > tbody > tr > td.control:hover::before,
  .dataTables.dtr-column > tbody > tr > th.control:hover::before {
    transform: scale(1.1);
    color: #33353b !important; }
    @media (prefers-color-scheme: dark) {
      .dataTables.dtr-column > tbody > tr > td.control:hover::before,
      .dataTables.dtr-column > tbody > tr > th.control:hover::before {
        color: #afb3b9 !important; } }
  .dataTables.dtr-column > tbody > tr.parent td.control::before,
  .dataTables.dtr-column > tbody > tr.parent th.control::before {
    transform: rotate(90deg);
    transition: transform .1s ease-in;
    line-height: 20px; }
  .dataTables.dtr-column > tbody > tr.parent td.control:hover,
  .dataTables.dtr-column > tbody > tr.parent th.control:hover {
    transform: scale(1.1);
    color: #33353b !important; }
    @media (prefers-color-scheme: dark) {
      .dataTables.dtr-column > tbody > tr.parent td.control:hover,
      .dataTables.dtr-column > tbody > tr.parent th.control:hover {
        color: #afb3b9 !important; } }
  .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
  .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    background-color: transparent !important;
    border: none !important;
    color: #2e3338 !important;
    content: '\f138' !important;
    left: 10px !important;
    top: 16px !important;
    transition: all .1s ease-in;
    box-shadow: none !important;
    font-family: "Font Awesome 5 Pro" !important;
    font-size: 16px !important; }
  .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:hover::before,
  .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:hover::before {
    transform: scale(1.1);
    color: #33353b !important; }
    @media (prefers-color-scheme: dark) {
      .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:hover::before,
      .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:hover::before {
        color: #afb3b9 !important; } }
  .dataTables.dtr-inline.collapsed > tbody > tr.parent td::before,
  .dataTables.dtr-inline.collapsed > tbody > tr.parent th::before {
    transform: rotate(90deg) scale(1.1) !important;
    transition: transform .1s ease-in;
    margin-top: -1px !important;
    margin-left: 5px !important;
    line-height: 20px !important;
    color: #33353b !important; }
  .dataTables thead .sorting::before,
  .dataTables thead .sorting::after,
  .dataTables thead .sorting_asc::before,
  .dataTables thead .sorting_asc::after,
  .dataTables thead .sorting_desc::before,
  .dataTables thead .sorting_desc::after,
  .dataTables thead .sorting_asc_disabled::before,
  .dataTables thead .sorting_asc_disabled::after,
  .dataTables thead .sorting_desc_disabled::before,
  .dataTables thead .sorting_desc_disabled::after {
    bottom: 0.2em; }
  .dataTables thead th[data-sort] {
    cursor: pointer; }
  .dataTables thead > tr > th.sorting,
  .dataTables thead table.dataTable thead > tr > td.sorting {
    padding-right: 2px; }
  .dataTables > tbody > tr.child .dtr-details {
    display: unset; }
    @media only screen and (max-width: 35.9375em) {
      .dataTables > tbody > tr.child .dtr-details {
        padding-left: 5px;
        padding-top: 5px; } }
    .dataTables > tbody > tr.child .dtr-details > li {
      display: flex;
      border: none !important; }
      .dataTables > tbody > tr.child .dtr-details > li .dtr-data {
        padding-left: 5px; }
        .dataTables > tbody > tr.child .dtr-details > li .dtr-data .wm-td-primary div.wm-image-entity {
          position: relative; }
  .dataTables > tbody > tr.child .dtr-title {
    min-width: 0;
    font-weight: lighter; }
  .dataTables_info {
    border: none !important;
    background-color: transparent !important; }
    @media (prefers-color-scheme: dark) {
      .dataTables_info > i {
        color: #edf2f3 !important; } }
  .dataTables_wrapper {
    padding-left: 0;
    padding-right: 0; }
    .dataTables_wrapper .dataTables_paginate ul.pagination {
      margin: 0 0 !important; }
    .dataTables_wrapper .wm-grid-footer {
      padding-top: 10px; }
    @media only screen and (max-width: 47.9375em) {
      .dataTables_wrapper.no-footer > .wm-grid-footer {
        padding-top: 0 !important; } }
    .dataTables_wrapper.no-footer > .wm-grid-footer i {
      margin-top: -10px; }
  .dataTables_paginate ul.pagination {
    align-items: center; }
    .dataTables_paginate ul.pagination.btn-group {
      margin: 0 0 !important;
      padding: 0;
      font-size: 12px; }
    .dataTables_paginate ul.pagination li a.text-info:hover {
      cursor: pointer; }
    .dataTables_paginate ul.pagination .e-in-wrap {
      border: 1px solid #edf2f3 !important;
      border-radius: 0.2rem !important; }

@media (prefers-color-scheme: dark) {
  .table.dataTable.display tbody tr:first-child td {
    border-top: none !important; }
  .table.dataTable.display tbody td {
    border-top: none !important; } }

.table.dataTable.display tbody tr:first-child td {
  border-top: 1px solid transparent; }

.table tr.child > td.child .dtr-details li .dtr-title {
  min-width: 130px !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row; }

@media only screen and (max-width: 47.9375em) {
  .table td.all .wm-web-action-container {
    min-width: 45px;
    margin: 0 !important; }
    .table td.all .wm-web-action-container .wm-web-action-icon.ml-1.d-inline-block {
      padding-left: 6px;
      margin-top: 5px; } }

.table-responsive {
  overflow-x: initial; }

.table-footer-info {
  font-size: .875rem; }

/*** DTFC Styles ***/
.DTFC_RightWrapper {
  margin-top: -11px; }
  .DTFC_RightWrapper .DTFC_RightHeadWrapper {
    top: 11px !important; }

.DTFC_LeftBodyWrapper {
  overflow: visible !important; }
  .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner {
    overflow: visible !important;
    width: 100% !important;
    overflow-y: visible !important; }

/*right overlay table needs shifting left*/
.DTFC_RightBodyLiner {
  overflow-y: unset !important;
  padding-right: 16px;
  height: 100% !important;
  max-height: 100% !important; }
  .DTFC_RightBodyLiner table {
    margin: 0px 1px 0px !important; }
    .DTFC_RightBodyLiner table tbody tr td.adjusted-border {
      box-shadow: 0 -1px 0 #e8dbdb; }
      @media (prefers-color-scheme: dark) {
        .DTFC_RightBodyLiner table tbody tr td.adjusted-border {
          box-shadow: none !important; } }

.DTFC_ScrollWrapper > .dataTables_scroll > .dataTables_scrollHead {
  margin-bottom: -11px; }
  .DTFC_ScrollWrapper > .dataTables_scroll > .dataTables_scrollHead thead tr th .dropdown-toggle-split {
    display: none; }

.DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr td.row-select-cell {
  background-color: rgba(0, 0, 0, 0.03); }
  @media (prefers-color-scheme: dark) {
    .DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr td.row-select-cell {
      background-color: #63616117 !important; } }

.DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr.selected td {
  background-color: white !important; }
  @media (prefers-color-scheme: dark) {
    .DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr.selected td {
      background-color: #363f43 !important; } }

.DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr.selected td.row-select-cell {
  position: relative; }
  .DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr.selected td.row-select-cell::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: var(--highlightWidth);
    height: 101%;
    background-color: #afb3b9; }

/*new datatables style*/
table.DTFC_Cloned thead,
table.DTFC_Cloned tfoot {
  background-color: transparent !important; }
  @media (prefers-color-scheme: light) {
    table.DTFC_Cloned thead,
    table.DTFC_Cloned tfoot {
      background-color: transparent !important; } }
  @media (prefers-color-scheme: dark) {
    table.DTFC_Cloned thead,
    table.DTFC_Cloned tfoot {
      background-color: transparent !important; } }

/*fix for showing right hand fixed menu popups outside of grid*/
.DTFC_RightBodyWrapper,
.DTFC_RightBodyLiner,
.wm-datatable .dropdown.wm-dropdown.wm-web-actions-menu {
  position: unset !important; }

/*unset the height, as it calculates incorrectly*/
.DTFC_ScrollWrapper {
  height: unset !important; }

.wm-generic-table-widget .dataTables_wrapper.no-footer {
  margin-bottom: 14px; }
  .wm-generic-table-widget .dataTables_wrapper.no-footer .dataTables_scroll .dataTables_scrollHead .wm-datatable {
    margin-bottom: -11px; }
  .wm-generic-table-widget .dataTables_wrapper.no-footer .dataTables_scroll .dataTables_scrollBody {
    border-bottom: none !important; }
    .wm-generic-table-widget .dataTables_wrapper.no-footer .dataTables_scroll .dataTables_scrollBody .wm-datatable > tbody {
      border-top: 1px solid rgba(0, 0, 0, 0.5) !important; }

.wm-generic-table-widget .wm-grid-footer .table-footer-info > i {
  margin-top: 5px; }

/*fix for showing popups outside of grid*/
.dataTables_scrollBody,
.dataTables_scrollBody .info-tooltip {
  position: unset !important; }

/*set widths of checkboxes to 32 in tables*/
.dataTables_scroll .wm-checkbox,
.dataTables_scroll .wm-include-checkbox,
.dataTables_scroll .wm-include-select-all-cont {
  width: 32px !important; }

.draggable {
  cursor: move;
  user-select: none; }

.placeholder {
  border: 2px dashed #cbd5e0;
  background-color: #edf2f7; }

.clone-table {
  border: none;
  border-collapse: collapse; }
  .clone-table th,
  .clone-table td {
    padding: 6px 8px !important;
    vertical-align: middle;
    font-size: 14px; }
  .clone-table td {
    border-top: 1px solid #ddd; }
    @media (prefers-color-scheme: dark) {
      .clone-table td {
        border-top: none !important; } }

.dragging {
  background: #fff;
  border-top: 1px solid #ccc;
  z-index: 999; }

html.isTouch i.wm-grid-row-drag-icon {
  display: none; }

.wm-widget-body[data-render-type="Grid"] {
  --border-radius: 5px;
  --header-BG: #fff;
  --column-fixed-width: 40px;
  position: relative; }
  .wm-widget-body[data-render-type="Grid"] .table-wrapper {
    overflow: auto; }
    .wm-widget-body[data-render-type="Grid"] .table-wrapper.has-grid-actions {
      width: calc(100% - var(--column-fixed-width)); }
  .wm-widget-body[data-render-type="Grid"] .wm-datatable {
    border-collapse: separate;
    border-spacing: 0 1px; }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable .wm-include-select-all-cont {
      width: 35px !important; }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable th {
      border-bottom: 1px solid #ddd;
      padding: 10px 8px !important;
      background-color: var(--header-BG); }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable th {
          background-color: #33383e !important; } }
  @media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
    .wm-widget-body[data-render-type="Grid"] .wm-datatable th {
      border-bottom: 1px solid #dddddd45; } }
      .wm-widget-body[data-render-type="Grid"] .wm-datatable th:hover {
        background-color: #f5f5f5; }
        @media (prefers-color-scheme: dark) {
          .wm-widget-body[data-render-type="Grid"] .wm-datatable th:hover {
            background-color: #394049 !important; } }
      .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort] {
        position: relative; }
        .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort] .wm-sortable-grid-th {
          display: flex; }
          .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort] .wm-sortable-grid-th .filter-icon {
            display: none;
            margin-left: 5px;
            font-size: 13px; }
          .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort] .wm-sortable-grid-th.filtered .filter-icon {
            display: inline-block; }
        .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort].text-right .wm-sortable-grid-th {
          flex-direction: row-reverse; }
          .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort].text-right .wm-sortable-grid-th .filter-icon {
            margin-left: unset;
            margin-right: 5px; }
          .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort].text-right .wm-sortable-grid-th .sort-desc-icon,
          .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort].text-right .wm-sortable-grid-th .sort-asc-icon {
            margin-right: 5px; }
          .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort].text-right .wm-sortable-grid-th .wm-web-actions-menu {
            margin-right: auto;
            margin-left: unset; }
        .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort] .wm-web-actions-menu {
          margin-left: auto; }
          .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort] .wm-web-actions-menu:not(.show) {
            visibility: hidden; }
        .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort].sorting_desc .sort-desc-icon {
          display: inline-block !important;
          margin-left: 5px; }
        .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort].sorting_asc .sort-asc-icon {
          display: inline-block !important;
          margin-left: 5px; }
        .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort]:hover {
          cursor: pointer; }
          .wm-widget-body[data-render-type="Grid"] .wm-datatable th[data-sort]:hover .wm-web-actions-menu {
            visibility: visible; }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable td {
      border-bottom: 1px solid #DDD;
      padding: 6px 8px !important; }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable td {
          border-bottom: 1px solid #dddddd45;
          background-color: #33383e !important; } }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable tr {
      background-color: #fff !important; }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable tr {
          background-color: #33383e !important; } }
      .wm-widget-body[data-render-type="Grid"] .wm-datatable tr .e-icons.e-frame {
        border-radius: 4px !important; }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected {
          background-color: #434d58 !important; } }
      .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td.row-select-cell {
        position: relative; }
        .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td.row-select-cell::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: var(--highlightWidth);
          height: 101%;
          background-color: #afb3b9; }
      .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td,
      .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td.webactionCell {
        background-color: white !important; }
        @media (prefers-color-scheme: dark) {
          .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td,
          .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td.webactionCell {
            background-color: #434d58 !important; } }
      .wm-widget-body[data-render-type="Grid"] .wm-datatable tr:not(.selected):hover {
        background-color: #f5f5f5; }
        @media (prefers-color-scheme: dark) {
          .wm-widget-body[data-render-type="Grid"] .wm-datatable tr:not(.selected):hover {
            background-color: #394049 !important; } }
        .wm-widget-body[data-render-type="Grid"] .wm-datatable tr:not(.selected):hover td {
          background-color: #f5f5f5; }
          @media (prefers-color-scheme: dark) {
            .wm-widget-body[data-render-type="Grid"] .wm-datatable tr:not(.selected):hover td {
              background-color: #394049 !important; } }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable th.webactionTH,
    .wm-widget-body[data-render-type="Grid"] .wm-datatable td.webactionCell {
      position: absolute;
      top: auto;
      right: 0;
      width: var(--column-fixed-width);
      background-color: #fff; }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable th.webactionTH,
        .wm-widget-body[data-render-type="Grid"] .wm-datatable td.webactionCell {
          background-color: #33383e !important; } }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable td.webactionCell {
      border-bottom: 1px solid #ddd; }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable td.webactionCell {
          border-bottom: 1px solid #dddddd45; } }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable th.webactionTH {
      background-color: var(--header-BG); }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable th.webactionTH {
          border-bottom: 1px solid #dddddd45; } }
  .wm-widget-body[data-render-type="Grid"] .wm-grid-footer {
    padding-top: 10px !important; }
    .wm-widget-body[data-render-type="Grid"] .wm-grid-footer li[data-total-records] > .row {
      margin-left: 0; }
    .wm-widget-body[data-render-type="Grid"] .wm-grid-footer .wm-page-info {
      margin: 0 !important; }
    .wm-widget-body[data-render-type="Grid"] .wm-grid-footer .wm-select-grid-page-info {
      margin-top: -6px; }
  .wm-widget-body[data-render-type="Grid"] .quick-filter-modal {
    position: absolute;
    z-index: 1200;
    top: 0;
    left: 5px;
    display: none;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    min-width: 300px;
    max-height: 450px;
    background-color: #fff; }
    @media (prefers-color-scheme: dark) {
      .wm-widget-body[data-render-type="Grid"] .quick-filter-modal {
        box-shadow: 0px 5px 5px -3px black, 0px 8px 10px 1px rgba(0, 0, 0, 0.4), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
        background-color: #393e44; } }
    .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: space-around; }
      .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .close-modal {
        position: absolute;
        top: 5px;
        right: 0;
        display: flex;
        align-items: flex-start;
        flex-grow: 0;
        margin-right: 10px;
        height: 100%;
        cursor: pointer; }
        .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .close-modal svg {
          display: inline-block;
          flex-shrink: 0;
          fill: currentColor;
          transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          width: 1em;
          height: 1em;
          font-size: 1.25rem; }
      .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content {
        display: flex;
        align-content: stretch;
        align-items: flex-end;
        flex-grow: 1;
        justify-content: space-between;
        height: 100%;
        padding: 18px;
        padding-bottom: 0; }

@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .content input,
  .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .content .e-input-group {
    background-color: #363a40 !important;
    color: #edf2f3 !important; }
    .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .content input::placeholder,
    .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .content .e-input-group::placeholder {
      color: white !important; } }
        .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column {
          display: inline-flex;
          flex-direction: column;
          justify-content: space-evenly;
          width: 160px;
          height: 100%; }
          .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column + .filter-column {
            padding-left: 10px; }
          .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column label {
            margin-bottom: 6px;
            font-size: 0.75rem;
            color: rgba(0, 0, 0, 0.54); }
            @media (prefers-color-scheme: dark) {
              .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column label {
                color: #ffffffb3; } }
          .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column .e-input-group {
            border-radius: 0.5rem; }
            .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column .e-input-group input {
              border-radius: 0.5rem;
              height: 40px;
              background: none !important; }
      .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: auto;
        padding: 8px; }
        .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions button {
          justify-content: center;
          border-color: transparent;
          outline: none;
          border-radius: 0.25rem;
          padding: 6px 12px 4px;
          background-color: transparent;
          cursor: pointer;
          line-height: 1.143em;
          text-transform: uppercase;
          text-align: center;
          text-decoration: none; }
        .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter {
          flex-grow: 0;
          margin-right: 20px; }
          .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button {
            color: #7a8391; }
            @media (prefers-color-scheme: dark) {
              .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button {
                color: #d0d2d6 !important; } }
            .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button:hover, .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button:active {
              background-color: white; }
              @media (prefers-color-scheme: dark) {
                .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button:hover, .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button:active {
                  background-color: #263238; } }
        .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button {
          color: #eb1515; }
          @media (prefers-color-scheme: dark) {
            .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button {
              color: #fbb2b2; } }
          .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button:hover, .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button:active {
            background-color: #fde8e8; }
            @media (prefers-color-scheme: dark) {
              .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button:hover, .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button:active {
                background-color: #263238; } }

.wm-widget-footer {
  padding-top: 0 !important; }
  .wm-widget-footer .wm-pagesize-select {
    margin-left: -8px; }
  .wm-widget-footer .wm-select-grid-page-info {
    margin-top: -5px; }

.responsive.wm-datatable.dataTable.collapsed > tbody > tr.child {
  border: 1px solid #f0f0f0; }

.display.responsive.wm-datatable {
  width: 100% !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important; }

@media only screen and (max-width: 47.9375em) {
  .wm-widget-container-body .wm-widget-footer {
    padding-top: 0.5em !important; } }

.row.wm-grid-footer, .row.wm-cards-footer {
  border-top: 1px solid #edf2f3; }

i.cool.fa-filter.wm-custom-filter-active {
  color: #7a8391 !important; }

.dropdown-menu {
  background-color: #eeeff1;
  border-color: #e0e2e5 !important;
  z-index: 1029 !important;
  margin-top: 0.25rem !important;
  border-radius: 0.5rem;
  width: auto !important;
  padding: 4px; }
  .dropdown-menu:not(.wm-sub-menu) div:first-child.wm-web-action-divider {
    display: none; }
  .dropdown-menu.wm-filter-dropdown-menu {
    width: 200px !important; }
  @media (prefers-color-scheme: light) {
    .dropdown-menu.show .dropdown-item a:hover {
      color: black !important; } }
  .dropdown-menu.show .dropdown-item:hover {
    background-color: #ebebeb !important; }
  @media (prefers-color-scheme: dark) {
    .dropdown-menu.show {
      background-color: #363a40 !important;
      border-color: #4d535b !important; }
      .dropdown-menu.show .dropdown-item {
        background-color: #363a40;
        color: #edf2f3; }
        .dropdown-menu.show .dropdown-item:hover {
          background-color: #50565e !important;
          cursor: pointer !important; }
        .dropdown-menu.show .dropdown-item > a {
          background-color: transparent !important;
          color: #edf2f3 !important;
          margin-left: 0 !important; }
          .dropdown-menu.show .dropdown-item > a.wm-web-action-disabled {
            color: #77818d !important; }
      .dropdown-menu.show .dropdown-divider {
        border-color: #656d77 !important; } }
  .dropdown-menu .wm-sub-menu.show {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    position: relative !important;
    top: 4px;
    transition: all 1s;
    box-shadow: none !important;
    border: none;
    border-bottom: 0px !important; }

.dropdown-item {
  border-radius: 0.25rem;
  padding: 0.15rem 0.5rem; }
  .dropdown-item.wm-web-action.wm-pointer:active {
    background-color: #ebebeb !important;
    color: black; }
  .dropdown-item.wm-web-action.wm-pointer:focus {
    background-color: transparent !important; }
  @media (prefers-color-scheme: dark) {
    .dropdown-item.wm-web-action.wm-pointer:active {
      background-color: transparent !important;
      color: #edf2f3; } }
  .dropdown-item.wm-web-action.wm-pointer a:active {
    background-color: #ebebeb !important;
    color: black; }
  .dropdown-item.wm-web-action.wm-pointer a:focus {
    background-color: transparent !important; }
  @media (prefers-color-scheme: dark) {
    .dropdown-item.wm-web-action.wm-pointer a:active {
      background-color: transparent !important;
      color: #edf2f3; } }
  .dropdown-item.wm-web-action.wm-pointer a:hover {
    cursor: pointer; }

.dropdown.wm-web-actions-menu .wm-icon:hover {
  fill: gray-light;
  color: gray-light; }

.dropdown-item.wm-web-action-disabled {
  opacity: 0.3;
  pointer-events: none; }

a.wm-pointer {
  float: left;
  display: block;
  width: auto; }

.wm-action-button-group.wm-display-icon-menu.d-inline-block {
  float: left; }

.tab-container .dropdown-menu {
  position: absolute !important;
  top: 30px !important;
  left: unset !important;
  right: 0;
  transform: unset !important;
  overflow: hidden; }
  .tab-container .dropdown-menu .wm-sub-menu {
    background-color: transparent !important;
    border: none !important;
    position: unset !important;
    width: 100%; }

.e-card .dropdown-menu {
  line-height: 23px !important; }

.card-body .dropdown-menu {
  position: absolute !important;
  top: unset !important;
  left: unset !important;
  right: 0;
  transform: unset !important; }
  .card-body .dropdown-menu .wm-sub-menu {
    margin: 2px 0 0;
    width: 100%; }

.wm-web-action-dropdown.dropdown-menu.dropdown-menu-right .dropdown-menu-left.wm-sub-menu {
  top: 94% !important;
  border-top: transparent !important; }

.e-popup-open {
  border-radius: 0.5rem;
  padding: 4px; }
  .e-popup-open .e-list-parent .e-list-item {
    border-radius: 0.25rem; }

div[data-widget-name="Chart"] .e-accumulationchart > svg > rect {
  fill: #292e32; }

/*
    Provides spacing and hover padding flicker correction for bold Bi tree structure.
*/
.wm-treecontainer .e-treeview .e-text-content {
  gap: 0.5rem; }
  .wm-treecontainer .e-treeview .e-text-content .e-list-text {
    padding: 0; }
    .wm-treecontainer .e-treeview .e-text-content .e-list-text:hover {
      padding: 0; }

.wm-treecontainer .e-treeview .e-list-item.e-level-2 {
  margin-top: 0.5rem; }

.wm-advanced-search-container {
  position: relative; }
  .wm-advanced-search-container > .row.wm-row > .wm-form-row:nth-child(2) {
    padding-left: 0 !important; }
  .wm-advanced-search-container .wm-layout-table.wm-section-header {
    border-bottom: none !important; }
  @media only screen and (max-width: 35.9375em) {
    .wm-advanced-search-container .advanced-search-text > .wm-input.wm-control {
      width: 70%; } }
  @media only screen and (max-width: 35.9375em) and (max-width: 28.9375em) {
    .wm-advanced-search-container .advanced-search-text > .wm-input.wm-control {
      width: 65%; } }
  @media only screen and (max-width: 35.9375em) and (max-width: 23.9375em) {
    .wm-advanced-search-container .advanced-search-text > .wm-input.wm-control {
      width: 60%; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-advanced-search-container > .row.wm-row > .wm-form-row.col-sm-2 > .wm-button {
      position: absolute;
      top: -32px;
      right: 16px; }
    .wm-advanced-search-container > .row.wm-row > .wm-form-row.col-sm-4 .wm-widget-data.wm-advanced-search {
      padding-left: 0;
      margin-top: 12px; }
      .wm-advanced-search-container > .row.wm-row > .wm-form-row.col-sm-4 .wm-widget-data.wm-advanced-search > .wm-select.wm-control {
        margin-left: 0 !important; }
        .wm-advanced-search-container > .row.wm-row > .wm-form-row.col-sm-4 .wm-widget-data.wm-advanced-search > .wm-select.wm-control > .e-input-group {
          width: 60% !important; }
    .wm-advanced-search-container #advanced-search-section-toggle-buttons {
      width: 36%;
      position: absolute;
      top: 46px;
      right: -12px; }
      .wm-advanced-search-container #advanced-search-section-toggle-buttons > .d-flex {
        position: relative;
        z-index: 1049; } }
  @media only screen and (max-width: 35.9375em) and (max-width: 23.9375em) {
    .wm-advanced-search-container #advanced-search-section-toggle-buttons {
      width: 40%; } }
  .wm-advanced-search-container > .wm-section, .wm-advanced-search-container > .wm-section > .wm-section-inner {
    margin-bottom: 0 !important; }
  .wm-advanced-search-container > .wm-section.sort-container .sort-column-delete {
    right: 20px; }
  .wm-advanced-search-container > .wm-section .wm-search-column-row, .wm-advanced-search-container > .wm-section .wm-query-sort-column {
    position: relative;
    padding: 12px 32px 12px 12px !important;
    background-color: #f8f8f8 !important;
    border-color: #eaeaea !important; }
    .wm-advanced-search-container > .wm-section .wm-search-column-row:not(:last-child), .wm-advanced-search-container > .wm-section .wm-query-sort-column:not(:last-child) {
      margin-bottom: 10px; }
    @media (prefers-color-scheme: dark) {
      .wm-advanced-search-container > .wm-section .wm-search-column-row, .wm-advanced-search-container > .wm-section .wm-query-sort-column {
        background-color: #42474d !important; } }
    .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-delete, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-delete, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-delete, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-delete {
      position: absolute;
      width: 32px; }
      .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-delete > .e-btn, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-delete > .e-btn, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-delete > .e-btn, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-delete > .e-btn {
        border-color: #edf2f3 !important; }
    .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-field, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-field, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-direction, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-field, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-field, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-direction {
      padding: 0 !important; }
      @media only screen and (max-width: 35.9375em) {
        .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-direction > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-direction > .e-input-group {
          width: 190px !important; } }
      @media only screen and (max-width: 23.9375em) {
        .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-direction > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-direction > .e-input-group {
          width: 100% !important; } }
    .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-field, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-field, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-field, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-field {
      padding-right: 12px !important; }
    @media only screen and (max-width: 35.9375em) {
      .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-direction, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-direction {
        padding: 12px 12px 0 0 !important; } }
  .wm-advanced-search-container > .wm-section .wm-search-column-row {
    padding-bottom: 2px !important; }
    .wm-advanced-search-container > .wm-section .wm-search-column-row > .wm-form-row {
      margin-bottom: 10px !important; }
    .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-delete {
      right: 34px; }
  .wm-advanced-search-container > .wm-row {
    align-items: center; }
  @media only screen and (max-width: 28.9375em) {
    .wm-advanced-search-container #advanced-filter-section.d-none + #advanced-sort-section {
      margin-top: 58px; } }
  @media only screen and (max-width: 28.9375em) {
    .wm-advanced-search-container #advanced-filter-section.d-none + #advanced-sort-section.d-none + #advanced-search-columns-section {
      margin-top: 58px; } }
  @media only screen and (max-width: 28.9375em) {
    .wm-advanced-search-container #advanced-filter-section .wm-collapsible-section > .wm-section-inner {
      margin-top: 10px; } }
  .wm-advanced-search-container #advanced-filter-section .wm-collapsible-section > .wm-section-inner .e-query-builder > .e-group-container {
    margin-top: -4px; }
  .wm-advanced-search-container #advanced-filter-section .wm-section-title-container {
    position: relative; }
    @media only screen and (min-width: 29em) {
      .wm-advanced-search-container #advanced-filter-section .wm-section-title-container .wm-section-title {
        margin-bottom: -20px;
        margin-top: -4px; } }
    @media only screen and (min-width: 48em) {
      .wm-advanced-search-container #advanced-filter-section .wm-section-title-container .wm-section-title {
        margin-bottom: -10px; } }
    @media only screen and (max-width: 28.9375em) {
      .wm-advanced-search-container #advanced-filter-section .wm-section-title-container .wm-section-title {
        z-index: 1;
        position: absolute;
        top: 52px;
        left: 222px; } }
  .wm-advanced-search-container #advanced-filter-section .wm-section-header {
    position: relative;
    z-index: 1; }
  @media (prefers-color-scheme: light) {
    .wm-advanced-search-container #advanced-filter-section .e-rule-container::before {
      border-color: #4c5c68 !important; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-advanced-search-container #advanced-filter-section .e-group-container {
      padding: 0 0 12px !important; } }
  .wm-advanced-search-container #advanced-search-section-toggle-buttons {
    padding-top: 5px; }
    .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle {
      margin: 0 6px; }
      .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle.active .wm-icon {
        fill: #7a8391 !important;
        color: #7a8391 !important; }
        @media (prefers-color-scheme: dark) {
          .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle.active .wm-icon {
            fill: #aaaeb4 !important;
            color: #aaaeb4 !important; } }
      .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon {
        width: 18px !important;
        height: 18px !important;
        fill: #afb3b9 !important;
        transition: all .2s ease-in;
        font-size: 18px !important;
        color: #afb3b9 !important; }
        @media (prefers-color-scheme: dark) {
          .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon {
            fill: #cccfd5 !important;
            color: #cccfd5 !important; } }
        .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon:hover {
          fill: #999ea6 !important;
          color: #999ea6 !important;
          transform: scale(1.1); }
          @media (prefers-color-scheme: dark) {
            .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon:hover {
              fill: #c5c8cc !important;
              color: #c5c8cc !important; } }
        @media only screen and (max-width: 23.9375em) {
          .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon {
            width: 16px !important;
            height: 16px !important;
            font-size: 16px !important; } }
      .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle:first-child .wm-icon {
        width: 16px !important;
        height: 16px !important;
        font-size: 16px !important; }
  .wm-advanced-search-container #advanced-search-filter-save-section {
    width: 324px !important;
    z-index: 1048;
    position: absolute;
    top: 50px;
    right: -16px; }
    @media only screen and (max-width: 47.9375em) {
      .wm-advanced-search-container #advanced-search-filter-save-section {
        right: 44px; } }
    @media only screen and (max-width: 35.9375em) {
      .wm-advanced-search-container #advanced-search-filter-save-section {
        right: 0; } }
    @media only screen and (max-width: 28.9375em) {
      .wm-advanced-search-container #advanced-search-filter-save-section {
        top: 54px; } }
    .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row {
      justify-content: space-between; }
      .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row {
        padding-right: 0 !important; }
        .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox {
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 47.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox {
              margin-left: 62px; } }
          @media only screen and (max-width: 35.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox {
              position: absolute;
              top: 11px;
              right: -100px; } }
          @media only screen and (max-width: 28.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox {
              margin-left: unset;
              left: 58px; } }
          @media only screen and (max-width: 28.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox {
              left: 98px; } }
          .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox > label {
            order: 1;
            margin: 6px 0 0 10px; }
            @media only screen and (max-width: 28.9375em) {
              .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox > label {
                margin: 6px 0 0 6px; } }
        .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
          width: 135px; }
          @media only screen and (max-width: 61.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
              margin-left: -32px; } }
          @media only screen and (max-width: 47.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
              margin-left: 0; } }
          @media only screen and (max-width: 35.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
              position: absolute;
              top: 10px;
              right: 31px; } }
          @media only screen and (max-width: 28.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
              width: 100px;
              height: 116px; } }
          @media only screen and (max-width: 23.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
              width: 62px; } }
        @media only screen and (max-width: 35.9375em) {
          .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .dropdown.btn-group {
            position: absolute;
            top: 48px;
            right: 16px; } }
        @media only screen and (max-width: 28.9375em) {
          .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .dropdown.btn-group {
            top: 10px; } }
        .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row:first-child .wm-container-parent {
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 47.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row:first-child .wm-container-parent {
              left: 64px; } }
          @media only screen and (max-width: 35.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row:first-child .wm-container-parent {
              top: 36px;
              left: 104px; } }
          @media only screen and (max-width: 28.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row:first-child .wm-container-parent {
              left: 98px; } }
          .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row:first-child .wm-container-parent > label {
            order: 1;
            margin: 6px 0 0 6px; }
    .wm-advanced-search-container #advanced-search-filter-save-section .dropdown.btn-group .wm-query-save {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-right-color: white !important; }
      .wm-advanced-search-container #advanced-search-filter-save-section .dropdown.btn-group .wm-query-save:hover {
        opacity: 0.8 !important;
        transform: translateY(0) !important;
        box-shadow: none !important;
        border-color: #a7adb6 !important;
        border-right-color: white !important;
        background-color: #acb2bb !important; }
  .wm-advanced-search-container .btn, .wm-advanced-search-container .e-btn, .wm-advanced-search-container .e-btn-group, .wm-advanced-search-container .e-input-group {
    border-radius: 3px !important; }
  .wm-advanced-search-container .wm-layout-table.wm-section-header {
    border-bottom: none;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important; }
  .wm-advanced-search-container .e-query-builder .e-group-container {
    padding-top: 0 !important; }
  .wm-advanced-search-container .e-query-builder .e-rule-container {
    padding-right: 54px !important; }
    @media (prefers-color-scheme: dark) {
      .wm-advanced-search-container .e-query-builder .e-rule-container {
        background-color: #42474d !important; } }
    .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field {
      position: relative; }
      .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-operator.e-operator {
        padding-top: 0; }
      .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value.e-value.e-show {
        min-width: 196px !important;
        width: 196px !important;
        padding-top: 0; }
        @media only screen and (max-width: 28.9375em) {
          .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value.e-value.e-show {
            width: 100% !important;
            min-width: unset !important;
            max-width: 196px !important; } }
        @media (prefers-color-scheme: dark) {
          .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value.e-value.e-show > .e-input-group {
            background-color: #363a40 !important;
            color: #edf2f3 !important; } }
      .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete > .e-removerule.e-btn {
        position: absolute;
        top: 2px;
        right: -52px;
        border-color: transparent !important;
        background-color: transparent !important; }
        .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete > .e-removerule.e-btn:hover::after {
          opacity: .8;
          transform: scale(1.08); }
        .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete > .e-removerule.e-btn::after {
          content: '\f00d';
          position: absolute;
          top: 4px;
          right: 8px;
          display: block;
          transition: all .3s ease-in;
          font-size: 18px;
          font-family: "Font Awesome 5 Pro";
          color: #403f43; }
          @media (prefers-color-scheme: dark) {
            .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete > .e-removerule.e-btn::after {
              color: white; } }
      .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary {
        position: absolute;
        top: 2px;
        right: -52px;
        border-color: transparent !important;
        background-color: transparent !important; }
        .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary:hover::after {
          opacity: .8;
          transform: scale(1.08); }
        .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
          content: '\f00d';
          position: absolute;
          top: 4px;
          right: 8px;
          display: block;
          transition: all .3s ease-in;
          font-size: 18px;
          font-family: "Font Awesome 5 Pro";
          color: #403f43; }
          @media (prefers-color-scheme: dark) {
            .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
              color: white; } }
      @media (prefers-color-scheme: dark) {
        .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value .e-label {
          color: #edf2f3; } }
  .wm-advanced-search-container .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
    padding: 12px 0 12px 12px !important;
    width: auto !important; }
  .wm-advanced-search-container .e-query-builder.e-device .e-rule-list .e-rule-container .e-operator, .wm-advanced-search-container .e-query-builder.e-device .e-rule-list .e-rule-container .e-value {
    padding: 0 0 12px 12px !important; }
  .wm-advanced-search-container .e-add-btn.e-btn {
    background-color: #7a8391 !important;
    border: none !important;
    color: white; }
    @media (prefers-color-scheme: dark) {
      .wm-advanced-search-container .e-add-btn.e-btn {
        background-color: #afb3b9 !important; } }
  .wm-advanced-search-container .sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib {
    position: absolute;
    top: -11px;
    right: -18px;
    border-color: transparent !important;
    background-color: transparent !important; }
    .wm-advanced-search-container .sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib:hover::after {
      opacity: .8;
      transform: scale(1.08); }
    .wm-advanced-search-container .sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
      content: '\f00d';
      position: absolute;
      top: 4px;
      right: 8px;
      display: block;
      transition: all .3s ease-in;
      font-size: 18px;
      font-family: "Font Awesome 5 Pro";
      color: #403f43; }
      @media (prefers-color-scheme: dark) {
        .wm-advanced-search-container .sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
          color: white; } }
  .wm-advanced-search-container .search-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib {
    position: absolute;
    top: -11px;
    right: -32px;
    border-color: transparent !important;
    background-color: transparent !important; }
    .wm-advanced-search-container .search-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib:hover::after {
      opacity: .8;
      transform: scale(1.08); }
    .wm-advanced-search-container .search-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
      content: '\f00d';
      position: absolute;
      top: 4px;
      right: 8px;
      display: block;
      transition: all .3s ease-in;
      font-size: 18px;
      font-family: "Font Awesome 5 Pro";
      color: #403f43; }
      @media (prefers-color-scheme: dark) {
        .wm-advanced-search-container .search-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
          color: white; } }
  .wm-advanced-search-container .e-add-btn .e-btn-icon::before, .wm-advanced-search-container .wm-query-sort-column .sort-column-delete .e-delete-icon::before, .wm-advanced-search-container .wm-search-column-row .search-column-delete .e-delete-icon::before {
    content: "";
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    text-transform: none; }
  .wm-advanced-search-container .section-toggle {
    cursor: pointer;
    position: relative; }
    .wm-advanced-search-container .section-toggle .indicator {
      font-size: 7px;
      position: absolute;
      top: -4px;
      left: 17px; }
    .wm-advanced-search-container .section-toggle[data-related-section="advanced-sort-section"] .indicator,
    .wm-advanced-search-container .section-toggle[data-related-section="advanced-search-columns-section"] .indicator {
      left: 14px; }
  @media only screen and (max-width: 28.9375em) {
    .wm-advanced-search-container #advanced-sort-section > .wm-section-inner, .wm-advanced-search-container #advanced-search-columns-section > .wm-section-inner {
      position: relative; }
      .wm-advanced-search-container #advanced-sort-section > .wm-section-inner .section-title .wm-section-title, .wm-advanced-search-container #advanced-search-columns-section > .wm-section-inner .section-title .wm-section-title {
        position: absolute;
        left: 36px; }
    .wm-advanced-search-container #advanced-sort-section > .wm-section-inner .section-title .wm-section-title {
      top: -4px; }
    .wm-advanced-search-container #advanced-sort-section > .wm-section-inner .wm-collapsible-section > .wm-section-inner {
      margin-top: -40px !important; }
    .wm-advanced-search-container #advanced-search-columns-section > .wm-section-inner .section-title .wm-section-title {
      top: 6px; }
    .wm-advanced-search-container #advanced-search-columns-section > .wm-section-inner .wm-collapsible-section > .wm-section-inner {
      margin-top: -30px !important; } }
  .wm-advanced-search-container .e-btngroup-and-lbl, .wm-advanced-search-container .e-btngroup-or-lbl,
  .wm-advanced-search-container .e-qb-toggle {
    color: #90a0b1 !important;
    height: 28px !important; }
  .wm-advanced-search-container .e-qb-toggle {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .wm-advanced-search-container .e-btngroup-and-lbl {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .wm-advanced-search-container .e-btngroup-or-lbl {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }

.isTouch .wm-advanced-search-container .e-query-builder.e-device .e-rule-list .e-rule-container .e-value {
  padding: 0 0 0 12px !important; }

.accordion {
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-inline-start: 0; }
  .accordion li:last-child .option {
    border-bottom: 0; }
  .accordion li i.fa-chevron-down {
    /* right: 12px; */
    left: 1rem;
    font-size: 1.2em;
    position: absolute;
    top: 1.5em;
    left: 1rem;
    font-size: 1em;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer; }
    @media (prefers-color-scheme: dark) {
      .accordion li i.fa-chevron-down {
        color: #fff !important; } }
  .accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #ff5252; }
  .accordion li .option-item-webactions i {
    color: #fff; }
  .accordion li .option-item-webactions,
  .accordion li .option-webactions {
    cursor: pointer; }
  .accordion .header-container {
    display: flex;
    justify-content: space-between;
    padding: 1rem; }
  .accordion .option-item-expand {
    cursor: pointer; }

.accordion__list {
  background: #FFF;
  width: 100%; }
  @media (prefers-color-scheme: dark) {
    .accordion__list {
      background: #25292d  !important; } }
  .accordion__list .option {
    font-size: 0.85em;
    font-weight: 700;
    color: #37474F;
    border-bottom: 1px solid #ccc;
    display: block;
    position: relative;
    transition: all 0.4s ease; }
    @media (prefers-color-scheme: dark) {
      .accordion__list .option {
        border-bottom: 1px solid #3a3a3a !important; } }
  .accordion__list .option_name {
    padding-left: 4em;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: block;
    background-color: transparent;
    color: #37474F;
    font-weight: bold;
    font-size: 1.2em;
    cursor: pointer; }
    @media (prefers-color-scheme: dark) {
      .accordion__list .option_name {
        color: #fff !important; } }

.submenu {
  display: none;
  background: #444359;
  font-size: 0.95em;
  list-style: none;
  padding-inline-start: 0; }
  @media (prefers-color-scheme: dark) {
    .submenu {
      background: #2d2d2d !important; } }
  .submenu li {
    border-bottom: 1px solid #4b4a5e; }
  .submenu .submenu-container {
    display: flex;
    justify-content: space-between;
    color: #d9d9d9;
    padding: 1rem;
    align-items: center; }
    .submenu .submenu-container.dimensions {
      background: #2b2a39;
      color: #fff; }
      @media (prefers-color-scheme: dark) {
        .submenu .submenu-container.dimensions {
          background: #353535 !important; } }
      .submenu .submenu-container.dimensions svg {
        fill: #fff;
        width: 15px;
        height: 15px; }
        .submenu .submenu-container.dimensions svg:hover {
          fill: #77818d !important; }

.option-webactions {
  margin-left: 1em; }
  .option-webactions i {
    color: #37474F; }
  .option-webactions svg {
    width: 15px;
    height: 15px; }

.option-item-webactions svg {
  width: 15px;
  height: 15px; }

.option-item-dimensions {
  display: none;
  padding-inline-start: 0; }

.flex-center {
  display: flex;
  align-items: center; }

.resize-animation-stopper * {
  animation: none !important;
  transition: none !important; }

.configurator ul {
  margin: 0;
  padding: 0; }

.configurator {
  height: 100%;
  width: 100%;
  display: flex;
  overflow-x: hidden;
  position: relative; }
  .configurator h3 {
    margin-bottom: 1.5em; }
  .configurator p {
    line-height: 1.2em;
    font-size: 0.8em; }
  .configurator .sidebar {
    width: 20%;
    background: #2d3036;
    display: flex;
    flex-direction: column; }
    @media (prefers-color-scheme: dark) {
      .configurator .sidebar {
        background: #242729 !important; } }
    .configurator .sidebar .product-header {
      background: rgba(0, 0, 0, 0.4);
      min-height: 60px;
      position: relative;
      display: flex;
      align-items: center; }
      .configurator .sidebar .product-header .product-code {
        margin-bottom: 0;
        color: #fff !important;
        font-size: 1.1em;
        word-wrap: break-word;
        margin-left: 15px; }
      .configurator .sidebar .product-header .close-sidebar {
        display: none; }
    .configurator .sidebar .option-list {
      color: #fff;
      font-size: 1.1em;
      overflow: auto;
      flex-grow: 1;
      padding: 1.5em 0; }
      .configurator .sidebar .option-list .configuration {
        color: rgba(255, 255, 255, 0.8);
        text-transform: uppercase;
        margin-bottom: 1em;
        margin-left: 15px; }
      .configurator .sidebar .option-list .option {
        display: flex;
        align-items: center;
        min-height: 2.8em;
        color: rgba(255, 255, 255, 0.6);
        position: relative;
        cursor: pointer; }
        .configurator .sidebar .option-list .option.completed, .configurator .sidebar .option-list .option.active {
          color: #fff; }
        .configurator .sidebar .option-list .option:not(.active):hover {
          background-color: #3f444c; }
        .configurator .sidebar .option-list .option.active {
          background-color: #626a76;
          font-weight: bold;
          letter-spacing: 1px; }
          .configurator .sidebar .option-list .option.active:before {
            position: absolute;
            content: ' ';
            height: 100%;
            width: 3px;
            background-color: #5BECC0;
            top: 0;
            left: 0;
            bottom: 0; }
        .configurator .sidebar .option-list .option .option-icon-container {
          margin-left: 15px;
          width: 20px;
          margin-right: 0.7em; }
          .configurator .sidebar .option-list .option .option-icon-container .completed-icon {
            display: none; }
            .configurator .sidebar .option-list .option .option-icon-container .completed-icon svg {
              height: 11px;
              width: 18px; }
              .configurator .sidebar .option-list .option .option-icon-container .completed-icon svg .checkbox-completed {
                fill: #5BECC0; }
          .configurator .sidebar .option-list .option .option-icon-container .warning-icon {
            display: none;
            margin-left: 7px; }
            .configurator .sidebar .option-list .option .option-icon-container .warning-icon svg {
              fill: #ff4242; }
        .configurator .sidebar .option-list .option.completed:not(.has-error) .completed-icon {
          display: block; }
        .configurator .sidebar .option-list .option.has-error .warning-icon {
          display: block; }
    .configurator .sidebar .console-header {
      background: rgba(0, 0, 0, 0.3);
      font-size: 1.3em;
      color: #fff;
      padding: 0.4em 0.9em;
      font-family: monospace;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (prefers-color-scheme: dark) {
        .configurator .sidebar .console-header {
          background: #373737 !important; } }
      .configurator .sidebar .console-header .console-toggle {
        font-size: 0.8em;
        transition: all 0.4s ease;
        transform: rotate(180deg);
        cursor: pointer; }
        .configurator .sidebar .console-header .console-toggle.collapsed {
          transform: rotate(0deg); }
    .configurator .sidebar .test-console {
      height: 40%;
      background: black;
      color: #fff;
      overflow-y: auto;
      position: relative; }
      .configurator .sidebar .test-console.collapsed {
        height: 4em !important; }
      .configurator .sidebar .test-console h3 {
        color: #fff !important;
        text-align: center;
        margin: 0.5em auto;
        font-family: monospace; }
      .configurator .sidebar .test-console .change-callstack {
        word-break: break-word;
        border-bottom: 1px solid #fff;
        padding: 0.5em 1em; }
        .configurator .sidebar .test-console .change-callstack .change-title {
          position: relative;
          padding: 0.5em 1em;
          font-family: monospace;
          font-size: 1.2em; }
          .configurator .sidebar .test-console .change-callstack .change-title:hover {
            background: #4c4c4c;
            cursor: pointer; }
  .configurator .main {
    width: 80%;
    display: flex;
    flex-direction: column; }
    .configurator .main .top-section {
      background: #fff;
      height: 60px;
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
      display: flex;
      padding: 0 1em;
      justify-content: unset; }
      @media (prefers-color-scheme: dark) {
        .configurator .main .top-section {
          background: #292e32 !important; } }
      .configurator .main .top-section .sidebar-toggle-icon {
        display: none; }
      .configurator .main .top-section .hidden-desktop {
        display: none; }
      .configurator .main .top-section .product-quantity {
        display: flex;
        align-items: center; }
        .configurator .main .top-section .product-quantity .product-quantity-numeric-input {
          width: 200px; }
      .configurator .main .top-section .price-container {
        display: flex;
        align-items: center;
        margin-left: 2em; }
    .configurator .main .main-content-wrapper {
      display: flex;
      height: 100%; }
      .configurator .main .main-content-wrapper .mobile-tabs {
        display: none; }
      .configurator .main .main-content-wrapper .title {
        font-weight: 400;
        font-size: 1.2em;
        position: relative; }
        .configurator .main .main-content-wrapper .title:after {
          position: absolute;
          bottom: -7px;
          left: 0;
          right: 0;
          width: 100%;
          height: 1px;
          background: #e8ecee;
          content: ''; }
      .configurator .main .main-content-wrapper h4 {
        margin-bottom: 1em; }
      .configurator .main .main-content-wrapper .option-details,
      .configurator .main .main-content-wrapper .component-container {
        background: #e8ecee;
        align-items: center;
        padding: 1em;
        width: 66%;
        height: 100%;
        display: none; }
        @media (prefers-color-scheme: dark) {
          .configurator .main .main-content-wrapper .option-details,
          .configurator .main .main-content-wrapper .component-container {
            background: #1d1f22 !important; } }
        .configurator .main .main-content-wrapper .option-details .option-content-container,
        .configurator .main .main-content-wrapper .component-container .option-content-container {
          display: flex;
          flex-direction: row;
          height: 100%;
          width: 100%; }
        .configurator .main .main-content-wrapper .option-details .option-dimension-select .form-group,
        .configurator .main .main-content-wrapper .component-container .option-dimension-select .form-group {
          padding: 0;
          margin-bottom: 10px !important; }
        .configurator .main .main-content-wrapper .option-details.show,
        .configurator .main .main-content-wrapper .component-container.show {
          display: inherit; }
        .configurator .main .main-content-wrapper .option-details .option-content,
        .configurator .main .main-content-wrapper .option-details .components,
        .configurator .main .main-content-wrapper .component-container .option-content,
        .configurator .main .main-content-wrapper .component-container .components {
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
          height: 100%;
          width: 50%;
          background: #fff;
          padding: 1em;
          overflow-y: auto; }
          .configurator .main .main-content-wrapper .option-details .option-content label,
          .configurator .main .main-content-wrapper .option-details .components label,
          .configurator .main .main-content-wrapper .component-container .option-content label,
          .configurator .main .main-content-wrapper .component-container .components label {
            margin-bottom: 0;
            font-size: 0.9em; }
          .configurator .main .main-content-wrapper .option-details .option-content .product-code,
          .configurator .main .main-content-wrapper .option-details .components .product-code,
          .configurator .main .main-content-wrapper .component-container .option-content .product-code,
          .configurator .main .main-content-wrapper .component-container .components .product-code {
            font-weight: 500; }
          .configurator .main .main-content-wrapper .option-details .option-content .error-message-container,
          .configurator .main .main-content-wrapper .option-details .components .error-message-container,
          .configurator .main .main-content-wrapper .component-container .option-content .error-message-container,
          .configurator .main .main-content-wrapper .component-container .components .error-message-container {
            margin-bottom: 1em;
            display: none;
            word-break: break-word; }
            .configurator .main .main-content-wrapper .option-details .option-content .error-message-container.show,
            .configurator .main .main-content-wrapper .option-details .components .error-message-container.show,
            .configurator .main .main-content-wrapper .component-container .option-content .error-message-container.show,
            .configurator .main .main-content-wrapper .component-container .components .error-message-container.show {
              display: block; }
          @media (prefers-color-scheme: dark) {
            .configurator .main .main-content-wrapper .option-details .option-content,
            .configurator .main .main-content-wrapper .option-details .components,
            .configurator .main .main-content-wrapper .component-container .option-content,
            .configurator .main .main-content-wrapper .component-container .components {
              background: #292e32 !important; } }
          .configurator .main .main-content-wrapper .option-details .option-content.summary,
          .configurator .main .main-content-wrapper .option-details .components.summary,
          .configurator .main .main-content-wrapper .component-container .option-content.summary,
          .configurator .main .main-content-wrapper .component-container .components.summary {
            width: 40%; }
          .configurator .main .main-content-wrapper .option-details .option-content.option-values .option-dimension-wrapper,
          .configurator .main .main-content-wrapper .option-details .components.option-values .option-dimension-wrapper,
          .configurator .main .main-content-wrapper .component-container .option-content.option-values .option-dimension-wrapper,
          .configurator .main .main-content-wrapper .component-container .components.option-values .option-dimension-wrapper {
            display: flex;
            align-items: center; }
            .configurator .main .main-content-wrapper .option-details .option-content.option-values .option-dimension-wrapper:not(:last-child),
            .configurator .main .main-content-wrapper .option-details .components.option-values .option-dimension-wrapper:not(:last-child),
            .configurator .main .main-content-wrapper .component-container .option-content.option-values .option-dimension-wrapper:not(:last-child),
            .configurator .main .main-content-wrapper .component-container .components.option-values .option-dimension-wrapper:not(:last-child) {
              margin-bottom: 1em; }
            .configurator .main .main-content-wrapper .option-details .option-content.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .option-details .components.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .component-container .option-content.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .component-container .components.option-values .option-dimension-wrapper .option-dimension-name {
              word-break: break-word;
              padding-right: 1em; }
            .configurator .main .main-content-wrapper .option-details .option-content.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .option-details .option-content.option-values .option-dimension-wrapper .option-dimension-value,
            .configurator .main .main-content-wrapper .option-details .components.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .option-details .components.option-values .option-dimension-wrapper .option-dimension-value,
            .configurator .main .main-content-wrapper .component-container .option-content.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .component-container .option-content.option-values .option-dimension-wrapper .option-dimension-value,
            .configurator .main .main-content-wrapper .component-container .components.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .component-container .components.option-values .option-dimension-wrapper .option-dimension-value {
              width: 50%;
              margin-bottom: 0; }
          .configurator .main .main-content-wrapper .option-details .option-content:not(:last-child),
          .configurator .main .main-content-wrapper .option-details .components:not(:last-child),
          .configurator .main .main-content-wrapper .component-container .option-content:not(:last-child),
          .configurator .main .main-content-wrapper .component-container .components:not(:last-child) {
            margin-right: 1em; }
          .configurator .main .main-content-wrapper .option-details .option-content .e-chips,
          .configurator .main .main-content-wrapper .option-details .components .e-chips,
          .configurator .main .main-content-wrapper .component-container .option-content .e-chips,
          .configurator .main .main-content-wrapper .component-container .components .e-chips {
            background: #5c5b6c; }
          .configurator .main .main-content-wrapper .option-details .option-content .option-item-wrapper i,
          .configurator .main .main-content-wrapper .option-details .components .option-item-wrapper i,
          .configurator .main .main-content-wrapper .component-container .option-content .option-item-wrapper i,
          .configurator .main .main-content-wrapper .component-container .components .option-item-wrapper i {
            transform: translateY(20%); }
          .configurator .main .main-content-wrapper .option-details .option-content .option-item,
          .configurator .main .main-content-wrapper .option-details .components .option-item,
          .configurator .main .main-content-wrapper .component-container .option-content .option-item,
          .configurator .main .main-content-wrapper .component-container .components .option-item {
            border: 1px rgba(112, 112, 112, 0.25) solid;
            border-radius: 5px;
            padding: 5px 10px;
            text-align: center;
            cursor: pointer;
            flex-grow: 1; }
            @media (prefers-color-scheme: dark) {
              .configurator .main .main-content-wrapper .option-details .option-content .option-item,
              .configurator .main .main-content-wrapper .option-details .components .option-item,
              .configurator .main .main-content-wrapper .component-container .option-content .option-item,
              .configurator .main .main-content-wrapper .component-container .components .option-item {
                border: 1px rgba(112, 112, 112, 0.45) solid !important; } }
            .configurator .main .main-content-wrapper .option-details .option-content .option-item:not(.disabled):not(.selected):hover,
            .configurator .main .main-content-wrapper .option-details .components .option-item:not(.disabled):not(.selected):hover,
            .configurator .main .main-content-wrapper .component-container .option-content .option-item:not(.disabled):not(.selected):hover,
            .configurator .main .main-content-wrapper .component-container .components .option-item:not(.disabled):not(.selected):hover {
              background: white; }
              @media (prefers-color-scheme: dark) {
                .configurator .main .main-content-wrapper .option-details .option-content .option-item:not(.disabled):not(.selected):hover,
                .configurator .main .main-content-wrapper .option-details .components .option-item:not(.disabled):not(.selected):hover,
                .configurator .main .main-content-wrapper .component-container .option-content .option-item:not(.disabled):not(.selected):hover,
                .configurator .main .main-content-wrapper .component-container .components .option-item:not(.disabled):not(.selected):hover {
                  background: #3f444c !important; } }
            .configurator .main .main-content-wrapper .option-details .option-content .option-item:not(:last-child),
            .configurator .main .main-content-wrapper .option-details .components .option-item:not(:last-child),
            .configurator .main .main-content-wrapper .component-container .option-content .option-item:not(:last-child),
            .configurator .main .main-content-wrapper .component-container .components .option-item:not(:last-child) {
              margin-bottom: 1em; }
            .configurator .main .main-content-wrapper .option-details .option-content .option-item.selected,
            .configurator .main .main-content-wrapper .option-details .components .option-item.selected,
            .configurator .main .main-content-wrapper .component-container .option-content .option-item.selected,
            .configurator .main .main-content-wrapper .component-container .components .option-item.selected {
              background: #7d8693;
              color: #fff;
              font-size: 1.2em; }
            .configurator .main .main-content-wrapper .option-details .option-content .option-item.disabled,
            .configurator .main .main-content-wrapper .option-details .components .option-item.disabled,
            .configurator .main .main-content-wrapper .component-container .option-content .option-item.disabled,
            .configurator .main .main-content-wrapper .component-container .components .option-item.disabled {
              color: rgba(112, 112, 112, 0.25);
              cursor: not-allowed; }
            .configurator .main .main-content-wrapper .option-details .option-content .option-item.selected.disabled,
            .configurator .main .main-content-wrapper .option-details .components .option-item.selected.disabled,
            .configurator .main .main-content-wrapper .component-container .option-content .option-item.selected.disabled,
            .configurator .main .main-content-wrapper .component-container .components .option-item.selected.disabled {
              background: white; }
        .configurator .main .main-content-wrapper .option-details .components,
        .configurator .main .main-content-wrapper .component-container .components {
          width: 100%; }
          .configurator .main .main-content-wrapper .option-details .components .table thead th,
          .configurator .main .main-content-wrapper .component-container .components .table thead th {
            border-top: none; }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr:nth-of-type(odd):not(.total-row),
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr:nth-of-type(odd):not(.total-row) {
            background-color: #fbfbfb; }
            @media (prefers-color-scheme: dark) {
              .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr:nth-of-type(odd):not(.total-row),
              .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr:nth-of-type(odd):not(.total-row) {
                background-color: #161524 !important; } }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.nested td:first-child span.indent,
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.nested td:first-child span.indent {
            margin-left: 1.5rem !important; }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.nested td:not(:first-child) span.indent,
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.nested td:not(:first-child) span.indent {
            margin-left: 0.5rem !important; }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.nested td:not(:first-child) span.multiplier,
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.nested td:not(:first-child) span.multiplier {
            opacity: 0.8; }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.total-row,
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.total-row {
            background-color: #fff; }
            @media (prefers-color-scheme: dark) {
              .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.total-row,
              .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.total-row {
                background-color: #292e32 !important; } }
            .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.total-row td,
            .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.total-row td {
              font-size: 1.1em;
              font-weight: 600; }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr:not(.nested) td span.price-value-transaction,
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr:not(.nested) td span.price-value-transaction {
            font-weight: bold; }
      .configurator .main .main-content-wrapper .summary-container {
        padding: 1em;
        background: #e8ecee;
        width: 34%;
        padding-left: 0;
        display: flex;
        flex-direction: column; }
        @media (prefers-color-scheme: dark) {
          .configurator .main .main-content-wrapper .summary-container {
            background: #1d1f22 !important; } }
        .configurator .main .main-content-wrapper .summary-container .summary {
          background: #fff;
          width: 100%;
          padding: 1em;
          flex-grow: 1; }
          @media (prefers-color-scheme: dark) {
            .configurator .main .main-content-wrapper .summary-container .summary {
              background: #292e32 !important; } }
          .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header {
            height: 3%;
            padding: 0 1em;
            background: #7a8391;
            align-items: center; }
            .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header i {
              font-size: 1em;
              cursor: pointer;
              color: #fff !important; }
            .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header .image-toggle {
              transition: all 0.4s ease;
              transform: rotate(180deg); }
              .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header .image-toggle.collapsed {
                transform: rotate(0deg); }
            .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header + .image-container {
              height: 20%;
              background: #fff;
              position: relative; }
              @media (prefers-color-scheme: dark) {
                .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header + .image-container {
                  background: #292e32 !important; } }
              .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header + .image-container img {
                max-width: 100%;
                max-height: 100%;
                object-fit: contain;
                position: absolute; }
        .configurator .main .main-content-wrapper .summary-container .summary-card {
          background: none; }
          .configurator .main .main-content-wrapper .summary-container .summary-card .header {
            background: #7a8391;
            padding: 2px 1em;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .configurator .main .main-content-wrapper .summary-container .summary-card .header .option-name {
              font-size: 1.3em;
              color: #fff; }
            .configurator .main .main-content-wrapper .summary-container .summary-card .header .price-container {
              color: #fff;
              margin-left: 1em; }
          .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item {
            background: #eceef0;
            padding: 0.5em 1em; }
            @media (prefers-color-scheme: dark) {
              .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item {
                background: #161524 !important; } }
            .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item-header {
              display: flex;
              align-items: center; }
              .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item-header i {
                margin-right: 0.7em;
                transition: all 0.4s ease;
                transform: rotate(0deg);
                cursor: pointer; }
                .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item-header i.open {
                  transform: rotate(180deg); }
            .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item-name {
              margin-bottom: 0;
              flex-grow: 1; }
            .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .dimensions {
              margin-top: 0.7em;
              padding-left: calc(0.7em + 0.875rem);
              cursor: pointer; }
              .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .dimensions:hover {
                background: #f8f8f9; }
                @media (prefers-color-scheme: dark) {
                  .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .dimensions:hover {
                    background: #3f444c !important; } }
            .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .item-dimension {
              display: flex; }
              .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .item-dimension .name {
                flex-grow: 1; }
              .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .item-dimension .value {
                margin: 0 1em; }
            .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .item-dimension + .item-dimension {
              margin-top: 0.3em; }
          .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item + .summary-option-item {
            margin-top: 2px; }
        .configurator .main .main-content-wrapper .summary-container .summary-card + .summary-card {
          margin-top: 2em; }
    .configurator .main .footer {
      background: #fff;
      height: 60px;
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
      display: flex;
      padding: 0.5em 1em;
      position: relative;
      z-index: 100; }
      @media (prefers-color-scheme: dark) {
        .configurator .main .footer {
          background: #292e32 !important; } }
      .configurator .main .footer .icon {
        display: none; }
      .configurator .main .footer .btn {
        height: 36px;
        width: 135px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        font-size: 18px;
        background: #7a8391;
        border: 1px solid #747e8c;
        color: #fff;
        transition: all .25s ease-in-out; }
        .configurator .main .footer .btn.btn-inverse {
          border-width: 2px;
          color: #7a8391;
          background: none;
          opacity: 0.85; }
          .configurator .main .footer .btn.btn-inverse:hover {
            opacity: 1; }
          @media (prefers-color-scheme: dark) {
            .configurator .main .footer .btn.btn-inverse {
              border-width: 2px;
              color: #fff;
              background: none;
              border-color: #7a8391; } }
        .configurator .main .footer .btn:not(.disabled):hover {
          transform: scale(1.03) translateY(-1px);
          box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.2); }
      .configurator .main .footer .disabled .btn {
        background: #ced1d6;
        color: rgba(255, 255, 255, 0.6);
        cursor: not-allowed;
        border-color: #c5c9cf; }
        @media (prefers-color-scheme: dark) {
          .configurator .main .footer .disabled .btn {
            background: #e7e8eb !important; } }
        .configurator .main .footer .disabled .btn:hover {
          transform: none !important;
          box-shadow: none !important; }
      .configurator .main .footer .back-container,
      .configurator .main .footer .next-container,
      .configurator .main .footer .finish-container,
      .configurator .main .footer .finalise-container,
      .configurator .main .footer .go-back-container {
        display: flex;
        align-items: center; }
      .configurator .main .footer .back-container {
        flex-grow: 1; }
      .configurator .main .footer .next-container {
        justify-content: flex-end; }
      .configurator .main .footer .finish-container {
        margin-right: 2em; }
      .configurator .main .footer .finalise-container,
      .configurator .main .footer .go-back-sub-container,
      .configurator .main .footer .go-back-container {
        display: none; }

.configurator.completed .main .top-section {
  padding: 0 2em !important; }

.configurator.completed .main .option-details {
  display: none !important; }

.configurator.completed .main .component-container {
  display: inherit !important; }

.configurator.completed .main .footer .finalise-container,
.configurator.completed .main .footer .go-back-container {
  display: inherit !important; }

.configurator.completed .main .footer .back-container,
.configurator.completed .main .footer .finish-container,
.configurator.completed .main .footer .go-back-sub-container,
.configurator.completed .main .footer .next-container {
  display: none !important; }

.configurator.subconfigurator .main .footer .go-back-sub-container {
  display: inherit;
  align-items: center; }

#custommodal .modal-content .close[data-dismiss="modal"] {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 20px;
  z-index: 3000; }
  @media (prefers-color-scheme: dark) {
    #custommodal .modal-content .close[data-dismiss="modal"] {
      color: #fff !important; } }

@media only screen and (max-width: 813px) {
  #custommodal .modal-content .close[data-dismiss="modal"] {
    top: 27px; }
  .configurator .sidebar {
    position: absolute;
    height: 100%;
    width: 80%;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: all 0.3s ease-in;
    z-index: 5; }
    .configurator .sidebar .product-code {
      max-width: 80%; }
    .configurator .sidebar .close-sidebar {
      display: block !important;
      color: #fff !important;
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 1.5em;
      opacity: 0.5; }
    .configurator .sidebar.show {
      transform: translateX(0); }
  .configurator .main {
    width: 100%;
    flex-direction: column; }
    .configurator .main .top-section {
      height: 77px;
      padding: 28px 25px;
      justify-content: space-between; }
      .configurator .main .top-section .sidebar-toggle-icon {
        display: block; }
      .configurator .main .top-section .hidden-desktop {
        display: block; }
      .configurator .main .top-section .hidden-mobile {
        display: none; }
      .configurator .main .top-section .product-quantity {
        justify-content: center; }
        .configurator .main .top-section .product-quantity.no-price-in-header {
          margin-right: 6em; }
        .configurator .main .top-section .product-quantity .product-quantity-numeric-input {
          width: 200px; }
      .configurator .main .top-section .price-container {
        margin: 0 2em 0 0 !important; }
    .configurator .main .main-content-wrapper {
      flex-direction: column; }
      .configurator .main .main-content-wrapper .mobile-tabs {
        width: 100%;
        display: flex;
        height: 35px; }
        .configurator .main .main-content-wrapper .mobile-tabs .tab {
          width: 33.333333%;
          background-color: #88909d;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative; } }
        @media only screen and (max-width: 813px) and (prefers-color-scheme: dark) {
          .configurator .main .main-content-wrapper .mobile-tabs .tab {
            opacity: 0.5; } }

@media only screen and (max-width: 813px) {
          .configurator .main .main-content-wrapper .mobile-tabs .tab[data-target="components"] {
            display: none; }
          .configurator .main .main-content-wrapper .mobile-tabs .tab.active {
            background-color: #626a76; } }
          @media only screen and (max-width: 813px) and (prefers-color-scheme: dark) {
            .configurator .main .main-content-wrapper .mobile-tabs .tab.active {
              opacity: 1;
              background-color: #6d7684 !important; } }

@media only screen and (max-width: 813px) {
            .configurator .main .main-content-wrapper .mobile-tabs .tab.active:after {
              position: absolute;
              bottom: -2px;
              left: 0;
              right: 0;
              width: 100%;
              height: 4px;
              content: '';
              background-color: #5BECC0; }
            .configurator .main .main-content-wrapper .mobile-tabs .tab.active .tab-icon {
              fill: #fff; }
              .configurator .main .main-content-wrapper .mobile-tabs .tab.active .tab-icon .wm-icon {
                color: #fff !important; }
          .configurator .main .main-content-wrapper .mobile-tabs .tab .tab-icon {
            fill: rgba(255, 255, 255, 0.6);
            height: 16px;
            width: 16px; }
            .configurator .main .main-content-wrapper .mobile-tabs .tab .tab-icon .wm-icon {
              color: rgba(255, 255, 255, 0.6) !important; }
      .configurator .main .main-content-wrapper .title {
        display: none; }
      .configurator .main .main-content-wrapper .option-details,
      .configurator .main .main-content-wrapper .component-container {
        padding: 0.5em 0;
        width: 100%; }
        .configurator .main .main-content-wrapper .option-details :not(:last-child),
        .configurator .main .main-content-wrapper .component-container :not(:last-child) {
          margin-right: 0em; }
        .configurator .main .main-content-wrapper .option-details .option-content-container,
        .configurator .main .main-content-wrapper .component-container .option-content-container {
          width: 100%; }
        .configurator .main .main-content-wrapper .option-details .option-content,
        .configurator .main .main-content-wrapper .component-container .option-content {
          width: 100% !important;
          margin-right: 0 !important; }
          .configurator .main .main-content-wrapper .option-details .option-content:not(.show),
          .configurator .main .main-content-wrapper .component-container .option-content:not(.show) {
            display: none; }
        .configurator .main .main-content-wrapper .option-details.show,
        .configurator .main .main-content-wrapper .component-container.show {
          display: flex;
          flex-direction: column !important; }
      .configurator .main .main-content-wrapper .summary-container {
        display: none; }
        .configurator .main .main-content-wrapper .summary-container.show {
          display: flex;
          height: 100%;
          width: 100%;
          padding: 0.5em 0; }
  .configurator .footer {
    height: 55px !important; }
    .configurator .footer .btn {
      display: none !important; }
    .configurator .footer .disabled .icon .footer-icon {
      fill: #eaebed !important; } }
    @media only screen and (max-width: 813px) and (prefers-color-scheme: dark) {
      .configurator .footer .disabled .icon .footer-icon {
        fill: #868686 !important; } }

@media only screen and (max-width: 813px) {
    .configurator .footer .icon {
      display: block !important; }
      .configurator .footer .icon .footer-icon {
        fill: #7a8391; } }
      @media only screen and (max-width: 813px) and (prefers-color-scheme: dark) {
        .configurator .footer .icon .footer-icon {
          fill: #7a8391 !important; } }

@media only screen and (max-width: 813px) {
    .configurator .footer .back-container {
      width: auto !important;
      flex-grow: 1; }
    .configurator .footer .finish-container {
      flex-grow: 1;
      margin-right: 0 !important; }
    .configurator .footer .finalise-container,
    .configurator .footer .go-back-container,
    .configurator .footer .go-back-sub-container,
    .configurator .footer .finish-container {
      color: #7a8391; }
    .configurator .footer .next-summary-container {
      width: auto !important;
      align-items: flex-end; }
  .configurator.completed .main .top-section {
    padding: 28px 25px !important; }
  .configurator.completed .main .mobile-tabs .tab[data-target="option-item"], .configurator.completed .main .mobile-tabs .tab[data-target="option-item-values"] {
    display: none; }
  .configurator.completed .main .mobile-tabs .tab[data-target="components"] {
    display: flex;
    flex-grow: 1; }
  .configurator.completed .main .mobile-tabs .tab[data-target="summary"] {
    flex-grow: 1; }
  .configurator.completed .main .component-container {
    display: none !important; }
    .configurator.completed .main .component-container.show {
      display: block !important; }
  .configurator.completed .footer {
    flex-direction: row-reverse !important;
    justify-content: space-between !important; } }

@media only screen and (min-width: 376px) and (max-width: 500px) {
  .option-details {
    height: 90% !important; }
  .footer {
    height: 45px !important; }
    .footer .btn {
      height: 30px !important; } }

@media only screen and (min-width: 501px) and (max-width: 767px) {
  .footer {
    height: 10% !important; }
    .footer .btn {
      height: 30px !important;
      font-size: 15px !important; } }

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .main .footer {
    padding: 0.2em 0.8em !important;
    height: 8% !important; }
    .main .footer .btn {
      height: 25px !important; } }

.configurator-changes .e-list-parent.e-ul .e-list-item.e-active .e-text-content {
  background-color: transparent !important; }

.image-popup {
  position: fixed;
  z-index: 999999999;
  top: -100%;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  margin-left: 0;
  width: 100%;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.7); }
  .image-popup .popup-container {
    position: absolute;
    z-index: 100000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    transition: 0.2s ease-in-out;
    margin: auto;
    width: 0;
    height: 0px; }
  .image-popup.open {
    top: 0;
    opacity: 1;
    height: 100%; }
    .image-popup.open .popup-container {
      overflow: auto;
      width: 100%;
      height: 80vh; }
    @media only screen and (min-width: 29em) {
      .image-popup.open .popup-container {
        width: 100%; } }
    @media only screen and (min-width: 62em) {
      .image-popup.open .popup-container {
        width: 80%; } }
    @media only screen and (min-width: 75em) {
      .image-popup.open .popup-container {
        width: 50%; } }
  .image-popup .close-button {
    position: absolute;
    z-index: 999;
    top: -8px;
    right: 6px;
    opacity: 0.5;
    transition: 0.2s;
    cursor: pointer;
    font-size: 36px;
    color: #777; }
  .image-popup .close-button:hover {
    opacity: 1; }
  .image-popup .sub-container {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: auto;
    transition: .3s;
    width: 100%;
    height: 100%;
    padding: 2.2rem 1rem;
    background-color: white; }
    @media only screen and (min-width: 62em) {
      .image-popup .sub-container {
        padding: 2.2rem 1.8rem; } }
    @media (prefers-color-scheme: dark) {
      .image-popup .sub-container {
        background-color: #292e32; } }
    .image-popup .sub-container .feature {
      height: auto !important; }
      .image-popup .sub-container .feature .full-content-header {
        align-items: center;
        margin-bottom: 1rem; }
        .image-popup .sub-container .feature .full-content-header h4, .image-popup .sub-container .feature .full-content-header h3 {
          flex-grow: 1; }
      .image-popup .sub-container .feature .single-feature,
      .image-popup .sub-container .feature .feature-list li {
        opacity: 1 !important; }

.image-popup.open img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.wm-carousel {
  margin: 0 auto; }
  .wm-carousel.standalone {
    box-shadow: 0 6px 9px rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
    @media (prefers-color-scheme: dark) {
      .wm-carousel.standalone {
        box-shadow: 0 6px 9px black;
        background-color: #292e32; } }
  .wm-carousel .carousel-item {
    overflow: hidden; }
    .wm-carousel .carousel-item .view-more-btn {
      display: block;
      margin: 0 auto;
      padding: 0.2rem 0.5rem; }
  .wm-carousel .carousel-item-inner {
    padding: 1.5em 5%;
    position: relative;
    overflow: hidden;
    word-break: break-word; }
    .wm-carousel .carousel-item-inner.view-more:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-image: linear-gradient(rgba(255, 255, 255, 0) 80%, white 100%); }
      @media (prefers-color-scheme: dark) {
        .wm-carousel .carousel-item-inner.view-more:after {
          background-image: linear-gradient(rgba(255, 255, 255, 0) 80%, #292e32 100%); } }
  .wm-carousel h2 {
    flex-grow: 1; }
  .wm-carousel .carousel-item-body {
    font-size: 1.1em; }
  .wm-carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 10px; }
  @media (prefers-color-scheme: light) {
    .wm-carousel .carousel-indicators li {
      border: 1px solid #909090; }
      .wm-carousel .carousel-indicators li.active {
        background-color: #000; } }
  .wm-carousel .carousel-control-prev,
  .wm-carousel .carousel-control-next {
    width: 5%; }
    @media (prefers-color-scheme: light) {
      .wm-carousel .carousel-control-prev i,
      .wm-carousel .carousel-control-next i {
        color: black; } }
  .wm-carousel .popup {
    position: fixed;
    z-index: 999999999;
    top: -100%;
    left: 0;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    margin-left: 0;
    width: 100%;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.7); }
    .wm-carousel .popup .popup-container {
      position: absolute;
      z-index: 100000;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      overflow: hidden;
      transition: 0.2s ease-in-out;
      margin: auto;
      width: 0;
      height: 0px; }
    .wm-carousel .popup.open {
      top: 0;
      opacity: 1;
      height: 100%; }
      .wm-carousel .popup.open .popup-container {
        overflow: auto;
        width: 100%;
        height: 80vh; }
      @media only screen and (min-width: 29em) {
        .wm-carousel .popup.open .popup-container {
          width: 100%; } }
      @media only screen and (min-width: 62em) {
        .wm-carousel .popup.open .popup-container {
          width: 80%; } }
      @media only screen and (min-width: 75em) {
        .wm-carousel .popup.open .popup-container {
          width: 50%; } }
    .wm-carousel .popup .close-button {
      position: absolute;
      z-index: 999;
      top: -8px;
      right: 6px;
      opacity: 0.5;
      transition: 0.2s;
      cursor: pointer;
      font-size: 36px;
      color: #777; }
    .wm-carousel .popup .close-button:hover {
      opacity: 1; }
    .wm-carousel .popup .sub-container {
      position: relative;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      overflow: auto;
      transition: .3s;
      width: 100%;
      height: 100%;
      padding: 2.2rem 1rem;
      background-color: white; }
      @media only screen and (min-width: 62em) {
        .wm-carousel .popup .sub-container {
          padding: 2.2rem 1.8rem; } }
      @media (prefers-color-scheme: dark) {
        .wm-carousel .popup .sub-container {
          background-color: #292e32; } }
      .wm-carousel .popup .sub-container .feature {
        height: auto !important; }
        .wm-carousel .popup .sub-container .feature .full-content-header {
          align-items: center;
          margin-bottom: 1rem; }
          .wm-carousel .popup .sub-container .feature .full-content-header h4, .wm-carousel .popup .sub-container .feature .full-content-header h3 {
            flex-grow: 1; }
        .wm-carousel .popup .sub-container .feature .single-feature,
        .wm-carousel .popup .sub-container .feature .feature-list li {
          opacity: 1 !important; }
  .wm-carousel [data-view-type="whatsnew"] .features .feature {
    border-radius: 5px;
    padding: 0.7rem 1rem;
    background-color: #f2f2f2;
    height: 170px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    overflow: hidden;
    overflow-x: auto; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature h3 em {
      font-style: normal;
      font-size: 0.8em;
      font-weight: 400;
      opacity: 0.7; }
    @media only screen and (max-width: 61.9375em) {
      .wm-carousel [data-view-type="whatsnew"] .features .feature {
        height: 194px; } }
    @media (prefers-color-scheme: dark) {
      .wm-carousel [data-view-type="whatsnew"] .features .feature {
        background-color: #252729; } }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .feature-icon .wm-icon {
      font-size: 40px;
      margin-right: 1rem;
      width: 52px; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .text-content {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      margin: auto 0; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .single-feature {
      opacity: 0.8;
      font-weight: 300; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .feature-list {
      margin: 0;
      padding-left: 0.5rem;
      list-style: disc; }
      .wm-carousel [data-view-type="whatsnew"] .features .feature .feature-list li {
        opacity: 0.8;
        font-weight: 300; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature ul.feature-list {
      padding-left: 1.2rem; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .feature-content {
      height: calc(100% - 40px);
      overflow: hidden; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .feature-icon {
      margin: auto 0;
      text-align: center; }
  .wm-carousel [data-view-type="whatsnew"] .features .feature + .feature {
    margin-top: 0.75rem; }
  .wm-carousel [data-view-type="whatsnew"] .details-link {
    color: #afb3b9;
    cursor: pointer;
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1rem; }
    .wm-carousel [data-view-type="whatsnew"] .details-link:hover {
      color: #c5c8cc; }

[data-widget-name="WhatsNew"] .wm-section {
  padding-bottom: 0 !important; }
  [data-widget-name="WhatsNew"] .wm-section.collapsed {
    padding-bottom: 1rem !important; }

[data-widget-name="WhatsNew"] .carousel-item-inner {
  padding: 0 5% !important; }

[data-widget-name="WhatsNew"] .carousel-control-prev {
  left: -10px; }

[data-widget-name="WhatsNew"] .carousel-control-next {
  right: -10px; }

::-webkit-scrollbar {
  width: 7px;
  height: 10px; }

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  cursor: pointer; }
  @media (prefers-color-scheme: light) {
    ::-webkit-scrollbar-thumb {
      background: #a4aab4; } }
  @media (prefers-color-scheme: dark) {
    ::-webkit-scrollbar-thumb {
      background: #565d68; } }

::-webkit-scrollbar-track {
  border-radius: 8px; }
  @media (prefers-color-scheme: light) {
    ::-webkit-scrollbar-track {
      background: white; } }
  @media (prefers-color-scheme: dark) {
    ::-webkit-scrollbar-track {
      background: #666f7c; } }

.wm-widget[data-name="ReleaseFeatures"] .release-header {
  align-items: flex-start; }

.wm-widget[data-name="ReleaseFeatures"] .release-feature + .release-feature {
  margin-top: 2.7rem; }

.wm-widget[data-name="ReleaseFeatures"] .feature + .feature {
  margin-top: 1.5rem; }

.wm-widget[data-name="ReleaseFeatures"] .feature .header {
  align-items: flex-start; }
  .wm-widget[data-name="ReleaseFeatures"] .feature .header h5 {
    font-weight: 400; }

.wm-widget[data-name="ReleaseFeatures"] .release-feature {
  position: relative; }

.wm-widget[data-name="ReleaseFeatures"] .feature-details {
  font-weight: 300; }
  .wm-widget[data-name="ReleaseFeatures"] .feature-details p {
    color: #2c2b2e !important;
    font-size: 0.875rem; }
    @media (prefers-color-scheme: dark) {
      .wm-widget[data-name="ReleaseFeatures"] .feature-details p {
        color: #fff !important; } }

.wm-widget[data-name="ReleaseFeatures"] .release-feature:not(:last-child):after {
  content: '';
  position: absolute;
  bottom: -1.35rem;
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
  display: inline-block; }
  @media (prefers-color-scheme: dark) {
    .wm-widget[data-name="ReleaseFeatures"] .release-feature:not(:last-child):after {
      background-color: #e2e2e224 !important; } }

#wmdisplay_support_case_external_reference {
  padding-top: 20px; }

#productionscheduler .wm-widget-body .form-group {
  display: flex;
  gap: 1rem;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 1rem; }
  #productionscheduler .wm-widget-body .form-group .btn {
    margin-top: auto;
    height: 30px; }
  #productionscheduler .wm-widget-body .form-group .wm-container-parent {
    flex: 1; }

/*
    Required for Contact Methods Type dropdown select.
*/
.e-ddl.e-popup[id^='ItemValue_communication_method_id_'] {
  max-height: fit-content !important; }
  .e-ddl.e-popup[id^='ItemValue_communication_method_id_'] .wm-inline-suggestions {
    margin: 0.75rem 1rem;
    border-bottom: 1px solid #c0c9d3;
    color: #2e3338 !important; }
  .e-ddl.e-popup[id^='ItemValue_communication_method_id_'] .wm-inline-suggestion-note {
    margin: 1rem 8px 8px 8px;
    border-radius: 0.25rem;
    padding: 0.5rem;
    background: #edf2f3;
    color: #77818d !important; }

/*# sourceMappingURL=style.css.map */