@charset "UTF-8";
@import "/lib/animateCss/animate.min.css";
@import "/lib/bootstrap4/css/bootstrap.min.css";
@import "/lib/codemirror/lib/codemirror.min.css";
@import "/lib/codemirror/addon/hint/show-hint.css";
@import "/lib/Croppie/croppie.css";
@import "/lib/Croppie/croppie.min.css";
@import "/lib/datatables/datatables.min.css";
@import "/lib/fontawesome/fontawesome-all.min.css";
@import "/lib/iziToast/iziToast.min.css";
@import "/lib/OverlayScrollbars/OverlayScrollbars.min.css";
@import "/lib/OverlayScrollbars/OverlayScrollbars.min.css";
@import "/lib/postcodeanywhere/address-3.70.min.css";
@import "/lib/weather-icons/weather-icons.min.css";
@import "/lib/weather-icons/weather-icons.min.css";
@import "/lib/weather-icons/weather-icons-wind.min.css";
@import "/lib/weather-icons/weather-icons-wind.min.css";
/*
    Function to convert base RGB colours to accept an alpha channel.
*/
.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
}
.gap-1 {
  gap: 0.25rem;
}

.row.gap-1 > .col-1 {
  flex: 0 0 calc(8.3333333333% - (2.75rem / 12));
  max-width: calc(8.3333333333% - (2.75rem / 12));
}

.row.gap-1 > .col-2 {
  flex: 0 0 calc(16.6666666667% - (1.25rem / 6));
  max-width: calc(16.6666666667% - (1.25rem / 6));
}

.row.gap-1 > .col-3 {
  flex: 0 0 calc(25% - (0.75rem / 4));
  max-width: calc(25% - (0.75rem / 4));
}

.row.gap-1 > .col-4 {
  flex: 0 0 calc(33.3333333333% - (0.5rem / 3));
  max-width: calc(33.3333333333% - (0.5rem / 3));
}

.row.gap-1 > .col-5 {
  flex: 0 0 calc(41.6666666667% - (0.35rem / 2.4));
  max-width: calc(41.6666666667% - (0.35rem / 2.4));
}

.row.gap-1 > .col-6 {
  flex: 0 0 calc(50% - (0.25rem / 2));
  max-width: calc(50% - (0.25rem / 2));
}

.row.gap-1 > .col-7 {
  flex: 0 0 calc(58.3333333333% - (0.1785714286rem / 1.7142857143));
  max-width: calc(58.3333333333% - (0.1785714286rem / 1.7142857143));
}

.row.gap-1 > .col-8 {
  flex: 0 0 calc(66.6666666667% - (0.125rem / 1.5));
  max-width: calc(66.6666666667% - (0.125rem / 1.5));
}

.row.gap-1 > .col-9 {
  flex: 0 0 calc(75% - (0.0833333333rem / 1.3333333333));
  max-width: calc(75% - (0.0833333333rem / 1.3333333333));
}

.row.gap-1 > .col-10 {
  flex: 0 0 calc(83.3333333333% - (0.05rem / 1.2));
  max-width: calc(83.3333333333% - (0.05rem / 1.2));
}

.row.gap-1 > .col-11 {
  flex: 0 0 calc(91.6666666667% - (0.0227272727rem / 1.0909090909));
  max-width: calc(91.6666666667% - (0.0227272727rem / 1.0909090909));
}

@media (min-width: 576px) {
  .row.gap-1 > .col-sm-1 {
    flex: 0 0 calc(8.3333333333% - (2.75rem / 12));
    max-width: calc(8.3333333333% - (2.75rem / 12));
  }
}
@media (min-width: 576px) {
  .row.gap-1 > .col-sm-2 {
    flex: 0 0 calc(16.6666666667% - (1.25rem / 6));
    max-width: calc(16.6666666667% - (1.25rem / 6));
  }
}
@media (min-width: 576px) {
  .row.gap-1 > .col-sm-3 {
    flex: 0 0 calc(25% - (0.75rem / 4));
    max-width: calc(25% - (0.75rem / 4));
  }
}
@media (min-width: 576px) {
  .row.gap-1 > .col-sm-4 {
    flex: 0 0 calc(33.3333333333% - (0.5rem / 3));
    max-width: calc(33.3333333333% - (0.5rem / 3));
  }
}
@media (min-width: 576px) {
  .row.gap-1 > .col-sm-5 {
    flex: 0 0 calc(41.6666666667% - (0.35rem / 2.4));
    max-width: calc(41.6666666667% - (0.35rem / 2.4));
  }
}
@media (min-width: 576px) {
  .row.gap-1 > .col-sm-6 {
    flex: 0 0 calc(50% - (0.25rem / 2));
    max-width: calc(50% - (0.25rem / 2));
  }
}
@media (min-width: 576px) {
  .row.gap-1 > .col-sm-7 {
    flex: 0 0 calc(58.3333333333% - (0.1785714286rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.1785714286rem / 1.7142857143));
  }
}
@media (min-width: 576px) {
  .row.gap-1 > .col-sm-8 {
    flex: 0 0 calc(66.6666666667% - (0.125rem / 1.5));
    max-width: calc(66.6666666667% - (0.125rem / 1.5));
  }
}
@media (min-width: 576px) {
  .row.gap-1 > .col-sm-9 {
    flex: 0 0 calc(75% - (0.0833333333rem / 1.3333333333));
    max-width: calc(75% - (0.0833333333rem / 1.3333333333));
  }
}
@media (min-width: 576px) {
  .row.gap-1 > .col-sm-10 {
    flex: 0 0 calc(83.3333333333% - (0.05rem / 1.2));
    max-width: calc(83.3333333333% - (0.05rem / 1.2));
  }
}
@media (min-width: 576px) {
  .row.gap-1 > .col-sm-11 {
    flex: 0 0 calc(91.6666666667% - (0.0227272727rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0227272727rem / 1.0909090909));
  }
}
@media (min-width: 768px) {
  .row.gap-1 > .col-md-1 {
    flex: 0 0 calc(8.3333333333% - (2.75rem / 12));
    max-width: calc(8.3333333333% - (2.75rem / 12));
  }
}
@media (min-width: 768px) {
  .row.gap-1 > .col-md-2 {
    flex: 0 0 calc(16.6666666667% - (1.25rem / 6));
    max-width: calc(16.6666666667% - (1.25rem / 6));
  }
}
@media (min-width: 768px) {
  .row.gap-1 > .col-md-3 {
    flex: 0 0 calc(25% - (0.75rem / 4));
    max-width: calc(25% - (0.75rem / 4));
  }
}
@media (min-width: 768px) {
  .row.gap-1 > .col-md-4 {
    flex: 0 0 calc(33.3333333333% - (0.5rem / 3));
    max-width: calc(33.3333333333% - (0.5rem / 3));
  }
}
@media (min-width: 768px) {
  .row.gap-1 > .col-md-5 {
    flex: 0 0 calc(41.6666666667% - (0.35rem / 2.4));
    max-width: calc(41.6666666667% - (0.35rem / 2.4));
  }
}
@media (min-width: 768px) {
  .row.gap-1 > .col-md-6 {
    flex: 0 0 calc(50% - (0.25rem / 2));
    max-width: calc(50% - (0.25rem / 2));
  }
}
@media (min-width: 768px) {
  .row.gap-1 > .col-md-7 {
    flex: 0 0 calc(58.3333333333% - (0.1785714286rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.1785714286rem / 1.7142857143));
  }
}
@media (min-width: 768px) {
  .row.gap-1 > .col-md-8 {
    flex: 0 0 calc(66.6666666667% - (0.125rem / 1.5));
    max-width: calc(66.6666666667% - (0.125rem / 1.5));
  }
}
@media (min-width: 768px) {
  .row.gap-1 > .col-md-9 {
    flex: 0 0 calc(75% - (0.0833333333rem / 1.3333333333));
    max-width: calc(75% - (0.0833333333rem / 1.3333333333));
  }
}
@media (min-width: 768px) {
  .row.gap-1 > .col-md-10 {
    flex: 0 0 calc(83.3333333333% - (0.05rem / 1.2));
    max-width: calc(83.3333333333% - (0.05rem / 1.2));
  }
}
@media (min-width: 768px) {
  .row.gap-1 > .col-md-11 {
    flex: 0 0 calc(91.6666666667% - (0.0227272727rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0227272727rem / 1.0909090909));
  }
}
@media (min-width: 992px) {
  .row.gap-1 > .col-lg-1 {
    flex: 0 0 calc(8.3333333333% - (2.75rem / 12));
    max-width: calc(8.3333333333% - (2.75rem / 12));
  }
}
@media (min-width: 992px) {
  .row.gap-1 > .col-lg-2 {
    flex: 0 0 calc(16.6666666667% - (1.25rem / 6));
    max-width: calc(16.6666666667% - (1.25rem / 6));
  }
}
@media (min-width: 992px) {
  .row.gap-1 > .col-lg-3 {
    flex: 0 0 calc(25% - (0.75rem / 4));
    max-width: calc(25% - (0.75rem / 4));
  }
}
@media (min-width: 992px) {
  .row.gap-1 > .col-lg-4 {
    flex: 0 0 calc(33.3333333333% - (0.5rem / 3));
    max-width: calc(33.3333333333% - (0.5rem / 3));
  }
}
@media (min-width: 992px) {
  .row.gap-1 > .col-lg-5 {
    flex: 0 0 calc(41.6666666667% - (0.35rem / 2.4));
    max-width: calc(41.6666666667% - (0.35rem / 2.4));
  }
}
@media (min-width: 992px) {
  .row.gap-1 > .col-lg-6 {
    flex: 0 0 calc(50% - (0.25rem / 2));
    max-width: calc(50% - (0.25rem / 2));
  }
}
@media (min-width: 992px) {
  .row.gap-1 > .col-lg-7 {
    flex: 0 0 calc(58.3333333333% - (0.1785714286rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.1785714286rem / 1.7142857143));
  }
}
@media (min-width: 992px) {
  .row.gap-1 > .col-lg-8 {
    flex: 0 0 calc(66.6666666667% - (0.125rem / 1.5));
    max-width: calc(66.6666666667% - (0.125rem / 1.5));
  }
}
@media (min-width: 992px) {
  .row.gap-1 > .col-lg-9 {
    flex: 0 0 calc(75% - (0.0833333333rem / 1.3333333333));
    max-width: calc(75% - (0.0833333333rem / 1.3333333333));
  }
}
@media (min-width: 992px) {
  .row.gap-1 > .col-lg-10 {
    flex: 0 0 calc(83.3333333333% - (0.05rem / 1.2));
    max-width: calc(83.3333333333% - (0.05rem / 1.2));
  }
}
@media (min-width: 992px) {
  .row.gap-1 > .col-lg-11 {
    flex: 0 0 calc(91.6666666667% - (0.0227272727rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0227272727rem / 1.0909090909));
  }
}
@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-1 {
    flex: 0 0 calc(8.3333333333% - (2.75rem / 12));
    max-width: calc(8.3333333333% - (2.75rem / 12));
  }
}
@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-2 {
    flex: 0 0 calc(16.6666666667% - (1.25rem / 6));
    max-width: calc(16.6666666667% - (1.25rem / 6));
  }
}
@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-3 {
    flex: 0 0 calc(25% - (0.75rem / 4));
    max-width: calc(25% - (0.75rem / 4));
  }
}
@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-4 {
    flex: 0 0 calc(33.3333333333% - (0.5rem / 3));
    max-width: calc(33.3333333333% - (0.5rem / 3));
  }
}
@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-5 {
    flex: 0 0 calc(41.6666666667% - (0.35rem / 2.4));
    max-width: calc(41.6666666667% - (0.35rem / 2.4));
  }
}
@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-6 {
    flex: 0 0 calc(50% - (0.25rem / 2));
    max-width: calc(50% - (0.25rem / 2));
  }
}
@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-7 {
    flex: 0 0 calc(58.3333333333% - (0.1785714286rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.1785714286rem / 1.7142857143));
  }
}
@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-8 {
    flex: 0 0 calc(66.6666666667% - (0.125rem / 1.5));
    max-width: calc(66.6666666667% - (0.125rem / 1.5));
  }
}
@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-9 {
    flex: 0 0 calc(75% - (0.0833333333rem / 1.3333333333));
    max-width: calc(75% - (0.0833333333rem / 1.3333333333));
  }
}
@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-10 {
    flex: 0 0 calc(83.3333333333% - (0.05rem / 1.2));
    max-width: calc(83.3333333333% - (0.05rem / 1.2));
  }
}
@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-11 {
    flex: 0 0 calc(91.6666666667% - (0.0227272727rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0227272727rem / 1.0909090909));
  }
}
.gap-2 {
  gap: 0.5rem;
}

.row.gap-2 > .col-1 {
  flex: 0 0 calc(8.3333333333% - (5.5rem / 12));
  max-width: calc(8.3333333333% - (5.5rem / 12));
}

.row.gap-2 > .col-2 {
  flex: 0 0 calc(16.6666666667% - (2.5rem / 6));
  max-width: calc(16.6666666667% - (2.5rem / 6));
}

.row.gap-2 > .col-3 {
  flex: 0 0 calc(25% - (1.5rem / 4));
  max-width: calc(25% - (1.5rem / 4));
}

.row.gap-2 > .col-4 {
  flex: 0 0 calc(33.3333333333% - (1rem / 3));
  max-width: calc(33.3333333333% - (1rem / 3));
}

.row.gap-2 > .col-5 {
  flex: 0 0 calc(41.6666666667% - (0.7rem / 2.4));
  max-width: calc(41.6666666667% - (0.7rem / 2.4));
}

.row.gap-2 > .col-6 {
  flex: 0 0 calc(50% - (0.5rem / 2));
  max-width: calc(50% - (0.5rem / 2));
}

.row.gap-2 > .col-7 {
  flex: 0 0 calc(58.3333333333% - (0.3571428571rem / 1.7142857143));
  max-width: calc(58.3333333333% - (0.3571428571rem / 1.7142857143));
}

.row.gap-2 > .col-8 {
  flex: 0 0 calc(66.6666666667% - (0.25rem / 1.5));
  max-width: calc(66.6666666667% - (0.25rem / 1.5));
}

.row.gap-2 > .col-9 {
  flex: 0 0 calc(75% - (0.1666666667rem / 1.3333333333));
  max-width: calc(75% - (0.1666666667rem / 1.3333333333));
}

.row.gap-2 > .col-10 {
  flex: 0 0 calc(83.3333333333% - (0.1rem / 1.2));
  max-width: calc(83.3333333333% - (0.1rem / 1.2));
}

.row.gap-2 > .col-11 {
  flex: 0 0 calc(91.6666666667% - (0.0454545455rem / 1.0909090909));
  max-width: calc(91.6666666667% - (0.0454545455rem / 1.0909090909));
}

@media (min-width: 576px) {
  .row.gap-2 > .col-sm-1 {
    flex: 0 0 calc(8.3333333333% - (5.5rem / 12));
    max-width: calc(8.3333333333% - (5.5rem / 12));
  }
}
@media (min-width: 576px) {
  .row.gap-2 > .col-sm-2 {
    flex: 0 0 calc(16.6666666667% - (2.5rem / 6));
    max-width: calc(16.6666666667% - (2.5rem / 6));
  }
}
@media (min-width: 576px) {
  .row.gap-2 > .col-sm-3 {
    flex: 0 0 calc(25% - (1.5rem / 4));
    max-width: calc(25% - (1.5rem / 4));
  }
}
@media (min-width: 576px) {
  .row.gap-2 > .col-sm-4 {
    flex: 0 0 calc(33.3333333333% - (1rem / 3));
    max-width: calc(33.3333333333% - (1rem / 3));
  }
}
@media (min-width: 576px) {
  .row.gap-2 > .col-sm-5 {
    flex: 0 0 calc(41.6666666667% - (0.7rem / 2.4));
    max-width: calc(41.6666666667% - (0.7rem / 2.4));
  }
}
@media (min-width: 576px) {
  .row.gap-2 > .col-sm-6 {
    flex: 0 0 calc(50% - (0.5rem / 2));
    max-width: calc(50% - (0.5rem / 2));
  }
}
@media (min-width: 576px) {
  .row.gap-2 > .col-sm-7 {
    flex: 0 0 calc(58.3333333333% - (0.3571428571rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.3571428571rem / 1.7142857143));
  }
}
@media (min-width: 576px) {
  .row.gap-2 > .col-sm-8 {
    flex: 0 0 calc(66.6666666667% - (0.25rem / 1.5));
    max-width: calc(66.6666666667% - (0.25rem / 1.5));
  }
}
@media (min-width: 576px) {
  .row.gap-2 > .col-sm-9 {
    flex: 0 0 calc(75% - (0.1666666667rem / 1.3333333333));
    max-width: calc(75% - (0.1666666667rem / 1.3333333333));
  }
}
@media (min-width: 576px) {
  .row.gap-2 > .col-sm-10 {
    flex: 0 0 calc(83.3333333333% - (0.1rem / 1.2));
    max-width: calc(83.3333333333% - (0.1rem / 1.2));
  }
}
@media (min-width: 576px) {
  .row.gap-2 > .col-sm-11 {
    flex: 0 0 calc(91.6666666667% - (0.0454545455rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0454545455rem / 1.0909090909));
  }
}
@media (min-width: 768px) {
  .row.gap-2 > .col-md-1 {
    flex: 0 0 calc(8.3333333333% - (5.5rem / 12));
    max-width: calc(8.3333333333% - (5.5rem / 12));
  }
}
@media (min-width: 768px) {
  .row.gap-2 > .col-md-2 {
    flex: 0 0 calc(16.6666666667% - (2.5rem / 6));
    max-width: calc(16.6666666667% - (2.5rem / 6));
  }
}
@media (min-width: 768px) {
  .row.gap-2 > .col-md-3 {
    flex: 0 0 calc(25% - (1.5rem / 4));
    max-width: calc(25% - (1.5rem / 4));
  }
}
@media (min-width: 768px) {
  .row.gap-2 > .col-md-4 {
    flex: 0 0 calc(33.3333333333% - (1rem / 3));
    max-width: calc(33.3333333333% - (1rem / 3));
  }
}
@media (min-width: 768px) {
  .row.gap-2 > .col-md-5 {
    flex: 0 0 calc(41.6666666667% - (0.7rem / 2.4));
    max-width: calc(41.6666666667% - (0.7rem / 2.4));
  }
}
@media (min-width: 768px) {
  .row.gap-2 > .col-md-6 {
    flex: 0 0 calc(50% - (0.5rem / 2));
    max-width: calc(50% - (0.5rem / 2));
  }
}
@media (min-width: 768px) {
  .row.gap-2 > .col-md-7 {
    flex: 0 0 calc(58.3333333333% - (0.3571428571rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.3571428571rem / 1.7142857143));
  }
}
@media (min-width: 768px) {
  .row.gap-2 > .col-md-8 {
    flex: 0 0 calc(66.6666666667% - (0.25rem / 1.5));
    max-width: calc(66.6666666667% - (0.25rem / 1.5));
  }
}
@media (min-width: 768px) {
  .row.gap-2 > .col-md-9 {
    flex: 0 0 calc(75% - (0.1666666667rem / 1.3333333333));
    max-width: calc(75% - (0.1666666667rem / 1.3333333333));
  }
}
@media (min-width: 768px) {
  .row.gap-2 > .col-md-10 {
    flex: 0 0 calc(83.3333333333% - (0.1rem / 1.2));
    max-width: calc(83.3333333333% - (0.1rem / 1.2));
  }
}
@media (min-width: 768px) {
  .row.gap-2 > .col-md-11 {
    flex: 0 0 calc(91.6666666667% - (0.0454545455rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0454545455rem / 1.0909090909));
  }
}
@media (min-width: 992px) {
  .row.gap-2 > .col-lg-1 {
    flex: 0 0 calc(8.3333333333% - (5.5rem / 12));
    max-width: calc(8.3333333333% - (5.5rem / 12));
  }
}
@media (min-width: 992px) {
  .row.gap-2 > .col-lg-2 {
    flex: 0 0 calc(16.6666666667% - (2.5rem / 6));
    max-width: calc(16.6666666667% - (2.5rem / 6));
  }
}
@media (min-width: 992px) {
  .row.gap-2 > .col-lg-3 {
    flex: 0 0 calc(25% - (1.5rem / 4));
    max-width: calc(25% - (1.5rem / 4));
  }
}
@media (min-width: 992px) {
  .row.gap-2 > .col-lg-4 {
    flex: 0 0 calc(33.3333333333% - (1rem / 3));
    max-width: calc(33.3333333333% - (1rem / 3));
  }
}
@media (min-width: 992px) {
  .row.gap-2 > .col-lg-5 {
    flex: 0 0 calc(41.6666666667% - (0.7rem / 2.4));
    max-width: calc(41.6666666667% - (0.7rem / 2.4));
  }
}
@media (min-width: 992px) {
  .row.gap-2 > .col-lg-6 {
    flex: 0 0 calc(50% - (0.5rem / 2));
    max-width: calc(50% - (0.5rem / 2));
  }
}
@media (min-width: 992px) {
  .row.gap-2 > .col-lg-7 {
    flex: 0 0 calc(58.3333333333% - (0.3571428571rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.3571428571rem / 1.7142857143));
  }
}
@media (min-width: 992px) {
  .row.gap-2 > .col-lg-8 {
    flex: 0 0 calc(66.6666666667% - (0.25rem / 1.5));
    max-width: calc(66.6666666667% - (0.25rem / 1.5));
  }
}
@media (min-width: 992px) {
  .row.gap-2 > .col-lg-9 {
    flex: 0 0 calc(75% - (0.1666666667rem / 1.3333333333));
    max-width: calc(75% - (0.1666666667rem / 1.3333333333));
  }
}
@media (min-width: 992px) {
  .row.gap-2 > .col-lg-10 {
    flex: 0 0 calc(83.3333333333% - (0.1rem / 1.2));
    max-width: calc(83.3333333333% - (0.1rem / 1.2));
  }
}
@media (min-width: 992px) {
  .row.gap-2 > .col-lg-11 {
    flex: 0 0 calc(91.6666666667% - (0.0454545455rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0454545455rem / 1.0909090909));
  }
}
@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-1 {
    flex: 0 0 calc(8.3333333333% - (5.5rem / 12));
    max-width: calc(8.3333333333% - (5.5rem / 12));
  }
}
@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-2 {
    flex: 0 0 calc(16.6666666667% - (2.5rem / 6));
    max-width: calc(16.6666666667% - (2.5rem / 6));
  }
}
@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-3 {
    flex: 0 0 calc(25% - (1.5rem / 4));
    max-width: calc(25% - (1.5rem / 4));
  }
}
@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-4 {
    flex: 0 0 calc(33.3333333333% - (1rem / 3));
    max-width: calc(33.3333333333% - (1rem / 3));
  }
}
@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-5 {
    flex: 0 0 calc(41.6666666667% - (0.7rem / 2.4));
    max-width: calc(41.6666666667% - (0.7rem / 2.4));
  }
}
@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-6 {
    flex: 0 0 calc(50% - (0.5rem / 2));
    max-width: calc(50% - (0.5rem / 2));
  }
}
@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-7 {
    flex: 0 0 calc(58.3333333333% - (0.3571428571rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.3571428571rem / 1.7142857143));
  }
}
@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-8 {
    flex: 0 0 calc(66.6666666667% - (0.25rem / 1.5));
    max-width: calc(66.6666666667% - (0.25rem / 1.5));
  }
}
@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-9 {
    flex: 0 0 calc(75% - (0.1666666667rem / 1.3333333333));
    max-width: calc(75% - (0.1666666667rem / 1.3333333333));
  }
}
@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-10 {
    flex: 0 0 calc(83.3333333333% - (0.1rem / 1.2));
    max-width: calc(83.3333333333% - (0.1rem / 1.2));
  }
}
@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-11 {
    flex: 0 0 calc(91.6666666667% - (0.0454545455rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0454545455rem / 1.0909090909));
  }
}
.gap-3 {
  gap: 1rem;
}

.row.gap-3 > .col-1 {
  flex: 0 0 calc(8.3333333333% - (11rem / 12));
  max-width: calc(8.3333333333% - (11rem / 12));
}

.row.gap-3 > .col-2 {
  flex: 0 0 calc(16.6666666667% - (5rem / 6));
  max-width: calc(16.6666666667% - (5rem / 6));
}

.row.gap-3 > .col-3 {
  flex: 0 0 calc(25% - (3rem / 4));
  max-width: calc(25% - (3rem / 4));
}

.row.gap-3 > .col-4 {
  flex: 0 0 calc(33.3333333333% - (2rem / 3));
  max-width: calc(33.3333333333% - (2rem / 3));
}

.row.gap-3 > .col-5 {
  flex: 0 0 calc(41.6666666667% - (1.4rem / 2.4));
  max-width: calc(41.6666666667% - (1.4rem / 2.4));
}

.row.gap-3 > .col-6 {
  flex: 0 0 calc(50% - (1rem / 2));
  max-width: calc(50% - (1rem / 2));
}

.row.gap-3 > .col-7 {
  flex: 0 0 calc(58.3333333333% - (0.7142857143rem / 1.7142857143));
  max-width: calc(58.3333333333% - (0.7142857143rem / 1.7142857143));
}

.row.gap-3 > .col-8 {
  flex: 0 0 calc(66.6666666667% - (0.5rem / 1.5));
  max-width: calc(66.6666666667% - (0.5rem / 1.5));
}

.row.gap-3 > .col-9 {
  flex: 0 0 calc(75% - (0.3333333333rem / 1.3333333333));
  max-width: calc(75% - (0.3333333333rem / 1.3333333333));
}

.row.gap-3 > .col-10 {
  flex: 0 0 calc(83.3333333333% - (0.2rem / 1.2));
  max-width: calc(83.3333333333% - (0.2rem / 1.2));
}

.row.gap-3 > .col-11 {
  flex: 0 0 calc(91.6666666667% - (0.0909090909rem / 1.0909090909));
  max-width: calc(91.6666666667% - (0.0909090909rem / 1.0909090909));
}

@media (min-width: 576px) {
  .row.gap-3 > .col-sm-1 {
    flex: 0 0 calc(8.3333333333% - (11rem / 12));
    max-width: calc(8.3333333333% - (11rem / 12));
  }
}
@media (min-width: 576px) {
  .row.gap-3 > .col-sm-2 {
    flex: 0 0 calc(16.6666666667% - (5rem / 6));
    max-width: calc(16.6666666667% - (5rem / 6));
  }
}
@media (min-width: 576px) {
  .row.gap-3 > .col-sm-3 {
    flex: 0 0 calc(25% - (3rem / 4));
    max-width: calc(25% - (3rem / 4));
  }
}
@media (min-width: 576px) {
  .row.gap-3 > .col-sm-4 {
    flex: 0 0 calc(33.3333333333% - (2rem / 3));
    max-width: calc(33.3333333333% - (2rem / 3));
  }
}
@media (min-width: 576px) {
  .row.gap-3 > .col-sm-5 {
    flex: 0 0 calc(41.6666666667% - (1.4rem / 2.4));
    max-width: calc(41.6666666667% - (1.4rem / 2.4));
  }
}
@media (min-width: 576px) {
  .row.gap-3 > .col-sm-6 {
    flex: 0 0 calc(50% - (1rem / 2));
    max-width: calc(50% - (1rem / 2));
  }
}
@media (min-width: 576px) {
  .row.gap-3 > .col-sm-7 {
    flex: 0 0 calc(58.3333333333% - (0.7142857143rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.7142857143rem / 1.7142857143));
  }
}
@media (min-width: 576px) {
  .row.gap-3 > .col-sm-8 {
    flex: 0 0 calc(66.6666666667% - (0.5rem / 1.5));
    max-width: calc(66.6666666667% - (0.5rem / 1.5));
  }
}
@media (min-width: 576px) {
  .row.gap-3 > .col-sm-9 {
    flex: 0 0 calc(75% - (0.3333333333rem / 1.3333333333));
    max-width: calc(75% - (0.3333333333rem / 1.3333333333));
  }
}
@media (min-width: 576px) {
  .row.gap-3 > .col-sm-10 {
    flex: 0 0 calc(83.3333333333% - (0.2rem / 1.2));
    max-width: calc(83.3333333333% - (0.2rem / 1.2));
  }
}
@media (min-width: 576px) {
  .row.gap-3 > .col-sm-11 {
    flex: 0 0 calc(91.6666666667% - (0.0909090909rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0909090909rem / 1.0909090909));
  }
}
@media (min-width: 768px) {
  .row.gap-3 > .col-md-1 {
    flex: 0 0 calc(8.3333333333% - (11rem / 12));
    max-width: calc(8.3333333333% - (11rem / 12));
  }
}
@media (min-width: 768px) {
  .row.gap-3 > .col-md-2 {
    flex: 0 0 calc(16.6666666667% - (5rem / 6));
    max-width: calc(16.6666666667% - (5rem / 6));
  }
}
@media (min-width: 768px) {
  .row.gap-3 > .col-md-3 {
    flex: 0 0 calc(25% - (3rem / 4));
    max-width: calc(25% - (3rem / 4));
  }
}
@media (min-width: 768px) {
  .row.gap-3 > .col-md-4 {
    flex: 0 0 calc(33.3333333333% - (2rem / 3));
    max-width: calc(33.3333333333% - (2rem / 3));
  }
}
@media (min-width: 768px) {
  .row.gap-3 > .col-md-5 {
    flex: 0 0 calc(41.6666666667% - (1.4rem / 2.4));
    max-width: calc(41.6666666667% - (1.4rem / 2.4));
  }
}
@media (min-width: 768px) {
  .row.gap-3 > .col-md-6 {
    flex: 0 0 calc(50% - (1rem / 2));
    max-width: calc(50% - (1rem / 2));
  }
}
@media (min-width: 768px) {
  .row.gap-3 > .col-md-7 {
    flex: 0 0 calc(58.3333333333% - (0.7142857143rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.7142857143rem / 1.7142857143));
  }
}
@media (min-width: 768px) {
  .row.gap-3 > .col-md-8 {
    flex: 0 0 calc(66.6666666667% - (0.5rem / 1.5));
    max-width: calc(66.6666666667% - (0.5rem / 1.5));
  }
}
@media (min-width: 768px) {
  .row.gap-3 > .col-md-9 {
    flex: 0 0 calc(75% - (0.3333333333rem / 1.3333333333));
    max-width: calc(75% - (0.3333333333rem / 1.3333333333));
  }
}
@media (min-width: 768px) {
  .row.gap-3 > .col-md-10 {
    flex: 0 0 calc(83.3333333333% - (0.2rem / 1.2));
    max-width: calc(83.3333333333% - (0.2rem / 1.2));
  }
}
@media (min-width: 768px) {
  .row.gap-3 > .col-md-11 {
    flex: 0 0 calc(91.6666666667% - (0.0909090909rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0909090909rem / 1.0909090909));
  }
}
@media (min-width: 992px) {
  .row.gap-3 > .col-lg-1 {
    flex: 0 0 calc(8.3333333333% - (11rem / 12));
    max-width: calc(8.3333333333% - (11rem / 12));
  }
}
@media (min-width: 992px) {
  .row.gap-3 > .col-lg-2 {
    flex: 0 0 calc(16.6666666667% - (5rem / 6));
    max-width: calc(16.6666666667% - (5rem / 6));
  }
}
@media (min-width: 992px) {
  .row.gap-3 > .col-lg-3 {
    flex: 0 0 calc(25% - (3rem / 4));
    max-width: calc(25% - (3rem / 4));
  }
}
@media (min-width: 992px) {
  .row.gap-3 > .col-lg-4 {
    flex: 0 0 calc(33.3333333333% - (2rem / 3));
    max-width: calc(33.3333333333% - (2rem / 3));
  }
}
@media (min-width: 992px) {
  .row.gap-3 > .col-lg-5 {
    flex: 0 0 calc(41.6666666667% - (1.4rem / 2.4));
    max-width: calc(41.6666666667% - (1.4rem / 2.4));
  }
}
@media (min-width: 992px) {
  .row.gap-3 > .col-lg-6 {
    flex: 0 0 calc(50% - (1rem / 2));
    max-width: calc(50% - (1rem / 2));
  }
}
@media (min-width: 992px) {
  .row.gap-3 > .col-lg-7 {
    flex: 0 0 calc(58.3333333333% - (0.7142857143rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.7142857143rem / 1.7142857143));
  }
}
@media (min-width: 992px) {
  .row.gap-3 > .col-lg-8 {
    flex: 0 0 calc(66.6666666667% - (0.5rem / 1.5));
    max-width: calc(66.6666666667% - (0.5rem / 1.5));
  }
}
@media (min-width: 992px) {
  .row.gap-3 > .col-lg-9 {
    flex: 0 0 calc(75% - (0.3333333333rem / 1.3333333333));
    max-width: calc(75% - (0.3333333333rem / 1.3333333333));
  }
}
@media (min-width: 992px) {
  .row.gap-3 > .col-lg-10 {
    flex: 0 0 calc(83.3333333333% - (0.2rem / 1.2));
    max-width: calc(83.3333333333% - (0.2rem / 1.2));
  }
}
@media (min-width: 992px) {
  .row.gap-3 > .col-lg-11 {
    flex: 0 0 calc(91.6666666667% - (0.0909090909rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0909090909rem / 1.0909090909));
  }
}
@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-1 {
    flex: 0 0 calc(8.3333333333% - (11rem / 12));
    max-width: calc(8.3333333333% - (11rem / 12));
  }
}
@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-2 {
    flex: 0 0 calc(16.6666666667% - (5rem / 6));
    max-width: calc(16.6666666667% - (5rem / 6));
  }
}
@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-3 {
    flex: 0 0 calc(25% - (3rem / 4));
    max-width: calc(25% - (3rem / 4));
  }
}
@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-4 {
    flex: 0 0 calc(33.3333333333% - (2rem / 3));
    max-width: calc(33.3333333333% - (2rem / 3));
  }
}
@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-5 {
    flex: 0 0 calc(41.6666666667% - (1.4rem / 2.4));
    max-width: calc(41.6666666667% - (1.4rem / 2.4));
  }
}
@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-6 {
    flex: 0 0 calc(50% - (1rem / 2));
    max-width: calc(50% - (1rem / 2));
  }
}
@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-7 {
    flex: 0 0 calc(58.3333333333% - (0.7142857143rem / 1.7142857143));
    max-width: calc(58.3333333333% - (0.7142857143rem / 1.7142857143));
  }
}
@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-8 {
    flex: 0 0 calc(66.6666666667% - (0.5rem / 1.5));
    max-width: calc(66.6666666667% - (0.5rem / 1.5));
  }
}
@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-9 {
    flex: 0 0 calc(75% - (0.3333333333rem / 1.3333333333));
    max-width: calc(75% - (0.3333333333rem / 1.3333333333));
  }
}
@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-10 {
    flex: 0 0 calc(83.3333333333% - (0.2rem / 1.2));
    max-width: calc(83.3333333333% - (0.2rem / 1.2));
  }
}
@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-11 {
    flex: 0 0 calc(91.6666666667% - (0.0909090909rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.0909090909rem / 1.0909090909));
  }
}
.gap-4 {
  gap: 1.5rem;
}

.row.gap-4 > .col-1 {
  flex: 0 0 calc(8.3333333333% - (16.5rem / 12));
  max-width: calc(8.3333333333% - (16.5rem / 12));
}

.row.gap-4 > .col-2 {
  flex: 0 0 calc(16.6666666667% - (7.5rem / 6));
  max-width: calc(16.6666666667% - (7.5rem / 6));
}

.row.gap-4 > .col-3 {
  flex: 0 0 calc(25% - (4.5rem / 4));
  max-width: calc(25% - (4.5rem / 4));
}

.row.gap-4 > .col-4 {
  flex: 0 0 calc(33.3333333333% - (3rem / 3));
  max-width: calc(33.3333333333% - (3rem / 3));
}

.row.gap-4 > .col-5 {
  flex: 0 0 calc(41.6666666667% - (2.1rem / 2.4));
  max-width: calc(41.6666666667% - (2.1rem / 2.4));
}

.row.gap-4 > .col-6 {
  flex: 0 0 calc(50% - (1.5rem / 2));
  max-width: calc(50% - (1.5rem / 2));
}

.row.gap-4 > .col-7 {
  flex: 0 0 calc(58.3333333333% - (1.0714285714rem / 1.7142857143));
  max-width: calc(58.3333333333% - (1.0714285714rem / 1.7142857143));
}

.row.gap-4 > .col-8 {
  flex: 0 0 calc(66.6666666667% - (0.75rem / 1.5));
  max-width: calc(66.6666666667% - (0.75rem / 1.5));
}

.row.gap-4 > .col-9 {
  flex: 0 0 calc(75% - (0.5rem / 1.3333333333));
  max-width: calc(75% - (0.5rem / 1.3333333333));
}

.row.gap-4 > .col-10 {
  flex: 0 0 calc(83.3333333333% - (0.3rem / 1.2));
  max-width: calc(83.3333333333% - (0.3rem / 1.2));
}

.row.gap-4 > .col-11 {
  flex: 0 0 calc(91.6666666667% - (0.1363636364rem / 1.0909090909));
  max-width: calc(91.6666666667% - (0.1363636364rem / 1.0909090909));
}

@media (min-width: 576px) {
  .row.gap-4 > .col-sm-1 {
    flex: 0 0 calc(8.3333333333% - (16.5rem / 12));
    max-width: calc(8.3333333333% - (16.5rem / 12));
  }
}
@media (min-width: 576px) {
  .row.gap-4 > .col-sm-2 {
    flex: 0 0 calc(16.6666666667% - (7.5rem / 6));
    max-width: calc(16.6666666667% - (7.5rem / 6));
  }
}
@media (min-width: 576px) {
  .row.gap-4 > .col-sm-3 {
    flex: 0 0 calc(25% - (4.5rem / 4));
    max-width: calc(25% - (4.5rem / 4));
  }
}
@media (min-width: 576px) {
  .row.gap-4 > .col-sm-4 {
    flex: 0 0 calc(33.3333333333% - (3rem / 3));
    max-width: calc(33.3333333333% - (3rem / 3));
  }
}
@media (min-width: 576px) {
  .row.gap-4 > .col-sm-5 {
    flex: 0 0 calc(41.6666666667% - (2.1rem / 2.4));
    max-width: calc(41.6666666667% - (2.1rem / 2.4));
  }
}
@media (min-width: 576px) {
  .row.gap-4 > .col-sm-6 {
    flex: 0 0 calc(50% - (1.5rem / 2));
    max-width: calc(50% - (1.5rem / 2));
  }
}
@media (min-width: 576px) {
  .row.gap-4 > .col-sm-7 {
    flex: 0 0 calc(58.3333333333% - (1.0714285714rem / 1.7142857143));
    max-width: calc(58.3333333333% - (1.0714285714rem / 1.7142857143));
  }
}
@media (min-width: 576px) {
  .row.gap-4 > .col-sm-8 {
    flex: 0 0 calc(66.6666666667% - (0.75rem / 1.5));
    max-width: calc(66.6666666667% - (0.75rem / 1.5));
  }
}
@media (min-width: 576px) {
  .row.gap-4 > .col-sm-9 {
    flex: 0 0 calc(75% - (0.5rem / 1.3333333333));
    max-width: calc(75% - (0.5rem / 1.3333333333));
  }
}
@media (min-width: 576px) {
  .row.gap-4 > .col-sm-10 {
    flex: 0 0 calc(83.3333333333% - (0.3rem / 1.2));
    max-width: calc(83.3333333333% - (0.3rem / 1.2));
  }
}
@media (min-width: 576px) {
  .row.gap-4 > .col-sm-11 {
    flex: 0 0 calc(91.6666666667% - (0.1363636364rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.1363636364rem / 1.0909090909));
  }
}
@media (min-width: 768px) {
  .row.gap-4 > .col-md-1 {
    flex: 0 0 calc(8.3333333333% - (16.5rem / 12));
    max-width: calc(8.3333333333% - (16.5rem / 12));
  }
}
@media (min-width: 768px) {
  .row.gap-4 > .col-md-2 {
    flex: 0 0 calc(16.6666666667% - (7.5rem / 6));
    max-width: calc(16.6666666667% - (7.5rem / 6));
  }
}
@media (min-width: 768px) {
  .row.gap-4 > .col-md-3 {
    flex: 0 0 calc(25% - (4.5rem / 4));
    max-width: calc(25% - (4.5rem / 4));
  }
}
@media (min-width: 768px) {
  .row.gap-4 > .col-md-4 {
    flex: 0 0 calc(33.3333333333% - (3rem / 3));
    max-width: calc(33.3333333333% - (3rem / 3));
  }
}
@media (min-width: 768px) {
  .row.gap-4 > .col-md-5 {
    flex: 0 0 calc(41.6666666667% - (2.1rem / 2.4));
    max-width: calc(41.6666666667% - (2.1rem / 2.4));
  }
}
@media (min-width: 768px) {
  .row.gap-4 > .col-md-6 {
    flex: 0 0 calc(50% - (1.5rem / 2));
    max-width: calc(50% - (1.5rem / 2));
  }
}
@media (min-width: 768px) {
  .row.gap-4 > .col-md-7 {
    flex: 0 0 calc(58.3333333333% - (1.0714285714rem / 1.7142857143));
    max-width: calc(58.3333333333% - (1.0714285714rem / 1.7142857143));
  }
}
@media (min-width: 768px) {
  .row.gap-4 > .col-md-8 {
    flex: 0 0 calc(66.6666666667% - (0.75rem / 1.5));
    max-width: calc(66.6666666667% - (0.75rem / 1.5));
  }
}
@media (min-width: 768px) {
  .row.gap-4 > .col-md-9 {
    flex: 0 0 calc(75% - (0.5rem / 1.3333333333));
    max-width: calc(75% - (0.5rem / 1.3333333333));
  }
}
@media (min-width: 768px) {
  .row.gap-4 > .col-md-10 {
    flex: 0 0 calc(83.3333333333% - (0.3rem / 1.2));
    max-width: calc(83.3333333333% - (0.3rem / 1.2));
  }
}
@media (min-width: 768px) {
  .row.gap-4 > .col-md-11 {
    flex: 0 0 calc(91.6666666667% - (0.1363636364rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.1363636364rem / 1.0909090909));
  }
}
@media (min-width: 992px) {
  .row.gap-4 > .col-lg-1 {
    flex: 0 0 calc(8.3333333333% - (16.5rem / 12));
    max-width: calc(8.3333333333% - (16.5rem / 12));
  }
}
@media (min-width: 992px) {
  .row.gap-4 > .col-lg-2 {
    flex: 0 0 calc(16.6666666667% - (7.5rem / 6));
    max-width: calc(16.6666666667% - (7.5rem / 6));
  }
}
@media (min-width: 992px) {
  .row.gap-4 > .col-lg-3 {
    flex: 0 0 calc(25% - (4.5rem / 4));
    max-width: calc(25% - (4.5rem / 4));
  }
}
@media (min-width: 992px) {
  .row.gap-4 > .col-lg-4 {
    flex: 0 0 calc(33.3333333333% - (3rem / 3));
    max-width: calc(33.3333333333% - (3rem / 3));
  }
}
@media (min-width: 992px) {
  .row.gap-4 > .col-lg-5 {
    flex: 0 0 calc(41.6666666667% - (2.1rem / 2.4));
    max-width: calc(41.6666666667% - (2.1rem / 2.4));
  }
}
@media (min-width: 992px) {
  .row.gap-4 > .col-lg-6 {
    flex: 0 0 calc(50% - (1.5rem / 2));
    max-width: calc(50% - (1.5rem / 2));
  }
}
@media (min-width: 992px) {
  .row.gap-4 > .col-lg-7 {
    flex: 0 0 calc(58.3333333333% - (1.0714285714rem / 1.7142857143));
    max-width: calc(58.3333333333% - (1.0714285714rem / 1.7142857143));
  }
}
@media (min-width: 992px) {
  .row.gap-4 > .col-lg-8 {
    flex: 0 0 calc(66.6666666667% - (0.75rem / 1.5));
    max-width: calc(66.6666666667% - (0.75rem / 1.5));
  }
}
@media (min-width: 992px) {
  .row.gap-4 > .col-lg-9 {
    flex: 0 0 calc(75% - (0.5rem / 1.3333333333));
    max-width: calc(75% - (0.5rem / 1.3333333333));
  }
}
@media (min-width: 992px) {
  .row.gap-4 > .col-lg-10 {
    flex: 0 0 calc(83.3333333333% - (0.3rem / 1.2));
    max-width: calc(83.3333333333% - (0.3rem / 1.2));
  }
}
@media (min-width: 992px) {
  .row.gap-4 > .col-lg-11 {
    flex: 0 0 calc(91.6666666667% - (0.1363636364rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.1363636364rem / 1.0909090909));
  }
}
@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-1 {
    flex: 0 0 calc(8.3333333333% - (16.5rem / 12));
    max-width: calc(8.3333333333% - (16.5rem / 12));
  }
}
@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-2 {
    flex: 0 0 calc(16.6666666667% - (7.5rem / 6));
    max-width: calc(16.6666666667% - (7.5rem / 6));
  }
}
@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-3 {
    flex: 0 0 calc(25% - (4.5rem / 4));
    max-width: calc(25% - (4.5rem / 4));
  }
}
@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-4 {
    flex: 0 0 calc(33.3333333333% - (3rem / 3));
    max-width: calc(33.3333333333% - (3rem / 3));
  }
}
@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-5 {
    flex: 0 0 calc(41.6666666667% - (2.1rem / 2.4));
    max-width: calc(41.6666666667% - (2.1rem / 2.4));
  }
}
@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-6 {
    flex: 0 0 calc(50% - (1.5rem / 2));
    max-width: calc(50% - (1.5rem / 2));
  }
}
@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-7 {
    flex: 0 0 calc(58.3333333333% - (1.0714285714rem / 1.7142857143));
    max-width: calc(58.3333333333% - (1.0714285714rem / 1.7142857143));
  }
}
@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-8 {
    flex: 0 0 calc(66.6666666667% - (0.75rem / 1.5));
    max-width: calc(66.6666666667% - (0.75rem / 1.5));
  }
}
@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-9 {
    flex: 0 0 calc(75% - (0.5rem / 1.3333333333));
    max-width: calc(75% - (0.5rem / 1.3333333333));
  }
}
@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-10 {
    flex: 0 0 calc(83.3333333333% - (0.3rem / 1.2));
    max-width: calc(83.3333333333% - (0.3rem / 1.2));
  }
}
@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-11 {
    flex: 0 0 calc(91.6666666667% - (0.1363636364rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.1363636364rem / 1.0909090909));
  }
}
.gap-5 {
  gap: 3rem;
}

.row.gap-5 > .col-1 {
  flex: 0 0 calc(8.3333333333% - (33rem / 12));
  max-width: calc(8.3333333333% - (33rem / 12));
}

.row.gap-5 > .col-2 {
  flex: 0 0 calc(16.6666666667% - (15rem / 6));
  max-width: calc(16.6666666667% - (15rem / 6));
}

.row.gap-5 > .col-3 {
  flex: 0 0 calc(25% - (9rem / 4));
  max-width: calc(25% - (9rem / 4));
}

.row.gap-5 > .col-4 {
  flex: 0 0 calc(33.3333333333% - (6rem / 3));
  max-width: calc(33.3333333333% - (6rem / 3));
}

.row.gap-5 > .col-5 {
  flex: 0 0 calc(41.6666666667% - (4.2rem / 2.4));
  max-width: calc(41.6666666667% - (4.2rem / 2.4));
}

.row.gap-5 > .col-6 {
  flex: 0 0 calc(50% - (3rem / 2));
  max-width: calc(50% - (3rem / 2));
}

.row.gap-5 > .col-7 {
  flex: 0 0 calc(58.3333333333% - (2.1428571429rem / 1.7142857143));
  max-width: calc(58.3333333333% - (2.1428571429rem / 1.7142857143));
}

.row.gap-5 > .col-8 {
  flex: 0 0 calc(66.6666666667% - (1.5rem / 1.5));
  max-width: calc(66.6666666667% - (1.5rem / 1.5));
}

.row.gap-5 > .col-9 {
  flex: 0 0 calc(75% - (1rem / 1.3333333333));
  max-width: calc(75% - (1rem / 1.3333333333));
}

.row.gap-5 > .col-10 {
  flex: 0 0 calc(83.3333333333% - (0.6rem / 1.2));
  max-width: calc(83.3333333333% - (0.6rem / 1.2));
}

.row.gap-5 > .col-11 {
  flex: 0 0 calc(91.6666666667% - (0.2727272727rem / 1.0909090909));
  max-width: calc(91.6666666667% - (0.2727272727rem / 1.0909090909));
}

@media (min-width: 576px) {
  .row.gap-5 > .col-sm-1 {
    flex: 0 0 calc(8.3333333333% - (33rem / 12));
    max-width: calc(8.3333333333% - (33rem / 12));
  }
}
@media (min-width: 576px) {
  .row.gap-5 > .col-sm-2 {
    flex: 0 0 calc(16.6666666667% - (15rem / 6));
    max-width: calc(16.6666666667% - (15rem / 6));
  }
}
@media (min-width: 576px) {
  .row.gap-5 > .col-sm-3 {
    flex: 0 0 calc(25% - (9rem / 4));
    max-width: calc(25% - (9rem / 4));
  }
}
@media (min-width: 576px) {
  .row.gap-5 > .col-sm-4 {
    flex: 0 0 calc(33.3333333333% - (6rem / 3));
    max-width: calc(33.3333333333% - (6rem / 3));
  }
}
@media (min-width: 576px) {
  .row.gap-5 > .col-sm-5 {
    flex: 0 0 calc(41.6666666667% - (4.2rem / 2.4));
    max-width: calc(41.6666666667% - (4.2rem / 2.4));
  }
}
@media (min-width: 576px) {
  .row.gap-5 > .col-sm-6 {
    flex: 0 0 calc(50% - (3rem / 2));
    max-width: calc(50% - (3rem / 2));
  }
}
@media (min-width: 576px) {
  .row.gap-5 > .col-sm-7 {
    flex: 0 0 calc(58.3333333333% - (2.1428571429rem / 1.7142857143));
    max-width: calc(58.3333333333% - (2.1428571429rem / 1.7142857143));
  }
}
@media (min-width: 576px) {
  .row.gap-5 > .col-sm-8 {
    flex: 0 0 calc(66.6666666667% - (1.5rem / 1.5));
    max-width: calc(66.6666666667% - (1.5rem / 1.5));
  }
}
@media (min-width: 576px) {
  .row.gap-5 > .col-sm-9 {
    flex: 0 0 calc(75% - (1rem / 1.3333333333));
    max-width: calc(75% - (1rem / 1.3333333333));
  }
}
@media (min-width: 576px) {
  .row.gap-5 > .col-sm-10 {
    flex: 0 0 calc(83.3333333333% - (0.6rem / 1.2));
    max-width: calc(83.3333333333% - (0.6rem / 1.2));
  }
}
@media (min-width: 576px) {
  .row.gap-5 > .col-sm-11 {
    flex: 0 0 calc(91.6666666667% - (0.2727272727rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.2727272727rem / 1.0909090909));
  }
}
@media (min-width: 768px) {
  .row.gap-5 > .col-md-1 {
    flex: 0 0 calc(8.3333333333% - (33rem / 12));
    max-width: calc(8.3333333333% - (33rem / 12));
  }
}
@media (min-width: 768px) {
  .row.gap-5 > .col-md-2 {
    flex: 0 0 calc(16.6666666667% - (15rem / 6));
    max-width: calc(16.6666666667% - (15rem / 6));
  }
}
@media (min-width: 768px) {
  .row.gap-5 > .col-md-3 {
    flex: 0 0 calc(25% - (9rem / 4));
    max-width: calc(25% - (9rem / 4));
  }
}
@media (min-width: 768px) {
  .row.gap-5 > .col-md-4 {
    flex: 0 0 calc(33.3333333333% - (6rem / 3));
    max-width: calc(33.3333333333% - (6rem / 3));
  }
}
@media (min-width: 768px) {
  .row.gap-5 > .col-md-5 {
    flex: 0 0 calc(41.6666666667% - (4.2rem / 2.4));
    max-width: calc(41.6666666667% - (4.2rem / 2.4));
  }
}
@media (min-width: 768px) {
  .row.gap-5 > .col-md-6 {
    flex: 0 0 calc(50% - (3rem / 2));
    max-width: calc(50% - (3rem / 2));
  }
}
@media (min-width: 768px) {
  .row.gap-5 > .col-md-7 {
    flex: 0 0 calc(58.3333333333% - (2.1428571429rem / 1.7142857143));
    max-width: calc(58.3333333333% - (2.1428571429rem / 1.7142857143));
  }
}
@media (min-width: 768px) {
  .row.gap-5 > .col-md-8 {
    flex: 0 0 calc(66.6666666667% - (1.5rem / 1.5));
    max-width: calc(66.6666666667% - (1.5rem / 1.5));
  }
}
@media (min-width: 768px) {
  .row.gap-5 > .col-md-9 {
    flex: 0 0 calc(75% - (1rem / 1.3333333333));
    max-width: calc(75% - (1rem / 1.3333333333));
  }
}
@media (min-width: 768px) {
  .row.gap-5 > .col-md-10 {
    flex: 0 0 calc(83.3333333333% - (0.6rem / 1.2));
    max-width: calc(83.3333333333% - (0.6rem / 1.2));
  }
}
@media (min-width: 768px) {
  .row.gap-5 > .col-md-11 {
    flex: 0 0 calc(91.6666666667% - (0.2727272727rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.2727272727rem / 1.0909090909));
  }
}
@media (min-width: 992px) {
  .row.gap-5 > .col-lg-1 {
    flex: 0 0 calc(8.3333333333% - (33rem / 12));
    max-width: calc(8.3333333333% - (33rem / 12));
  }
}
@media (min-width: 992px) {
  .row.gap-5 > .col-lg-2 {
    flex: 0 0 calc(16.6666666667% - (15rem / 6));
    max-width: calc(16.6666666667% - (15rem / 6));
  }
}
@media (min-width: 992px) {
  .row.gap-5 > .col-lg-3 {
    flex: 0 0 calc(25% - (9rem / 4));
    max-width: calc(25% - (9rem / 4));
  }
}
@media (min-width: 992px) {
  .row.gap-5 > .col-lg-4 {
    flex: 0 0 calc(33.3333333333% - (6rem / 3));
    max-width: calc(33.3333333333% - (6rem / 3));
  }
}
@media (min-width: 992px) {
  .row.gap-5 > .col-lg-5 {
    flex: 0 0 calc(41.6666666667% - (4.2rem / 2.4));
    max-width: calc(41.6666666667% - (4.2rem / 2.4));
  }
}
@media (min-width: 992px) {
  .row.gap-5 > .col-lg-6 {
    flex: 0 0 calc(50% - (3rem / 2));
    max-width: calc(50% - (3rem / 2));
  }
}
@media (min-width: 992px) {
  .row.gap-5 > .col-lg-7 {
    flex: 0 0 calc(58.3333333333% - (2.1428571429rem / 1.7142857143));
    max-width: calc(58.3333333333% - (2.1428571429rem / 1.7142857143));
  }
}
@media (min-width: 992px) {
  .row.gap-5 > .col-lg-8 {
    flex: 0 0 calc(66.6666666667% - (1.5rem / 1.5));
    max-width: calc(66.6666666667% - (1.5rem / 1.5));
  }
}
@media (min-width: 992px) {
  .row.gap-5 > .col-lg-9 {
    flex: 0 0 calc(75% - (1rem / 1.3333333333));
    max-width: calc(75% - (1rem / 1.3333333333));
  }
}
@media (min-width: 992px) {
  .row.gap-5 > .col-lg-10 {
    flex: 0 0 calc(83.3333333333% - (0.6rem / 1.2));
    max-width: calc(83.3333333333% - (0.6rem / 1.2));
  }
}
@media (min-width: 992px) {
  .row.gap-5 > .col-lg-11 {
    flex: 0 0 calc(91.6666666667% - (0.2727272727rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.2727272727rem / 1.0909090909));
  }
}
@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-1 {
    flex: 0 0 calc(8.3333333333% - (33rem / 12));
    max-width: calc(8.3333333333% - (33rem / 12));
  }
}
@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-2 {
    flex: 0 0 calc(16.6666666667% - (15rem / 6));
    max-width: calc(16.6666666667% - (15rem / 6));
  }
}
@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-3 {
    flex: 0 0 calc(25% - (9rem / 4));
    max-width: calc(25% - (9rem / 4));
  }
}
@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-4 {
    flex: 0 0 calc(33.3333333333% - (6rem / 3));
    max-width: calc(33.3333333333% - (6rem / 3));
  }
}
@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-5 {
    flex: 0 0 calc(41.6666666667% - (4.2rem / 2.4));
    max-width: calc(41.6666666667% - (4.2rem / 2.4));
  }
}
@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-6 {
    flex: 0 0 calc(50% - (3rem / 2));
    max-width: calc(50% - (3rem / 2));
  }
}
@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-7 {
    flex: 0 0 calc(58.3333333333% - (2.1428571429rem / 1.7142857143));
    max-width: calc(58.3333333333% - (2.1428571429rem / 1.7142857143));
  }
}
@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-8 {
    flex: 0 0 calc(66.6666666667% - (1.5rem / 1.5));
    max-width: calc(66.6666666667% - (1.5rem / 1.5));
  }
}
@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-9 {
    flex: 0 0 calc(75% - (1rem / 1.3333333333));
    max-width: calc(75% - (1rem / 1.3333333333));
  }
}
@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-10 {
    flex: 0 0 calc(83.3333333333% - (0.6rem / 1.2));
    max-width: calc(83.3333333333% - (0.6rem / 1.2));
  }
}
@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-11 {
    flex: 0 0 calc(91.6666666667% - (0.2727272727rem / 1.0909090909));
    max-width: calc(91.6666666667% - (0.2727272727rem / 1.0909090909));
  }
}
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1600px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1520px;
  }
}
.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

@media (min-width: 1600px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xxl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xxl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xxl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xxl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1600px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1600px) {
  .flex-xxl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xxl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xxl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1600px) {
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xxl-n5 {
    margin: -3rem !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}
/********** General Animations **********/
.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 {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  100% {
    opacity: 1;
  }
  33% {
    opacity: 0.1;
  }
  0% {
    opacity: 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);
  }
}
/********** 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: 0.15s;
}

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

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

.transition-duration-xxl {
  transition-duration: 0.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 0.8s infinite linear;
}

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

.faster {
  animation-duration: 0.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%;
  font-size: 23px;
  color: #7a8391;
}
.loading .dots {
  position: relative;
  animation: move-2 3s linear infinite;
  animation-delay: -400ms;
  width: 100%;
}
.loading .dot {
  display: inline-block;
  border-radius: 50%;
  animation: move 3s cubic-bezier(0.1, 0.8, 0.9, 0.1) infinite;
  background: #7a8391;
  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: 0.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 {
  display: none;
  z-index: 999999999;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  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: rgb(255, 255, 255);
}

.sk-cube-grid {
  width: 50px;
  height: 50px;
  position: fixed;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
}
.sk-cube-grid .sk-cube {
  float: left;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  background-color: #7a8391;
  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 {
  position: relative;
  overflow: hidden;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  margin-top: 40px;
  height: 200px;
  background-image: linear-gradient(to right, rgb(237, 242, 243) 8%, rgb(192, 201, 211) 18%, rgb(237, 242, 243) 33%);
  background-size: 1000px 104px;
}
@media (prefers-color-scheme: dark) {
  .linear-background {
    background-image: linear-gradient(to right, rgb(46, 51, 56) 8%, rgb(71, 74, 76) 15%, rgb(46, 51, 56) 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: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .linear-background.single-line-with-inline-search .row-1 {
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.single-line-with-inline-search .row-2 {
  width: 60%;
  height: 25px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 25px;
  right: 0;
}
@media (prefers-color-scheme: dark) {
  .linear-background.single-line-with-inline-search .row-2 {
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.single-line-with-inline-search .row-3 {
  width: 100%;
  height: 25px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 50px;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .linear-background.single-line-with-inline-search .row-3 {
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.kpi {
  border: 15px solid rgb(255, 255, 255);
  border-radius: 5px;
  height: 105px !important;
}
@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: rgb(255, 255, 255);
  position: absolute;
  top: 25px;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .linear-background.grid .inter-row-1 {
    width: 100%;
    height: 25px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.grid .inter-row-2 {
  width: 100%;
  height: 25px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 75px;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .linear-background.grid .inter-row-2 {
    width: 100%;
    height: 25px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.grid .inter-row-3 {
  width: 100%;
  height: 25px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 125px;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .linear-background.grid .inter-row-3 {
    width: 100%;
    height: 25px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.cards {
  height: 150px;
}
.linear-background.cards .inter-crop-1 {
  width: 30px;
  height: 150px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  left: 32%;
}
@media (prefers-color-scheme: dark) {
  .linear-background.cards .inter-crop-1 {
    width: 30px;
    height: 150px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.cards .inter-crop-2 {
  width: 30px;
  height: 150px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  left: 65%;
}
@media (prefers-color-scheme: dark) {
  .linear-background.cards .inter-crop-2 {
    width: 30px;
    height: 150px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.kanban {
  height: 400px;
}
.linear-background.kanban .inter-row-1 {
  width: 100%;
  height: 40px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 30px;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .linear-background.kanban .inter-row-1 {
    width: 100%;
    height: 40px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.kanban .inter-crop-1 {
  width: 15px;
  height: 400px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  left: 24%;
}
@media (prefers-color-scheme: dark) {
  .linear-background.kanban .inter-crop-1 {
    width: 15px;
    height: 400px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.kanban .inter-crop-2 {
  width: 15px;
  height: 400px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  left: 49%;
}
@media (prefers-color-scheme: dark) {
  .linear-background.kanban .inter-crop-2 {
    width: 15px;
    height: 400px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.kanban .inter-crop-3 {
  width: 15px;
  height: 400px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  left: 74%;
}
@media (prefers-color-scheme: dark) {
  .linear-background.kanban .inter-crop-3 {
    width: 15px;
    height: 400px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.cpl .inter-draw--top {
  width: 100%;
  height: 25px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 25px;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .linear-background.cpl .inter-draw--top {
    width: 100%;
    height: 25px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.cpl .inter-draw--bottom {
  width: 100%;
  height: 25px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 75px;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .linear-background.cpl .inter-draw--bottom {
    width: 100%;
    height: 25px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.cpl .inter-right--top {
  width: 100%;
  height: 25px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 125px;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .linear-background.cpl .inter-right--top {
    width: 100%;
    height: 25px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.linear-background.cpl .inter-right--bottom {
  width: 100%;
  height: 25px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 175px;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .linear-background.cpl .inter-right--bottom {
    width: 100%;
    height: 25px;
    background-color: rgb(41.4, 45.9, 50.4);
  }
}

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

/************************** Content Sidebar Placeholder **************************/
.sidebar-items-loader {
  margin-top: 0.5rem !important;
  height: 310px;
}
.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: rgb(69, 76.5, 84);
}
.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 {
    left: 50% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/************************** 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%;
  }
}
::selection {
  background-color: #7a8391;
  color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  ::selection {
    background-color: rgb(215.6258064516, 217.9419354839, 222.5741935484);
    color: rgb(22.6254545455, 23.5127272727, 26.1745454545);
  }
}

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

body {
  overflow-x: hidden;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (prefers-color-scheme: light) {
  body {
    background-color: rgb(227, 235, 242);
    color: rgb(76, 92, 104);
  }
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: rgb(29, 31, 34);
    color: rgb(236, 231, 231);
  }
}
body a {
  text-decoration: none !important;
}

div[data-popup-url] {
  cursor: pointer;
}

.bg-none {
  background: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

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

#scheduled_task_schedule_description {
  color: rgb(0, 0, 0) !important;
}

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

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

@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: 0.5;
}

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

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

.bg-white {
  border-color: rgb(247.35, 247.35, 247.35) !important;
  background-color: rgb(255, 255, 255) !important;
  color: inherit !important;
}
@media (prefers-color-scheme: light) {
  .bg-white {
    border-color: rgb(247.35, 247.35, 247.35) !important;
    background-color: rgb(255, 255, 255) !important;
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .bg-white {
    border-color: #2e3338 !important;
    background-color: rgb(41.4, 45.9, 50.4) !important;
    color: rgb(255, 255, 255) !important;
  }
}

.bg-light {
  background-color: rgb(229, 236, 238) !important;
}
@media (prefers-color-scheme: light) {
  .bg-light {
    background-color: rgb(229, 236, 238) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .bg-light {
    background-color: rgb(34.5, 38.25, 42) !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: rgb(0, 0, 0) !important;
}

.wm-foreground-black.wm-icon {
  color: rgb(0, 0, 0) !important;
}

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

.overlay {
  z-index: 1042;
  opacity: 0;
  transition: opacity 225ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background: rgb(255, 255, 255);
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  .overlay {
    background: rgb(29, 31, 34) !important;
  }
}

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

.wm-icon-root {
  display: inline-block;
  flex-shrink: 0;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  width: 1em;
  height: 1em;
  user-select: none;
}
.wm-icon-root:focus {
  outline: none;
}
.wm-icon-root.icon-size-small {
  font-size: 1.25rem;
}
.wm-icon-root.icon-size-medium {
  font-size: 1.5rem;
}
.wm-icon-root.icon-size-large {
  font-size: 2.25rem;
}
.wm-icon-root.icon-arrow, .wm-icon-root.icon-allchannels, .wm-icon-root.icon-bin, .wm-icon-root.icon-bookalt, .wm-icon-root.icon-calendaralt, .wm-icon-root.icon-cameraalt, .wm-icon-root.icon-caralt, .wm-icon-root.icon-checkalt, .wm-icon-root.icon-checkcircle, .wm-icon-root.icon-chevrondownalt, .wm-icon-root.icon-clock, .wm-icon-root.icon-control, .wm-icon-root.icon-dashboard, .wm-icon-root.icon-data, .wm-icon-root.icon-datetime, .wm-icon-root.icon-design, .wm-icon-root.icon-development, .wm-icon-root.icon-device, .wm-icon-root.icon-diagnostics, .wm-icon-root.icon-disconnect, .wm-icon-root.icon-editalt, .wm-icon-root.icon-estop, .wm-icon-root.icon-fault, .wm-icon-root.icon-faultcircle, .wm-icon-root.icon-faultwarning, .wm-icon-root.icon-flipcamera, .wm-icon-root.icon-grouped, .wm-icon-root.icon-history, .wm-icon-root.icon-lockalt, .wm-icon-root.icon-logoutalt, .wm-icon-root.icon-manual, .wm-icon-root.icon-paste, .wm-icon-root.icon-power, .wm-icon-root.icon-qr, .wm-icon-root.icon-restart, .wm-icon-root.icon-skip, .wm-icon-root.icon-tiles, .wm-icon-root.icon-ungrouped, .wm-icon-root.icon-unlock, .wm-icon-root.icon-useralt, .wm-icon-root.icon-warning {
  stroke: none;
}
.wm-icon-root.icon-activity, .wm-icon-root.icon-ar, .wm-icon-root.icon-archive, .wm-icon-root.icon-arrowcircledown, .wm-icon-root.icon-arrowcircledownleft, .wm-icon-root.icon-arrowcircledownright, .wm-icon-root.icon-arrowcircleleft, .wm-icon-root.icon-arrowcircleright, .wm-icon-root.icon-arrowcircleup, .wm-icon-root.icon-arrowcircleupleft, .wm-icon-root.icon-arrowcircleupright, .wm-icon-root.icon-arrowdown, .wm-icon-root.icon-arrowdownleft, .wm-icon-root.icon-arrowdownright, .wm-icon-root.icon-arrowleft, .wm-icon-root.icon-arrowright, .wm-icon-root.icon-arrowup, .wm-icon-root.icon-arrowupleft, .wm-icon-root.icon-arrowupright, .wm-icon-root.icon-barchart, .wm-icon-root.icon-battery, .wm-icon-root.icon-bentolayout, .wm-icon-root.icon-bluetooth, .wm-icon-root.icon-book, .wm-icon-root.icon-bookmark, .wm-icon-root.icon-brightness, .wm-icon-root.icon-calendar, .wm-icon-root.icon-camera, .wm-icon-root.icon-car, .wm-icon-root.icon-cellular, .wm-icon-root.icon-check, .wm-icon-root.icon-chevrondown, .wm-icon-root.icon-chevrondowndouble, .wm-icon-root.icon-chevronleft, .wm-icon-root.icon-chevronleftalt, .wm-icon-root.icon-chevronleftdouble, .wm-icon-root.icon-chevronright, .wm-icon-root.icon-chevronrightdouble, .wm-icon-root.icon-chevronup, .wm-icon-root.icon-chevronupdouble, .wm-icon-root.icon-circle, .wm-icon-root.icon-close, .wm-icon-root.icon-closedeye, .wm-icon-root.icon-cloud, .wm-icon-root.icon-code, .wm-icon-root.icon-copy, .wm-icon-root.icon-cornerdownleft, .wm-icon-root.icon-cornerdownright, .wm-icon-root.icon-cornerleftdown, .wm-icon-root.icon-cornerleftup, .wm-icon-root.icon-cornerrightdown, .wm-icon-root.icon-cornerrightup, .wm-icon-root.icon-cornerupleft, .wm-icon-root.icon-cornerupright, .wm-icon-root.icon-creditcard, .wm-icon-root.icon-delete, .wm-icon-root.icon-dislike, .wm-icon-root.icon-dotshorizontal, .wm-icon-root.icon-dotsvertical, .wm-icon-root.icon-doublecolumn, .wm-icon-root.icon-download, .wm-icon-root.icon-edit, .wm-icon-root.icon-education, .wm-icon-root.icon-expand, .wm-icon-root.icon-eye, .wm-icon-root.icon-faceid, .wm-icon-root.icon-fastbackwrd, .wm-icon-root.icon-fastforward, .wm-icon-root.icon-file, .wm-icon-root.icon-filter, .wm-icon-root.icon-flipbackward, .wm-icon-root.icon-flipforward, .wm-icon-root.icon-folder, .wm-icon-root.icon-game, .wm-icon-root.icon-gesture, .wm-icon-root.icon-gift, .wm-icon-root.icon-globe, .wm-icon-root.icon-headphone, .wm-icon-root.icon-heart, .wm-icon-root.icon-help, .wm-icon-root.icon-home, .wm-icon-root.icon-idea, .wm-icon-root.icon-immersive, .wm-icon-root.icon-info, .wm-icon-root.icon-keyboard, .wm-icon-root.icon-laptop, .wm-icon-root.icon-layers, .wm-icon-root.icon-like, .wm-icon-root.icon-link, .wm-icon-root.icon-linkexternal, .wm-icon-root.icon-list, .wm-icon-root.icon-loading, .wm-icon-root.icon-lock, .wm-icon-root.icon-login, .wm-icon-root.icon-logout, .wm-icon-root.icon-luggage, .wm-icon-root.icon-mail, .wm-icon-root.icon-map, .wm-icon-root.icon-menu, .wm-icon-root.icon-message, .wm-icon-root.icon-minimize, .wm-icon-root.icon-minus, .wm-icon-root.icon-monitor, .wm-icon-root.icon-moon, .wm-icon-root.icon-mouse, .wm-icon-root.icon-music, .wm-icon-root.icon-navigationup, .wm-icon-root.icon-navigationupright, .wm-icon-root.icon-notification, .wm-icon-root.icon-opticid, .wm-icon-root.icon-pause, .wm-icon-root.icon-phone, .wm-icon-root.icon-photo, .wm-icon-root.icon-pin, .wm-icon-root.icon-plane, .wm-icon-root.icon-play, .wm-icon-root.icon-plus, .wm-icon-root.icon-recording, .wm-icon-root.icon-refresh, .wm-icon-root.icon-repeat, .wm-icon-root.icon-reverseleft, .wm-icon-root.icon-reverseright, .wm-icon-root.icon-sale, .wm-icon-root.icon-scale, .wm-icon-root.icon-search, .wm-icon-root.icon-sendright, .wm-icon-root.icon-sendup, .wm-icon-root.icon-setting, .wm-icon-root.icon-settings, .wm-icon-root.icon-share, .wm-icon-root.icon-shield, .wm-icon-root.icon-shieldtick, .wm-icon-root.icon-shoppingbag, .wm-icon-root.icon-shoppingcart, .wm-icon-root.icon-shuffle, .wm-icon-root.icon-smartphone, .wm-icon-root.icon-sort, .wm-icon-root.icon-spacinghorizontal, .wm-icon-root.icon-spacingvertical, .wm-icon-root.icon-spatialcomputer, .wm-icon-root.icon-spatialwindow, .wm-icon-root.icon-stop, .wm-icon-root.icon-switchhorizontalleft, .wm-icon-root.icon-switchhorizontalright, .wm-icon-root.icon-switchverticaldown, .wm-icon-root.icon-switchverticalup, .wm-icon-root.icon-textinput, .wm-icon-root.icon-time, .wm-icon-root.icon-trenddown, .wm-icon-root.icon-trendup, .wm-icon-root.icon-triplecolumn, .wm-icon-root.icon-type, .wm-icon-root.icon-unlocked, .wm-icon-root.icon-upload, .wm-icon-root.icon-user, .wm-icon-root.icon-usercircle, .wm-icon-root.icon-videorecording, .wm-icon-root.icon-voice, .wm-icon-root.icon-voicemail, .wm-icon-root.icon-volumedown, .wm-icon-root.icon-volumemax, .wm-icon-root.icon-volumemin, .wm-icon-root.icon-volumeup, .wm-icon-root.icon-wallet, .wm-icon-root.icon-watch, .wm-icon-root.icon-wifi {
  fill: none;
}

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;
}

/*** 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: "Plus Jakarta Sans", sans-serif;
}

.e-radio:checked + label::before {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #afb3b9;
  border-color: #afb3b9 !important;
  background-color: #afb3b9 !important;
}
@media (prefers-color-scheme: dark) {
  .e-radio:checked + label::before {
    box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #afb3b9;
  }
}
.e-radio:checked + label:hover::before, .e-radio:checked + label:focus::before {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #afb3b9;
  border-color: #afb3b9 !important;
}
@media (prefers-color-scheme: dark) {
  .e-radio:checked + label:hover::before, .e-radio:checked + label:focus::before {
    box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #afb3b9;
  }
}

.e-checkbox-wrapper .e-frame.e-check.e-check,
.e-checkbox-wrapper .e-css.e-checkbox-wrapper .e-frame.e-check {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #afb3b9 !important;
  background-color: #7a8391 !important;
  border-color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  .e-checkbox-wrapper .e-frame.e-check.e-check,
  .e-checkbox-wrapper .e-css.e-checkbox-wrapper .e-frame.e-check {
    box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #afb3b9 !important;
  }
}
.e-checkbox-wrapper .e-checkbox:active + .e-frame, .e-checkbox-wrapper .e-checkbox:focus + .e-frame {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #afb3b9 !important;
  border-color: #afb3b9 !important;
}
@media (prefers-color-scheme: dark) {
  .e-checkbox-wrapper .e-checkbox:active + .e-frame, .e-checkbox-wrapper .e-checkbox:focus + .e-frame {
    box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #afb3b9 !important;
  }
}

.e-icons.e-frame.e-check {
  color: rgb(255, 255, 255) !important;
}

select,
textarea.wm-codemirror,
.form-control,
.e-dashboardviewer,
.e-upload,
.e-icons.e-frame:not(.e-check),
.e-input-group.wm-control-class.e-date-wrapper,
.e-input-group.wm-control-class.e-date-range-wrapper,
.e-input-group.e-control-wrapper.e-reportviewer-search,
.e-control-wrapper.e-mask.e-input-group .e-reportviewer-textbox.e-control.e-maskedtextbox.e-lib.e-input,
#wm-reportviewer .e-control-wrapper.e-numeric.e-input-group.e-reportviewer-numerictextbox:has(.e-reportviewer-textbox),
.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;
  color: rgb(76, 92, 104) !important;
}
@media (prefers-color-scheme: light) {
  select,
  textarea.wm-codemirror,
  .form-control,
  .e-dashboardviewer,
  .e-upload,
  .e-icons.e-frame:not(.e-check),
  .e-input-group.wm-control-class.e-date-wrapper,
  .e-input-group.wm-control-class.e-date-range-wrapper,
  .e-input-group.e-control-wrapper.e-reportviewer-search,
  .e-control-wrapper.e-mask.e-input-group .e-reportviewer-textbox.e-control.e-maskedtextbox.e-lib.e-input,
  #wm-reportviewer .e-control-wrapper.e-numeric.e-input-group.e-reportviewer-numerictextbox:has(.e-reportviewer-textbox),
  .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 {
    color: rgb(76, 92, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  select,
  textarea.wm-codemirror,
  .form-control,
  .e-dashboardviewer,
  .e-upload,
  .e-icons.e-frame:not(.e-check),
  .e-input-group.wm-control-class.e-date-wrapper,
  .e-input-group.wm-control-class.e-date-range-wrapper,
  .e-input-group.e-control-wrapper.e-reportviewer-search,
  .e-control-wrapper.e-mask.e-input-group .e-reportviewer-textbox.e-control.e-maskedtextbox.e-lib.e-input,
  #wm-reportviewer .e-control-wrapper.e-numeric.e-input-group.e-reportviewer-numerictextbox:has(.e-reportviewer-textbox),
  .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 {
    color: rgb(236, 231, 231) !important;
  }
}
@media (prefers-color-scheme: dark) {
  select,
  textarea.wm-codemirror,
  .form-control,
  .e-dashboardviewer,
  .e-upload,
  .e-icons.e-frame:not(.e-check),
  .e-input-group.wm-control-class.e-date-wrapper,
  .e-input-group.wm-control-class.e-date-range-wrapper,
  .e-input-group.e-control-wrapper.e-reportviewer-search,
  .e-control-wrapper.e-mask.e-input-group .e-reportviewer-textbox.e-control.e-maskedtextbox.e-lib.e-input,
  #wm-reportviewer .e-control-wrapper.e-numeric.e-input-group.e-reportviewer-numerictextbox:has(.e-reportviewer-textbox),
  .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: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  select::placeholder,
  textarea.wm-codemirror::placeholder,
  .form-control::placeholder,
  .e-dashboardviewer::placeholder,
  .e-upload::placeholder,
  .e-icons.e-frame:not(.e-check)::placeholder,
  .e-input-group.wm-control-class.e-date-wrapper::placeholder,
  .e-input-group.wm-control-class.e-date-range-wrapper::placeholder,
  .e-input-group.e-control-wrapper.e-reportviewer-search::placeholder,
  .e-control-wrapper.e-mask.e-input-group .e-reportviewer-textbox.e-control.e-maskedtextbox.e-lib.e-input::placeholder,
  #wm-reportviewer .e-control-wrapper.e-numeric.e-input-group.e-reportviewer-numerictextbox:has(.e-reportviewer-textbox)::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: rgb(255, 255, 255) !important;
  }
}

.e-input-group,
.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 rgb(203, 213, 224) !important;
}
@media (prefers-color-scheme: dark) {
  .e-input-group,
  .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-color: rgb(113, 128, 150) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-input-group:hover,
  .e-in-wrap:hover,
  .wm-text-area-input.form-control:hover,
  .e-numeric .e-select:hover,
  .e-currency .e-select:hover,
  .e-atc .e-select:hover,
  .e-datewidget .e-select:hover,
  .e-datewidget.e-rtl .e-select:hover {
    border-color: rgb(203, 213, 224) !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 rgb(119, 129, 141) !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 rgb(41.4, 45.9, 50.4) !important;
  }
}

/*this for EJ2 disabled input fields*/
.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 {
  opacity: 0.6;
  border: 1px solid rgb(203, 213, 224) !important;
}
@media (prefers-color-scheme: dark) {
  .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 {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled::placeholder,
  .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap::placeholder,
  .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled::placeholder,
  .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::placeholder {
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .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 rgb(41.4, 45.9, 50.4) !important;
  }
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error),
.wm-text-area-input.form-control {
  color: rgb(76, 92, 104) !important;
}
@media (prefers-color-scheme: light) {
  .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
  .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error),
  .wm-text-area-input.form-control {
    color: rgb(76, 92, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
  .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error),
  .wm-text-area-input.form-control {
    color: rgb(236, 231, 231) !important;
  }
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
  box-shadow: 0 0 0 1px #afb3b9 !important;
  border-color: #afb3b9 !important;
}
@media (prefers-color-scheme: dark) {
  .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
  .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 1px #7a8391 !important;
    border-color: #7a8391 !important;
  }
}

.wm-text-area-input.form-control:focus, .wm-text-area-input.form-control:focus-within {
  box-shadow: 0 0 0 1px #afb3b9 !important;
  border-color: #afb3b9 !important;
  outline: none;
}
@media (prefers-color-scheme: dark) {
  .wm-text-area-input.form-control:focus, .wm-text-area-input.form-control:focus-within {
    box-shadow: 0 0 0 1px #7a8391 !important;
    border-color: #7a8391 !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: rgb(89, 96, 105);
}

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

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

input.e-input::placeholder,
textarea.e-input::placeholder {
  color: rgb(160, 174, 192) !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-control:has(a + div) {
  display: flex !important;
  gap: 0.5rem;
}
.wm-control:has(.info-tooltip) > .wm-display-label,
.wm-control:has(.info-tooltip) .text-info > .wm-display-label,
.wm-control a:has(.wm-display-label) > .wm-display-label,
.wm-control a:has(.wm-display-label) .text-info > .wm-display-label {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  font-weight: 500;
  color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  .wm-control:has(.info-tooltip) > .wm-display-label,
  .wm-control:has(.info-tooltip) .text-info > .wm-display-label,
  .wm-control a:has(.wm-display-label) > .wm-display-label,
  .wm-control a:has(.wm-display-label) .text-info > .wm-display-label {
    color: #afb3b9 !important;
  }
}
.wm-control:has(.info-tooltip) > .wm-display-label:hover,
.wm-control:has(.info-tooltip) .text-info > .wm-display-label:hover,
.wm-control a:has(.wm-display-label) > .wm-display-label:hover,
.wm-control a:has(.wm-display-label) .text-info > .wm-display-label:hover {
  color: #afb3b9 !important;
}
@media (prefers-color-scheme: dark) {
  .wm-control:has(.info-tooltip) > .wm-display-label:hover,
  .wm-control:has(.info-tooltip) .text-info > .wm-display-label:hover,
  .wm-control a:has(.wm-display-label) > .wm-display-label:hover,
  .wm-control a:has(.wm-display-label) .text-info > .wm-display-label:hover {
    color: #7a8391 !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 {
  margin-bottom: 0 !important;
}
.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: rgb(237, 242, 247);
}
@media (prefers-color-scheme: dark) {
  .modal .wm-core-audit .wm-form-row .form-group {
    background: rgb(27.6, 30.6, 33.6);
  }
}
.modal .wm-core-audit .wm-form-row .form-group .wm-label {
  color: rgb(74, 85, 104) !important;
}
.modal .wm-core-audit .wm-form-row .form-group .wm-label + .wm-control .wm-display-label {
  color: rgb(113, 128, 150) !important;
}
@media (prefers-color-scheme: dark) {
  .modal .wm-core-audit .wm-form-row .form-group .wm-label {
    color: rgb(173.9831775701, 185.5570093458, 198.4168224299) !important;
  }
  .modal .wm-core-audit .wm-form-row .form-group .wm-label + .wm-control .wm-display-label {
    color: rgb(237, 242, 247) !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: rgb(237, 242, 243);
}
.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: rgb(36, 124, 36);
}
.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 {
  margin-top: 9px;
  margin-left: 15px;
  width: 21px;
  height: 22px;
}
.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 {
  margin-left: 0px;
  width: 65px;
  height: 35px;
}
.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 rgb(192, 201, 211);
  border-radius: 3px;
}
.e-upload-box .e-drag-text {
  padding: 50px 50px 20px 50px;
  font-weight: normal;
  color: rgb(192, 201, 211);
}
.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: rgb(95.304, 103.664, 113.696);
}
.e-atc-popup > div > ul {
  width: 100% !important;
}
.e-atc-popup > div > ul > li {
  clear: both;
  cursor: pointer;
}
.e-atc-popup .e-hover {
  background: rgb(237, 242, 243);
}
.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: rgb(102.3950617284, 110.7728395062, 123.8049382716);
}
.e-toolbar.e-toolbarspan {
  box-shadow: none;
  border-bottom: 2px solid rgb(102.3950617284, 110.7728395062, 123.8049382716);
}
.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 {
  display: block;
  font-size: 65%;
  width: 1.1rem;
  height: 1.1rem;
}
.e-chkbox-wrap .e-chkbox-small .e-stop, .e-chkbox-wrap .e-chkbox-small .e-checkmark {
  border-radius: 0.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: rgb(255, 255, 255);
}
.e-chkbox-wrap div > span {
  border: 0;
  background: rgb(192, 201, 211);
}
.e-chkbox-wrap div > span.e-chk-act {
  border: 0;
}
.e-chkbox-wrap.e-focus div > span {
  box-shadow: 0 0 0 0.075rem rgb(255, 255, 255), 0 0 0 0.2rem #7a8391;
}
.e-chkbox-wrap.e-disable div > span {
  background: rgb(119, 129, 141);
}
.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: rgb(229.976, 231.816, 234.024) !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 0.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 {
  text-transform: uppercase;
  margin: 4px 8px;
  font-size: 0.9em;
  color: rgb(192, 201, 211);
}
.wm-inline-suggestion-note {
  font-style: italic;
  margin: 4px 8px;
  font-size: 0.9em;
  color: rgb(192, 201, 211);
}
.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 rgb(237, 242, 243);
  border-radius: 0;
  width: 100%;
}
.wm-web-action-dropdown.dropdown-menu .wm-web-action-disabled {
  color: rgb(192, 201, 211) !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: rgb(25.5, 25.5, 25.5);
}
.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 {
  margin-top: 5px;
  fill: #7a8391;
  cursor: pointer;
  width: 15px;
  height: 15px;
}
.wm-control-label-button {
  color: #7a8391;
  position: absolute;
  top: -27px;
  right: 0;
}
.wm-control-label-button:hover {
  cursor: pointer;
  opacity: 0.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: rgb(192, 201, 211);
}
.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: rgb(235, 21, 21);
  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: rgb(235, 21, 21);
  font-style: normal;
  padding-left: 0px;
  padding-right: 4px;
}
.wm-condensed-form label {
  margin-bottom: 0;
}
.wm-label-required::after {
  content: " *";
  display: inline;
  color: #8e0c0c !important;
}
@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 {
  position: absolute;
  z-index: 99999;
  margin-left: 0px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(237, 242, 243);
}
.wm-filter-dropdown-toggle.dropdown-toggle::after {
  display: none;
}
.wm-pointer {
  cursor: pointer;
}
.wm-categories {
  margin-bottom: 0;
  font-size: 14px;
}
.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 {
  order: -1;
  background-color: #7a8391;
  border: 1px solid #7a8391;
  color: rgb(255, 255, 255);
}

#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: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
  .pcaautocomplete.pcatext .pca.pcalist .pcaselected {
    background-color: rgb(70.2824742268, 75.8103092784, 82.9175257732) !important;
  }
  .pcaautocomplete.pcatext .pca.pcalist .pcaitem {
    color: rgb(192, 201, 211) !important;
  }
  .CodeMirror {
    border-color: rgb(192, 201, 211) !important;
  }
  .CodeMirror.cm-s-default.CodeMirror-wrap {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247);
    color: rgb(255, 255, 255) !important;
  }
  .CodeMirror.cm-s-default.CodeMirror-wrap::selection {
    background-color: rgb(84.3206185567, 90.9525773196, 99.4793814433);
    color: rgb(84, 102, 122) !important;
  }
  .CodeMirror-gutters {
    background-color: rgb(99.9552, 108.7232, 119.2448) !important;
  }
  .CodeMirror-cursor {
    background-color: rgb(255, 255, 255) !important;
  }
  .CodeMirror-linenumber {
    color: rgb(255, 255, 255) !important;
  }
}
.form-group:not(.wm-widget-data) {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.modal .tab-content.tab-pane .wm-row {
  justify-content: space-between;
}
.modal .tab-content.tab-pane .wm-row > .col-12.col-sm-6 {
  flex: inherit;
}
@media only screen and (min-width: 36em) {
  .modal .tab-content.tab-pane .wm-row > .col-12.col-sm-6 {
    flex: 0 0 calc(50% - 0.75rem);
  }
}
.modal .tab-content.tab-pane .wm-row .wm-container-parent {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.modal .tab-content.tab-pane .wm-row .wm-container-parent.wm-pagesize-select {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.modal .tab-content.tab-pane .wm-row[class*=gap-] > .wm-container-parent {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.modal .tab-content.tab-pane .wm-row[class*=gap-] > .wm-container-parent:has(label + .wm-control) {
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgb(237, 242, 247);
}
@media (prefers-color-scheme: dark) {
  .modal .tab-content.tab-pane .wm-row[class*=gap-] > .wm-container-parent:has(label + .wm-control) {
    background: rgb(27.6, 30.6, 33.6);
  }
}

.wm-container-parent:not(.value-summary):has(label + .wm-control) .wm-label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 0.875rem;
  font-weight: 500;
}
.wm-container-parent:not(.value-summary):has(label + .wm-control) .wm-display-label {
  margin-bottom: 0;
}
.wm-container-parent:not(.value-summary):has(label + .wm-control) .wm-control-label-button {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.wm-container-parent:not(.value-summary):has(label + .wm-control) .e-control-wrapper {
  margin-top: 0;
}
.wm-container-parent:not(.value-summary):has(label + .wm-control) input [type=checkbox].wm-control-override-button + label,
.wm-container-parent:not(.value-summary):has(label + .wm-control) input[type=checkbox].wm-control-toggle-enabled-button + label,
.wm-container-parent:not(.value-summary):has(label + .wm-control) input[type=checkbox].wm-control-lock-button + label,
.wm-container-parent:not(.value-summary):has(label + .wm-control) input[type=checkbox].wm-control-confirm-button + label,
.wm-container-parent:not(.value-summary):has(label + .wm-control) input[type=checkbox].wm-control-confirm-button-link + label {
  margin: 0;
}
.wm-container-parent:not(.value-summary):has(label + .wm-control) .wm-row:has(.wm-inline-search-add-btn) {
  margin-right: 0;
}
.wm-container-parent:not(.value-summary):has(.wm-label + .wm-checkbox) {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
}
@media only screen and (max-width: 74.9375em) {
  .wm-container-parent:not(.value-summary):has(.wm-label + .wm-checkbox) {
    align-items: start;
    flex-direction: column;
  }
}
@media only screen and (max-width: 35.9375em) {
  .wm-container-parent:not(.value-summary):has(.wm-label + .wm-checkbox) {
    display: grid;
    align-items: center;
    flex-direction: row;
    grid-template-columns: 1fr auto;
  }
}
.wm-container-parent:not(.value-summary):has(.wm-label + .wm-checkbox) .wm-label {
  flex: 0 1 auto;
  max-width: 100%;
  white-space: normal;
  word-break: break-word;
}

div[class*=gap-]:has(> .wm-container-parent) > .wm-container-parent:has(label + .wm-control) .wm-label:not(.wm-display-label) {
  color: rgb(113, 128, 150);
}
@media (prefers-color-scheme: dark) {
  div[class*=gap-]:has(> .wm-container-parent) > .wm-container-parent:has(label + .wm-control) .wm-label:not(.wm-display-label) {
    color: rgb(160, 174, 192) !important;
  }
}
div[class*=gap-]:has(> .wm-container-parent) > .wm-container-parent:has(label + .wm-control) .wm-display-label:not(.wm-label) {
  color: rgb(74, 85, 104);
}
@media (prefers-color-scheme: dark) {
  div[class*=gap-]:has(> .wm-container-parent) > .wm-container-parent:has(label + .wm-control) .wm-display-label:not(.wm-label) {
    color: rgb(203, 213, 224) !important;
  }
}

main .wm-section-inner, .wm-section-inner:has(.wm-core-audit) {
  /*.wm-row[class*="gap-"]:has(> div[class*="col-"] > .wm-stock-status-card) {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem;
      margin-left: 0;
      margin-right: 0;

      &:first-child {
          margin-top: 0 !important;
      }

      > div:has(.wm-stock-status-card) {
          flex-direction: column;
          margin-top: 0 !important;
          margin-bottom: 0 !important;
          border-radius: 0.66rem;
          padding: 0.75rem 1rem;
          background: vars.$gray-100;

          @include mx.prefer(dark) {
              background: color.adjust(vars.$bg-m $lightness: -dal-dark, 3%);
          }
      }
  }*/
}
main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent),
main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card), .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent),
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  margin-left: 0;
  margin-right: 0;
}
main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent):first-child,
main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card):first-child, .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent):first-child,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card):first-child {
  margin-top: 0 !important;
}
main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-container-parent,
main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) > div:has(> .wm-container-parent),
main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) > div[class*=col-] > .wm-stock-status-card,
main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-container-parent,
main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div:has(> .wm-container-parent),
main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div[class*=col-] > .wm-stock-status-card, .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-container-parent,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) > div:has(> .wm-container-parent),
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) > div[class*=col-] > .wm-stock-status-card,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-container-parent,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div:has(> .wm-container-parent),
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div[class*=col-] > .wm-stock-status-card {
  flex-direction: column;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0.66rem;
  padding: 0.75rem 1rem;
  background: rgb(247, 250, 252);
}
@media (prefers-color-scheme: dark) {
  main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-container-parent,
  main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) > div:has(> .wm-container-parent),
  main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) > div[class*=col-] > .wm-stock-status-card,
  main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-container-parent,
  main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div:has(> .wm-container-parent),
  main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div[class*=col-] > .wm-stock-status-card, .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-container-parent,
  .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) > div:has(> .wm-container-parent),
  .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) > div[class*=col-] > .wm-stock-status-card,
  .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-container-parent,
  .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div:has(> .wm-container-parent),
  .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div[class*=col-] > .wm-stock-status-card {
    background: rgb(27.6, 30.6, 33.6);
  }
}
main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-container-parent .wm-control,
main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) > div:has(> .wm-container-parent) .wm-control,
main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) > div[class*=col-] > .wm-stock-status-card .wm-control,
main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-container-parent .wm-control,
main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div:has(> .wm-container-parent) .wm-control,
main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div[class*=col-] > .wm-stock-status-card .wm-control, .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-container-parent .wm-control,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) > div:has(> .wm-container-parent) .wm-control,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) > div[class*=col-] > .wm-stock-status-card .wm-control,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-container-parent .wm-control,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div:has(> .wm-container-parent) .wm-control,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) > div[class*=col-] > .wm-stock-status-card .wm-control {
  padding: 0;
}
main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-form-row.col-12.col-sm-6,
main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-form-row.col-12.col-sm-6, .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-form-row.col-12.col-sm-6,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-form-row.col-12.col-sm-6 {
  padding: 0.75rem 1rem;
}
main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-form-row.col-12.col-sm-6 .wm-row > .wm-container-parent,
main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-form-row.col-12.col-sm-6 .wm-row > .wm-container-parent, .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-form-row.col-12.col-sm-6 .wm-row > .wm-container-parent,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-form-row.col-12.col-sm-6 .wm-row > .wm-container-parent {
  flex-direction: column;
  border-radius: 0.66rem;
  padding: 0.75rem 1rem;
  background: rgb(247, 250, 252);
}
@media (prefers-color-scheme: dark) {
  main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-form-row.col-12.col-sm-6 .wm-row > .wm-container-parent,
  main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-form-row.col-12.col-sm-6 .wm-row > .wm-container-parent, .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-form-row.col-12.col-sm-6 .wm-row > .wm-container-parent,
  .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-form-row.col-12.col-sm-6 .wm-row > .wm-container-parent {
    background: rgb(27.6, 30.6, 33.6);
  }
}
main .wm-section-inner .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-control,
main .wm-section-inner .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-control, .wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> .wm-container-parent) .wm-control,
.wm-section-inner:has(.wm-core-audit) .wm-row[class*=gap-]:has(> div[class*=col-] > .wm-stock-status-card) .wm-control {
  padding: 0;
}
main .wm-section-inner:has(> .wm-row > .wm-container-parent > label) > .wm-row:has(> .wm-container-parent > label + .wm-control):first-child > .wm-container-parent, .wm-section-inner:has(.wm-core-audit):has(> .wm-row > .wm-container-parent > label) > .wm-row:has(> .wm-container-parent > label + .wm-control):first-child > .wm-container-parent {
  margin-top: 0 !important;
}
main .wm-section-inner .wm-row:has(.value-summary), .wm-section-inner:has(.wm-core-audit) .wm-row:has(.value-summary) {
  border-bottom: 1px solid rgb(226, 232, 240);
}
main .wm-section-inner .wm-row:has(.value-summary):last-child, .wm-section-inner:has(.wm-core-audit) .wm-row:has(.value-summary):last-child {
  border-bottom: 0;
}

.tab-content:has(> .wm-row > .wm-form-row > .wm-row > .wm-container-parent:has(> label + .wm-checkbox)) .wm-row {
  background-color: rebeccapurple !important;
  justify-content: auto !important;
}
.tab-content:has(> .wm-row > .wm-form-row > .wm-row > .wm-container-parent:has(> label + .wm-checkbox)) .wm-row:has(> .wm-container-parent:has(> label + .wm-checkbox) + .wm-container-parent:has(> label + .wm-checkbox)) {
  justify-content: flex-start !important;
}

.tab-content:has(> .wm-row > .wm-form-row > .wm-row > .wm-container-parent > label + .wm-checkbox) .wm-row:has(> .wm-container-parent > label + .wm-checkbox) {
  justify-content: flex-start;
  margin-block: 0.75rem;
  margin-inline: 0;
  border-radius: 1rem;
  padding: 0.75rem 1rem !important;
  background: rgb(247, 250, 252) !important;
}
@media (prefers-color-scheme: dark) {
  .tab-content:has(> .wm-row > .wm-form-row > .wm-row > .wm-container-parent > label + .wm-checkbox) .wm-row:has(> .wm-container-parent > label + .wm-checkbox) {
    background-color: rgb(27.6, 30.6, 33.6) !important;
  }
}

.wm-section-inner .wm-row:has(> .wm-container-parent > label + .wm-control.wm-checkbox),
.tab-content .wm-row:has(> .wm-container-parent > label + .wm-control.wm-checkbox) {
  justify-content: flex-start;
  margin-block: 0.75rem;
  margin-inline: 0;
  border-radius: 1rem;
  padding: 0.75rem 1rem;
  background: rgb(247, 250, 252);
}
@media (prefers-color-scheme: dark) {
  .wm-section-inner .wm-row:has(> .wm-container-parent > label + .wm-control.wm-checkbox),
  .tab-content .wm-row:has(> .wm-container-parent > label + .wm-control.wm-checkbox) {
    background-color: rgb(27.6, 30.6, 33.6) !important;
  }
}
.wm-section-inner .wm-row:has(> .wm-container-parent > label + .wm-input.wm-control),
.wm-section-inner .wm-row:has(> .wm-container-parent > label + .wm-inline-search.wm-control),
.wm-section-inner .wm-row:has(> .wm-container-parent > label + .wm-date.wm-control),
.wm-section-inner .wm-row:has(> .wm-container-parent > label + .wm-numeric.wm-control),
.wm-section-inner .wm-row:has(> .wm-container-parent > label + span.collapsed),
.tab-content .wm-row:has(> .wm-container-parent > label + .wm-input.wm-control),
.tab-content .wm-row:has(> .wm-container-parent > label + .wm-inline-search.wm-control),
.tab-content .wm-row:has(> .wm-container-parent > label + .wm-date.wm-control),
.tab-content .wm-row:has(> .wm-container-parent > label + .wm-numeric.wm-control),
.tab-content .wm-row:has(> .wm-container-parent > label + span.collapsed) {
  margin-block: 0 !important;
  margin-inline: -7.5px !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: none !important;
}
@media (prefers-color-scheme: dark) {
  .wm-section-inner .wm-row:has(> .wm-container-parent > label + .wm-input.wm-control),
  .wm-section-inner .wm-row:has(> .wm-container-parent > label + .wm-inline-search.wm-control),
  .wm-section-inner .wm-row:has(> .wm-container-parent > label + .wm-date.wm-control),
  .wm-section-inner .wm-row:has(> .wm-container-parent > label + .wm-numeric.wm-control),
  .wm-section-inner .wm-row:has(> .wm-container-parent > label + span.collapsed),
  .tab-content .wm-row:has(> .wm-container-parent > label + .wm-input.wm-control),
  .tab-content .wm-row:has(> .wm-container-parent > label + .wm-inline-search.wm-control),
  .tab-content .wm-row:has(> .wm-container-parent > label + .wm-date.wm-control),
  .tab-content .wm-row:has(> .wm-container-parent > label + .wm-numeric.wm-control),
  .tab-content .wm-row:has(> .wm-container-parent > label + span.collapsed) {
    background: none !important;
  }
}
.wm-section-inner > .wm-row:not(:has(> .wm-container-parent > label + .wm-checkbox)) > .wm-container-parent > .wm-control.wm-checkbox,
.tab-content > .wm-row:not(:has(> .wm-container-parent > label + .wm-checkbox)) > .wm-container-parent > .wm-control.wm-checkbox {
  padding-top: 28px;
}
.wm-section-inner .d-flex + .wm-row .wm-container-parent > .wm-control.wm-checkbox,
.tab-content .d-flex + .wm-row .wm-container-parent > .wm-control.wm-checkbox {
  padding-top: 0 !important;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-display: swap;
  font-weight: 200 800;
  src: url("../fonts/PlusJakartaSans.woff2") format("woff2");
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-rendering: optimizeLegibility;
  line-height: 1;
}
body {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: clamp(0.875rem, 0.863rem + 0.0535vw, 1rem) !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.00938em;
}

a {
  font-weight: 500;
}

@media (prefers-color-scheme: dark) {
  hr {
    background-color: rgba(255, 255, 255, 0.15);
  }
}

svg text {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}
@media (prefers-color-scheme: dark) {
  svg text {
    fill: rgb(192, 201, 211);
  }
}

p {
  font-weight: 300;
  font-size: 1rem;
  color: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  p {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  p {
    color: rgb(237, 242, 247) !important;
  }
}

input.e-input,
textarea.e-input,
.e-input-group,
.e-input-group.e-control-wrapper,
.e-control, .e-css,
.e-dropdownbase .e-list-item {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: clamp(0.875rem, 0.863rem + 0.0535vw, 1rem) !important;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6 .h6 {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 500;
  color: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5,
  h6 .h6 {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5,
  h6 .h6 {
    color: rgb(237, 242, 247) !important;
  }
}

h1, .h1 {
  font-size: clamp(1.602em, 1.561rem + 0.182vw, 2.027em) !important;
  line-height: 1.167;
  letter-spacing: -0.01562em;
}

h2, .h2 {
  font-size: clamp(1.424em, 1.3876rem + 0.1619vw, 1.802em) !important;
  line-height: 1.2;
  letter-spacing: -0.00833em;
}

h3, .h3 {
  font-size: clamp(1.266em, 1.2336rem + 0.1439vw, 1.602em) !important;
  line-height: 1.167;
  letter-spacing: 0;
}

h4, .h4 {
  font-size: clamp(1.266em, 0.863rem + 0.0535vw, 1.424em) !important;
  line-height: 1.235;
  letter-spacing: -0.00735em;
}

h5, .h5 {
  font-size: clamp(1.125em, 1.2508rem + 0.0677vw, 1.266em) !important;
  line-height: 1.334;
  letter-spacing: 0;
}

h6 .h6 {
  font-size: clamp(1rem, 0.988rem + 0.0535vw, 1.125em);
  line-height: 1.6;
  letter-spacing: -0.0075em;
}

.wm-title, .wm-subtitle, .wm-display-label {
  display: block;
  word-break: break-word;
}
.wm-title {
  color: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  .wm-title {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-title {
    color: rgb(237, 242, 247) !important;
  }
}
.wm-subtitle {
  color: rgb(113, 128, 150) !important;
}
@media (prefers-color-scheme: light) {
  .wm-subtitle {
    color: rgb(113, 128, 150) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-subtitle {
    color: rgb(237, 242, 247) !important;
  }
}
.wm-control a .wm-display-label {
  color: #7a8391 !important;
}
@media (prefers-color-scheme: light) {
  .wm-control a .wm-display-label {
    color: #7a8391 !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-control a .wm-display-label {
    color: #afb3b9 !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;
  }
}

.modal-body h4 {
  color: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  .modal-body h4 {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal-body h4 {
    color: rgb(237, 242, 247) !important;
  }
}
.modal-body label {
  color: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  .modal-body label {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal-body label {
    color: rgb(192, 201, 211) !important;
  }
}
.modal-body div.alert > label {
  margin-bottom: 0;
  line-height: 1;
  white-space: normal;
  color: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  .modal-body div.alert > label {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal-body div.alert > label {
    color: rgb(247, 247, 248) !important;
  }
}

.wm-bold {
  font-weight: bold;
}
.wm-module-title {
  margin-bottom: 0 !important;
  color: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  .wm-module-title {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-module-title {
    color: rgb(215.6258064516, 217.9419354839, 222.5741935484) !important;
  }
}
@media only screen and (max-width: 28.9375em) {
  .wm-module-title {
    font-size: calc(17px + 6 * (100vw - 320px) / 680) !important;
  }
}
.wm-module-title {
  font-size: 24px;
  line-height: normal;
  font-weight: 600;
  text-transform: none;
}
.wm-module-title a {
  font-weight: inherit;
  color: inherit;
}
.wm-module-title a:hover {
  color: rgb(79.2988764045, 77.4966292135, 82.9033707865) !important;
}
@media (prefers-color-scheme: light) {
  .wm-module-title a:hover {
    color: rgb(79.2988764045, 77.4966292135, 82.9033707865) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-module-title a:hover {
    color: rgb(198.8451612903, 202.1483870968, 208.7548387097) !important;
  }
}
.wm-display-label {
  white-space: pre-line;
}
@media only screen and (max-width: 28.9375em) {
  .wm-section-title {
    font-size: 16px;
  }
}
.wm-save-item-text > .wm-icon {
  float: right;
  transition: all 0.2s ease-out;
  pointer-events: all !important;
  position: relative;
  top: 4px;
  left: 2px;
}
@media only screen and (max-width: 47.9375em) {
  .wm-save-item-text > .wm-icon {
    pointer-events: none;
  }
}
.wm-save-item-text > .wm-icon:hover {
  transform: scale(1.1);
  cursor: pointer;
}
@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 {
  position: relative;
  display: table;
  will-change: transform;
  animation: 2s bulge infinite ease-out;
  margin: 0 auto;
  border-radius: 50px;
  width: auto;
  padding: 10px;
  background-color: rgb(252.3, 253.05, 253.2);
}
@media only screen and (max-width: 28.9375em) {
  .typing-indicator {
    padding: 5px;
  }
  .typing-indicator span {
    width: 5px;
    height: 5px;
  }
}
.typing-indicator span {
  float: left;
  display: block;
  opacity: 0.4;
  margin: 0 1px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #9E9EA1;
}
.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;
}
.typing-indicator-wrapper {
  position: fixed;
  bottom: 85px;
  left: 15px;
  display: inline-block;
}

.text-primary,
.primary {
  color: rgb(0, 120, 214) !important;
}

.text-success,
.success {
  color: rgb(0, 73.748603352, 153.5) !important;
}

.indicator i.text-success::before {
  color: rgb(0, 73.748603352, 153.5) !important;
}

.text-warning,
.warning {
  color: rgb(250, 206, 31) !important;
}

a.text-info,
a.info,
.text-info,
.info {
  color: rgb(149.9135802469, 157.024691358, 168.0864197531) !important;
}
@media (prefers-color-scheme: dark) {
  a.text-info,
  a.info,
  .text-info,
  .info {
    color: rgb(196.76, 199.672, 204.04) !important;
  }
  a.text-info:hover,
  a.info:hover,
  .text-info:hover,
  .info:hover {
    color: rgb(218.52, 220.344, 223.08) !important;
  }
}
a.text-info:hover,
a.info:hover,
.text-info:hover,
.info:hover {
  color: rgb(107.012345679, 115.7679012346, 129.387654321) !important;
}

.text-danger,
.danger {
  color: rgb(235, 21, 21) !important;
}

.text-gray,
.gray {
  color: rgb(90.6528, 98.6048, 108.1472) !important;
}

.text-black,
.black {
  color: rgb(0, 0, 0) !important;
}
@media (prefers-color-scheme: dark) {
  .text-black,
  .black {
    color: rgb(192, 201, 211) !important;
  }
}

.text-dark,
.dark {
  color: rgb(46, 51, 56) !important;
}
@media (prefers-color-scheme: dark) {
  .text-dark,
  .dark {
    color: rgb(192, 201, 211) !important;
  }
}

a.text-dark:hover {
  color: rgb(73.6, 81.6, 89.6);
}
@media (prefers-color-scheme: dark) {
  a.text-dark:hover {
    color: rgb(237, 242, 243) !important;
  }
}

.text-default,
.default {
  color: rgb(88.9914772727, 171.4232954545, 219.5085227273) !important;
}

.text-cool,
.cool {
  color: rgb(72.048, 78.368, 85.952) !important;
}

.text-muted {
  color: rgb(119, 129, 141);
}

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

.wm-icon {
  fill: #7a8391;
  color: #7a8391;
  width: 20px;
  height: 20px;
}
@media (prefers-color-scheme: dark) {
  .wm-icon {
    fill: rgb(188.9925925926, 193.4592592593, 200.4074074074);
    color: rgb(188.9925925926, 193.4592592593, 200.4074074074);
  }
}
.wm-icon-extrasmall {
  font-size: 13px;
  width: 13px;
  height: 13px;
}
.wm-icon-medium {
  font-size: 22px;
  width: 22px;
  height: 22px;
}
.wm-icon-large {
  font-size: 32px;
  width: 32px;
  height: 32px;
}
.wm-module-title span i.wm-icon {
  color: rgb(84, 102, 122);
}
@media (prefers-color-scheme: dark) {
  .wm-module-title span i.wm-icon {
    color: rgb(219, 208, 208);
  }
}

.btn .wm-icon {
  display: block;
  margin: auto;
  color: rgb(255, 255, 255);
}

.icon {
  display: inline-flex;
  align-self: center;
}
.icon.baseline svg,
.icon .icon img {
  position: relative;
  top: 0.125em;
}
.inner-icon {
  position: absolute;
  font-size: smaller !important;
}

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

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

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

.navigation-icon .main-left-icon {
  font-size: 20px;
  font-weight: 200;
  color: rgb(255, 255, 255);
}
.navigation-icon .inner-icon {
  top: -15px !important;
  left: 12px;
  display: block;
  color: rgb(255, 255, 255);
}

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

.wm-orgchart-card-title {
  color: rgb(255, 255, 255) !important;
}

.wm-orgchart-card-subtitle {
  color: rgb(255, 255, 255) !important;
}

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

span.pointer i.wm-icon,
.fa-grip-vertical.wm-grid-row-drag-icon {
  color: rgb(176.9859813084, 188.1308411215, 200.5140186916);
}

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

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

.navigation-item.show-nav-links:hover {
  background: #c0c9d3 !important;
}
.navigation-item.show-nav-links:hover .nav-link-text {
  font-weight: 300;
  color: #1d1f22;
}
.navigation-item.show-nav-links:hover .main-left-icon {
  font-weight: 300;
  color: #1d1f22;
}
.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 {
  margin-bottom: 5px;
  border-radius: 9px;
  padding: 3px 10px;
  line-height: 11px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: uppercase;
  font-weight: 600;
  text-transform: none;
  background-color: transparent;
  color: rgb(255, 255, 255);
}
.badge-icon {
  padding: 0.4em 0.55em;
}
.badge-icon i {
  font-size: 0.8em;
}
.badge-default {
  background-color: rgb(237, 242, 243) !important;
  color: rgb(46, 51, 56) !important;
}
.badge-primary {
  background-color: rgb(0, 120, 214);
}
.badge-info {
  background-color: rgb(0, 137.1588785047, 244.6);
}
.badge-success {
  background-color: rgb(36, 124, 36);
}
.badge-warning {
  background-color: rgb(250, 206, 31);
}
.badge-danger {
  background-color: rgb(235, 21, 21);
}
.badge-neutral {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(46, 51, 56) !important;
}
.badge.status-badge {
  font-weight: 200;
  line-height: 9px;
}

.wm-category-count.badge {
  margin-left: 10px;
  border: 0;
  font-weight: 400;
  color: rgb(255, 255, 255) !important;
}
.wm-control .wm-limit-width {
  word-break: break-word !important;
}
.wm-control .wm-limit-width.text-nowrap {
  white-space: normal !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wm-control .wm-limit-width > div {
  width: 100% !important;
}
.wm-control .success {
  color: rgb(36, 124, 36) !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: 100%;
  right: 0;
  margin-left: 5px;
  border-radius: 3px !important;
  padding: 3px;
  font-size: 12px;
}

@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;
    top: unset;
    bottom: -36px;
    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;
}
@media (prefers-color-scheme: dark) {
  a,
  .wm-datatable-column-drilldown {
    color: rgb(207.64, 210.008, 213.56);
  }
  a:not(.btn):hover,
  .wm-datatable-column-drilldown:not(.btn):hover {
    color: rgb(229.4, 230.68, 232.6);
  }
}
a:not(.btn):hover,
.wm-datatable-column-drilldown:not(.btn):hover {
  color: #afb3b9;
}
a:not(.btn):hover label,
.wm-datatable-column-drilldown:not(.btn):hover label {
  color: #afb3b9 !important;
}

.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: rgb(255, 255, 255);
}

.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: rgb(229.4, 230.68, 232.6) !important;
  }
}

@media (prefers-color-scheme: dark) {
  .mapcollapser > i {
    color: rgb(229.4, 230.68, 232.6) !important;
  }
}

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

#message.alert-danger {
  font-size: 2em;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  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 {
  margin-top: -260px;
  background: url(/../dist/images/survey/unhappy.png);
  background-size: cover;
  background-position: center;
  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 {
    border: #202124 solid 1px;
    background-color: #8aa6c3 !important;
    white-space: pre-line;
    color: #202124 !important;
  }
}
.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 {
  line-height: normal !important;
  text-align: left !important;
  white-space: normal !important;
}

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

.wm-button-group {
  gap: 0.5rem;
}
.wm-button-group .primary-button {
  padding: 0.3rem 0.5rem !important;
}
.wm-button-group .primary-button:hover .button-content {
  transform: none !important;
}
.wm-button-group .primary-button:hover .button-content:after {
  content: unset !important;
}

/*** Slide button animation ***/
div.wm-button-group {
  /*    .btn-group {
      @include mx.prefer(dark) {
          border-color: color.adjust(vars.$bg-modal$lightness: -dark, 3%);
          background-color: color.adjust(vars.$bg-mod $lightness: -l-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 vars.$gray-300;
      border-radius: 50px;
      padding: 3px;
      background-color: vars.$gray-100;
      overflow: hidden;

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

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

          &.wm-button-active {
              //color: blue;
          }
      }
  }*/
}
div.wm-button-group .btn-group {
  position: relative;
  display: inline-flex;
  justify-content: space-evenly;
  border: 2px solid rgb(226, 232, 240);
  border-radius: 50px;
  padding: 3px;
  background-color: rgb(247, 250, 252);
  overflow: hidden;
}
@media (prefers-color-scheme: dark) {
  div.wm-button-group .btn-group {
    border-color: rgb(41.4, 45.9, 50.4);
    background-color: rgb(27.6, 30.6, 33.6);
  }
}
@media only screen and (max-width: 47.9375em) {
  div.wm-button-group .btn-group {
    display: flex;
    flex-wrap: wrap;
    border-radius: 26px;
  }
}
div.wm-button-group .btn-group .btn,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)) {
  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 !important;
  cursor: pointer;
  color: rgb(74, 85, 104);
  /*&.wm-button-disabled {
      @include mx.prefer(dark) {
          box-shadow: none;
          background: color.adjust(vars.$bg-mod $lightness: -l-dark, 3%);
          color: vars.$gray-200;
      }

      background: vars.$gray-100;
      color: vars.$gray-700;

      &:hover {
          @include mx.prefer(dark) {
              background-color: vars.$primary;

              &:after {
                  background-image: linear-gradient(184deg, color.adjust(vars.$primary, 12$lightness: %) 0%, color.adjust(vars.$primary, 8$lightness: %) 7%, color.adjust(vars.$primary, 4$lightness: %) 24%, vars.$primary 36%, color.adjust(vars.$primary, 4 $lightness: -) 62%, color.adjust(vars.$primary, 8 $lightness: -) 97%);
              }
          }

          background-color: vars.$primary-light;
          color: vars.$white;

          &:after {
              background-image: linear-gradient(184deg, color.adjust(vars.$primary-light$lightness: , 12%) 0%, color.adjust(vars.$primary-light$lightness: , 8%) 7%, color.adjust(vars.$primary-light$lightness: , 4%) 24%, vars.$primary-light 36%, color.adjust(vars.$primary-light, $lightness: -4%) 62%, color.adjust(vars.$primary-light, $lightness: -8%) 97%);
          }
      }
  }*/
}
@media (prefers-color-scheme: dark) {
  div.wm-button-group .btn-group .btn,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)) {
    box-shadow: none;
    color: rgb(237, 242, 247);
  }
}
div.wm-button-group .btn-group .btn.wm-button-active.intent-positive,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-positive {
  background-color: rgb(56, 148, 56) !important;
}
@media (prefers-color-scheme: dark) {
  div.wm-button-group .btn-group .btn.wm-button-active.intent-positive,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-positive {
    background-color: rgb(34, 105, 34) !important;
  }
  div.wm-button-group .btn-group .btn.wm-button-active.intent-positive:after,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-positive:after {
    background-image: linear-gradient(184deg, rgb(48.9697841727, 151.2302158273, 48.9697841727) 0%, rgb(43.9798561151, 135.8201438849, 43.9798561151) 7%, rgb(38.9899280576, 120.4100719424, 38.9899280576) 24%, rgb(34, 105, 34) 36%, rgb(29.0100719424, 89.5899280576, 29.0100719424) 62%, rgb(24.0201438849, 74.1798561151, 24.0201438849) 97%) !important;
  }
  div.wm-button-group .btn-group .btn.wm-button-active.intent-positive:hover,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-positive:hover {
    box-shadow: 0px 8px 24px 0px rgba(34, 105, 34, 0.48) !important;
    background-color: rgb(56, 148, 56) !important;
  }
}
div.wm-button-group .btn-group .btn.wm-button-active.intent-positive .btn-light,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-positive .btn-light {
  background-color: transparent !important;
}
div.wm-button-group .btn-group .btn.wm-button-active.intent-positive .button-content,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-positive .button-content {
  color: rgb(255, 255, 255) !important;
}
div.wm-button-group .btn-group .btn.wm-button-active.intent-positive:after,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-positive:after {
  background-image: linear-gradient(184deg, rgb(77.4, 187.8, 77.4) 0%, rgb(67.2, 177.6, 67.2) 7%, rgb(61.6, 162.8, 61.6) 24%, rgb(56, 148, 56) 36%, rgb(50.4, 133.2, 50.4) 62%, rgb(67.2, 177.6, 67.2) 97%) !important;
}
div.wm-button-group .btn-group .btn.wm-button-active.intent-positive:hover,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-positive:hover {
  box-shadow: 0px 8px 24px 0px rgba(34, 105, 34, 0.48) !important;
  background-color: rgb(34, 105, 34) !important;
}
@media (prefers-color-scheme: dark) {
  div.wm-button-group .btn-group .btn.wm-button-active.intent-positive:hover,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-positive:hover {
    box-shadow: 0px 8px 24px 0px rgba(34, 105, 34, 0.48) !important;
  }
}
div.wm-button-group .btn-group .btn.wm-button-active.intent-success, div.wm-button-group .btn-group .btn.wm-button-active.intent-light,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-success,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-light {
  background-color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  div.wm-button-group .btn-group .btn.wm-button-active.intent-success, div.wm-button-group .btn-group .btn.wm-button-active.intent-light,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-success,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-light {
    background-color: #33353b !important;
  }
  div.wm-button-group .btn-group .btn.wm-button-active.intent-success:after, div.wm-button-group .btn-group .btn.wm-button-active.intent-light:after,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-success:after,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-light:after {
    background-image: linear-gradient(184deg, rgb(79.3745454545, 82.4872727273, 91.8254545455) 0%, rgb(69.9163636364, 72.6581818182, 80.8836363636) 7%, rgb(60.4581818182, 62.8290909091, 69.9418181818) 24%, #33353b 36%, rgb(41.5418181818, 43.1709090909, 48.0581818182) 62%, rgb(32.0836363636, 33.3418181818, 37.1163636364) 97%) !important;
  }
  div.wm-button-group .btn-group .btn.wm-button-active.intent-success:hover, div.wm-button-group .btn-group .btn.wm-button-active.intent-light:hover,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-success:hover,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-light:hover {
    box-shadow: 0px 8px 24px 0px rgba(51, 53, 59, 0.48) !important;
    background-color: #7a8391 !important;
  }
}
div.wm-button-group .btn-group .btn.wm-button-active.intent-success .btn-light, div.wm-button-group .btn-group .btn.wm-button-active.intent-light .btn-light,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-success .btn-light,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-light .btn-light {
  background-color: transparent !important;
}
div.wm-button-group .btn-group .btn.wm-button-active.intent-success .button-content, div.wm-button-group .btn-group .btn.wm-button-active.intent-light .button-content,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-success .button-content,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-light .button-content {
  color: rgb(255, 255, 255) !important;
}
div.wm-button-group .btn-group .btn.wm-button-active.intent-success:after, div.wm-button-group .btn-group .btn.wm-button-active.intent-light:after,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-success:after,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-light:after {
  background-image: linear-gradient(184deg, rgb(155.4962962963, 162.2296296296, 172.7037037037) 0%, rgb(144.3308641975, 151.8197530864, 163.4691358025) 7%, rgb(133.1654320988, 141.4098765432, 154.2345679012) 24%, #7a8391 36%, rgb(111.6296296296, 120.762962963, 134.9703703704) 62%, rgb(102.3950617284, 110.7728395062, 123.8049382716) 97%) !important;
}
div.wm-button-group .btn-group .btn.wm-button-active.intent-success:hover, div.wm-button-group .btn-group .btn.wm-button-active.intent-light:hover,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-success:hover,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-light:hover {
  box-shadow: 0px 8px 24px 0px rgba(175, 179, 185, 0.48) !important;
  background-color: #afb3b9 !important;
}
@media (prefers-color-scheme: dark) {
  div.wm-button-group .btn-group .btn.wm-button-active.intent-success:hover, div.wm-button-group .btn-group .btn.wm-button-active.intent-light:hover,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-success:hover,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.intent-light:hover {
    box-shadow: 0px 8px 24px 0px rgba(51, 53, 59, 0.48) !important;
  }
}
div.wm-button-group .btn-group .btn.intent-light:not(.wm-button-active),
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-light:not(.wm-button-active) {
  background: none !important;
}
div.wm-button-group .btn-group .btn.intent-danger:not(.wm-button-active), div.wm-button-group .btn-group .btn.intent-positive:not(.wm-button-active), div.wm-button-group .btn-group .btn.intent-warning:not(.wm-button-active),
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:not(.wm-button-active),
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-positive:not(.wm-button-active),
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:not(.wm-button-active) {
  background-color: unset;
}
@media (prefers-color-scheme: dark) {
  div.wm-button-group .btn-group .btn.intent-danger:not(.wm-button-active), div.wm-button-group .btn-group .btn.intent-positive:not(.wm-button-active), div.wm-button-group .btn-group .btn.intent-warning:not(.wm-button-active),
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:not(.wm-button-active),
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-positive:not(.wm-button-active),
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:not(.wm-button-active) {
    background-color: unset;
  }
  div.wm-button-group .btn-group .btn.intent-danger:not(.wm-button-active):after, div.wm-button-group .btn-group .btn.intent-positive:not(.wm-button-active):after, div.wm-button-group .btn-group .btn.intent-warning:not(.wm-button-active):after,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:not(.wm-button-active):after,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-positive:not(.wm-button-active):after,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:not(.wm-button-active):after {
    background-image: unset;
  }
}
div.wm-button-group .btn-group .btn.intent-danger:hover,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:hover {
  background-color: rgb(255, 59, 48) !important;
  color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  div.wm-button-group .btn-group .btn.intent-danger:hover,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:hover {
    background-color: rgb(255, 69, 58) !important;
  }
}
div.wm-button-group .btn-group .btn.intent-positive:hover,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-positive:hover {
  background-color: rgb(92, 212, 92) !important;
  color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  div.wm-button-group .btn-group .btn.intent-positive:hover,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-positive:hover {
    background-color: rgb(34, 105, 34) !important;
  }
}
div.wm-button-group .btn-group .btn.intent-warning:hover,
div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:hover {
  background-color: rgb(255, 149, 0) !important;
  color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  div.wm-button-group .btn-group .btn.intent-warning:hover,
  div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:hover {
    background-color: rgb(255, 159, 10) !important;
  }
}

.wm-main-page .dropdown-menu {
  overflow-y: auto;
  transform-style: preserve-3d !important;
  border-radius: 1rem;
  max-height: 60vh;
}
.wm-main-page .dropdown-menu .dropdown-divider {
  margin: 0.4rem 0;
}
.wm-main-page .dropdown-menu .dropdown-item.wm-web-action {
  position: relative;
  border-radius: 0.75rem;
}
.wm-main-page .dropdown-menu .dropdown-item.wm-web-action:has(.dropdown-toggle) .dropdown-toggle {
  padding: 0.5em 1.75rem 0.5rem 0.5rem !important;
}
.wm-main-page .dropdown-menu .dropdown-item.wm-web-action:has(.dropdown-toggle) .dropdown-toggle:before {
  content: "\f078";
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Pro";
  font-size: 0.875rem;
  color: rgb(113, 128, 150);
}
.wm-main-page .dropdown-menu .dropdown-item.wm-web-action:has(.dropdown-toggle) .dropdown-toggle:after {
  content: unset;
}
.wm-main-page .dropdown-menu .dropdown-item.wm-web-action:has(.dropdown-toggle) .dropdown-toggle:hover {
  filter: none !important;
  background: transparent !important;
}
.wm-main-page .dropdown-menu .dropdown-item.wm-web-action.show {
  margin-top: 0.25rem;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-color: rgb(237, 242, 247);
}
@media (prefers-color-scheme: dark) {
  .wm-main-page .dropdown-menu .dropdown-item.wm-web-action.show {
    background-color: rgb(40.2685714286, 43.0457142857, 47.2114285714) !important;
  }
}
.wm-main-page .dropdown-menu .dropdown-item.wm-web-action.show .dropdown-menu.show {
  margin: 0 -0.25rem 0.5rem !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
  width: calc(100% + 0.5rem) !important;
  background-color: rgb(237, 242, 247);
}
@media (prefers-color-scheme: dark) {
  .wm-main-page .dropdown-menu .dropdown-item.wm-web-action.show .dropdown-menu.show {
    background-color: rgb(40.2685714286, 43.0457142857, 47.2114285714) !important;
  }
}
.wm-main-page .dropdown-menu .dropdown-item.wm-web-action.show .dropdown-menu.show .dropdown-item {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border-radius: 0.5rem;
  background: transparent;
}
.wm-main-page .dropdown-menu .dropdown-item.wm-web-action.show .dropdown-menu.show a.dropdown-item {
  background: transparent !important;
}
@media (prefers-color-scheme: dark) {
  .wm-main-page .dropdown-menu .dropdown-item.wm-web-action.show:hover {
    background-color: rgb(79.6412371134, 85.9051546392, 93.9587628866) !important;
  }
}
.wm-main-page .dropdown-menu > div:last-child .dropdown-item.wm-web-action.show > .dropdown-menu.show {
  margin: 0 -0.25rem !important;
}
.wm-main-page .dropdown-menu a.dropdown-item,
.wm-main-page .dropdown-menu a.dropdown-item:hover {
  background: none !important;
}
.wm-main-page .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);
}
.wm-main-page .dropdown-menu:has(.dropdown-menu) {
  max-width: 250px;
  min-width: 200px;
}
.wm-main-page .dropdown-menu:has(.dropdown-menu) .dropdown-item > div {
  white-space: normal;
}

.btn-danger {
  border: none !important;
  background: none !important;
}
.btn-danger .btn-group .btn.btn-sm.btn-standard.wm-button.wm-web-action {
  background: rgb(255, 59, 48) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-danger .btn-group .btn.btn-sm.btn-standard.wm-button.wm-web-action {
    background: rgb(255, 69, 58) !important;
  }
}
.btn-danger .btn-group .btn.btn-sm.btn-standard.wm-button.wm-web-action:hover {
  filter: none;
  box-shadow: 0px 8px 16px 0px rgba(255, 59, 48, 0.48) !important;
  background: rgb(255, 44.923857868, 32.5) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-danger .btn-group .btn.btn-sm.btn-standard.wm-button.wm-web-action:hover {
    box-shadow: 0px 8px 16px 0px rgba(255, 69, 58, 0.48) !important;
  }
}
.btn-danger .wm-action-button-group .dropdown.btn-group {
  background: rgb(255, 69, 58) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-danger .wm-action-button-group .dropdown.btn-group {
    background: rgb(255, 20.847715736, 7) !important;
  }
}
.btn-danger .wm-action-button-group .dropdown.btn-group div.main-action.btn.btn-sm.btn-standard.wm-button,
.btn-danger .wm-action-button-group .dropdown.btn-group div.btn-group .dropdown-toggle.btn.btn-sm.btn-standard.wm-button {
  border-left: 1px solid rgba(255, 255, 255, 0.48) !important;
  background: rgb(255, 59, 48) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-danger .wm-action-button-group .dropdown.btn-group div.main-action.btn.btn-sm.btn-standard.wm-button,
  .btn-danger .wm-action-button-group .dropdown.btn-group div.btn-group .dropdown-toggle.btn.btn-sm.btn-standard.wm-button {
    background: rgb(255, 69, 58) !important;
  }
}
.btn-danger .wm-action-button-group .dropdown.btn-group div.main-action.btn.btn-sm.btn-standard.wm-button:hover,
.btn-danger .wm-action-button-group .dropdown.btn-group div.btn-group .dropdown-toggle.btn.btn-sm.btn-standard.wm-button:hover {
  filter: none;
  box-shadow: 0px 8px 16px 0px rgba(255, 59, 48, 0.48) !important;
  background: rgb(255, 44.923857868, 32.5) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-danger .wm-action-button-group .dropdown.btn-group div.main-action.btn.btn-sm.btn-standard.wm-button:hover,
  .btn-danger .wm-action-button-group .dropdown.btn-group div.btn-group .dropdown-toggle.btn.btn-sm.btn-standard.wm-button:hover {
    box-shadow: 0px 8px 16px 0px rgba(255, 69, 58, 0.48) !important;
  }
}
.btn-danger .wm-icon {
  color: rgb(255, 59, 48) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-danger .wm-icon {
    color: rgb(255, 69, 58) !important;
  }
}

.btn-warning {
  border: none !important;
  background: none !important;
}
.btn-warning .btn-group .btn.btn-sm.btn-standard.wm-button.wm-web-action {
  background: rgb(255, 149, 0) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-warning .btn-group .btn.btn-sm.btn-standard.wm-button.wm-web-action {
    background: rgb(255, 159, 10) !important;
  }
}
.btn-warning .btn-group .btn.btn-sm.btn-standard.wm-button.wm-web-action:hover {
  filter: none;
  box-shadow: 0px 8px 16px 0px rgba(255, 149, 0, 0.48) !important;
  background: rgb(239.5, 145.6551020408, 0) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-warning .btn-group .btn.btn-sm.btn-standard.wm-button.wm-web-action:hover {
    box-shadow: 0px 8px 16px 0px rgba(255, 159, 10, 0.48) !important;
  }
}
.btn-warning .wm-action-button-group .dropdown.btn-group {
  background: rgb(255, 159, 10) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-warning .wm-action-button-group .dropdown.btn-group {
    background: rgb(214, 130.1469387755, 0) !important;
  }
}
.btn-warning .wm-action-button-group .dropdown.btn-group div.main-action.btn.btn-sm.btn-standard.wm-button,
.btn-warning .wm-action-button-group .dropdown.btn-group div.btn-group .dropdown-toggle.btn.btn-sm.btn-standard.wm-button {
  border-left: 1px solid rgba(255, 255, 255, 0.48) !important;
  background: rgb(255, 149, 0) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-warning .wm-action-button-group .dropdown.btn-group div.main-action.btn.btn-sm.btn-standard.wm-button,
  .btn-warning .wm-action-button-group .dropdown.btn-group div.btn-group .dropdown-toggle.btn.btn-sm.btn-standard.wm-button {
    background: rgb(255, 159, 10) !important;
  }
}
.btn-warning .wm-action-button-group .dropdown.btn-group div.main-action.btn.btn-sm.btn-standard.wm-button:hover,
.btn-warning .wm-action-button-group .dropdown.btn-group div.btn-group .dropdown-toggle.btn.btn-sm.btn-standard.wm-button:hover {
  filter: none;
  box-shadow: 0px 8px 16px 0px rgba(255, 149, 0, 0.48) !important;
  background: rgb(239.5, 145.6551020408, 0) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-warning .wm-action-button-group .dropdown.btn-group div.main-action.btn.btn-sm.btn-standard.wm-button:hover,
  .btn-warning .wm-action-button-group .dropdown.btn-group div.btn-group .dropdown-toggle.btn.btn-sm.btn-standard.wm-button:hover {
    box-shadow: 0px 8px 16px 0px rgba(255, 159, 10, 0.48) !important;
  }
}
.btn-warning .wm-icon {
  color: rgb(255, 149, 0) !important;
}
@media (prefers-color-scheme: dark) {
  .btn-warning .wm-icon {
    color: rgb(255, 159, 10) !important;
  }
}

.btn {
  min-height: 30px;
  font-size: clamp(0.875rem, 0.863rem + 0.0535vw, 1rem);
  line-height: 1.75;
  letter-spacing: -0.02857em;
}
.btn:focus, .btn:active, .btn.focus {
  box-shadow: 0 0 0 0 transparent !important;
}
.btn-group.wm-button-group .disabled {
  cursor: not-allowed !important;
}
.btn-outline {
  transition: all 0.4s;
  background-color: transparent;
  color: transparent;
}
.btn-xs {
  border-radius: 0.2rem;
  padding: 0.45rem 0.4rem;
  font-size: 0.775rem;
  line-height: 0.5;
}
.btn-rounded {
  border-radius: 60px;
  padding: 7px 18px;
}
.btn-rounded.btn-lg {
  padding: 0.75rem 1.5rem;
}
.btn-rounded.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 12px;
}
.btn-rounded.btn-xs {
  padding: 0.25rem 0.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 {
    @include mx.bgrBrd(color.adjust(vars.$primary-dark, $lightness: 4%) !important, 1px solid color.adjust(vars.$primary-dark, $lightness: 2%) !important);
}*/
.wm {
  /*&-view-page-drilldown .btn-group {
      &.dropdown {
          transition: all vars.$cubic vars.$duration;
          border-radius: 0.4rem !important;
          //background-color: rgba(vars.$primary-light, 0.48) !important;
          background-color: none !important;
          background: none !important;

          i {
              @include mx.prefer(dark) {
                  color: vars.$primary-light;
              }

              font-weight: 400;
              color: vars.$primary;
          }

          &:hover {
              @include mx.prefer(dark) {
                  background-color: color.adjust(vars.$primary-light, $lightness: -6%) !important;
              }

              background-color: vars.$primary-light;

              i {
                  color: vars.$white;
              }
          }
      }

      .wm-button.dropdown-toggle {
          margin-left: 5rem;
          width: 30px;
          height: 30px;
          padding: 0.5rem;
          color: vars.$primary-light !important;

          &:hover {
              @include mx.prefer(dark) {
                  box-shadow: 0px 8px 16px 0px rgba(vars.$primary-dark, 0.48) !important;
              }

              @include mx.bgrBrdClr(vars.$white, vars.$white);
              box-shadow: 0px 8px 16px 0px rgba(vars.$primary-light, 0.48);
              margin-top: -2px;
          }

          .caret {
              color: color.adjust(vars.$gray-dark, $lightness: 10%) !important;

              &:hover {
                  color: vars.$black !important;
              }
          }
      }
  }*/
}
.wm-btn .e-btn {
  transition: all 0.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;
}

.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: rgb(234.6, 234.6, 234.6);
  border-color: rgb(229.5, 229.5, 229.5);
  color: rgb(12.75, 12.75, 12.75);
}
.btn-light.disabled > i, .btn-light:disabled > i {
  opacity: 0.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 rgb(116.4172839506, 125.7950617284, 140.3827160494);
}
.wm-btn .e-btn.e-success,
.btn.btn-success,
.wm-button.btn.btn-success {
  background-color: #7a8391;
  border: 1px solid rgb(116.4172839506, 125.7950617284, 140.3827160494);
}
.wm-btn .e-btn.e-warning,
.btn.btn-warning,
.wm-button.btn.btn-warning {
  color: rgb(255, 255, 255);
  background-color: rgb(250, 206, 31);
  border: 1px solid rgb(249.7772925764, 203.8174672489, 21.0227074236);
}
.wm-btn .e-btn.e-info,
.btn.btn-info,
.wm-button.btn.btn-info {
  background-color: rgb(10, 147.3831775701, 255);
  border: 1px solid rgb(0, 142.8785046729, 254.8);
}
.wm-btn .e-btn.e-danger,
.btn.btn-danger,
.wm-button.btn.btn-danger {
  background-color: rgb(235.8031496063, 30.3968503937, 30.3968503937);
  border: 1px solid rgb(235, 21, 21);
}

.btn-custom {
  border: 1px solid rgb(101.5965909091, 177.7693181818, 222.2034090909);
  background: rgb(110, 182, 224);
  color: rgb(255, 255, 255);
}
.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 rgb(0, 114.2803738318, 203.8);
  background: rgb(0, 120, 214);
  color: rgb(255, 255, 255);
}
.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 rgb(0, 99.9813084112, 178.3);
  background: rgb(0, 105.7009345794, 188.5);
  color: rgb(255, 255, 255);
}
.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 rgb(0, 131.4392523364, 234.4);
  background: rgb(0, 137.1588785047, 244.6);
  color: rgb(255, 255, 255);
}
.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 rgb(249.7772925764, 203.8174672489, 21.0227074236);
  background: rgb(250, 206, 31);
  color: rgb(255, 255, 255);
}
.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 rgb(226.4456692913, 19.3543307087, 19.3543307087);
  background: rgb(235, 21, 21);
  color: rgb(255, 255, 255);
}
.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 rgb(60.9237113402, 65.7154639175, 71.8762886598);
  background: rgb(65.6030927835, 70.7628865979, 77.3969072165);
  color: rgb(255, 255, 255);
}
.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 rgb(238.2125984252, 58.5874015748, 58.5874015748);
  background: rgb(239.0157480315, 67.9842519685, 67.9842519685);
  color: rgb(255, 255, 255);
}
.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-group .btn.btn-sm.btn-standard.wm-button.dropdown-toggle {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.btn-group:has(.main-action) > .btn-group > .btn.btn-sm.btn-standard.wm-button.dropdown-toggle {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.btn.btn-info:active {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .btn.btn-info:active {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .btn.btn-info:active {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.btn.btn-sm.btn-success.wm-web-action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .btn.btn-sm.btn-success.wm-web-action {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .btn.btn-sm.btn-success.wm-web-action {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.btn.btn-sm.btn-standard.wm-button {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .btn.btn-sm.btn-standard.wm-button {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .btn.btn-sm.btn-standard.wm-button {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.btn.btn-sm.btn-standard.wm-button:hover {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .btn.btn-sm.btn-standard.wm-button:hover {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .btn.btn-sm.btn-standard.wm-button:hover {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !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: rgb(235, 21, 21) !important;
}
.btn.btn-sm.btn-danger:hover {
  box-shadow: 0px 8px 16px 0px rgba(235, 21, 21, 0.48) !important;
  background-color: rgb(235, 21, 21) !important;
}
.btn.btn-sm.btn-warning {
  background-color: rgb(250, 206, 31) !important;
}
.btn.btn-sm.btn-warning:hover {
  box-shadow: 0px 8px 16px 0px rgba(250, 206, 31, 0.48) !important;
  background-color: rgb(250, 206, 31) !important;
}
.btn.btn-sm.btn.wm-web-action {
  border: none !important;
  border-radius: 0.58rem/0.65rem;
  width: fit-content;
  min-width: 80px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  transition: all 0.25s ease-in-out;
}
.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) {
  margin-left: 0px !important;
  border: none !important;
  border-radius: 0 0.58rem 0.58rem 0/0.65rem;
  padding: 0.5rem 0.75rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.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;
}

.tab-container .wm-module-dropdown {
  display: flex;
  align-items: center;
}
.tab-container .wm-module-dropdown .page-actions.module-actions {
  margin: 0;
}
.tab-container .wm-module-dropdown .page-actions.module-actions .btn-group .btn:hover {
  transform: none !important;
  margin-top: 0;
}

.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.wm-search-dropdown .icon-button, .wm-action-button-group.wm-card-list-search-button .icon-button {
  content: unset !important;
  width: auto;
  background: none !important;
}
@media (prefers-color-scheme: dark) {
  .wm-action-button-group.wm-search-dropdown .icon-button, .wm-action-button-group.wm-card-list-search-button .icon-button {
    background: none !important;
  }
}
.wm-action-button-group.wm-search-dropdown .icon-button .button-content-group, .wm-action-button-group.wm-card-list-search-button .icon-button .button-content-group {
  display: flex;
  gap: 0.5rem;
}
.wm-action-button-group.wm-search-dropdown .icon-button .button-content-group .dropdown-wrapper, .wm-action-button-group.wm-card-list-search-button .icon-button .button-content-group .dropdown-wrapper {
  z-index: 9999;
  background: none !important;
}
.wm-action-button-group.wm-search-dropdown .icon-button #ButtonGroup-SEARCHDROPDOWN, .wm-action-button-group.wm-card-list-search-button .icon-button #ButtonGroup-SEARCHDROPDOWN {
  align-items: center;
  justify-content: center;
  transition: cubic-bezier(0.4, 0, 0.2, 1) 225ms;
}
.wm-action-button-group.wm-search-dropdown .icon-button #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle, .wm-action-button-group.wm-card-list-search-button .icon-button #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
.wm-action-button-group.wm-search-dropdown .icon-button #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle i.dropdown-icon, .wm-action-button-group.wm-card-list-search-button .icon-button #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle i.dropdown-icon {
  transform: rotate(0deg);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  font-weight: 500;
  color: rgb(113, 128, 150);
}
@media (prefers-color-scheme: dark) {
  .wm-action-button-group.wm-search-dropdown .icon-button #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle i.dropdown-icon, .wm-action-button-group.wm-card-list-search-button .icon-button #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle i.dropdown-icon {
    color: rgb(192, 201, 211);
  }
}
.wm-action-button-group.wm-search-dropdown .icon-button #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle:after, .wm-action-button-group.wm-card-list-search-button .icon-button #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle:after {
  content: unset;
}
.wm-action-button-group.wm-search-dropdown .icon-button #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle:hover, .wm-action-button-group.wm-card-list-search-button .icon-button #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle:hover {
  margin-top: 0;
  background: none !important;
}
.wm-action-button-group.wm-search-dropdown .icon-button #ButtonGroup-SEARCHDROPDOWN.show i.dropdown-icon, .wm-action-button-group.wm-search-dropdown .icon-button #ButtonGroup-SEARCHDROPDOWN:hover i.dropdown-icon, .wm-action-button-group.wm-card-list-search-button .icon-button #ButtonGroup-SEARCHDROPDOWN.show i.dropdown-icon, .wm-action-button-group.wm-card-list-search-button .icon-button #ButtonGroup-SEARCHDROPDOWN:hover i.dropdown-icon {
  transform: rotate(90deg);
}
.wm-action-button-group.wm-search-dropdown .icon-button #ButtonGroup-SEARCHDROPDOWN:hover, .wm-action-button-group.wm-card-list-search-button .icon-button #ButtonGroup-SEARCHDROPDOWN:hover {
  border-radius: 0.2rem;
  background: none !important;
}
.wm-action-button-group.wm-search-dropdown .icon-button #ButtonGroup-SEARCHDROPDOWN:hover i.dropdown-icon, .wm-action-button-group.wm-card-list-search-button .icon-button #ButtonGroup-SEARCHDROPDOWN:hover i.dropdown-icon {
  color: #afb3b9;
}
.wm-action-button-group.wm-search-dropdown .icon-button:after, .wm-action-button-group.wm-card-list-search-button .icon-button:after {
  content: unset !important;
}
.wm-action-button-group.wm-search-dropdown .icon-button:hover, .wm-action-button-group.wm-card-list-search-button .icon-button:hover {
  box-shadow: unset !important;
  background: none !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: rgb(234.6, 234.6, 234.6);
}
.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: rgb(203, 213, 224);
  background: rgb(203, 213, 224) !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: rgb(255, 59, 48);
}
.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: rgb(255, 59, 48);
}
@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: rgb(255, 149, 0) !important;
  background-color: rgb(255, 149, 0) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-action-button-group.modal-footer-buttons .btn.btn-warning {
    background: rgb(255, 159, 10) !important;
    background-color: rgb(255, 159, 10) !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: rgb(255, 159, 10) !important;
  background-color: rgb(255, 159, 10) !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: rgb(255, 159, 10) !important;
    background-color: rgb(255, 159, 10) !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;
}
.wm-action-button-group.modal-footer-buttons .dropdown.btn-group .btn-group .btn {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

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

@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 0.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: rgb(143.9551401869, 159.8186915888, 177.4448598131) !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;
}

.search-find > .wm-btn .e-btn.e-info, .btn.btn-info, .wm-button.btn.btn-info {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .search-find > .wm-btn .e-btn.e-info, .btn.btn-info, .wm-button.btn.btn-info {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .search-find > .wm-btn .e-btn.e-info, .btn.btn-info, .wm-button.btn.btn-info {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}

.wm-filter-dropdown-toggle {
  border-color: rgb(242.25, 242.25, 242.25) !important;
  background-color: rgb(249.9, 249.9, 249.9) !important;
  color: inherit !important;
}
@media (prefers-color-scheme: light) {
  .wm-filter-dropdown-toggle {
    border-color: rgb(242.25, 242.25, 242.25) !important;
    background-color: rgb(249.9, 249.9, 249.9) !important;
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-filter-dropdown-toggle {
    border-color: rgb(76.6992, 83.4272, 91.5008) !important;
    background-color: rgb(72.048, 78.368, 85.952) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.wm-filter-dropdown-menu {
  right: 9px;
  border-radius: 3px;
  padding: 6px 0;
}
@media (prefers-color-scheme: dark) {
  .wm-filter-dropdown-menu {
    border-color: rgb(78.2, 86.7, 95.2);
  }
}
.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 rgb(192, 201, 211);
    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: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  .wm-filter-dropdown-menu .form-group.wm-container-parent input::placeholder {
    color: rgb(255, 255, 255) !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: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  .wm-filter-dropdown-menu::placeholder {
    color: rgb(255, 255, 255) !important;
  }
}

#btnCreateDefaultAccountingYearPeriods:active {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  #btnCreateDefaultAccountingYearPeriods:active {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  #btnCreateDefaultAccountingYearPeriods:active {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !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: rgb(169.56, 173.832, 180.24) !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: rgb(204.4387096774, 207.4129032258, 213.3612903226) !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: rgb(169.56, 173.832, 180.24) !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: rgb(196.76, 199.672, 204.04) !important;
  }
}

.mb-top-action-buttons .btn-group .btn {
  padding: 0;
}
.mb-top-action-buttons .btn-group .btn::after {
  transition: all 0.2s ease;
  font-size: 16px;
  color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  .mb-top-action-buttons .btn-group .btn::after {
    color: rgb(204.4387096774, 207.4129032258, 213.3612903226) !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 {
  min-width: 24px;
  padding: 5px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  /*&:not(.dropdown-toggle)::after {
      content: $content;
      display: block;
      font-size: 17px;
      font-family: "Font Awesome 6 Pro";
                  color: vars.$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:has(.button-content span + span) {
  padding: 5px 10px 5px 5px;
}
.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: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !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: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !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: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !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;
}

/*** 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, .wm-datatable-filter-container.wm-section-action-btn i {
  background: none !important;
  background-color: none !important;
  color: rgb(169.56, 173.832, 180.24) !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: rgb(255, 255, 255) !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: rgb(255, 255, 255) !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;
  }
}

.e-reportviewer button {
  font-size: 1rem;
}
.e-reportviewer button.e-control.e-btn.e-lib.e-primary,
.e-reportviewer .e-reportviewer-nativepagesetupapplybutton.e-control.e-btn.e-lib.e-primary {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border-color: #afb3b9;
  background: #7a8391;
}
@media (prefers-color-scheme: dark) {
  .e-reportviewer button.e-control.e-btn.e-lib.e-primary,
  .e-reportviewer .e-reportviewer-nativepagesetupapplybutton.e-control.e-btn.e-lib.e-primary {
    color: rgb(255, 255, 255) !important;
  }
}
.e-reportviewer button.e-control.e-btn.e-lib.e-primary:focus,
.e-reportviewer .e-reportviewer-nativepagesetupapplybutton.e-control.e-btn.e-lib.e-primary:focus {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #afb3b9;
}
@media (prefers-color-scheme: dark) {
  .e-reportviewer button.e-control.e-btn.e-lib.e-primary:focus,
  .e-reportviewer .e-reportviewer-nativepagesetupapplybutton.e-control.e-btn.e-lib.e-primary:focus {
    box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #afb3b9;
  }
}
.e-reportviewer button.e-control.e-btn.e-lib.e-primary:hover,
.e-reportviewer .e-reportviewer-nativepagesetupapplybutton.e-control.e-btn.e-lib.e-primary:hover {
  background: #afb3b9;
}
.e-reportviewer #wm-reportviewer_resetButton:focus {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #afb3b9;
}
@media (prefers-color-scheme: dark) {
  .e-reportviewer #wm-reportviewer_resetButton:focus {
    box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #afb3b9;
  }
}

.wm-card-header div[data-web-action-type=URL] {
  cursor: pointer;
  font-weight: 500;
  color: #7a8391;
}

.dropdown-wrapper .dropdown-toggle:after {
  content: unset;
}

.info-tooltip-content .common-button-group {
  border-radius: 0.43rem !important;
  min-height: 23px !important;
  width: 23px !important;
  height: 23px !important;
}
.info-tooltip-content .common-button-group .dropdown-wrapper {
  height: 23px !important;
}
.info-tooltip-content .common-button-group .dropdown-wrapper:after {
  border-radius: 0.43rem !important;
  max-width: 23px;
}
.info-tooltip-content .flex-row {
  gap: 0.25rem;
}

.icon-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  text-overflow: ellipsis;
  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;
  box-sizing: border-box;
  border: none;
  border-radius: 0.66rem;
  outline: transparent !important;
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  user-select: none;
  white-space: normal;
  line-height: 1;
  color: rgb(255, 255, 255);
}
.icon-button .icon-button-content {
  position: relative;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
  height: 100%;
  font-size: clamp(0.875rem, 0.863rem + 0.0535vw, 1rem);
}
.icon-button .icon-button-content.small {
  font-size: 0.875rem;
}
.icon-button .icon-button-content.large {
  font-size: 1.5rem;
}
.icon-button.wm-inline-search-add-btn .main-left-icon {
  color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  .icon-button.wm-inline-search-add-btn .main-left-icon {
    color: #afb3b9 !important;
  }
}
.icon-button.wm-inline-search-add-btn:hover .main-left-icon {
  color: rgb(255, 255, 255) !important;
}
.icon-button .main-left-icon {
  background: none;
  font-size: clamp(0.875rem, 0.863rem + 0.0535vw, 1rem);
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .icon-button.wm-recent-list-button .wrapper .main-left-icon, .icon-button.wm-favourites-list-button .wrapper .main-left-icon {
    color: rgb(226, 232, 240) !important;
  }
}
.icon-button:has(#PAGEDRILLDOWNS), .icon-button:has(#DEFAULTGROUP) {
  width: 30px;
  height: 30px;
}
.icon-button:has(#PAGEDRILLDOWNS).intent-standard, .icon-button:has(#PAGEDRILLDOWNS).intent-success, .icon-button:has(#PAGEDRILLDOWNS).intent-primary, .icon-button:has(#DEFAULTGROUP).intent-standard, .icon-button:has(#DEFAULTGROUP).intent-success, .icon-button:has(#DEFAULTGROUP).intent-primary {
  background-color: #afb3b9;
}
@media (prefers-color-scheme: dark) {
  .icon-button:has(#PAGEDRILLDOWNS).intent-standard, .icon-button:has(#PAGEDRILLDOWNS).intent-success, .icon-button:has(#PAGEDRILLDOWNS).intent-primary, .icon-button:has(#DEFAULTGROUP).intent-standard, .icon-button:has(#DEFAULTGROUP).intent-success, .icon-button:has(#DEFAULTGROUP).intent-primary {
    background-color: #7a8391;
  }
  .icon-button:has(#PAGEDRILLDOWNS).intent-standard:after, .icon-button:has(#PAGEDRILLDOWNS).intent-success:after, .icon-button:has(#PAGEDRILLDOWNS).intent-primary:after, .icon-button:has(#DEFAULTGROUP).intent-standard:after, .icon-button:has(#DEFAULTGROUP).intent-success:after, .icon-button:has(#DEFAULTGROUP).intent-primary:after {
    background-image: linear-gradient(184deg, rgb(155.4962962963, 162.2296296296, 172.7037037037) 0%, rgb(144.3308641975, 151.8197530864, 163.4691358025) 7%, rgb(133.1654320988, 141.4098765432, 154.2345679012) 24%, #7a8391 36%, rgb(111.6296296296, 120.762962963, 134.9703703704) 62%, rgb(102.3950617284, 110.7728395062, 123.8049382716) 97%);
  }
  .icon-button:has(#PAGEDRILLDOWNS).intent-standard:hover, .icon-button:has(#PAGEDRILLDOWNS).intent-success:hover, .icon-button:has(#PAGEDRILLDOWNS).intent-primary:hover, .icon-button:has(#DEFAULTGROUP).intent-standard:hover, .icon-button:has(#DEFAULTGROUP).intent-success:hover, .icon-button:has(#DEFAULTGROUP).intent-primary:hover {
    box-shadow: 0px 8px 24px 0px rgba(122, 131, 145, 0.48);
    background-color: #7a8391;
  }
}
.icon-button:has(#PAGEDRILLDOWNS).intent-standard:after, .icon-button:has(#PAGEDRILLDOWNS).intent-success:after, .icon-button:has(#PAGEDRILLDOWNS).intent-primary:after, .icon-button:has(#DEFAULTGROUP).intent-standard:after, .icon-button:has(#DEFAULTGROUP).intent-success:after, .icon-button:has(#DEFAULTGROUP).intent-primary:after {
  background-image: linear-gradient(184deg, rgb(207.64, 210.008, 213.56) 0%, rgb(196.76, 199.672, 204.04) 7%, rgb(185.88, 189.336, 194.52) 24%, #afb3b9 36%, rgb(164.12, 168.664, 175.48) 62%, rgb(153.24, 158.328, 165.96) 97%);
}
.icon-button:has(#PAGEDRILLDOWNS).intent-standard:hover, .icon-button:has(#PAGEDRILLDOWNS).intent-success:hover, .icon-button:has(#PAGEDRILLDOWNS).intent-primary:hover, .icon-button:has(#DEFAULTGROUP).intent-standard:hover, .icon-button:has(#DEFAULTGROUP).intent-success:hover, .icon-button:has(#DEFAULTGROUP).intent-primary:hover {
  box-shadow: 0px 8px 24px 0px rgba(175, 179, 185, 0.48);
  background-color: #afb3b9;
}
@media (prefers-color-scheme: dark) {
  .icon-button:has(#PAGEDRILLDOWNS).intent-standard:hover, .icon-button:has(#PAGEDRILLDOWNS).intent-success:hover, .icon-button:has(#PAGEDRILLDOWNS).intent-primary:hover, .icon-button:has(#DEFAULTGROUP).intent-standard:hover, .icon-button:has(#DEFAULTGROUP).intent-success:hover, .icon-button:has(#DEFAULTGROUP).intent-primary:hover {
    box-shadow: 0px 8px 24px 0px rgba(122, 131, 145, 0.48);
  }
}
.icon-button.dropdown-wrapper .main-left-icon {
  background: none;
  font-size: clamp(0.875rem, 0.863rem + 0.0535vw, 1rem);
}
.icon-button.dropdown-wrapper.show:after {
  opacity: 1;
}
.icon-button.dropdown-wrapper.show.grey {
  box-shadow: 0px 8px 24px 0px rgba(113, 128, 150, 0.48);
  background-color: rgb(113, 128, 150);
}
.icon-button.dropdown-wrapper.show:has(.intent-standard), .icon-button.dropdown-wrapper.show:has(.intent-success), .icon-button.dropdown-wrapper.show:has(.intent-primary) {
  box-shadow: 0px 8px 24px 0px rgba(175, 179, 185, 0.48);
  background-color: #afb3b9;
}
.icon-button.dropdown-wrapper.show:has(.intent-danger) {
  box-shadow: 0px 8px 24px 0px rgba(255, 59, 48, 0.48);
  background-color: rgb(255, 69, 58);
}
.icon-button.dropdown-wrapper.show:has(.intent-orange) {
  box-shadow: 0px 8px 24px 0px rgba(255, 149, 0, 0.48);
  background-color: rgb(255, 159, 10);
}
.icon-button.dropdown-wrapper.show:has(div[name=CANCEL]), .icon-button.dropdown-wrapper.show:has(.intent-light) {
  box-shadow: 0px 8px 24px 0px rgba(113, 128, 150, 0.48);
  background-color: rgb(113, 128, 150);
}
.icon-button.dropdown-wrapper.show:has(div[name=CANCEL]) .main-left-icon, .icon-button.dropdown-wrapper.show:has(.intent-light) .main-left-icon {
  color: rgb(255, 255, 255) !important;
}
.icon-button.grey {
  background: rgb(160, 174, 192);
}
.icon-button.grey:after {
  background: rgb(74, 85, 104);
}
.icon-button.grey:hover {
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.48);
}
.icon-button:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
  border-radius: inherit;
  text-decoration: inherit;
  vertical-align: inherit;
}
.icon-button:hover {
  text-decoration: none;
  color: #fff;
}
.icon-button:hover:after {
  opacity: 1;
}
.icon-button.active:after {
  opacity: 0.7;
}
.icon-button.active:hover:after {
  opacity: 1;
}
.icon-button.intent-standard, .icon-button.intent-success, .icon-button.intent-primary {
  background-color: #7a8391;
}
@media (prefers-color-scheme: dark) {
  .icon-button.intent-standard, .icon-button.intent-success, .icon-button.intent-primary {
    background-color: #33353b;
  }
  .icon-button.intent-standard:after, .icon-button.intent-success:after, .icon-button.intent-primary:after {
    background-image: linear-gradient(184deg, rgb(79.3745454545, 82.4872727273, 91.8254545455) 0%, rgb(69.9163636364, 72.6581818182, 80.8836363636) 7%, rgb(60.4581818182, 62.8290909091, 69.9418181818) 24%, #33353b 36%, rgb(41.5418181818, 43.1709090909, 48.0581818182) 62%, rgb(32.0836363636, 33.3418181818, 37.1163636364) 97%);
  }
  .icon-button.intent-standard:hover, .icon-button.intent-success:hover, .icon-button.intent-primary:hover {
    box-shadow: 0px 8px 24px 0px rgba(51, 53, 59, 0.48);
    background-color: #7a8391;
  }
}
.icon-button.intent-standard:after, .icon-button.intent-success:after, .icon-button.intent-primary:after {
  background-image: linear-gradient(184deg, rgb(155.4962962963, 162.2296296296, 172.7037037037) 0%, rgb(144.3308641975, 151.8197530864, 163.4691358025) 7%, rgb(133.1654320988, 141.4098765432, 154.2345679012) 24%, #7a8391 36%, rgb(111.6296296296, 120.762962963, 134.9703703704) 62%, rgb(102.3950617284, 110.7728395062, 123.8049382716) 97%);
}
.icon-button.intent-standard:hover, .icon-button.intent-success:hover, .icon-button.intent-primary:hover {
  box-shadow: 0px 8px 24px 0px rgba(175, 179, 185, 0.48);
  background-color: #afb3b9;
}
@media (prefers-color-scheme: dark) {
  .icon-button.intent-standard:hover, .icon-button.intent-success:hover, .icon-button.intent-primary:hover {
    box-shadow: 0px 8px 24px 0px rgba(51, 53, 59, 0.48);
  }
}
.icon-button.intent-danger {
  background-color: rgb(255, 59, 48);
}
@media (prefers-color-scheme: dark) {
  .icon-button.intent-danger {
    background-color: rgb(255, 69, 58);
  }
  .icon-button.intent-danger:after {
    background-image: linear-gradient(184deg, rgb(255, 116.947826087, 109.2) 0%, rgb(255, 97.631884058, 88.8) 7%, rgb(255, 78.315942029, 68.4) 24%, rgb(255, 59, 48) 36%, rgb(255, 39.684057971, 27.6) 62%, rgb(255, 20.368115942, 7.2) 97%);
  }
  .icon-button.intent-danger:hover {
    box-shadow: 0px 8px 24px 0px rgba(255, 69, 58, 0.48);
    background-color: rgb(255, 59, 48);
  }
  .icon-button.intent-danger .main-action:hover:after,
  .icon-button.intent-danger .dropdown-wrapper:hover:after {
    background-color: rgb(255, 59, 48) !important;
  }
}
.icon-button.intent-danger:after {
  background-image: linear-gradient(184deg, rgb(255, 126.7827411168, 119.2) 0%, rgb(255, 107.5218274112, 98.8) 7%, rgb(255, 88.2609137056, 78.4) 24%, rgb(255, 69, 58) 36%, rgb(255, 49.7390862944, 37.6) 62%, rgb(255, 30.4781725888, 17.2) 97%);
}
.icon-button.intent-danger:hover {
  box-shadow: 0px 8px 24px 0px rgba(255, 59, 48, 0.48);
  background-color: rgb(255, 69, 58);
}
.icon-button.intent-danger .main-action:hover:after,
.icon-button.intent-danger .dropdown-wrapper:hover:after {
  background-color: rgb(255, 69, 58) !important;
}
.icon-button.intent-orange {
  background-color: rgb(255, 149, 0);
}
@media (prefers-color-scheme: dark) {
  .icon-button.intent-orange {
    background-color: rgb(255, 159, 10);
  }
  .icon-button.intent-orange:after {
    background-image: linear-gradient(184deg, rgb(255, 174.44, 61.2) 0%, rgb(255, 165.96, 40.8) 7%, rgb(255, 157.48, 20.4) 24%, rgb(255, 149, 0) 36%, rgb(234.6, 137.08, 0) 62%, rgb(214.2, 125.16, 0) 97%);
  }
  .icon-button.intent-orange:hover {
    box-shadow: 0px 8px 24px 0px rgba(255, 159, 10, 0.48);
    background-color: rgb(255, 149, 0);
  }
}
.icon-button.intent-orange:after {
  background-image: linear-gradient(184deg, rgb(255, 182.9804081633, 71.2) 0%, rgb(255, 174.9869387755, 50.8) 7%, rgb(255, 166.9934693878, 30.4) 24%, rgb(255, 159, 10) 36%, rgb(244.6, 148.7567346939, 0) 62%, rgb(224.2, 136.3502040816, 0) 97%);
}
.icon-button.intent-orange:hover {
  box-shadow: 0px 8px 24px 0px rgba(255, 149, 0, 0.48);
  background-color: rgb(255, 159, 10);
}
.icon-button:has(div[name=CANCEL]), .icon-button.intent-light {
  background-color: rgb(203, 213, 224);
  color: rgb(74, 85, 104);
}
@media (prefers-color-scheme: dark) {
  .icon-button:has(div[name=CANCEL]), .icon-button.intent-light {
    background-color: rgb(113, 128, 150);
    color: rgb(255, 255, 255);
  }
  .icon-button:has(div[name=CANCEL]):after, .icon-button.intent-light:after {
    background-image: linear-gradient(184deg, rgb(99.4426966292, 114.2247191011, 139.7573033708) 0%, rgb(90.9617977528, 104.4831460674, 127.8382022472) 7%, rgb(82.4808988764, 94.7415730337, 115.9191011236) 24%, rgb(74, 85, 104) 36%, rgb(65.5191011236, 75.2584269663, 92.0808988764) 62%, rgb(57.0382022472, 65.5168539326, 80.1617977528) 97%);
  }
  .icon-button:has(div[name=CANCEL]):hover, .icon-button.intent-light:hover {
    box-shadow: 0px 8px 24px 0px rgba(74, 85, 104, 0.48);
    background-color: rgb(74, 85, 104);
  }
}
.icon-button:has(div[name=CANCEL]) .main-left-icon, .icon-button.intent-light .main-left-icon {
  color: rgb(74, 85, 104) !important;
}
.icon-button:has(div[name=CANCEL]):after, .icon-button.intent-light:after {
  background-image: linear-gradient(184deg, rgb(196.7974683544, 205.3746835443, 216.4025316456) 0%, rgb(184.5316455696, 194.9164556962, 208.2683544304) 7%, rgb(172.2658227848, 184.4582278481, 200.1341772152) 24%, rgb(160, 174, 192) 36%, rgb(147.7341772152, 163.5417721519, 183.8658227848) 62%, rgb(135.4683544304, 153.0835443038, 175.7316455696) 97%);
}
.icon-button:has(div[name=CANCEL]):hover, .icon-button.intent-light:hover {
  box-shadow: 0px 8px 24px 0px rgba(113, 128, 150, 0.48);
  background-color: rgb(113, 128, 150);
}
.icon-button:has(div[name=CANCEL]):hover .main-left-icon, .icon-button.intent-light:hover .main-left-icon {
  color: rgb(255, 255, 255) !important;
}
.icon-button:has(.main-action.disabled) {
  background-color: rgb(203, 213, 224);
  cursor: not-allowed;
  user-select: none;
  color: rgb(74, 85, 104);
}
@media (prefers-color-scheme: dark) {
  .icon-button:has(.main-action.disabled) {
    background-color: rgb(113, 128, 150);
    color: rgb(255, 255, 255);
  }
}
.icon-button:has(.main-action.disabled) .main-action.disabled .wm-button-icon {
  background: none;
}
.icon-button:has(.main-action.disabled) .main-action.disabled .wm-button-icon .main-left-icon {
  color: rgb(113, 128, 150);
  background-image: linear-gradient(90deg, rgb(113, 128, 150), rgb(113, 128, 150));
}
.icon-button:has(.main-action.disabled) .main-action.disabled:after {
  content: unset;
}
.icon-button:has(.main-action.disabled):has(.dropdown-menu) {
  box-shadow: none;
}
.icon-button:has(.main-action.disabled):has(.dropdown-menu):not(:has(.dropdown-item:not(.wm-web-action-disabled))) .dropdown-wrapper:after {
  content: unset;
}
.icon-button:has(.main-action.disabled):has(.dropdown-menu):has(.dropdown-item:not(.wm-web-action-disabled)) {
  background: rgb(203, 213, 224);
  opacity: 1;
}
.icon-button:has(.main-action.disabled):after {
  content: unset;
}
.icon-button:has(.main-action.disabled):hover {
  box-shadow: none;
  background-color: rgb(203, 213, 224);
}
.icon-button:has(.main-action.disabled):hover .button-content:after {
  content: unset;
}
.icon-button:has(.main-action.disabled):hover:after {
  content: unset;
}

/*** Forms ***/
#tag-quick-add-button,
#tag-quick-add-save-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;
  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 .wm-button-icon i,
#tag-quick-add-save-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 .icon-container,
#tag-quick-add-save-button .icon-container,
.wm-inline-search-add-btn .icon-container {
  line-height: 1;
}
#tag-quick-add-button .icon-container i,
#tag-quick-add-save-button .icon-container i,
.wm-inline-search-add-btn .icon-container i {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0 !important;
}
#tag-quick-add-button:hover,
#tag-quick-add-save-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,
  #tag-quick-add-save-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,
#tag-quick-add-save-button:hover i,
.wm-inline-search-add-btn:hover i {
  color: rgb(255, 255, 255) !important;
}

.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 #attach_linked_documents + div.page-actions .modal-footer-buttons #A_SAVE_GROUP {
  width: auto;
}
.modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button,
.modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-standard.wm-button,
.modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-primary.wm-button {
  width: 124px !important;
  padding: auto 16px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:hover, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:hover,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:hover,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:hover,
.modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-standard.wm-button:hover,
.modal 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) {
  .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:hover, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:hover,
  .modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:hover,
  .modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:hover,
  .modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-standard.wm-button:hover,
  .modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-primary.wm-button:hover {
    background-color: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
  }
}
.modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:active, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:active,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button:active,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button:active,
.modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-standard.wm-button:active,
.modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-primary.wm-button:active {
  transform: translateY(0px) !important;
  box-shadow: none;
}
.modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn,
.modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-standard.wm-button,
.modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
.modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-primary.wm-button,
.modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-primary.wm-button ~ div > .btn {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn,
  .modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button,
  .modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button,
  .modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn,
  .modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-standard.wm-button,
  .modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-primary.wm-button,
  .modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-primary.wm-button ~ div > .btn {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn,
  .modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button,
  .modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button,
  .modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn,
  .modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-standard.wm-button,
  .modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-primary.wm-button,
  .modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-primary.wm-button ~ div > .btn {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, .modal div[name="BankTransaction.QuickDeposit.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn:hover,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover,
.modal div[name="BankTransaction.QuickPayment.SaveAndFinalise"].btn.btn-sm.btn-primary.wm-button ~ div > .btn:hover,
.modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover,
.modal div[name=SAVEANDFINALISE].btn.btn-sm.btn-primary.wm-button ~ div > .btn:hover {
  transform: scale(1) !important;
  background-color: rgb(229.5, 229.5, 229.5) !important;
  color: rgb(46, 51, 56) !important;
}
.modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-standard.wm-button, .modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-success.wm-button,
.modal div[name=REACTIVATECASE].btn.btn-sm.btn-standard.wm-button,
.modal div[name=REACTIVATECASE].btn.btn-sm.btn-success.wm-button,
.modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-standard.wm-button,
.modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-success.wm-button,
.modal div[name=checktaxrate].btn.btn-sm.btn-standard.wm-button,
.modal div[name=checktaxrate].btn.btn-sm.btn-success.wm-button,
.modal div[name=ADD].btn.btn-sm.btn-standard.wm-button,
.modal div[name=ADD].btn.btn-sm.btn-success.wm-button,
.modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-standard.wm-button,
.modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-success.wm-button,
.modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-standard.wm-button,
.modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-success.wm-button,
.modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button,
.modal #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;
}
.modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-standard.wm-button:hover, .modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-success.wm-button:hover,
.modal div[name=REACTIVATECASE].btn.btn-sm.btn-standard.wm-button:hover,
.modal div[name=REACTIVATECASE].btn.btn-sm.btn-success.wm-button:hover,
.modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-standard.wm-button:hover,
.modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-success.wm-button:hover,
.modal div[name=checktaxrate].btn.btn-sm.btn-standard.wm-button:hover,
.modal div[name=checktaxrate].btn.btn-sm.btn-success.wm-button:hover,
.modal div[name=ADD].btn.btn-sm.btn-standard.wm-button:hover,
.modal div[name=ADD].btn.btn-sm.btn-success.wm-button:hover,
.modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-standard.wm-button:hover,
.modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-success.wm-button:hover,
.modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-standard.wm-button:hover,
.modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-success.wm-button:hover,
.modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button:hover,
.modal #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) {
  .modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-standard.wm-button:hover, .modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-success.wm-button:hover,
  .modal div[name=REACTIVATECASE].btn.btn-sm.btn-standard.wm-button:hover,
  .modal div[name=REACTIVATECASE].btn.btn-sm.btn-success.wm-button:hover,
  .modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-standard.wm-button:hover,
  .modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-success.wm-button:hover,
  .modal div[name=checktaxrate].btn.btn-sm.btn-standard.wm-button:hover,
  .modal div[name=checktaxrate].btn.btn-sm.btn-success.wm-button:hover,
  .modal div[name=ADD].btn.btn-sm.btn-standard.wm-button:hover,
  .modal div[name=ADD].btn.btn-sm.btn-success.wm-button:hover,
  .modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-standard.wm-button:hover,
  .modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-success.wm-button:hover,
  .modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-standard.wm-button:hover,
  .modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-success.wm-button:hover,
  .modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button:hover,
  .modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button:hover {
    background-color: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
  }
}
.modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-standard.wm-button:active, .modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-success.wm-button:active,
.modal div[name=REACTIVATECASE].btn.btn-sm.btn-standard.wm-button:active,
.modal div[name=REACTIVATECASE].btn.btn-sm.btn-success.wm-button:active,
.modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-standard.wm-button:active,
.modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-success.wm-button:active,
.modal div[name=checktaxrate].btn.btn-sm.btn-standard.wm-button:active,
.modal div[name=checktaxrate].btn.btn-sm.btn-success.wm-button:active,
.modal div[name=ADD].btn.btn-sm.btn-standard.wm-button:active,
.modal div[name=ADD].btn.btn-sm.btn-success.wm-button:active,
.modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-standard.wm-button:active,
.modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-success.wm-button:active,
.modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-standard.wm-button:active,
.modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-success.wm-button:active,
.modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button:active,
.modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button:active {
  transform: translateY(0px) !important;
  box-shadow: none;
}
.modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-standard.wm-button ~ div > .btn, .modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-success.wm-button ~ div > .btn,
.modal div[name=REACTIVATECASE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
.modal div[name=REACTIVATECASE].btn.btn-sm.btn-success.wm-button ~ div > .btn,
.modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
.modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-success.wm-button ~ div > .btn,
.modal div[name=checktaxrate].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
.modal div[name=checktaxrate].btn.btn-sm.btn-success.wm-button ~ div > .btn,
.modal div[name=ADD].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
.modal div[name=ADD].btn.btn-sm.btn-success.wm-button ~ div > .btn,
.modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
.modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-success.wm-button ~ div > .btn,
.modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
.modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-success.wm-button ~ div > .btn,
.modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button ~ div > .btn,
.modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button ~ div > .btn {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-standard.wm-button ~ div > .btn, .modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=REACTIVATECASE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=REACTIVATECASE].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=checktaxrate].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=checktaxrate].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=ADD].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=ADD].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button ~ div > .btn {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-standard.wm-button ~ div > .btn, .modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=REACTIVATECASE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=REACTIVATECASE].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=checktaxrate].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=checktaxrate].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=ADD].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=ADD].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-success.wm-button ~ div > .btn,
  .modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button ~ div > .btn,
  .modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button ~ div > .btn {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover, .modal div[name=INCLUDESELECTEDFORSUPPLIER].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover,
.modal div[name=REACTIVATECASE].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover,
.modal div[name=REACTIVATECASE].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover,
.modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover,
.modal div[name=CLOSEACCOUNTINGYEAR].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover,
.modal div[name=checktaxrate].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover,
.modal div[name=checktaxrate].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover,
.modal div[name=ADD].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover,
.modal div[name=ADD].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover,
.modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover,
.modal div[name=DSRREQUESTAPPROVE].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover,
.modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover,
.modal div[name=PROCESSITEMCODE].btn.btn-sm.btn-success.wm-button ~ div > .btn:hover,
.modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-standard.wm-button ~ div > .btn:hover,
.modal #calendar-publishing .dropdown.btn-group > div.btn.btn-sm.btn-success.wm-button ~ div > .btn:hover {
  background-color: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
}
.modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle), .modal .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;
}
.modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle):hover, .modal .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) {
  .modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle):hover, .modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle):hover {
    background-color: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
  }
}
.modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle):active, .modal .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;
}
.modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle) ~ div > .btn, .modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle) ~ div > .btn {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle) ~ div > .btn, .modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle) ~ div > .btn {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle) ~ div > .btn, .modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle) ~ div > .btn {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-standard.wm-button:not(.dropdown-toggle) ~ div > .btn:hover, .modal .wm-action-button-group > .dropdown.btn-group div.btn.btn-sm.btn-success.wm-button:not(.dropdown-toggle) ~ div > .btn:hover {
  background-color: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
}
.modal .wm-action-button-demand-forecast {
  margin-bottom: 8px;
  text-align: right;
}
.modal #email_message .btn.dropdown-toggle {
  margin-left: 2px;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.modal #email_message .btn.dropdown-toggle::after {
  margin-left: 0 !important;
}
.modal #BankAccountBatchPayment,
.modal #BankAccountBatchDeposit {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .modal #BankAccountBatchPayment,
  .modal #BankAccountBatchDeposit {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal #BankAccountBatchPayment,
  .modal #BankAccountBatchDeposit {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.modal div[name=LICENCECONTRACTMODIFY] {
  position: relative;
  z-index: 9999;
}
.modal .wm-add-field {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .modal .wm-add-field {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal .wm-add-field {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.modal .btn-sm.btn-success.wm-button.dropdown-toggle {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .modal .btn-sm.btn-success.wm-button.dropdown-toggle {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal .btn-sm.btn-success.wm-button.dropdown-toggle {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.modal div[name=Close] {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .modal div[name=Close] {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal div[name=Close] {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.modal div[name=Close]:hover {
  border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .modal div[name=Close]:hover {
    border-color: rgb(113.9382716049, 123.2604938272, 137.7617283951) !important;
    background-color: #7a8391 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal div[name=Close]:hover {
    border-color: rgb(152.7049382716, 159.6271604938, 170.3950617284) !important;
    background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
    color: rgb(255, 255, 255) !important;
  }
}
.modal .btn.btn-sm.btn-primary.wm-button.dropdown-toggle::after {
  margin-top: 0.5em !important;
  margin-left: -0.25em !important;
}
.modal #ProductPurchaseCost .wm-action-button-group,
.modal #ProductPurchaseDiscount .wm-action-button-group,
.modal #TaxZone .wm-action-button-group {
  margin-left: 8px !important;
}
.modal #ProductPurchaseCost .wm-action-button-group > .wm-button,
.modal #ProductPurchaseDiscount .wm-action-button-group > .wm-button,
.modal #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;
}
.modal #ProductPurchaseCost .wm-action-button-group > .wm-button:after,
.modal #ProductPurchaseDiscount .wm-action-button-group > .wm-button:after,
.modal #TaxZone .wm-action-button-group > .wm-button:after {
  content: none !important;
}
.modal .wm-widget-collection .btn.table-footer-info.wm-page-info,
.modal .dataTables_wrapper .btn.table-footer-info.wm-page-info,
.modal .wm-widget-footer .btn.table-footer-info.wm-page-info {
  margin-top: 4px;
  height: 35px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media only screen and (max-width: 47.9375em) {
  .modal .wm-widget-collection .btn.table-footer-info.wm-page-info,
  .modal .dataTables_wrapper .btn.table-footer-info.wm-page-info,
  .modal .wm-widget-footer .btn.table-footer-info.wm-page-info {
    margin-top: 11px;
  }
}
.modal .wm-widget-collection .wm-pagesize-select .e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard,
.modal .dataTables_wrapper .wm-pagesize-select .e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard,
.modal .wm-widget-footer .wm-pagesize-select .e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard {
  height: 35px !important;
}
.modal .card-list-group ~ .wm-grid-footer i {
  margin-top: -4px;
}
.modal .modal-body .wm-action-button-group.wm-display-icon-menu > .dropdown.btn-group {
  margin-top: -4px;
}
.modal .wm-action-button-group.wm-display-icon-menu > .dropdown.btn-group {
  margin-top: 6px;
}
.modal .btn.btn-sm.wm-button.dropdown-toggle:hover::after {
  transform: translateY(0) !important;
}
.modal div[name=RECORDABSENCE]::after {
  display: none !important;
}
.modal div[data-field-name=SecretViewStateSwitch] > .wm-button-group > .btn.btn-sm.btn-light.wm-button {
  margin-right: 1px;
  border-radius: 0 !important;
  padding: 3px 6px !important;
  font-size: 14px !important;
  width: 48px;
  height: 28px;
}
.modal 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;
}
.modal 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;
}
.modal div[data-field-name=SecretViewStateSwitch] > .wm-button-group > .btn.btn-sm.btn-light.wm-button:hover {
  transform: translateY(0) !important;
  opacity: 0.8;
  box-shadow: none !important;
}
.modal .wm-address-maintenance .wm-action-button-group {
  margin-left: 0 !important;
}
.modal .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button {
  margin: 0 !important;
  transition: all 0.5s ease-in-out;
  border-radius: 0 !important;
  background-color: rgb(249.9, 249.9, 249.9) !important;
}
@media (prefers-color-scheme: dark) {
  .modal .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button {
    background-color: rgb(76.6992, 83.4272, 91.5008) !important;
    border-color: rgb(72.048, 78.368, 85.952) !important;
    color: rgb(237, 242, 243) !important;
  }
}
.modal .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button#NEWADDRESS {
  margin-left: -4px !important;
}
.modal .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button.active {
  background-color: #7a8391 !important;
  border-color: rgb(116.4172839506, 125.7950617284, 140.3827160494) !important;
}
.modal .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button:hover {
  transform: translateY(0px) !important;
  box-shadow: none;
  background-color: #afb3b9 !important;
  border-color: rgb(169.56, 173.832, 180.24) !important;
  color: rgb(237, 242, 243) !important;
}
.modal .btn.btn-sm.btn-danger.wm-delete.wm-export-template-remove-column {
  margin-top: 28px;
}
.modal .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;
}
.modal .wm-inline-search-add-btn-form-column {
  padding-left: 1px;
}

#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 0.5s ease-in-out;
  background-color: rgb(249.9, 249.9, 249.9);
}
#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 {
  transform: translateY(0px) !important;
  box-shadow: none;
  background-color: #afb3b9 !important;
  border-color: rgb(169.56, 173.832, 180.24) !important;
  color: rgb(237, 242, 243) !important;
}

.modal-footer-buttons #B_CANCEL_GROUP, .modal-footer-buttons #DEFAULT:not(div[name=EXPORT]) {
  background-color: rgb(224.4, 224.4, 224.4) !important;
  color: rgb(46, 51, 56) !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 {
  margin: 0 !important;
  border-radius: 0 0.58rem 0.58rem 0/0.65rem !important;
  height: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-left: -5px;
  border-radius: 4px !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 .btn-group .btn.btn-sm.btn-standard.wm-button.dropdown-toggle {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.modal-footer-buttons .btn-group:has(.main-action) > .btn-group > .btn.btn-sm.btn-standard.wm-button.dropdown-toggle {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.primary-button:not(:has(#SEARCHDROPDOWN)) {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  appearance: none;
  text-overflow: ellipsis;
  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;
  box-sizing: border-box;
  border: none;
  border-radius: 0.66rem;
  outline: transparent !important;
  height: 40px;
  min-height: 2.25em;
  max-height: 40px;
  cursor: pointer;
  text-align: center;
  user-select: none;
  white-space: nowrap;
  color: rgb(255, 255, 255);
}
.primary-button:not(:has(#SEARCHDROPDOWN)) .dropdown-menu {
  box-shadow: 0px 8px 16px 0px rgba(74, 85, 104, 0.15);
}
.primary-button:not(:has(#SEARCHDROPDOWN)) .dropdown-menu .dropdown-item > .dropdown-toggle {
  padding: 0.15em 1.75rem 0.15rem 0.5rem !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)) .dropdown-menu .dropdown-item.show > .dropdown-toggle {
  padding: 0.5rem 1.75rem 0.5rem 0.5rem !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)) .wm-icon {
  width: 22px;
  height: 22px;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)) {
  padding: 0.5em 1.5em;
  font-size: clamp(0.875rem, 0.863rem + 0.0535vw, 1rem);
  font-weight: 500;
  letter-spacing: -0.02857em;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)):has(.main-left-icon) {
  padding: 0.5em 1.5em 0.5em 1em;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)) .button-content {
  z-index: 999;
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)) .button-content .wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 22px;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)) .button-content .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  width: 24px;
  height: 24px;
  padding: 0.2rem;
  background-color: rgba(255, 255, 255, 0.15);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)) .button-content .icon.small {
  font-size: 0.875rem;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)) .button-content .icon.large {
  font-size: 1.5rem;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)) .button-content:after {
  content: "\f061";
  position: absolute;
  display: inline-flex;
  align-items: center;
  transform: translateX(-0.75em);
  opacity: 0;
  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;
  margin-left: 0.15em;
  font-family: "Font Awesome 6 Pro";
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=APPLY] .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=CANCEL] .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))#A_CANCEL_GROUP .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))#B_CANCEL_GROUP .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))#C_CANCEL_GROUP .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))#CONFIRM .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=DISCARD] .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=REVERT] .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=SAVE] .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))#A_SAVE_GROUP .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))#B_SAVE_GROUP .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))#C_SAVE_GROUP .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=SEND] .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)).swal-button--cancel .button-content:after {
  display: inline-flex;
  align-items: center;
  background-image: none;
  font-family: "Font Awesome 6 Pro";
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=APPLY] .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))#CONFIRM .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)).swal-button--ok .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)).swal-button--yes .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)).swal-button--option1:not(.swal-button--cancel) .button-content:after {
  content: "\f00c";
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=CANCEL] .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)).swal-button--cancel .button-content:after {
  content: "\f00d";
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=DISCARD] .button-content:after {
  content: "\f1f8";
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=PREVIEW] .button-content:after {
  content: "\f002";
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=REVERT] .button-content:after {
  content: "\f2ea";
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=SAVE] .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))#A_SAVE_GROUP .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))#B_SAVE_GROUP .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))#C_SAVE_GROUP .button-content:after {
  content: "\f0c7";
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[name=SEND] .button-content:after {
  content: "\f1d8";
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[aria-label="Clock In"] .button-content:after {
  content: "\f090";
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[aria-label="Clock Out"] .button-content:after {
  content: "\f08b";
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu))[aria-label="Take a Break"] .button-content:after {
  content: "\f04c";
  font-weight: 600;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
  border-radius: inherit;
  text-decoration: inherit;
  vertical-align: inherit;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)):hover {
  text-decoration: none;
  color: rgb(255, 255, 255);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)):hover .button-content {
  transform: translateX(-0.5em);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)):hover .button-content:after {
  transform: translateX(0.25em) translateY(2px);
  opacity: 1;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)):hover:after {
  opacity: 1;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.show) {
  z-index: 1031;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content {
  z-index: 999;
  display: inline-grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
  font-size: clamp(0.875rem, 0.863rem + 0.0535vw, 1rem);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.02857em;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content.dropdown {
  border-radius: unset;
  min-height: unset;
  background-color: unset;
  height: 100% !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group {
  display: inline-flex;
  align-items: center;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .main-action {
  position: relative;
  z-index: 9;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  appearance: none;
  margin: 0;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid rgba(255, 255, 255, 0.24);
  outline: none;
  padding: 0.5em 1em 0.5em 1em;
  background: none;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  color: inherit;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .main-action:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  opacity: 0;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
  border-radius: 0.66rem 0 0 0.66rem;
  width: 100%;
  height: 100%;
  background-color: #afb3b9;
}
@media (prefers-color-scheme: dark) {
  .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .main-action:after {
    background-color: #33353b;
  }
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .main-action:hover:after {
  opacity: 1;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .main-action .wm-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  width: 24px;
  height: 24px;
  padding: 0.2rem;
  background-color: rgba(255, 255, 255, 0.8);
  color: rgb(255, 255, 255);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .main-action .wm-button-icon .wm-icon {
  display: inline;
  clip-path: url(#myClip);
  background-clip: text;
  /* background-image: var(--theme-em-gradient); */
  background-image: linear-gradient(90deg, #7a8391, #7a8391);
  font-weight: inherit !important;
  font-style: normal !important;
  color: rgba(0, 0, 0, 0) !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .main-action .wm-button-icon .wm-icon.wm-icon-root {
  clip-path: url(#icon-clip);
  background-clip: unset;
  width: 24px;
  height: 24px;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .main-action .wm-button-icon:has(.wm-icon-root) {
  padding: 0 !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .main-action .wm-button-icon.small {
  font-size: 0.875rem;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .main-action .wm-button-icon.large {
  font-size: 1.5rem;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .btn-group.show ~ .main-action {
  transform: translateX(-0.5em);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .button-content-group .btn-group.show .dropdown-toggle .dropdown-icon {
  transform: rotate(90deg);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .dropdown-wrapper {
  position: relative;
  z-index: 9;
  float: right;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .dropdown-wrapper:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
  border-radius: 0 0.66rem 0.66rem 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: #afb3b9;
}
@media (prefers-color-scheme: dark) {
  .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .dropdown-wrapper:after {
    background: #33353b;
  }
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .dropdown-wrapper:hover:after {
  opacity: 1;
  width: calc(100% + 0.5em);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .dropdown-toggle {
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
  margin: 0;
  width: 100% !important;
  padding: 0.5em;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .dropdown-toggle .dropdown-icon {
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .dropdown-toggle:after {
  content: unset;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content .dropdown-toggle:hover {
  margin: 0;
  background: none;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content.small {
  font-size: 0.875rem;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content.large {
  font-size: 1.5rem;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content.large .button-content-group .main-action .wm-button-icon {
  width: 40px;
  height: 40px;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu) .button-content.large .button-content-group .main-action .wm-button-icon svg {
  transform: scale(1.5);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.icon-button-content) .icon-button-content .wm-button-icon {
  background-color: transparent !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.icon-button-content) .icon-button-content .wm-button-icon i {
  font-size: 1.2rem;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
  border-radius: inherit;
  text-decoration: inherit;
  vertical-align: inherit;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):hover, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.dropdown-menu-right.show) {
  box-shadow: 0px 8px 24px 0px rgba(175, 179, 185, 0.48);
  text-decoration: none;
  color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):hover, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.dropdown-menu-right.show) {
    box-shadow: 0px 8px 24px 0px rgba(51, 53, 59, 0.48);
  }
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):hover .button-content, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.dropdown-menu-right.show) .button-content {
  transform: translateX(-0.5em);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):hover .button-content .wm-button-icon .wm-icon, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.dropdown-menu-right.show) .button-content .wm-button-icon .wm-icon {
  background-image: linear-gradient(90deg, #afb3b9, #afb3b9);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):hover .button-content .dropdown-icon, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.dropdown-menu-right.show) .button-content .dropdown-icon {
  transform: rotate(90deg);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):hover .main-action:after, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.dropdown-menu-right.show) .main-action:after {
  width: calc(100% - 0.5em) !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):hover .dropdown-wrapper .dropdown-toggle, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.dropdown-menu-right.show) .dropdown-wrapper .dropdown-toggle {
  transform: translateX(0.25em);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):hover .dropdown-wrapper:after, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.dropdown-menu-right.show) .dropdown-wrapper:after {
  width: calc(100% + 0.5em);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):hover:after, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.dropdown-menu-right.show):after {
  opacity: 1;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):has(.dropdown-menu-right.show) .dropdown-wrapper:after {
  opacity: 1;
  width: calc(100% + 0.5em);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):not(:has(span)) {
  width: 33px;
  height: 33px;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):not(:has(span)) .button-content {
  width: 100%;
  height: 100%;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):not(:has(span)) .button-content .dropdown-wrapper {
  align-items: center;
  justify-content: center;
  max-height: 33px;
  width: 100%;
  height: 100%;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):not(:has(span)) .button-content .dropdown-wrapper:after {
  border-radius: 0.66rem;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):not(:has(span)):hover .button-content, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):not(:has(span)):has(.show) .button-content {
  transform: none !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):not(:has(span)):hover .button-content .dropdown-wrapper .dropdown-toggle, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):not(:has(span)):has(.show) .button-content .dropdown-wrapper .dropdown-toggle {
  transform: none !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)).dropdown-wrapper {
  padding: 0.5em 1.5em;
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-standard, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-success, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-primary, .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active {
  background-color: #7a8391;
}
@media (prefers-color-scheme: dark) {
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-standard, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-success, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-primary, .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active {
    background-color: #33353b;
  }
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-standard:after, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-success:after, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-primary:after, .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active:after {
    background-image: linear-gradient(184deg, rgb(79.3745454545, 82.4872727273, 91.8254545455) 0%, rgb(69.9163636364, 72.6581818182, 80.8836363636) 7%, rgb(60.4581818182, 62.8290909091, 69.9418181818) 24%, #33353b 36%, rgb(41.5418181818, 43.1709090909, 48.0581818182) 62%, rgb(32.0836363636, 33.3418181818, 37.1163636364) 97%);
  }
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-standard:hover, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-success:hover, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-primary:hover, .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active:hover {
    box-shadow: 0px 8px 24px 0px rgba(51, 53, 59, 0.48);
    background-color: #7a8391;
  }
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-standard .btn-light, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-success .btn-light, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-primary .btn-light, .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active .btn-light {
  background-color: transparent !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-standard .button-content, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-success .button-content, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-primary .button-content, .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active .button-content {
  color: rgb(255, 255, 255);
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-standard:after, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-success:after, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-primary:after, .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active:after {
  background-image: linear-gradient(184deg, rgb(155.4962962963, 162.2296296296, 172.7037037037) 0%, rgb(144.3308641975, 151.8197530864, 163.4691358025) 7%, rgb(133.1654320988, 141.4098765432, 154.2345679012) 24%, #7a8391 36%, rgb(111.6296296296, 120.762962963, 134.9703703704) 62%, rgb(102.3950617284, 110.7728395062, 123.8049382716) 97%);
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-standard:hover, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-success:hover, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-primary:hover, .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active:hover {
  box-shadow: 0px 8px 24px 0px rgba(175, 179, 185, 0.48);
  background-color: #afb3b9;
}
@media (prefers-color-scheme: dark) {
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-standard:hover, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-success:hover, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-primary:hover, .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active:hover {
    box-shadow: 0px 8px 24px 0px rgba(51, 53, 59, 0.48);
  }
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger {
  background-color: rgb(255, 59, 48);
}
@media (prefers-color-scheme: dark) {
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger {
    background-color: rgb(255, 69, 58);
  }
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:after {
    background-image: linear-gradient(184deg, rgb(255, 116.947826087, 109.2) 0%, rgb(255, 97.631884058, 88.8) 7%, rgb(255, 78.315942029, 68.4) 24%, rgb(255, 59, 48) 36%, rgb(255, 39.684057971, 27.6) 62%, rgb(255, 20.368115942, 7.2) 97%);
  }
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:hover {
    box-shadow: 0px 8px 24px 0px rgba(255, 69, 58, 0.48);
    background-color: rgb(255, 59, 48);
  }
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger .main-action:hover:after,
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger .dropdown-wrapper:hover:after {
    background-color: rgb(255, 59, 48) !important;
  }
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:after {
  background-image: linear-gradient(184deg, rgb(255, 126.7827411168, 119.2) 0%, rgb(255, 107.5218274112, 98.8) 7%, rgb(255, 88.2609137056, 78.4) 24%, rgb(255, 69, 58) 36%, rgb(255, 49.7390862944, 37.6) 62%, rgb(255, 30.4781725888, 17.2) 97%);
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:hover {
  box-shadow: 0px 8px 24px 0px rgba(255, 59, 48, 0.48);
  background-color: rgb(255, 69, 58);
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger .main-action:hover:after,
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger .dropdown-wrapper:hover:after {
  background-color: rgb(255, 69, 58) !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning {
  background-color: rgb(255, 149, 0);
}
@media (prefers-color-scheme: dark) {
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning {
    background-color: rgb(255, 159, 10);
  }
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:after {
    background-image: linear-gradient(184deg, rgb(255, 174.44, 61.2) 0%, rgb(255, 165.96, 40.8) 7%, rgb(255, 157.48, 20.4) 24%, rgb(255, 149, 0) 36%, rgb(234.6, 137.08, 0) 62%, rgb(214.2, 125.16, 0) 97%);
  }
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:hover {
    box-shadow: 0px 8px 24px 0px rgba(255, 159, 10, 0.48);
    background-color: rgb(255, 149, 0);
  }
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:after {
  background-image: linear-gradient(184deg, rgb(255, 182.9804081633, 71.2) 0%, rgb(255, 174.9869387755, 50.8) 7%, rgb(255, 166.9934693878, 30.4) 24%, rgb(255, 159, 10) 36%, rgb(244.6, 148.7567346939, 0) 62%, rgb(224.2, 136.3502040816, 0) 97%);
}
.primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:hover {
  box-shadow: 0px 8px 24px 0px rgba(255, 149, 0, 0.48);
  background-color: rgb(255, 159, 10);
}
.primary-button:not(:has(#SEARCHDROPDOWN))[name=CANCEL], .primary-button:not(:has(#SEARCHDROPDOWN)).intent-light {
  background-color: rgb(203, 213, 224);
  color: rgb(74, 85, 104);
}
@media (prefers-color-scheme: dark) {
  .primary-button:not(:has(#SEARCHDROPDOWN))[name=CANCEL], .primary-button:not(:has(#SEARCHDROPDOWN)).intent-light {
    background-color: rgb(113, 128, 150) !important;
    color: rgb(255, 255, 255);
  }
  .primary-button:not(:has(#SEARCHDROPDOWN))[name=CANCEL]:after, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-light:after {
    background-image: linear-gradient(184deg, rgb(99.4426966292, 114.2247191011, 139.7573033708) 0%, rgb(90.9617977528, 104.4831460674, 127.8382022472) 7%, rgb(82.4808988764, 94.7415730337, 115.9191011236) 24%, rgb(74, 85, 104) 36%, rgb(65.5191011236, 75.2584269663, 92.0808988764) 62%, rgb(57.0382022472, 65.5168539326, 80.1617977528) 97%) !important;
  }
  .primary-button:not(:has(#SEARCHDROPDOWN))[name=CANCEL]:hover, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-light:hover {
    box-shadow: 0px 8px 24px 0px rgba(74, 85, 104, 0.48) !important;
    background-color: rgb(74, 85, 104) !important;
  }
}
.primary-button:not(:has(#SEARCHDROPDOWN))[name=CANCEL]:after, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-light:after {
  background-image: linear-gradient(184deg, rgb(196.7974683544, 205.3746835443, 216.4025316456) 0%, rgb(184.5316455696, 194.9164556962, 208.2683544304) 7%, rgb(172.2658227848, 184.4582278481, 200.1341772152) 24%, rgb(160, 174, 192) 36%, rgb(147.7341772152, 163.5417721519, 183.8658227848) 62%, rgb(135.4683544304, 153.0835443038, 175.7316455696) 97%);
}
.primary-button:not(:has(#SEARCHDROPDOWN))[name=CANCEL]:hover, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-light:hover {
  box-shadow: 0px 8px 24px 0px rgba(113, 128, 150, 0.48);
  background-color: rgb(113, 128, 150);
  color: rgb(255, 255, 255);
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.main-action.disabled) .main-action, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.main-action.wm-web-action-disabled) .main-action {
  opacity: 0.5;
  cursor: not-allowed;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.main-action.disabled) .main-action:hover, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.main-action.wm-web-action-disabled) .main-action:hover {
  box-shadow: none !important;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.main-action.disabled) .main-action:hover .button-content, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.main-action.wm-web-action-disabled) .main-action:hover .button-content {
  transform: none;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.main-action.disabled) .main-action:hover .button-content:after, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.main-action.wm-web-action-disabled) .main-action:hover .button-content:after {
  content: unset;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):has(.main-action.disabled) .main-action:hover:after, .primary-button:not(:has(#SEARCHDROPDOWN)):has(.main-action.wm-web-action-disabled) .main-action:hover:after {
  content: unset;
}
.primary-button:not(:has(#SEARCHDROPDOWN)).has-dropdown .dropdown-toggle {
  opacity: 1;
}
.primary-button:not(:has(#SEARCHDROPDOWN)).has-dropdown.wm-web-action-disabled:has(.dropdown-menu:not(:has(.wm-web-action-disabled))) .dropdown-toggle {
  opacity: 1;
}
.primary-button:not(:has(#SEARCHDROPDOWN)).has-dropdown.wm-web-action-disabled:has(.dropdown-menu:has(.wm-web-action-disabled:not(.dropdown-item:not(.wm-web-action-disabled)))) .main-action, .primary-button:not(:has(#SEARCHDROPDOWN)).has-dropdown.wm-web-action-disabled:has(.dropdown-menu:has(.wm-web-action-disabled:not(.dropdown-item:not(.wm-web-action-disabled)))) .dropdown-toggle {
  opacity: 0.5;
}
.primary-button:not(:has(#SEARCHDROPDOWN)):not(.wm-web-action-disabled):has(.dropdown-wrapper:has(.dropdown-menu)) .dropdown-menu .dropdown-item.wm-web-action-disabled {
  opacity: 0.6;
}

/*.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(vars.$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(vars.$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;
        }
    }
}*/
.new-button {
  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;
  min-width: 9em;
  min-height: 2.25em;
  padding: 0 2em 0.1em;
  padding: 0.4em 1.5em 0.5em;
  background: #2771d8;
  cursor: pointer;
  font-weight: 400;
  text-align: center;
  line-height: 1.2;
  user-select: none;
  white-space: normal;
  color: rgb(255, 255, 255);
}
.new-button .new-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;
}
.new-button .new-button-content: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;
}
.new-button .new-button-content .wm-button-icon {
  line-height: normal;
}
.new-button .new-button-content .wm-button-icon 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(255, 255, 255, 0.8);
  font-size: 0.9rem;
  font-weight: 400;
  line-height: normal;
  color: #7a8391 !important;
}
.new-button.dropdown-toggle:after {
  content: none;
  border: none;
}
.new-button.wm-recent-list-button {
  width: auto;
  background: none;
}
.new-button .button-filled {
  background: rgba(175, 179, 185, 0.48);
}
.new-button .button-filled:hover {
  background: #afb3b9;
}
.new-button .button-text {
  background: none;
}
.new-button .button-outline {
  background: none;
  border: 1px solid;
}
.new-button .button-primary {
  color: #7a8391;
}
.new-button .button-secondary {
  color: rgb(0, 120, 214);
}
.new-button .button-tertiary {
  color: rgb(230, 132, 20);
}
.new-button .button-info {
  color: rgb(0, 122, 255);
}
.new-button .button-success {
  color: rgb(52, 199, 89);
}
.new-button .button-warning {
  color: rgb(255, 149, 0);
}
.new-button .button-danger {
  color: rgb(255, 59, 48);
}
.new-button .button-light {
  color: rgb(255, 255, 255);
}
.new-button .button-dark {
  color: rgb(0, 0, 0);
}
.new-button .button-link {
  color: #afb3b9;
}
.new-button .button-disabled {
  opacity: 0.6;
}
.new-button .button-size-small {
  padding: 0.25rem 0.5rem;
}
.new-button .button-size-medium {
  padding: 0.5rem 0.75rem;
}
.new-button .button-size-large {
  padding: 0.75rm 1rem;
}
.new-button .icon-size-small {
  font-size: 0.8rem;
}
.new-button .icon-size-medium {
  font-size: 1rem;
}
.new-button .icon-size-large {
  font-size: 1.25rem;
}
.new-button .full-wdith {
  min-width: 100%;
}

@media (prefers-color-scheme: dark) {
  .wm-queryfilterdiv .e-rule-field .e-rule-value .e-checkbox-wrapper .e-label {
    color: rgb(237, 242, 243);
  }
}

.wm-checkbox .e-icons {
  display: inline-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 {
  display: inline-block;
  content: "\f0e2";
  font-family: "Font Awesome 5 Pro";
  font-size: 15px;
  line-height: normal;
  font-weight: 400;
  text-transform: none;
}
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 {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  text-indent: 1px;
  font-size: 15px;
  line-height: normal;
  font-weight: 400;
  text-transform: none;
}
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 {
  display: inline-block;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  content: "\f3c2";
  font-family: "Font Awesome 5 Pro";
}
input[type=checkbox].wm-control-lock-button + label:after {
  content: "\f023";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  content: "\f30d";
  font-family: "Font Awesome 5 Pro";
}
input[type=checkbox].wm-control-lock-button:checked + label:before {
  opacity: 0;
  transform: rotateY(90deg);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  content: "\f30d";
  font-family: "Font Awesome 5 Pro";
}
input[type=checkbox].wm-control-lock-button:checked + label:after {
  opacity: 1;
  transform: rotateY(0);
}
input[type=checkbox].wm-control-confirm-button + label::before {
  display: inline-block;
  content: "\f06a";
  font-family: "Font Awesome 5 Pro";
}
input[type=checkbox].wm-control-confirm-button:checked + label::before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
}
input[type=checkbox].wm-control-confirm-button-link + label::before {
  display: inline-block;
  content: "\f127";
  font-family: "Font Awesome 5 Pro";
}
input[type=checkbox].wm-control-confirm-button-link:checked + label::before {
  content: "\f0c1";
  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: 0.5 !important;
}
@media (prefers-color-scheme: dark) {
  .e-checkbox-disabled {
    opacity: 0.25 !important;
  }
}
.e-checkbox-disabled .e-icons {
  background-color: rgb(226, 232, 240) !important;
}

.wm-datatable .wm-checkbox .e-icons {
  width: 16px;
  height: 16px;
  font-size: 0.68rem;
}

.row.wm-row:has(> .form-group.wm-container-parent.d-none > label + .wm-checkbox) {
  display: none;
}

#scheduledtask .wm-row:has(> .form-group.wm-container-parent > label + .wm-checkbox) .form-group {
  align-items: start;
  flex-direction: column;
}

.form-group.row.inline-checkbox .wm-container-parent:has(.wm-checkbox) {
  padding-top: 1rem;
}
@media only screen and (max-width: 35.9375em) {
  .form-group.row.inline-checkbox .wm-container-parent:has(.wm-checkbox) {
    margin-top: 1rem !important;
  }
}
@media only screen and (max-width: 74.9375em) {
  .form-group.row.inline-checkbox .wm-container-parent:has(.wm-checkbox) {
    padding-top: 0;
  }
}
.form-group.row.inline-checkbox:has(label + .wm-control) {
  height: 4rem;
}
@media only screen and (max-width: 35.9375em) {
  .form-group.row.inline-checkbox:has(label + .wm-control) {
    height: auto;
  }
}

.e {
  /**
      Input Group    
  **/
  /**
      Input Disabled    
  **/
}
.e-input-btn.e-btn {
  border-radius: 0.2rem;
  box-shadow: none;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgb(46, 51, 56) !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: rgb(196.76, 199.672, 204.04) !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 {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !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: rgb(255, 255, 255) !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;
  }
}
.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: rgb(192, 201, 211) !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: rgb(170.9803738318, 182.9831775701, 196.3196261682) !important;
}
.e-disabled {
  opacity: 0.85 !important;
}
@media (prefers-color-scheme: dark) {
  .e-disabled {
    opacity: 1 !important;
    /* Reverted, was too dark */
    /*background: #1d1f22 !important;*/
  }
}

.card-list-search-wrapper {
  position: relative;
  align-items: center;
  justify-content: flex-end;
}
.card-list-search-wrapper > .wm-row > .wm-card-list-search.form-group.wm-container-parent {
  margin: 0 !important;
  border-radius: 50px !important;
}
.card-list-search-wrapper > .wm-row > .wm-card-list-search.form-group.wm-container-parent span.e-input-group.e-control-wrapper.wm-control-class {
  position: relative;
  border-top-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  padding-inline-end: 40px;
}
.card-list-search-wrapper > .wm-row > .wm-card-list-search.form-group.wm-container-parent span.e-input-group.e-control-wrapper.wm-control-class:has(.dropdown-toggle) input {
  padding-inline-end: 60px;
}
.card-list-search-wrapper > .wm-row > .wm-card-list-search.form-group.wm-container-parent span.e-input-group.e-control-wrapper.wm-control-class input {
  border-radius: 50px !important;
  height: 40px;
  padding-inline-end: 40px;
}
@media (prefers-color-scheme: dark) {
  .card-list-search-wrapper > .wm-row > .wm-card-list-search.form-group.wm-container-parent span.e-input-group.e-control-wrapper.wm-control-class input {
    border-color: rgb(74, 85, 104);
  }
}
.card-list-search-wrapper .wm-card-list-search-button {
  position: absolute;
  z-index: 9;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  border-radius: 50px;
  width: 32px;
  height: 32px;
  min-height: 32px;
  background-color: rgba(175, 179, 185, 0.24) !important;
}
.card-list-search-wrapper .wm-card-list-search-button i {
  color: #afb3b9 !important;
}
.card-list-search-wrapper .wm-card-list-search-button:hover {
  background-color: #afb3b9 !important;
}
.card-list-search-wrapper .wm-card-list-search-button:hover i {
  color: rgb(255, 255, 255) !important;
}
.card-list-search-wrapper .wm-card-list-search-button:hover:after {
  content: unset;
}

@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;
  }
}

.wm-otp input.e-input:not(.e-dropdownbase) {
  padding: 0 !important;
}
.wm-otp .e-otp-input-field {
  border-radius: 50px !important;
  background: rgb(247, 250, 252);
}
@media (prefers-color-scheme: dark) {
  .wm-otp .e-otp-input-field {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  .wm-otp .e-otp-input-field::placeholder {
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-otp .e-otp-input-field {
    border: 1px solid rgb(41.4, 45.9, 50.4) !important;
  }
}
.wm-otp .e-otp-input-field.e-otp-input-focus {
  border-color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  .wm-otp .e-otp-input-field.e-otp-input-focus {
    border-color: rgb(196.76, 199.672, 204.04) !important;
  }
}
.wm-otp .e-otp-input-field.e-otp-input-focus:before, .wm-otp .e-otp-input-field.e-otp-input-focus:after {
  content: unset !important;
}
.wm-otp .e-otp-input-field.e-input:focus:not(.e-success):not(.e-warning):not(.e-error) {
  box-shadow: 0 0 0 1px #7a8391;
  border-color: #7a8391;
}

/**
    Form Labels
**/
.label {
  display: block;
  border-radius: 0.5rem;
  width: fit-content;
  padding: 0.5rem 0.75rem;
  font-size: 85%;
  font-weight: 500;
  line-height: 9px;
  color: rgb(255, 255, 255);
}
.label:not(.wm-category-count).wm-background-blue {
  background-color: rgb(229, 243, 255) !important;
  color: rgb(1, 136, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .label:not(.wm-category-count).wm-background-blue {
    background-color: rgba(10, 132, 255, 0.5) !important;
    color: rgb(235, 248, 255) !important;
  }
}
.label:not(.wm-category-count).wm-background-brown {
  background-color: rgba(188, 79, 46, 0.1) !important;
  color: rgb(188, 79, 46) !important;
}
@media (prefers-color-scheme: dark) {
  .label:not(.wm-category-count).wm-background-brown {
    background-color: rgb(90, 71, 56) !important;
    color: rgb(254, 192, 147) !important;
  }
}
.label:not(.wm-category-count).wm-background-green {
  background-color: rgb(198, 246, 213) !important;
  color: rgb(39, 103, 73) !important;
}
@media (prefers-color-scheme: dark) {
  .label:not(.wm-category-count).wm-background-green {
    background-color: rgb(34, 84, 61) !important;
    color: rgb(154, 230, 180) !important;
  }
}
.label:not(.wm-category-count).wm-background-grey {
  background-color: rgb(228, 229, 233) !important;
  color: rgb(89, 94, 107) !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-orange {
  background-color: rgb(255, 239, 214) !important;
  color: rgb(191, 54, 12) !important;
}
@media (prefers-color-scheme: dark) {
  .label:not(.wm-category-count).wm-background-orange {
    background-color: #ffcc80 !important;
    background-color: rgb(123, 52, 30) !important;
    color: rgb(246, 173, 85) !important;
  }
}
.label:not(.wm-category-count).wm-background-pink {
  background-color: rgb(254, 236, 240) !important;
  color: rgb(190, 55, 109) !important;
}
@media (prefers-color-scheme: dark) {
  .label:not(.wm-category-count).wm-background-pink {
    background-color: rgb(90, 68, 77) !important;
    color: rgb(255, 184, 204) !important;
  }
}
.label:not(.wm-category-count).wm-background-purple {
  background-color: rgb(245, 238, 254) !important;
  color: rgb(95, 48, 195) !important;
}
@media (prefers-color-scheme: dark) {
  .label:not(.wm-category-count).wm-background-purple {
    background-color: rgb(77, 72, 93) !important;
    color: rgb(216, 193, 249) !important;
  }
}
.label:not(.wm-category-count).wm-background-red {
  background-color: rgba(255, 59, 48, 0.1) !important;
  color: rgb(255, 59, 48) !important;
}
@media (prefers-color-scheme: dark) {
  .label:not(.wm-category-count).wm-background-red {
    background-color: rgb(116, 42, 42) !important;
    color: rgb(254, 178, 178) !important;
  }
}
.label:not(.wm-category-count).wm-background-teal {
  background-color: rgb(219, 242, 254) !important;
  color: rgb(0, 97, 124) !important;
}
@media (prefers-color-scheme: dark) {
  .label:not(.wm-category-count).wm-background-teal {
    background-color: rgb(43, 78, 91) !important;
    color: rgb(191, 234, 253) !important;
  }
}
.label:not(.wm-category-count).wm-background-yellow {
  background-color: rgb(255, 238, 204) !important;
  color: rgb(151, 90, 22) !important;
}
@media (prefers-color-scheme: dark) {
  .label:not(.wm-category-count).wm-background-yellow {
    background-color: rgb(85, 75, 46) !important;
    color: rgb(246, 224, 94) !important;
  }
}
.label-rounded {
  border-radius: 60px;
}
.label-custom {
  background-color: rgb(110, 182, 224);
}
.label-primary {
  background-color: rgb(0, 120, 214);
}
.label-success {
  background-color: rgb(36, 124, 36);
}
.label-info {
  background-color: rgb(0, 137.1588785047, 244.6);
}
.label-warning {
  background-color: rgb(250, 206, 31);
}
.label-danger {
  background-color: rgb(235, 21, 21);
}
.label-inverse {
  background-color: rgb(65.6030927835, 70.7628865979, 77.3969072165);
}
.label-default {
  background-color: rgb(237, 242, 243) !important;
  color: rgb(46, 51, 56) !important;
}
.label-light-success {
  background-color: #e8fdeb !important;
  color: rgb(36, 124, 36) !important;
}
.label-light-info {
  background-color: #cfecfe !important;
  color: rgb(0, 137.1588785047, 244.6) !important;
}
.label-light-warning {
  background-color: #fff8ec !important;
  color: rgb(250, 206, 31) !important;
}
.label-light-danger {
  background-color: #f9e7eb !important;
  color: rgb(235, 21, 21) !important;
}
.label-light-primary {
  background-color: #f1effd !important;
  color: rgb(0, 120, 214) !important;
}
.label-light-inverse {
  background-color: #f6f6f6 !important;
  color: rgb(65.6030927835, 70.7628865979, 77.3969072165) !important;
}
.label[for=IncludeRecords] {
  margin-top: 8px;
}
.label[for=IncludeRecords] + .wm-checkbox {
  margin-top: -6px !important;
}

.wm-label {
  margin-bottom: 0rem;
  font-size: clamp(0.75rem, 0.738rem + 0.0535vw, 0.875rem);
  color: rgb(106.932, 116.312, 127.568);
}
.wm-label i.fa:hover {
  color: rgb(119, 129, 141) !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: rgb(255, 255, 255) !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 {
  z-index: 12 !important;
  float: right;
  margin-right: 13px;
  width: 385px;
  position: relative;
  top: 16px;
}
.wm-query-container .e-input-group, .wm-query-container .btn-group {
  position: relative;
  z-index: 9999 !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 > .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: rgb(255, 255, 255);
}
.wm-queryfilterdiv .e-add-btn.e-btn:hover {
  opacity: 0.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-right-color: rgb(255, 255, 255) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !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: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
  border-right-color: rgb(255, 255, 255) !important;
  background-color: rgb(172.2444444444, 177.8444444444, 186.5555555556) !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 {
  justify-content: flex-start;
  padding: 12px !important;
  background-color: rgb(192, 201, 211);
  border-color: rgb(237, 242, 243);
}
@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: rgb(65.6030927835, 70.7628865979, 77.3969072165) !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 {
    position: inherit;
    margin: 10px 0 0 0;
    width: 98%;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
  .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: rgb(242.25, 242.25, 242.25);
}
@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: 0.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 0.3s ease-in;
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  color: rgb(64.1707865169, 62.7123595506, 67.0876404494);
}
@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: rgb(255, 255, 255);
  }
}
.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: rgb(242.25, 242.25, 242.25);
}
@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: rgb(65.6030927835, 70.7628865979, 77.3969072165) !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: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
}
.wm-queryfilterdiv .e-rule-field .e-rule-value .e-input-group::placeholder {
  color: rgb(255, 255, 255) !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: 0.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 0.3s ease-in;
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  color: rgb(64.1707865169, 62.7123595506, 67.0876404494);
}
@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: rgb(255, 255, 255);
  }
}
@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: 0.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 0.3s ease-in;
    font-size: 18px;
    font-family: "Font Awesome 5 Pro";
    color: rgb(64.1707865169, 62.7123595506, 67.0876404494);
  }
}
@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: rgb(255, 255, 255);
  }
}
.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: rgb(242.25, 242.25, 242.25);
}
@media (prefers-color-scheme: dark) {
  .wm-queryfilterdiv .e-rule-container {
    background-color: rgb(65.6030927835, 70.7628865979, 77.3969072165) !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: rgb(62.1, 68.85, 75.6) !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: rgb(76, 92, 104);
}
@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: rgb(41.4, 45.9, 50.4) !important;
  }
}
@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .wm-queryfilterdiv .sort-container {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  .wm-queryfilterdiv .sort-container::placeholder {
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-queryfilterdiv .e-group-container {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
}
.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: rgb(74, 85, 104);
}
@media (prefers-color-scheme: dark) {
  .wm-control-class.e-popup-open .wm-inline-suggestions {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247);
    color: rgb(192, 201, 211);
  }
}
.wm-control-class.e-popup-open .e-dropdownbase {
  padding: 0 !important;
}
@media (prefers-color-scheme: dark) {
  .wm-control-class.e-popup-open .e-dropdownbase {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !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.e-ul .e-active {
  background-color: rgb(192, 201, 211) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent.e-ul .e-active {
    background-color: rgb(119, 129, 141) !important;
  }
}
.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: rgb(247, 250, 252);
  color: rgb(113, 128, 150);
}
@media (prefers-color-scheme: dark) {
  .wm-control-class.e-popup-open .wm-inline-suggestion-note {
    background: rgb(34.5, 38.25, 42);
  }
}
.wm-control-class.e-popup-open:has(.e-resizer-right) {
  display: grid;
  grid-template-rows: 1fr;
}
.wm-control-class.e-popup-open:has(.e-resizer-right) .wm-inline-suggestions {
  position: sticky;
  top: 0;
  z-index: 5;
  backdrop-filter: blur(1rem);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  width: 100%;
  padding: 0.48rem;
  background: rgba(255, 255, 255, 0.72);
}
@media (prefers-color-scheme: dark) {
  .wm-control-class.e-popup-open:has(.e-resizer-right) .wm-inline-suggestions {
    background: rgba(53.9046391753, 58.1443298969, 63.5953608247, 0.72);
  }
}
.wm-control-class.e-popup-open:has(.e-resizer-right) .e-resizer-left,
.wm-control-class.e-popup-open:has(.e-resizer-right) .e-resizer-right {
  display: flex;
  justify-content: flex-end;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  width: 100%;
  height: 18px;
  padding-top: 0.125rem;
  padding-right: 0.125rem;
  color: rgb(160, 174, 192) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-control-class.e-popup-open:has(.e-resizer-right) .e-resizer-left,
  .wm-control-class.e-popup-open:has(.e-resizer-right) .e-resizer-right {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247);
  }
}
.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: rgb(224.0161290323, 225.8387096774, 229.4838709677) !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: 24px;
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-blue {
  background-color: rgb(229, 243, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-blue {
    background-color: rgba(10, 132, 255, 0.5) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-blue .e-chipcontent,
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-blue .e-chips-close::before {
  -webkit-text-fill-color: rgb(1, 136, 255) !important;
  color: rgb(1, 136, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-blue .e-chipcontent,
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-blue .e-chips-close::before {
    -webkit-text-fill-color: rgb(235, 248, 255) !important;
    color: rgb(235, 248, 255) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-brown {
  background-color: rgba(188, 79, 46, 0.1) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-brown {
    background-color: rgb(90, 71, 56) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-brown .e-chipcontent,
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-brown .e-chips-close::before {
  -webkit-text-fill-color: rgb(188, 79, 46) !important;
  color: rgb(188, 79, 46) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-brown .e-chipcontent,
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-brown .e-chips-close::before {
    -webkit-text-fill-color: rgb(254, 192, 147) !important;
    color: rgb(254, 192, 147) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-green {
  background-color: rgb(198, 246, 213) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-green {
    background-color: rgb(34, 84, 61) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-green .e-chipcontent,
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-green .e-chips-close::before {
  -webkit-text-fill-color: rgb(39, 103, 73) !important;
  color: rgb(39, 103, 73) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-green .e-chipcontent,
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-green .e-chips-close::before {
    -webkit-text-fill-color: rgb(154, 230, 180) !important;
    color: rgb(154, 230, 180) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-grey {
  background-color: rgb(228, 229, 233) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-grey {
    background-color: #9e9e9e !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-grey .e-chipcontent,
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-grey .e-chips-close::before {
  -webkit-text-fill-color: rgb(89, 94, 107) !important;
  color: rgb(89, 94, 107) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-grey .e-chipcontent,
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-grey .e-chips-close::before {
    -webkit-text-fill-color: #121212 !important;
    color: #121212 !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-light-grey {
  background-color: rgb(228, 229, 233) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-light-grey {
    background-color: rgb(113, 128, 150) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-light-grey .e-chipcontent,
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-light-grey .e-chips-close::before {
  -webkit-text-fill-color: rgb(89, 94, 107) !important;
  color: rgb(89, 94, 107) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-light-grey .e-chipcontent,
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-light-grey .e-chips-close::before {
    -webkit-text-fill-color: rgb(226, 232, 240) !important;
    color: rgb(226, 232, 240) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-orange {
  background-color: rgb(255, 239, 214) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-orange {
    background-color: #ffcc80 !important;
    background-color: rgb(123, 52, 30) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-orange .e-chipcontent,
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-orange .e-chips-close::before {
  -webkit-text-fill-color: rgb(191, 54, 12) !important;
  color: rgb(191, 54, 12) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-orange .e-chipcontent,
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-orange .e-chips-close::before {
    -webkit-text-fill-color: rgb(246, 173, 85) !important;
    color: rgb(246, 173, 85) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-pink {
  background-color: rgb(254, 236, 240) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-pink {
    background-color: rgb(90, 68, 77) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-pink .e-chipcontent,
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-pink .e-chips-close::before {
  -webkit-text-fill-color: rgb(190, 55, 109) !important;
  color: rgb(190, 55, 109) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-pink .e-chipcontent,
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-pink .e-chips-close::before {
    -webkit-text-fill-color: rgb(255, 184, 204) !important;
    color: rgb(255, 184, 204) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-purple {
  background-color: rgb(245, 238, 254) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-purple {
    background-color: rgb(77, 72, 93) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-purple .e-chipcontent,
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-purple .e-chips-close::before {
  -webkit-text-fill-color: rgb(95, 48, 195) !important;
  color: rgb(95, 48, 195) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-purple .e-chipcontent,
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-purple .e-chips-close::before {
    -webkit-text-fill-color: rgb(216, 193, 249) !important;
    color: rgb(216, 193, 249) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-red {
  background-color: rgba(255, 59, 48, 0.1) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-red {
    background-color: rgb(116, 42, 42) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-red .e-chipcontent,
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-red .e-chips-close::before {
  -webkit-text-fill-color: rgb(255, 59, 48) !important;
  color: rgb(255, 59, 48) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-red .e-chipcontent,
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-red .e-chips-close::before {
    -webkit-text-fill-color: rgb(254, 178, 178) !important;
    color: rgb(254, 178, 178) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-teal {
  background-color: rgb(219, 242, 254) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-teal {
    background-color: rgb(43, 78, 91) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-teal .e-chipcontent,
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-teal .e-chips-close::before {
  -webkit-text-fill-color: rgb(0, 97, 124) !important;
  color: rgb(0, 97, 124) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-teal .e-chipcontent,
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-teal .e-chips-close::before {
    -webkit-text-fill-color: rgb(191, 234, 253) !important;
    color: rgb(191, 234, 253) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-yellow {
  background-color: rgb(255, 238, 204) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-yellow {
    background-color: rgb(85, 75, 46) !important;
  }
}
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-yellow .e-chipcontent,
.e-multiselect .e-multi-select-wrapper .e-chips.wm-background-yellow .e-chips-close::before {
  -webkit-text-fill-color: rgb(151, 90, 22) !important;
  color: rgb(151, 90, 22) !important;
}
@media (prefers-color-scheme: dark) {
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-yellow .e-chipcontent,
  .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-yellow .e-chips-close::before {
    -webkit-text-fill-color: rgb(246, 224, 94) !important;
    color: rgb(246, 224, 94) !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 .e-content.e-dropdownbase .e-ul .e-list-item {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247);
    color: rgb(237, 242, 243);
  }
  .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item.e-active {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !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: rgb(152.2928, 159.8448, 168.9072) !important;
  }
  .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase.e-nodata {
    color: rgb(192, 201, 211) !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: rgb(255, 255, 255) !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: rgb(185.5856, 190.6896, 196.8144) !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: rgb(0, 0, 0);
}
.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: rgb(255, 255, 255) !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: rgb(255, 255, 255) !important;
  color: rgb(119, 129, 141) !important;
}
.e-popup .e-active {
  background: #7a8391;
}

#entityPropertiesMappings {
  padding: 1.5rem 0;
}
@media only screen and (max-width: 47.9375em) {
  #entityPropertiesMappings .import-subclass-container-l1,
  #entityPropertiesMappings .import-subclass-container-l2,
  #entityPropertiesMappings .import-subclass-container-l3,
  #entityPropertiesMappings .import-subclass-container-l4 {
    margin-left: 1rem !important;
    width: calc(100% - 1rem) !important;
    padding-left: 1rem !important;
  }
}
@media (prefers-color-scheme: dark) {
  #entityPropertiesMappings hr {
    background-color: rgba(255, 255, 255, 0.18) !important;
  }
}
#entityPropertiesMappings .wm-row {
  align-items: start;
  flex-direction: column;
}
#entityPropertiesMappings .wm-row .form-group.wm-container-parent {
  margin-top: 0 !important;
}
#entityPropertiesMappings .wm-row .import-subclass-label span {
  display: block;
  margin-bottom: 0.25rem;
}
#entityPropertiesMappings .wm-row.import-row-mapping {
  padding-bottom: 5px;
}
#entityPropertiesMappings .import-subclass-container-l1,
#entityPropertiesMappings .import-subclass-container-l2,
#entityPropertiesMappings .import-subclass-container-l3,
#entityPropertiesMappings .import-subclass-container-l4 {
  margin: 0 0 1rem 1.5rem;
  box-shadow: 0px 4px 8px 0px rgba(74, 85, 104, 0.12);
  border: 1.5px solid rgb(226, 232, 240);
  border-radius: 1rem;
  padding: 1rem 1rem 1rem 1.5rem;
}
@media (prefers-color-scheme: dark) {
  #entityPropertiesMappings .import-subclass-container-l1,
  #entityPropertiesMappings .import-subclass-container-l2,
  #entityPropertiesMappings .import-subclass-container-l3,
  #entityPropertiesMappings .import-subclass-container-l4 {
    box-shadow: 0px 4px 8px 0px rgba(26, 32, 44, 0.48);
    border-color: rgba(255, 255, 255, 0.12) !important;
    background-color: rgb(42.206185567, 45.5257731959, 49.793814433) !important;
  }
}
#entityPropertiesMappings .import-subclass-container-l1 {
  width: 75%;
  background-color: rgb(247, 250, 252);
}
#entityPropertiesMappings .import-subclass-container-l2,
#entityPropertiesMappings .import-subclass-container-l2,
#entityPropertiesMappings .import-subclass-container-l3 {
  width: 91.66666667%;
}
#entityPropertiesMappings .import-subclass-container-l2 {
  border-color: rgb(203, 213, 224);
  background-color: rgb(237, 242, 247);
}
#entityPropertiesMappings .import-subclass-container-l3 {
  border-color: rgb(203, 213, 224);
  background-color: rgb(226, 232, 240);
}
#entityPropertiesMappings .import-subclass-container-l4 {
  border-collapse: rgb(160, 174, 192);
  background-color: rgb(203, 213, 224);
}

.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: 28.9375em) {
  .wm-module-header-actions {
    padding-right: 0.75rem;
  }
}
@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;
  }
}
.wm-module-header-actions .wm-search-box .input-group {
  position: relative;
}
.wm-module-header-actions .wm-search-box .input-group:has(.dropdown-toggle) input {
  padding-inline-end: 80px;
}
.wm-module-header-actions .wm-search-box .input-group input {
  border-radius: 50px !important;
  height: 40px;
  padding-inline-end: 40px;
}
@media (prefers-color-scheme: dark) {
  .wm-module-header-actions .wm-search-box .input-group input {
    border-color: rgb(74, 85, 104);
  }
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append {
  position: absolute;
  z-index: 9;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .main-action,
.wm-module-header-actions .wm-search-box .input-group .input-group-append button {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border: none !important;
  border-radius: 50px !important;
  width: 32px;
  height: 32px;
  min-height: 32px;
  background-color: rgba(175, 179, 185, 0.24) !important;
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .main-action i,
.wm-module-header-actions .wm-search-box .input-group .input-group-append button i {
  color: #afb3b9 !important;
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .main-action:hover,
.wm-module-header-actions .wm-search-box .input-group .input-group-append button:hover {
  background-color: #afb3b9 !important;
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .main-action:hover i,
.wm-module-header-actions .wm-search-box .input-group .input-group-append button:hover i {
  color: rgb(255, 255, 255) !important;
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .btn-group {
  display: flex;
  background: none !important;
  gap: 0.25rem;
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .btn-group .btn-group .btn.btn-sm.btn-standard.wm-button.dropdown-toggle {
  border: none !important;
  border-radius: 0.25rem !important;
  height: 28px !important;
  max-height: 28px !important;
  min-height: 28px;
  background: none !important;
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .btn-group .btn-group .btn.btn-sm.btn-standard.wm-button.dropdown-toggle i {
  font-weight: bold;
  color: rgb(113, 128, 150);
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .btn-group .btn-group .btn.btn-sm.btn-standard.wm-button.dropdown-toggle:hover {
  filter: none !important;
  margin-top: 0;
  box-shadow: none !important;
  background: rgb(226, 232, 240) !important;
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .btn-group .main-action.btn.btn-sm.wm-button#SEARCHDROPDOWN {
  order: 2;
  border-radius: 50px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  color: #afb3b9 !important;
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .btn-group .main-action.btn.btn-sm.wm-button#SEARCHDROPDOWN:after {
  color: #afb3b9;
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .btn-group .main-action.btn.btn-sm.wm-button#SEARCHDROPDOWN:hover {
  margin-top: 0;
}
.wm-module-header-actions .wm-search-box .input-group .input-group-append .btn-group .main-action.btn.btn-sm.wm-button#SEARCHDROPDOWN:hover:after {
  color: rgb(255, 255, 255);
}

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

.mb-top-action-buttons {
  display: flex;
  gap: 0.5rem;
}

.module-top-nav {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  box-shadow: 0px 8px 16px 0px rgba(113, 128, 150, 0.12) !important;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  height: auto;
  padding: 0.75rem;
}
@media (prefers-color-scheme: dark) {
  .module-top-nav {
    box-shadow: none !important;
  }
}
.module-top-nav-content {
  display: flex;
  flex: 1;
  gap: 1rem;
  justify-content: space-between;
}
@media only screen and (max-width: 47.9375em) {
  .module-top-nav-content {
    flex-wrap: wrap;
  }
}
.module-top-nav-content .module-page-heading {
  display: flex;
  gap: 1rem;
  margin-right: auto;
}
@media only screen and (max-width: 47.9375em) {
  .module-top-nav-content .module-page-heading {
    flex-wrap: wrap;
  }
}
.module-top-nav-content .module-page-heading .profile-avatar {
  display: flex;
  gap: 1rem;
}
.module-top-nav-content .module-page-heading .wm-title {
  margin-bottom: 0;
  margin-right: 0.5rem;
}
.module-top-nav-content .wm-page-header {
  align-items: flex-start;
}
@media only screen and (max-width: 28.9375em) {
  .module-top-nav-content .wm-page-header {
    max-width: 220px;
  }
}
.module-top-nav-content .wm-page-header > div {
  gap: 0.5rem;
}
.module-top-nav-content .wm-page-header .dropdown.btn-group {
  display: inline-flex !important;
  align-items: center;
  grid-area: title;
  margin-top: 0px !important;
  height: 30px !important;
}
.module-top-nav-content .wm-page-header .dropdown.btn-group > .btn-group {
  border: none !important;
}
.module-top-nav-content .wm-page-header .dropdown.btn-group > .btn-group > .wm-button.dropdown-toggle {
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1);
  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-content .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-content .wm-page-header .dropdown.btn-group > .btn-group > .wm-button.dropdown-toggle::after {
  margin-left: -1px !important;
}
.module-top-nav-content .wm-page-header .dropdown.btn-group .btn.btn-sm {
  width: 30px !important;
  height: 30px !important;
}
.module-top-nav-content .wm-page-header .dropdown.btn-group .wm-web-action-dropdown {
  z-index: 1030;
  transform: translate3d(0px, 20px, 0px) !important;
}
.module-top-nav-content .wm-page-header .wm-action-button-group {
  align-items: center;
}
.module-top-nav-content .wm-page-header .page-header-favourite-action {
  display: inline-flex !important;
  align-self: center;
  grid-area: title;
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 30px !important;
  height: 30px !important;
}
.module-top-nav-content .wm-page-header .page-header-favourite-action .wm-web-action-icon {
  border-radius: 0.4rem !important;
  background: rgb(226, 232, 240);
}
.module-top-nav-content .wm-page-header .page-header-favourite-action .wm-web-action-icon i {
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 1rem;
  line-height: 1.75;
  vertical-align: middle;
  color: rgb(113, 128, 150);
}
.module-top-nav-content .wm-page-header .page-header-favourite-action .wm-web-action-icon.ml-1 {
  margin-left: 0 !important;
}
.module-top-nav-content .wm-page-header .page-header-favourite-action .wm-web-action {
  border-radius: 0.4rem !important;
}
.module-top-nav-content .wm-page-header .page-header-favourite-action .wm-web-action.wm-favourite-on {
  background: #afb3b9;
}
.module-top-nav-content .wm-page-header .page-header-favourite-action .wm-web-action.wm-favourite-on i {
  color: rgb(255, 255, 255) !important;
}
.module-top-nav-content .wm-page-header .page-header-favourite-action:hover {
  transform: translateY(-2px);
}
.module-top-nav-content .wm-page-header .page-header-favourite-action:hover .wm-web-action-icon {
  box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
  background: #afb3b9;
}
.module-top-nav-content .wm-page-header .page-header-favourite-action:hover .wm-web-action-icon i {
  color: rgb(255, 255, 255) !important;
}
.module-top-nav-content .page-sub-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.module-top-nav-content .page-sub-header .wm-subtitle {
  margin-bottom: 0;
  font-size: 1rem;
}
.module-top-nav-content .page-sub-header .wm-page-badges {
  display: flex;
  gap: 0.5rem;
}
.module-top-nav-content .page-sub-header .wm-page-badges span {
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.module-top-nav-content .structure-version-combo {
  max-width: 190px;
  padding: 0;
}
.module-top-nav-content .structure-version-combo label {
  position: absolute;
  z-index: 9;
  top: -0.5rem;
  left: 0.25rem;
  display: flex;
  width: fit-content;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  background-color: rgb(255, 255, 255);
  line-height: 1;
}
@media (prefers-color-scheme: dark) {
  .module-top-nav-content .structure-version-combo label {
    outline-color: rgb(74, 85, 104);
    background: linear-gradient(0deg, rgb(53.9046391753, 58.1443298969, 63.5953608247) 35%, rgb(41.4, 45.9, 50.4) 35%);
  }
}
.module-top-nav-content .structure-version-combo .e-input-group.e-control-wrapper.wm-control-class {
  height: 30px !important;
}
.module-top-nav-content .structure-version-combo .e-ddl {
  min-height: 30px !important;
}
.module-top-nav-content .page-actions.module-actions {
  margin-top: 0;
}
.module-content .d-flex.no-gutters {
  gap: 3rem;
  padding: 8px 15px !important;
  box-shadow: 0px 8px 16px 0px rgba(113, 128, 150, 0.12) !important;
  margin-top: 0 !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !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 {
  display: flex;
  align-items: center;
  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 only screen and (max-width: 28.9375em) {
  .module-content-header {
    border-radius: 0;
  }
}
@media (prefers-color-scheme: dark) {
  .module-content-header .color-title svg {
    fill: rgb(215.6258064516, 217.9419354839, 222.5741935484);
  }
}
@media (prefers-color-scheme: dark) {
  .module-content-header .color-title i {
    color: rgb(215.6258064516, 217.9419354839, 222.5741935484);
  }
}
.module-content-header.wm-header-has-search .wm-module-title {
  margin-right: 0.75rem;
  float: left;
}
@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: 28.9375em) {
  .module-content-header.wm-header-has-search .wm-module-header-actions {
    display: grid !important;
    grid-template-columns: 88px auto;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1rem;
    margin-top: 1rem;
    padding-inline: 0.75rem;
  }
  .module-content-header.wm-header-has-search .wm-module-header-actions .wm-search-box {
    width: 100% !important;
  }
}
.module-content-header.wm-header-has-no-search {
  padding-top: 0.75rem;
}
@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 (max-width: 35.9375em) {
  .module-content-header.wm-header-has-no-search .mb-top-action-buttons {
    position: initial;
  }
}
@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;
  }
}
.module-content-header .wm-module-title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.75rem;
}
.module-content-header .wm-module-title-wrapper .hastooltip {
  float: left;
  font-size: 1.5rem;
}
.module-content-header .wm-module-title-wrapper .wm-module-title {
  text-box: trim-both cap alphabetic;
}
.module-content-header .wm-module-title-wrapper .icon {
  line-height: 1;
}
.module-content-header .wm-module-title-wrapper .icon .main-left-icon {
  width: 100%;
  height: fit-content;
}
@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;
  }
}

.module-content-wrapper .module-content .tab-container > div.d-flex.no-gutters {
  box-shadow: 0px 4px 8px 0px rgba(74, 85, 104, 0.12) !important;
  border-radius: 1rem !important;
}
.module-content-wrapper .module-content .tab-sub-header-options {
  display: flex;
  align-items: flex-end;
  justify-content: normal;
  margin-bottom: 1rem;
  margin-inline: 0;
  box-shadow: 0px 4px 8px 0px rgba(74, 85, 104, 0.12) !important;
  border-radius: 1rem !important;
  padding: 0.75rem 0rem;
  background-color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .module-content-wrapper .module-content .tab-sub-header-options {
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.module-content-wrapper .module-content-header {
  gap: 1rem;
  margin-bottom: 1rem;
  box-shadow: none;
}
.module-content-wrapper .module-content-header .top-content {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  width: 100%;
  padding: 1rem;
  background-color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .module-content-wrapper .module-content-header .top-content {
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.module-content-wrapper .module-content-header .top-content .wm-inline-search {
  width: calc(100% - 22px);
}
.module-content-wrapper:has(.module-top-nav) .module-content-header, .module-content-wrapper:has(.top-content) .module-content-header {
  margin-bottom: 0;
}
@media (prefers-color-scheme: dark) {
  .module-content-wrapper:has(.module-top-nav) .module-content .tab-container, .module-content-wrapper:has(.top-content) .module-content .tab-container {
    border-top: 1px solid rgb(45, 55, 72);
  }
}
.module-content-wrapper:has(.module-top-nav) .module-content .tab-container > div.d-flex.no-gutters, .module-content-wrapper:has(.top-content) .module-content .tab-container > div.d-flex.no-gutters {
  box-shadow: 0px 4px 8px 0px rgba(74, 85, 104, 0.12) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.wm-module-pin {
  position: relative;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  color: rgb(74, 85, 104) !important;
}
.wm-module-pin[data-to-pin=True], .wm-module-pin[data-to-pin=true] {
  transform: rotate(0);
}
.wm-module-pin[data-to-pin=False], .wm-module-pin[data-to-pin=false] {
  transform: rotate(45deg);
}
.wm-module-pin[data-to-pin=False]:after, .wm-module-pin[data-to-pin=false]:after {
  content: "";
  position: absolute;
  top: -15px;
  left: 6px;
  display: block;
  transform: rotate(90deg);
  border-radius: 50px;
  width: 2px;
  height: 28px;
  background: rgb(113, 128, 150);
}
@media only screen and (max-width: 28.9375em) {
  .wm-module-pin[data-to-pin=False]:after, .wm-module-pin[data-to-pin=false]:after {
    top: -11px;
    left: 3px;
    height: 20px;
  }
}

.wm-module-header-actions {
  position: relative;
}
@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-right-color: rgb(255, 255, 255) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !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: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
  border-right-color: rgb(255, 255, 255) !important;
  background-color: rgb(172.2444444444, 177.8444444444, 186.5555555556) !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: rgb(255, 255, 255);
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  font-size: 17px;
  line-height: normal;
  font-weight: 900;
  text-transform: none;
}
@media (prefers-color-scheme: dark) {
  .wm-subtitle {
    color: rgb(203, 213, 224) !important;
  }
}
.wm-favourite-on .wm-icon {
  color: rgb(250, 206, 31);
}
.wm-favourite-on .wm-icon:hover {
  animation: 300ms bulge ease-out;
  color: rgb(192, 201, 211) !important;
}
.wm-favourite-off .wm-icon {
  color: rgb(192, 201, 211);
}
.wm-favourite-off .wm-icon:hover {
  -webkit-animation: 300ms bulge ease-out;
  animation: 300ms bulge ease-out;
  color: rgb(250, 206, 31) !important;
}
.wm-favourite-action {
  float: right;
}
.wm-web-action.wm-pointer.wm-favourite-on, .wm-web-action.wm-pointer.wm-favourite-off {
  border-radius: 0.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 {
  padding-bottom: 3px;
  vertical-align: middle;
  transition: all 0.2s linear;
  font-size: 23px;
  width: 23px;
  height: 23px;
}
.wm-web-action.wm-pointer.wm-favourite-on:active {
  transition: all 0.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 {
  height: fit-content;
  min-height: 31px;
  padding: 3px 8px;
  cursor: pointer !important;
}

.activity-time {
  font-size: 13px;
  line-height: 20px;
  color: rgb(192, 201, 211);
}

.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: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  .wm-display-label {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-display-label {
    color: rgb(237, 242, 247) !important;
  }
}
.wm-secondary-system-field {
  transition: all 0.2s ease-in-out;
  font-size: 0.875rem;
  color: rgb(113, 128, 150);
}
@media (prefers-color-scheme: dark) {
  .wm-secondary-system-field {
    color: rgb(160, 174, 192);
  }
}
.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: rgb(192, 201, 211);
}
.wm-web-actions-icons i {
  color: rgb(192, 201, 211);
}
@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 rgb(237, 242, 243);
  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;
}
@media (prefers-color-scheme: dark) {
  .wm-progress-text {
    color: rgb(237, 242, 243) !important;
  }
}
.wm-progress-title {
  font-size: 0.875rem;
  color: rgb(95.304, 103.664, 113.696);
}
@media (prefers-color-scheme: dark) {
  .wm-progress-title {
    color: rgb(237, 242, 243) !important;
  }
}
.wm-progress-background,
.wm-progress .animate {
  position: relative;
  margin-top: 4px;
  border-radius: 20px;
  height: 30px;
  padding: 6px;
  background: rgb(237, 242, 243) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-progress-background,
  .wm-progress .animate {
    border: 1px solid rgb(41.4, 45.9, 50.4) !important;
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !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 0.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 {
  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;
  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-error-items {
  margin: 8px;
}
.wm-error-items div {
  padding-bottom: 5px;
}
@media (prefers-color-scheme: dark) {
  .wm-error-items div {
    color: rgb(192, 201, 211) !important;
  }
}
.wm-error-items div:not(:last-child) {
  margin-bottom: 7px;
  border-bottom: 1px solid rgb(192, 201, 211);
}
.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 {
  margin-top: 15px;
  text-align: center;
  color: rgb(119, 129, 141);
  font-size: 14px;
  line-height: normal;
  font-weight: 300;
  text-transform: none;
}
.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 {
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  color: rgb(255, 255, 255);
  width: 30px;
  height: 30px;
}
.wm-image-entity .wm-image-medium {
  margin: 4px;
  font-size: 27px;
  width: 58px;
  height: 58px;
}
.wm-image-entity .wm-image-large {
  margin: 0 auto;
  font-size: 42px;
  width: 128px;
  height: 128px;
}
.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 {
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-color-scheme: dark) {
  .module-content-wrapper {
    background-color: rgb(29, 31, 34);
  }
}
.module-content-wrapper .container {
  max-width: 100% !important;
  min-height: calc(100vh - 56px);
  padding: 1rem;
}
.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;
  }
}
.module-content .wm-section {
  border-radius: 1rem;
}

.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 {
  border-radius: 0.5rem;
}
@media (prefers-color-scheme: dark) {
  .card {
    border: 1px solid rgb(41.4, 45.9, 50.4) !important;
    background: inherit;
  }
}
.card .card-body {
  border-radius: 0.5rem;
}
.card.wm-collection-card {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  background-color: rgb(255, 255, 255);
  border: none;
}
@media (prefers-color-scheme: dark) {
  .card.wm-collection-card {
    box-shadow: 0 0 0 1px rgb(78.2, 86.7, 95.2);
    background-color: rgb(34.5, 38.25, 42);
  }
}
.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: 0.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 0.2s;
  border-radius: 50%;
}
.card.wm-collection-card > .background-logo {
  z-index: 1;
  opacity: 0.2;
  filter: grayscale(100%);
  position: absolute;
  top: 50%;
  left: 76%;
  transform: translate(-50%, -50%);
}
.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: rgb(227.82, 235.37, 236.88) !important;
}
@media (prefers-color-scheme: dark) {
  .card.wm-collection-card .card-header.bg-light {
    background-color: rgb(55.2, 61.2, 67.2) !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: rgb(250, 206, 31);
}
.card.wm-collection-card .wm-web-actions-icons .wm-favourite-on i {
  color: rgb(250, 206, 31);
}
.card.wm-collection-card .wm-card-detail > label {
  word-break: normal;
}
.card.wm-collection-card .wm-generic-card {
  height: 100%;
}
.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 {
  margin-top: 2px;
  font-size: 13px;
  width: 24px;
  height: 24px;
}
.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;
}
.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 {
  border-radius: 0.5rem;
  height: auto;
}
.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: rgb(22.6254545455, 23.5127272727, 26.1745454545);
}
@media (prefers-color-scheme: dark) {
  .card.wm-collection-card .wm-generic-card .card-body label:not(.wm-badge) {
    color: rgb(155.9663551402, 170.1140186916, 185.8336448598);
  }
}
.card-body {
  height: 100%;
}
@media (prefers-color-scheme: dark) {
  .card-body {
    background-color: rgb(27.6, 30.6, 33.6);
  }
}
.card-body .wm-card-header {
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  max-width: 100%;
  word-break: break-word;
  white-space: normal;
  height: fit-content;
  line-height: 1.5;
}
.card-body .wm-card-detail > span,
.card-body .wm-card-detail > label {
  color: rgb(144.3308641975, 151.8197530864, 163.4691358025);
}
@media (prefers-color-scheme: dark) {
  .card-body .wm-card-detail > span,
  .card-body .wm-card-detail > label {
    color: rgb(207.64, 210.008, 213.56);
  }
}
.card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width {
  color: rgb(79.3745454545, 82.4872727273, 91.8254545455) !important;
}
@media (prefers-color-scheme: dark) {
  .card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width {
    color: rgb(196.76, 199.672, 204.04) !important;
  }
  .card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width:hover {
    color: rgb(218.52, 220.344, 223.08) !important;
  }
}
.card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width:hover {
  color: rgb(155.4962962963, 162.2296296296, 172.7037037037) !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 0.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%;
}
@media (prefers-color-scheme: dark) {
  .card-body.module-card {
    background-color: rgb(34.5, 38.25, 42);
  }
}
.card-item-collapsible-section + .label {
  margin-bottom: -1px;
}
.card-item-view-more-icon > span[data-toggle=collapse] {
  /*added padding to enable larger element to hit on mobiles*/
  padding: 0 5px;
  position: relative;
  top: 3px;
  left: 25px;
}
@media (prefers-color-scheme: dark) {
  .card-item-view-more-icon > span[data-toggle=collapse] .wm-icon {
    color: rgb(207.64, 210.008, 213.56) !important;
  }
}
.card .user-card-active {
  background: rgb(192, 201, 211);
}
.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: rgb(34.5, 38.25, 42);
  }
  .card-list-group .wm-collection-card > .card-body .wm-card-header > a > .wm-datatable-column-drilldown {
    color: rgb(202.2, 204.84, 208.8) !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: rgb(36.8, 40.8, 44.8);
    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: rgb(196.76, 199.672, 204.04) !important;
  }
  .wm-card-header .wm-datatable-column-drilldown:hover {
    color: rgb(218.52, 220.344, 223.08) !important;
  }
}
.wm-card-label {
  position: absolute;
  bottom: 10px;
  right: 37px;
}
.wm-card-list {
  -webkit-padding-start: 0;
}
.wm-card-list a li {
  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%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@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 {
  margin-top: 1px;
  margin-left: 1px;
  border-right: 0;
  border-radius: 3px !important;
  height: 32px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.wm-card-list-search input::placeholder {
  margin-left: -5px;
  font-style: normal;
  color: rgb(69, 76.5, 84);
}
.wm-card-list-search-button > .btn {
  background: #7a8391 !important;
  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;
}
.wm-card-list-search-button > .btn::after {
  display: block;
  margin-top: -18px;
  font-size: 13px;
  color: rgb(255, 255, 255);
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
}
.wm-card-list-search-button > .btn::after:hover {
  opacity: 0.7;
}
.wm-card-hr {
  display: block;
  opacity: 0.5;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid rgb(155.4962962963, 162.2296296296, 172.7037037037);
  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 {
  display: block;
  border: 0;
  font-size: 12px;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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: rgb(237, 242, 243);
  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: rgb(55.2, 61.2, 67.2);
  }
}
.wm-collection-card .card-body.card-active {
  background: rgb(192, 201, 211);
}
@media (prefers-color-scheme: dark) {
  .wm-collection-card .card-body.card-active {
    background: rgb(64.4, 71.4, 78.4);
  }
}
.wm-collection-card .card-title {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 0.6rem;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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: rgb(119, 129, 141);
}
.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 {
  z-index: 2;
  background: rgb(255, 255, 255);
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.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 {
    font-size: 15px;
    width: 47px;
    height: 45px;
  }
}
@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 {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-card-body.card-body a.card-title:hover {
  cursor: pointer;
}

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

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

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

.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: rgb(119, 129, 141);
}

/* 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] div[name=CARDVIEWSEARCH].btn-standard.wm-button.wm-web-action {
  background-color: rgb(133.1654320988, 141.4098765432, 154.2345679012) !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;
  }
}
@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 {
  margin-bottom: 16px;
  box-shadow: 0 2px 4px rgba(46, 51, 56, 0.2);
  border-radius: 1rem;
  padding: 8px 2px;
}

/* -------------------- 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 {
  box-shadow: 0 1px 6px -1px rgba(46, 51, 56, 0.2);
  margin-bottom: 15px;
  border-radius: 4px;
  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 {
  position: relative;
  z-index: 10;
  transition: all 0.2s ease;
  border-right-color: rgb(255, 255, 255) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
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: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
  border-right-color: rgb(255, 255, 255) !important;
  background-color: rgb(172.2444444444, 177.8444444444, 186.5555555556) !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 {
  min-width: 24px;
  padding: 5px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  /*&:not(.dropdown-toggle)::after {
      content: $content;
      display: block;
      font-size: 17px;
      font-family: "Font Awesome 6 Pro";
                  color: vars.$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:has(.button-content span + span) {
  padding: 5px 10px 5px 5px;
}
#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: rgb(99.9552, 108.7232, 119.2448);
}
#email_template_view #tab-content-details .wm-control .wm-display-html.form-control-static > span {
  color: rgb(0, 0, 0) !important;
}
@media (prefers-color-scheme: dark) {
  #email_template_view #bodyframe {
    border-radius: 0.5rem !important;
    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 {
  position: relative;
  z-index: 1;
  margin-bottom: -14px;
}

/* -------------------- 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 {
  min-width: 24px;
  padding: 5px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  /*&:not(.dropdown-toggle)::after {
      content: $content;
      display: block;
      font-size: 17px;
      font-family: "Font Awesome 6 Pro";
                  color: vars.$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:has(.button-content span + span) {
  padding: 5px 10px 5px 5px;
}
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: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    border-color: rgb(192, 201, 211) !important;
    color: rgb(237, 242, 243) !important;
  }
  #SelectUserCalendar::placeholder {
    color: rgb(255, 255, 255) !important;
  }
  .e-dropdownbase {
    color: rgb(192, 201, 211) !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: rgb(237, 242, 243);
  border: 1px solid rgb(192, 201, 211);
}
@media (prefers-color-scheme: dark) {
  #opportunity_view #tab-content-emails .card.wm-collection-card {
    background-color: rgb(34.5, 38.25, 42);
  }
}
@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-right-color: rgb(255, 255, 255) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
#tab-content-productpurchasecosts #ProductPurchaseCost .dropdown.btn-group #DEFAULT:hover {
  opacity: 0.8 !important;
  transform: translateY(0) !important;
  box-shadow: none !important;
  border-color: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
  border-right-color: rgb(255, 255, 255) !important;
  background-color: rgb(172.2444444444, 177.8444444444, 186.5555555556) !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 {
  border-radius: 4px !important;
  padding: 0 8px;
}
#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 -------------------- */
div#loadedtabwidgetsidebarwidgets.wm-widget-container {
  margin-top: 12px;
  border-radius: 2px;
  background-color: rgb(255, 255, 255);
  border: 1px solid #7a8391;
}
@media (prefers-color-scheme: dark) {
  div#loadedtabwidgetsidebarwidgets.wm-widget-container {
    border-color: rgb(62.1, 68.85, 75.6) !important;
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    border-color: rgb(192, 201, 211);
  }
}
div#loadedtabwidgetsidebarwidgets.wm-widget-container .wm-widget {
  padding: 2px 10px !important;
}
div#loadedtabwidgetsidebarwidgets.wm-widget-container .wm-widget .wm-section-header {
  padding: 5px;
  background-color: #eeeff1;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
@media (prefers-color-scheme: dark) {
  div#loadedtabwidgetsidebarwidgets.wm-widget-container .wm-widget .wm-section-header {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247);
  }
}

#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: rgb(149.9135802469, 157.024691358, 168.0864197531) !important;
}
@media (prefers-color-scheme: dark) {
  div[data-controller=Report] #CategoryList sup.wm-background-default {
    background-color: rgb(149.9135802469, 157.024691358, 168.0864197531) !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 {
  position: relative;
  overflow: visible;
  display: inline-block;
  width: auto;
  max-width: 100%;
}
#supportcase_view #loadedtabwidgetresearch [data-name=ResearchList] .wm-research-title .dropdown-toggle {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  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;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  width: 0;
  height: 0;
  cursor: pointer;
  color: #7a8391;
}
#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-right: none !important;
  border-radius: 4px !important;
}

/* -------------------- END OF VAT RETURNS -------------------- */
.calculator .calculator-screen {
  background-color: rgb(99.9552, 108.7232, 119.2448) !important;
}
@media (prefers-color-scheme: dark) {
  .calculator .calculator-screen {
    background-color: rgb(32.2, 35.7, 39.2) !important;
  }
}
.calculator .calculator-keys button:not(.all-clear) {
  color: #33353b !important;
}
@media (prefers-color-scheme: dark) {
  .calculator .calculator-keys button:not(.all-clear) {
    color: rgb(229.4, 230.68, 232.6) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .calculator .calculator-keys button:not(.all-clear):not(.equal-sign):hover {
    background-color: rgb(64.4, 71.4, 78.4) !important;
  }
}
.calculator .calculator-keys button, .calculator .calculator-keys button.equal-sign.operator {
  color: rgb(255, 255, 255) !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;
  height: 100%;
  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 {
  min-width: 24px;
  padding: 5px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  /*&:not(.dropdown-toggle)::after {
      content: $content;
      display: block;
      font-size: 17px;
      font-family: "Font Awesome 6 Pro";
                  color: vars.$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:has(.button-content span + span) {
  padding: 5px 10px 5px 5px;
}
#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 {
  font-size: 128px !important;
  width: 128px !important;
  height: 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: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
  transform: scale(1.06);
  color: rgb(144.3308641975, 151.8197530864, 163.4691358025) !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 {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !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 {
  text-decoration: none !important;
  color: #7a8391 !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 {
  margin-bottom: 0 !important;
  height: unset;
}

@media (prefers-color-scheme: dark) {
  .e-dashboardviewer.e-js {
    background-color: rgb(36.8, 40.8, 44.8) !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-dashboardviewer.e-js .e-dbrd-banner {
    background-color: transparent !important;
  }
  .e-dashboardviewer.e-js .e-dbrd-banner .e-dbrd-banner-title > p {
    color: rgb(192, 201, 211) !important;
  }
  .e-dashboardviewer.e-js .e-dbrd-tooltip {
    background-color: rgb(55.2, 61.2, 67.2) !important;
  }
  .e-dashboardviewer.e-js .e-dbrd-bannerIcon:hover::before {
    color: rgb(142.36, 147.992, 156.44) !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: rgb(50.6, 56.1, 61.6) !important;
  }
  .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container .e-control-heading .e-control-title {
    color: rgb(237, 242, 243) !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: rgb(207.64, 210.008, 213.56) !important;
  }
  .e-dashboardviewer.e-js .e-control-prop > .e-dbrd-containerIcon::before {
    color: rgb(207.64, 210.008, 213.56) !important;
  }
  .e-dashboardviewer.e-js .e-control-prop > .e-dbrd-containerIcon:hover::before {
    color: rgb(164.12, 168.664, 175.48) !important;
  }
  .e-dashboardviewer.e-js .e-nodata {
    color: rgb(192, 201, 211) !important;
  }
  .e-dbrd-dialog {
    background-color: rgb(29, 31, 34) !important;
  }
  .e-dbrd-dialog .e-dbrd-dialog-title {
    color: rgb(237, 242, 243) !important;
  }
  .e-dbrd-dialog .e-dbrd-content > .e-info-msg {
    color: rgb(192, 201, 211) !important;
  }
  .e-dbrd-dialog .e-dbrd-showDetails, .e-dbrd-dialog .e-dbrd-btn-support {
    border: none !important;
    background-color: rgb(29, 31, 34);
    border-color: transparent;
    color: rgb(196.76, 199.672, 204.04);
  }
  .e-table, .e-kanban-table {
    border-color: rgb(78.2, 86.7, 95.2) !important;
  }
  .e-table .e-header-row .e-header-cells, .e-kanban-table .e-header-row .e-header-cells {
    background-color: rgb(36.8, 40.8, 44.8);
    border-color: rgb(78.2, 86.7, 95.2);
    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: rgb(192, 201, 211) !important;
  }
  .e-table .e-content-row, .e-kanban-table .e-content-row {
    background-color: rgb(36.8, 40.8, 44.8);
    border-color: rgb(78.2, 86.7, 95.2);
    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: rgb(192, 201, 211) !important;
  }
  #pivotviewcontrol .e-gridcontent .e-content {
    background-color: rgb(36.8, 40.8, 44.8);
    border-color: rgb(78.2, 86.7, 95.2);
    color: inherit;
  }
  #pivotviewcontrol .e-toggle-field-list.e-icons {
    background-color: rgb(55.2, 61.2, 67.2);
    border-color: rgb(78.2, 86.7, 95.2);
    color: inherit;
  }
  #pivotviewcontrol .e-toggle-field-list.e-icons::before {
    color: rgb(192, 201, 211) !important;
  }
  #pivotviewcontrol_grid, #pivotviewcontrol_grid .e-gridheader, #pivotviewcontrol_grid .e-table, #pivotviewcontrol_grid .e-kanban-table {
    border-color: rgb(78.2, 86.7, 95.2) !important;
  }
  .e-pivotfieldlist-wrapper .e-dlg-header-content, .e-pivotfieldlist-wrapper .e-dlg-content, .e-pivotfieldlist-wrapper .e-footer-content {
    background-color: rgb(50.6, 56.1, 61.6) !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: rgb(237, 242, 243) !important;
  }
  .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table {
    border-color: rgb(78.2, 86.7, 95.2) !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: rgb(78.2, 86.7, 95.2) !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: rgb(41.4, 45.9, 50.4) !important;
    color: rgb(192, 201, 211) !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: rgb(72.048, 78.368, 85.952) !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: rgb(192, 201, 211) !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: rgb(155.9663551402, 170.1140186916, 185.8336448598) !important;
  }
  .e-pivotfieldlist-wrapper .e-dlg-header-content .e-dlg-header {
    color: rgb(237, 242, 243) !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: rgb(237, 242, 243);
  }
  .e-pivotfieldlist-wrapper .e-dlg-content .e-list-parent .e-list-item.e-hover .e-fullrow {
    background-color: rgb(73.6, 81.6, 89.6) !important;
    border-color: rgb(69, 76.5, 84) !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: rgb(41.4, 45.9, 50.4) !important;
    color: rgb(192, 201, 211) !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: rgb(207.64, 210.008, 213.56) !important;
  }
}
@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .e-pivotfieldlist-wrapper .e-dlg-content .e-editor-search {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  .e-pivotfieldlist-wrapper .e-dlg-content .e-editor-search::placeholder {
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-pivotfieldlist-wrapper .e-dlg-content .e-tab-header .e-text-wrap::before {
    margin-top: -1px !important;
    border: 2px solid rgb(155.4962962963, 162.2296296296, 172.7037037037) !important;
  }
  .e-pivotfieldlist-wrapper .e-field-list-footer .e-field-list-btn {
    background-color: rgb(133.1654320988, 141.4098765432, 154.2345679012) !important;
    border-color: rgb(127.5827160494, 136.2049382716, 149.6172839506) !important;
  }
}
@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .e-contextmenu-wrapper .e-contextmenu {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  .e-contextmenu-wrapper .e-contextmenu::placeholder {
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-tooltip-wrap.e-popup {
    background-color: rgb(55.2, 61.2, 67.2);
    border-color: rgb(78.2, 86.7, 95.2);
    color: rgb(192, 201, 211);
  }
  .e-dashboardviewer .e-grid [class^=e-] {
    border-color: rgb(185.5856, 190.6896, 196.8144) !important;
  }
}
/* ----- 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: rgb(255, 255, 255) !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: rgb(255, 255, 255) !important;
}

.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
  background-color: #7a8391 !important;
  border-color: rgb(116.4172839506, 125.7950617284, 140.3827160494) !important;
  color: rgb(255, 255, 255) !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: rgb(255, 255, 255) !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: rgb(255, 255, 255) !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: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  .e-list-parent.e-ul::placeholder {
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-list-parent.e-ul .e-list-item.e-active {
    background-color: rgb(155.4962962963, 162.2296296296, 172.7037037037) !important;
  }
  .e-list-parent.e-ul .e-list-item.e-active > .e-fullrow {
    background-color: rgb(36.8, 40.8, 44.8) !important;
    border-color: rgb(32.2, 35.7, 39.2) !important;
  }
  .e-list-parent.e-ul .e-list-item.e-active > .e-fullrow + .e-text-content {
    background-color: rgb(155.4962962963, 162.2296296296, 172.7037037037) !important;
  }
  .e-list-parent.e-ul .e-list-item:hover {
    background-color: rgb(191.32, 194.504, 199.28) !important;
  }
  .e-list-parent.e-ul .e-list-item, .e-list-parent.e-ul .e-list-item .e-list-text {
    color: rgb(237, 242, 243) !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: rgb(237, 242, 243) !important;
  }
}
.e-list-parent.e-ul .e-list-item:hover {
  background-color: #afb3b9 !important;
}

@media (prefers-color-scheme: dark) {
  .e-datepicker {
    border-color: rgb(78.2, 86.7, 95.2) !important;
  }
  .e-datepicker .e-calendar .e-header {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
  .e-datepicker .e-calendar .e-content table, .e-datepicker .e-calendar .e-content table tr th {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
  .e-datepicker .e-calendar .e-content table tbody .e-cell:not(.e-selected):not(.e-today) > .e-day {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
  .e-datepicker .e-calendar .e-content table tbody .e-cell:not(.e-selected):not(.e-today) > .e-day:hover {
    background-color: rgb(155.9663551402, 170.1140186916, 185.8336448598) !important;
  }
  .e-datepicker .e-calendar .e-footer-container {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
  .e-calendar {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
  .e-calendar .e-header .e-day {
    color: rgb(237, 242, 243) !important;
  }
  .e-calendar .e-header .e-icon-container span::before {
    color: rgb(207.64, 210.008, 213.56) !important;
  }
  .e-calendar .e-content > table thead > tr > th {
    color: rgb(192, 201, 211) !important;
  }
  .e-calendar .e-content > table tbody > tr .e-cell:not(.e-other-month) > span {
    color: rgb(255, 255, 255) !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: rgb(161.9719626168, 175.261682243, 190.0280373832) !important;
  }
  .e-daterangepicker {
    border-color: rgb(78.2, 86.7, 95.2) !important;
  }
  .e-daterangepicker .e-date-range-container, .e-daterangepicker .e-footer, .e-daterangepicker .e-presets {
    border-color: rgb(78.2, 86.7, 95.2) !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: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  .e-daterangepicker .e-date-range-container::placeholder, .e-daterangepicker .e-footer::placeholder, .e-daterangepicker .e-presets::placeholder {
    color: rgb(255, 255, 255) !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: rgb(207.64, 210.008, 213.56) !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: rgb(192, 201, 211) !important;
  }
  .e-daterangepicker .e-separator {
    background-color: rgb(78.2, 86.7, 95.2) !important;
  }
  .e-daterangepicker .e-calendar-container .e-left-container {
    border-color: rgb(78.2, 86.7, 95.2) !important;
  }
  .e-daterangepicker .e-calendar-container .e-calendar tbody tr .e-cell.e-range-hover .e-day {
    background-color: rgb(207.64, 210.008, 213.56) !important;
  }
  .e-daterangepicker .e-calendar-container .e-calendar tbody tr .e-cell.e-range-hover.e-weekend .e-day {
    color: rgb(72.048, 78.368, 85.952) !important;
  }
  .e-daterangepicker .e-calendar-container .e-calendar tbody tr .e-cell.e-range-hover.e-other-month:not(.e-weekend) .e-day {
    color: rgb(0, 0, 0) !important;
  }
}
.e-filemanager {
  --hover-colour: hsl(216.5217391304, 9.4650205761%, 102.3529411765%);
  background-color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .e-filemanager {
    --hover-colour: hsl(216.5217391304, 9.4650205761%, 102.3529411765%);
  }
}
@media (prefers-color-scheme: dark) {
  .e-filemanager {
    border-color: transparent;
    background-color: #292e32 !important;
    color: rgb(255, 255, 255) !important;
  }
}
.e-filemanager .e-toolbar {
  background: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .e-filemanager .e-toolbar .e-icons {
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-filemanager .e-toolbar {
    border-color: #4e575f !important;
    background-color: #292e32 !important;
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-filemanager .e-toolbar .e-hor-nav {
    border-color: #4e575f !important;
    background: #292e32 !important;
    color: rgb(255, 255, 255) !important;
  }
}
.e-filemanager .e-toolbar .e-tbar-btn {
  background: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .e-filemanager .e-toolbar .e-tbar-btn {
    border-color: #4e575f !important;
    background-color: #292e32 !important;
    color: rgb(255, 255, 255) !important;
  }
}
.e-filemanager .e-toolbar .e-tbar-btn:hover {
  background: hsl(216.5217391304, 9.4650205761%, 102.3529411765%) !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: hsl(216.5217391304, 9.4650205761%, 102.3529411765%) !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 {
    border-color: #4e575f !important;
    background-color: #292e32 !important;
    color: rgb(255, 255, 255) !important;
  }
}
.e-filemanager .e-toolbar .e-toolbar-items {
  background: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .e-filemanager .e-toolbar .e-toolbar-items {
    border-color: #4e575f !important;
    background-color: #292e32 !important;
    color: rgb(255, 255, 255) !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: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-filemanager .e-address .e-input-group.e-control-wrapper,
  .e-filemanager .e-address .e-clear-icon {
    color: rgb(255, 255, 255) !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 {
    margin-top: 0;
    height: 99%;
    background-color: #292e32 !important;
  }
}
.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: rgb(233.6543209877, 235.0987654321, 237.3456790123) !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: rgb(233.6543209877, 235.0987654321, 237.3456790123) !important;
}
.e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item.e-active .e-text-content {
  background-color: rgb(233.6543209877, 235.0987654321, 237.3456790123) !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: hsl(216.5217391304, 9.4650205761%, 102.3529411765%) !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: rgb(255, 255, 255);
  }
}
@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: rgb(255, 255, 255);
  }
}
@media (prefers-color-scheme: dark) {
  .e-filemanager .e-layout-content .e-grid td {
    color: rgb(255, 255, 255);
  }
}
.e-filemanager .e-layout-content .e-grid td.e-active {
  background-color: rgb(233.6543209877, 235.0987654321, 237.3456790123) !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: hsl(216.5217391304, 9.4650205761%, 102.3529411765%) !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 {
    border-color: #4e575f !important;
    background-color: #25292d !important;
    color: rgb(255, 255, 255) !important;
  }
  #filemanager_tb_sortby-popup .e-item:hover,
  #filemanager_tb_view-popup .e-item:hover {
    background-color: hsl(216.5217391304, 9.4650205761%, 102.3529411765%) !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: rgb(255, 255, 255) !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 {
    border-color: #4e575f !important;
    background-color: #25292d !important;
    color: rgb(255, 255, 255) !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: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  #filemanager_dialog .e-dlg-content {
    border-color: #4e575f !important;
    background-color: #25292d !important;
    color: rgb(255, 255, 255) !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: rgb(255, 255, 255) !important;
  }
}

.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 {
  position: absolute !important;
  right: 15px !important;
  padding: 0 !important;
  text-align: right !important;
}
.e-gantt-splitter {
  height: auto !important;
}
.e-kanban .e-content-row:not(.e-swimlane-row) .e-content-cells {
  border-radius: 0.5rem !important;
  height: auto !important;
  background-repeat: repeat-y !important;
  padding: 0.3rem !important;
  background-color: rgb(237, 242, 243) !important;
  border: none !important;
}
@media (prefers-color-scheme: dark) {
  .e-kanban .e-content-row:not(.e-swimlane-row) .e-content-cells {
    background-color: rgb(50.6, 56.1, 61.6) !important;
  }
  .e-kanban .e-content-row:not(.e-swimlane-row) .e-content-cells:hover {
    background-color: rgb(64.4, 71.4, 78.4) !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: rgb(36.8, 40.8, 44.8) !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: rgb(192, 201, 211) !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: rgb(237, 242, 243) !important;
  }
  .e-kanban-header .e-header-cells {
    border-bottom-color: #afb3b9 !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-content {
    background-color: rgb(36.8, 40.8, 44.8) !important;
  }
  .e-kanban-content .e-kanban-table > tbody > .e-content-row {
    background-color: rgb(36.8, 40.8, 44.8) !important;
  }
  .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-icons::before {
    color: rgb(207.64, 210.008, 213.56) !important;
  }
  .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-icons:hover {
    background-color: rgb(36.8, 40.8, 44.8) !important;
  }
  .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-icons:hover::before {
    color: rgb(191.32, 194.504, 199.28) !important;
  }
  .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-swimlane-text {
    color: rgb(229.4, 230.68, 232.6) !important;
  }
  .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-item-count {
    color: rgb(192, 201, 211) !important;
  }
  .e-kanban-content .e-emptycard {
    color: rgb(192, 201, 211) !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;
}
.e-kanban .e-card {
  overflow: unset;
  transition: all 0.3s ease-in;
  margin-bottom: 0.75rem !important;
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.15) !important;
  border: 2px solid transparent !important;
  border-radius: 0.5rem !important;
  outline: none !important;
  cursor: grab !important;
  user-select: none !important;
  padding: 5px !important;
  line-height: 18px !important;
}
@media (prefers-color-scheme: dark) {
  .e-kanban .e-card {
    background-color: rgb(34.5, 38.25, 42) !important;
  }
}
.e-kanban .e-card-wrapper {
  overflow: visible !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: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .e-kanban .e-card tr td {
    background-color: rgb(34.5, 38.25, 42) !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: rgb(255, 255, 255) !important;
  border: 2px solid #afb3b9 !important;
  color: rgb(54.4666666667, 65.9333333333, 74.5333333333) !important;
}
@media (prefers-color-scheme: dark) {
  .e-kanban .e-card.e-selection {
    background-color: rgb(34.5, 38.25, 42) !important;
  }
}
.e-kanban .e-card .kanban-card-action-btn {
  margin-top: 16px !important;
}
.e-kanban .e-card .kanban-card-action-btn svg {
  fill: rgb(192, 201, 211) !important;
}
.e-kanban .e-card .kanban-card-action-btn i {
  color: rgb(192, 201, 211) !important;
}
.e-kanban .e-card .wm-image-entity .wm-image-small {
  line-height: 31px !important;
}
.e-kanban .e-card .wm-kanbancard-details > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.e-kanban .e-card .wm-kanbancard-details > div > a {
  transition: all 0.25 ease;
  font-size: 14px !important;
  word-break: break-word;
  color: #33353b !important;
}
@media (prefers-color-scheme: dark) {
  .e-kanban .e-card .wm-kanbancard-details > div > a {
    color: rgb(207.64, 210.008, 213.56) !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: rgb(104.6064, 113.7824, 124.7936) !important;
  }
}
.e-kanban .e-card .wm-kanbancard-details .wm-kanbancard-parent-subject > a {
  word-break: break-word;
  color: rgb(192, 201, 211) !important;
}
.e-kanban .e-card .wm-kanbancard-details .wm-kanbancard-parent-subject > a:hover {
  color: #c0c9d3 !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: 0.5rem !important;
  background-color: rgb(242.25, 242.25, 242.25) !important;
  border: 0.11em dashed rgb(192, 201, 211) !important;
}
.e-draggedcard.e-left-rotatecard {
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.15) !important;
  border-radius: 0.5rem !important;
  outline: none !important;
  cursor: grab !important;
  user-select: none !important;
}
.e-cardselection a, .e-cardselection .wm-kanbancard-details a, .e-cardselection .wm-icon {
  color: rgb(54.4666666667, 65.9333333333, 74.5333333333) !important;
}
.e-cardselection .wm-icon {
  fill: rgb(54.4666666667, 65.9333333333, 74.5333333333) !important;
  color: rgb(54.4666666667, 65.9333333333, 74.5333333333) !important;
}
.e-cardselection .wm-kanbancard-details .wm-web-actions-menu a {
  color: rgb(46, 51, 56) !important;
}
.e-cardselection .popover-content a {
  color: rgb(163.8703703704, 170.037037037, 179.6296296296) !important;
}
.e-ganttchart .e-gantt-childtaskbar-progress, .e-ganttchart .e-gantt-parenttaskbar-progress {
  overflow: hidden !important;
  margin-top: 1px !important;
  border-width: 0px !important;
  padding-top: 1px !important;
  background: rgba(0, 0, 0, 0.3) !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: rgb(0, 0, 0);
}
.e-ganttchart .e-tasklabel {
  margin-left: 1px;
}
.e-swimlane-window {
  margin-top: 100px;
  box-shadow: 1px -7px 31px -10px rgba(0, 0, 0, 0.75);
  -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);
  border-top: 7px solid rgb(86.4681818182, 89.8590909091, 100.0318181818);
}

.wm-kanbancard-image {
  margin: 2px 0 5px !important;
}
.wm-kanbancard-details {
  padding: 4px !important;
  cursor: grab !important;
  vertical-align: top !important;
}
.wm-kanbancard-details .wm-web-actions-menu {
  margin-top: 6px;
}
.wm-kanbancard-details div a.text-info {
  color: rgb(46, 51, 56) !important;
}
.wm-kanbancard-id {
  margin-left: -2px !important;
  text-align: center !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: rgb(135.6464, 144.4224, 154.9536) !important;
  }
}
@media (prefers-color-scheme: light) {
  .kanban-card-action-btn .dropdown i.wm-icon {
    color: rgb(135.6464, 144.4224, 154.9536) !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-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: rgb(196.76, 199.672, 204.04) !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 {
  flex-direction: column;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

/*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: rgb(78.2, 86.7, 95.2) !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: rgb(0, 0, 0) !important;
}

@media (prefers-color-scheme: dark) {
  .e-pivotview .e-grid {
    border-color: rgb(255, 255, 255) !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 {
    background-color: rgb(36.8, 40.8, 44.8) !important;
    color: rgb(192, 201, 211) !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 {
    background-color: rgb(36.8, 40.8, 44.8) !important;
    color: rgb(192, 201, 211) !important;
  }
  .e-pivotview .e-headertext, .e-pivotview .e-cellvalue {
    color: rgb(255, 255, 255) !important;
  }
  #pivotviewcontrol_drillthrough_dialog-header, #pivotviewcontrol_drillthrough_dialog-content {
    background-color: rgb(36.8, 40.8, 44.8) !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: rgb(255, 255, 255) !important;
  }
  #pivotviewcontrol_drillthroughgrid .e-gridcontent .e-content {
    background-color: rgb(36.8, 40.8, 44.8) !important;
  }
  #pivotviewcontrol_drillthroughgrid .e-gridcontent .e-content > table > tbody > tr > td {
    background-color: rgb(36.8, 40.8, 44.8) !important;
    color: rgb(255, 255, 255) !important;
  }
  #pivotviewcontrol_drillthroughgrid .e-gridpager {
    background-color: rgb(36.8, 40.8, 44.8) !important;
  }
  #pivotviewcontrol_drillthroughgrid_add, #pivotviewcontrol_drillthroughgrid_edit, #pivotviewcontrol_drillthroughgrid_delete, #pivotviewcontrol_drillthroughgrid_columnchooser, #pivotviewcontrol_drillthroughgrid_update, #pivotviewcontrol_drillthroughgrid_cancel {
    background-color: rgb(36.8, 40.8, 44.8) !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: rgb(255, 255, 255) !important;
  }
  #pivotviewcontrol_drillthroughgrid_toolbarItems .e-toolbar-items {
    background-color: rgb(36.8, 40.8, 44.8) !important;
  }
  #pivotviewcontrol_drillthroughgridEditForm > table > tbody > tr {
    background-color: rgb(36.8, 40.8, 44.8) !important;
  }
  .e-drillthrough-grid .e-gridheader {
    background-color: rgb(36.8, 40.8, 44.8) !important;
  }
  .e-drillthrough-grid .e-gridheader .e-headercontent > table > thead > tr > th {
    background-color: rgb(36.8, 40.8, 44.8) !important;
  }
  .e-drillthrough-grid .e-gridheader .e-headercontent > table > thead > tr > th .e-headercelldiv {
    background-color: rgb(36.8, 40.8, 44.8) !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: rgb(36.8, 40.8, 44.8) !important;
    color: rgb(255, 255, 255) !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: rgb(255, 255, 255) !important;
  }
  .e-quick-popup-wrapper {
    background-color: rgb(36.8, 40.8, 44.8) !important;
    border-color: rgb(78.2, 86.7, 95.2) !important;
  }
  .e-quick-popup-wrapper .e-close.e-control.e-btn:hover {
    background-color: rgb(90.6528, 98.6048, 108.1472) !important;
  }
  .e-quick-popup-wrapper .e-close.e-control.e-btn:hover > .e-btn-icon::before {
    color: rgb(192, 201, 211);
  }
  .e-quick-popup-wrapper .e-subject {
    color: rgb(237, 242, 243);
  }
  .e-quick-popup-wrapper .e-date-time-details, .e-quick-popup-wrapper .e-description-details, .e-quick-popup-wrapper .e-resource-details {
    color: rgb(131.9439252336, 149.523364486, 169.0560747664) !important;
  }
  .e-schedule-toolbar, .e-disable-dates, .e-date-header-wrap, .e-all-day-cells, .e-work-cells, .e-header-cells {
    border-color: rgb(78.2, 86.7, 95.2) !important;
  }
  .e-header-cells > .e-header-date, .e-time-slots > span, .e-resource-text {
    color: rgb(192, 201, 211) !important;
  }
  .e-resource-left-td, .e-header-cells, .e-time-slots, .e-resource-cells {
    background-color: rgb(36.8, 40.8, 44.8);
    border-color: rgb(78.2, 86.7, 95.2);
    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: rgb(36.8, 40.8, 44.8);
    border-color: rgb(78.2, 86.7, 95.2);
    color: rgb(192, 201, 211);
  }
  .e-gantt-tree-grid-pane > .e-gantt-tree-grid > .e-control.e-grid.e-lib > .e-gridheader {
    border-color: rgb(78.2, 86.7, 95.2) !important;
  }
  .e-gantt-chart-pane .e-timeline-header-container > .e-timeline-header-table-container > thead > tr {
    background-color: rgb(36.8, 40.8, 44.8);
    border-color: rgb(78.2, 86.7, 95.2);
    color: inherit;
  }
  .e-gantt-chart-pane .e-timeline-header-container > .e-timeline-header-table-container > thead > tr th > div {
    color: rgb(192, 201, 211) !important;
  }
  .e-gantt-chart-pane .e-timeline-header-container > .e-timeline-header-table-container > thead > tr .e-weekend-header-cell {
    background-color: rgb(64.4, 71.4, 78.4) !important;
    color: rgb(173.9831775701, 185.5570093458, 198.4168224299) !important;
  }
  .e-gantt-chart-pane .e-chart-root-container .e-chart-rows-container .e-task-table > tbody > tr {
    background-color: rgb(36.8, 40.8, 44.8);
    border-color: rgb(78.2, 86.7, 95.2);
    color: inherit;
  }
  .e-gantt-chart-pane .e-gantt-chart .e-chart-root-container {
    background-color: rgb(36.8, 40.8, 44.8);
    border-color: rgb(78.2, 86.7, 95.2);
    color: rgb(192, 201, 211);
  }
  .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: rgb(78.2, 86.7, 95.2) !important;
  }
  .e-icon-menu::before {
    color: rgb(237, 242, 243) !important;
  }
}
@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .e-addrulegroup {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  .e-addrulegroup::placeholder {
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-addrulegroup .e-item:hover {
    background-color: rgb(90.6528, 98.6048, 108.1472) !important;
    color: rgb(237, 242, 243) !important;
  }
  .e-addrulegroup span::before {
    color: rgb(237, 242, 243) !important;
  }
  .e-tooltip-wrap.e-popup-open {
    border: none !important;
    border-radius: 4px !important;
  }
  .e-tooltip-wrap.e-popup-open .e-tip-content {
    background-color: rgb(0, 0, 0) !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 4px !important;
  }
  .e-tooltip-wrap.e-popup-open .e-tip-content .e-tip-bottom {
    color: rgb(0, 0, 0) !important;
  }
  .e-tooltip-wrap.e-popup-open .e-arrow-tip-outer {
    border-top: 8px solid rgb(0, 0, 0) !important;
  }
  .e-tooltip-wrap.e-popup-open .e-arrow-tip-inner::before {
    color: rgb(0, 0, 0) !important;
  }
}
.e-file-select-wrap {
  flex-direction: column;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (prefers-color-scheme: dark) {
  .e-file-select-wrap span {
    color: rgb(192, 201, 211) !important;
  }
  .e-file-select-wrap button {
    background-color: rgb(119, 129, 141) !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;
}
.e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-list-parent.e-ul .e-active {
  background-color: rgb(192, 201, 211) !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: rgb(119, 129, 141) !important;
  }
}

.e-control.e-richtexteditor {
  border-radius: 0.66rem;
}
.e-control.e-richtexteditor .e-rte-container {
  border-radius: 0.66rem;
}
.e-control.e-richtexteditor .e-rte-container .e-toolbar-wrapper {
  top: -1rem !important;
  border-radius: 0.66rem 0.66rem 0 0;
}
.e-control.e-richtexteditor .e-rte-container .e-toolbar-wrapper .e-toolbar {
  border-radius: 0.66rem 0.66rem 0 0;
}
.e-control.e-richtexteditor .e-rte-container .e-rte-content {
  border-radius: 0 0 0.66rem 0.66rem;
}
.e-control.e-richtexteditor .e-rte-container .e-rte-content .e-content {
  border-radius: 0rem 0rem 0.66rem 0.66rem;
}
.e-control.e-richtexteditor .e-source-content, .e-control.e-richtexteditor .e-rte-srctextarea {
  font-family: monospace;
}
@media (prefers-color-scheme: dark) {
  .e-control.e-richtexteditor {
    border-color: rgb(74, 85, 104) !important;
  }
  .e-control.e-richtexteditor .e-content.e-lib.e-keyboard {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(192, 201, 211) !important;
  }
  .e-control.e-richtexteditor .e-content.e-lib.e-keyboard > p {
    color: rgb(237, 242, 243) !important;
  }
  .e-control.e-richtexteditor .e-rte-content,
  .e-control.e-richtexteditor .e-source-content,
  .e-control.e-richtexteditor .e-rte-srctextarea {
    background-color: rgb(32.8474226804, 35.4309278351, 38.7525773196) !important;
    color: rgb(192, 201, 211) !important;
  }
  .e-control.e-richtexteditor .e-rte-toolbar {
    background-color: rgb(72.048, 78.368, 85.952) !important;
  }
  .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav {
    background-color: rgb(81.3504, 88.4864, 97.0496) !important;
  }
  .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav.e-nav-active {
    border-bottom: 1px solid rgb(237, 242, 243) !important;
  }
  .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav > div::before {
    color: rgb(237, 242, 243) !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: rgb(72.048, 78.368, 85.952) !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: rgb(192, 201, 211) !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: rgb(192, 201, 211) !important;
  }
  .e-control.e-richtexteditor .e-toolbar-wrapper {
    background-color: rgb(72.048, 78.368, 85.952) !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: rgb(72.048, 78.368, 85.952) !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: rgb(192, 201, 211) !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: rgb(192, 201, 211) !important;
  }
  .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button:hover {
    background-color: rgb(90.6528, 98.6048, 108.1472) !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: rgb(240.28, 241.016, 242.12);
}
.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: rgb(202.2, 204.84, 208.8) !important;
}
@media (prefers-color-scheme: dark) {
  .e-schedule .e-vertical-view .e-selected-cell {
    background-color: rgb(126.04, 132.488, 142.16) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-schedule .e-schedule-toolbar-container .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
    background-color: rgb(36.8, 40.8, 44.8) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar {
    background-color: rgb(36.8, 40.8, 44.8);
    border-color: rgb(78.2, 86.7, 95.2);
    color: inherit;
  }
  .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-header.e-month > .e-day.e-title {
    color: rgb(196.76, 199.672, 204.04) !important;
  }
  .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-month .e-week-header tr th {
    color: rgb(192, 201, 211) !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: rgb(255, 255, 255) !important;
  }
  .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-month .e-cell span:hover {
    background-color: rgb(196.76, 199.672, 204.04) !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: rgb(18.4, 20.4, 22.4) !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: rgb(207.64, 210.008, 213.56) !important;
    color: rgb(237, 242, 243) !important;
  }
}
.e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells), .e-schedule .e-timeline-view .e-selected-cell, .e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells), .e-schedule .e-timeline-month-view .e-selected-cell {
  background-color: rgb(229.4, 230.68, 232.6) !important;
  color: rgb(237, 242, 243) !important;
}
.e-schedule-toolbar-wrapper {
  background-color: rgb(255, 255, 255) !important;
  overflow: auto;
}
.e-schedule-toolbar-pop {
  left: 0 !important;
  border-top: 1px solid rgb(212.52, 224.32, 226.68) !important;
}
.e-schedule-toolbar .e-_nav.e-hor-nav, .e-schedule-toolbar .e-_nav.e-hor-nav.e-nav-active {
  margin: 2px 2px !important;
  max-height: 31px !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 {
    border-radius: 4px;
    background-color: rgb(95.304, 103.664, 113.696);
    border-color: rgb(95.304, 103.664, 113.696);
    color: rgb(192, 201, 211);
  }
  .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: rgb(205.7407407407, 209.0740740741, 214.2592592593) !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: rgb(255, 255, 255) !important;
  }
}
.e-schedule-toolbar > .e-toolbar-items {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.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 {
  transition: all 0.5s ease;
  border-radius: 2px;
  width: 100% !important;
  padding: 6px 8px !important;
  background-color: rgb(229.5, 229.5, 229.5);
}
@media (prefers-color-scheme: dark) {
  .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button .e-tbar-btn-text {
    background-color: rgb(95.304, 103.664, 113.696);
    color: rgb(192, 201, 211) !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 {
  padding: 6px 8px !important;
  background-color: rgb(205.7407407407, 209.0740740741, 214.2592592593);
  color: rgb(255, 255, 255) !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: rgb(255, 255, 255) !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: rgb(36.8, 40.8, 44.8) !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: rgb(237, 242, 243) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open {
    border-color: rgb(46, 51, 56) !important;
  }
  .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tbar-btn {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !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: rgb(84.3206185567, 90.9525773196, 99.4793814433) !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: rgb(237, 242, 243) !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: rgb(70.2824742268, 75.8103092784, 82.9175257732) !important;
  }
  .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tip-content {
    color: rgb(192, 201, 211) !important;
  }
}
.e-schedule .e-work-cells.e-scheduler-green-capacity {
  vertical-align: top !important;
  border-radius: 0.66rem;
  font-weight: bolder;
  text-align: center;
  background-color: rgb(198, 246, 213) !important;
  color: rgb(39, 103, 73) !important;
}
@media (prefers-color-scheme: dark) {
  .e-schedule .e-work-cells.e-scheduler-green-capacity {
    background-color: rgba(10, 132, 255, 0.5) !important;
    color: rgb(235, 248, 255) !important;
  }
}
.e-schedule .e-work-cells.e-scheduler-yellow-capacity {
  vertical-align: top !important;
  border-radius: 0.66rem;
  font-weight: bolder;
  text-align: center;
  background-color: rgb(255, 238, 204) !important;
  color: rgb(151, 90, 22) !important;
}
@media (prefers-color-scheme: dark) {
  .e-schedule .e-work-cells.e-scheduler-yellow-capacity {
    background-color: rgb(85, 75, 46) !important;
    color: rgb(246, 224, 94) !important;
  }
}
.e-schedule .e-work-cells.e-scheduler-red-capacity {
  vertical-align: top !important;
  border-radius: 0.66rem;
  font-weight: bolder;
  text-align: center;
  background-color: rgba(255, 59, 48, 0.1) !important;
  color: rgb(255, 59, 48) !important;
}
@media (prefers-color-scheme: dark) {
  .e-schedule .e-work-cells.e-scheduler-red-capacity {
    background-color: rgb(116, 42, 42) !important;
    color: rgb(254, 178, 178) !important;
  }
}
.e-schedule .e-work-cells.wm-background-blue {
  background-color: rgb(229, 243, 255) !important;
  color: rgb(1, 136, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .e-schedule .e-work-cells.wm-background-blue {
    background-color: rgba(10, 132, 255, 0.5) !important;
    color: rgb(235, 248, 255) !important;
  }
}
.e-schedule .std-work-cell.e-work-days:hover {
  background-color: #a3a3a3 !important;
}
.e-schedule .std-work-cell.e-work-hours:hover {
  background-color: #a3a3a3 !important;
}
.e-schedule .std-work-cell.e-work-days.e-selected-cell {
  background-color: #a3a3a3 !important;
}
@media (prefers-color-scheme: dark) {
  .e-schedule {
    border-color: rgb(13.8, 15.3, 16.8) !important;
  }
  .e-schedule .e-vertical-view .e-work-hours:not(.e-selected-cell),
  .e-schedule .e-vertical-view .e-work-cells:not(.e-selected-cell),
  .e-schedule .e-vertical-view .e-time-cells-wrap table td:not(.e-selected-cell) {
    background-color: transparent !important;
    border-color: rgb(13.8, 15.3, 16.8) !important;
  }
  .e-schedule .e-agenda-view {
    background-color: transparent !important;
  }
  .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view {
    background-color: rgb(48.792, 53.072, 58.208) !important;
  }
  .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-active-appointment-agenda {
    background-color: rgb(90.6528, 98.6048, 108.1472) !important;
  }
  .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-appointment:hover {
    background-color: rgb(72.048, 78.368, 85.952) !important;
  }
  .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-subject {
    color: rgb(237, 242, 243);
  }
  .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-date-time {
    color: rgb(192, 201, 211);
  }
  .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: rgb(207.64, 210.008, 213.56);
  }
  .e-schedule .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-btn-icon::before {
    color: rgb(192, 201, 211);
  }
  .e-schedule .e-resource-left-td,
  .e-schedule .e-child-node,
  .e-schedule .e-date-header-wrap table td {
    background-color: transparent;
    border-color: rgb(13.8, 15.3, 16.8);
  }
}

#appointment-scheduler {
  border-radius: 2px;
}
@media (prefers-color-scheme: dark) {
  #appointment-scheduler {
    background-color: rgb(36.8, 40.8, 44.8);
    border-color: rgb(78.2, 86.7, 95.2);
    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: rgb(36.8, 40.8, 44.8) !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: rgb(192, 201, 211) !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: rgb(36.8, 40.8, 44.8);
  }
  #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: rgb(36.8, 40.8, 44.8);
    border-color: rgb(78.2, 86.7, 95.2);
    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: rgb(192, 201, 211) !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: rgb(23, 25.5, 28);
  }
}
@media (prefers-color-scheme: dark) {
  #appointment-scheduler .e-content-wrap {
    background: rgb(36.8, 40.8, 44.8) !important;
  }
  #appointment-scheduler .e-content-wrap .e-agenda-cells > div {
    color: rgb(192, 201, 211) !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-calendar .e-footer-container {
    background-color: transparent;
  }
  .e-schedule .e-month-view .e-work-cells,
  .e-schedule .e-month-agenda-view .e-work-cells,
  .e-schedule .e-timeline-view .e-work-cells,
  .e-schedule .e-timeline-month-view .e-work-cells {
    background-color: rgb(36.8, 40.8, 44.8);
  }
  .e-schedule .e-month-view .e-work-cells.e-work-days, .e-schedule .e-month-view .e-work-cells.e-work-hours,
  .e-schedule .e-month-agenda-view .e-work-cells.e-work-days,
  .e-schedule .e-month-agenda-view .e-work-cells.e-work-hours,
  .e-schedule .e-timeline-view .e-work-cells.e-work-days,
  .e-schedule .e-timeline-view .e-work-cells.e-work-hours,
  .e-schedule .e-timeline-month-view .e-work-cells.e-work-days,
  .e-schedule .e-timeline-month-view .e-work-cells.e-work-hours {
    background-color: rgb(46, 51, 56) !important;
  }
  .e-schedule .e-month-view .e-work-cells:hover:not(.e-resource-group-cells),
  .e-schedule .e-month-agenda-view .e-work-cells:hover:not(.e-resource-group-cells),
  .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
  .e-schedule .e-timeline-month-view .e-work-cells:hover:not(.e-resource-group-cells) {
    background: rgba(175, 179, 185, 0.5) !important;
  }
  .e-table-container .e-left-indent-wrap .e-header-cells,
  .e-table-container .e-date-header-wrap .e-header-cells {
    background-color: rgb(36.8, 40.8, 44.8) !important;
  }
  .e-table-container .e-left-indent-wrap .e-header-cells .e-header-day, .e-table-container .e-left-indent-wrap .e-header-cells .e-header-date, .e-table-container .e-left-indent-wrap .e-header-cells span,
  .e-table-container .e-date-header-wrap .e-header-cells .e-header-day,
  .e-table-container .e-date-header-wrap .e-header-cells .e-header-date,
  .e-table-container .e-date-header-wrap .e-header-cells span {
    color: rgb(192, 201, 211) !important;
  }
  .e-table-container .e-left-indent-wrap .e-all-day-cells,
  .e-table-container .e-date-header-wrap .e-all-day-cells {
    background-color: transparent !important;
  }
  .e-work-cells .e-date-header.e-navigate {
    color: rgb(192, 201, 211) !important;
  }
  .e-work-cells.e-selected-cell {
    background-color: rgb(126.04, 132.488, 142.16);
  }
  .e-control.e-richtexteditor .e-content.e-lib.e-keyboard {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(192, 201, 211) !important;
  }
  .e-control.e-richtexteditor .e-content.e-lib.e-keyboard > p {
    color: rgb(237, 242, 243) !important;
  }
  .e-control.e-richtexteditor .e-rte-toolbar {
    background-color: rgb(72.048, 78.368, 85.952) !important;
  }
  .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav {
    background-color: rgb(81.3504, 88.4864, 97.0496) !important;
  }
  .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav.e-nav-active {
    border-bottom: 1px solid rgb(237, 242, 243) !important;
  }
  .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav > div::before {
    color: rgb(237, 242, 243) !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: rgb(72.048, 78.368, 85.952) !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: rgb(192, 201, 211) !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: rgb(192, 201, 211) !important;
  }
  .e-control.e-richtexteditor .e-toolbar-wrapper {
    background-color: rgb(72.048, 78.368, 85.952) !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: rgb(72.048, 78.368, 85.952) !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: rgb(192, 201, 211) !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: rgb(192, 201, 211) !important;
  }
  .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button:hover {
    background-color: rgb(90.6528, 98.6048, 108.1472) !important;
  }
  .e-schedule-table.e-outer-table,
  .e-schedule-resource-toolbar {
    background-color: rgb(36.8, 40.8, 44.8) !important;
    border-color: rgb(13.8, 15.3, 16.8) !important;
  }
  .e-schedule .e-vertical-view .e-header-cells {
    background-color: transparent !important;
  }
}
@media (prefers-color-scheme: dark) {
  #orgchart_diagramLayer_div {
    background: #292e32 !important;
  }
  path {
    stroke: rgb(255, 255, 255) !important;
  }
}
.uploaded-item-thumb {
  display: block;
  opacity: 1;
  backface-visibility: hidden;
  object-fit: scale-down;
  transition: 0.4s ease;
  width: 100px;
  height: 100px;
}
.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%;
}
.uploaded-item-thumb.web-link, .uploaded-item-thumb.mime-type {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.027em !important;
  color: rgb(160, 174, 192) !important;
}
@media (prefers-color-scheme: dark) {
  .uploaded-item-container {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !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: rgb(237, 242, 243) !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: rgb(202.2, 204.84, 208.8) !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 {
    z-index: unset !important;
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
}
.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: rgb(146.9579439252, 162.3925233645, 179.5420560748);
}

.wm-document-image-view {
  display: flex !important;
  object-fit: scale-down;
  max-height: calc(100dvh - 230px);
}
@media screen and (max-width: 1700px) {
  .wm-document-image-view {
    max-height: calc(100dvh - 230px - 38px);
  }
}
.wm-document-image-view img {
  object-fit: scale-down;
  margin: 0;
  width: 100%;
  height: auto;
}

.card-header-web-actions {
  padding-left: 10px;
}

.wm-document-image-container {
  max-width: 100%;
  height: auto;
  margin: auto;
}

.overlay-middle {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: 0.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;
  position: absolute;
  top: 50%;
  left: 50%;
}

@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 {
    font-size: 1rem;
    width: 22px;
    height: 22px;
  }
}
.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 {
  fill: rgb(119, 129, 141);
  width: 40px;
  height: 40px;
}
@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: rgb(229.4, 230.68, 232.6);
  }
}

@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 {
  display: block;
  transform-origin: center top;
  backface-visibility: hidden;
  transition: transform 0.05s linear;
  border: 1px solid rgb(237, 242, 243);
  box-sizing: border-box;
  width: 100%;
  height: 500px;
}

@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 {
    position: inherit;
    margin: 10px 0 0 0;
    width: 98%;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
  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 {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 22px;
}
.email-message-content {
  max-width: 80%;
}

.wm-email-recipients {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.wm-email-recipients-container {
  margin-left: 5px;
}
.wm-email-recipients-container .wm-display-label {
  color: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  .wm-email-recipients-container .wm-display-label {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-email-recipients-container .wm-display-label {
    color: rgb(237, 242, 247) !important;
  }
}
.wm-email-recipients-item {
  display: inline-block;
  border-radius: 4px;
  background-color: #7a8391;
  color: rgb(255, 255, 255);
}
.wm-email-recipients-item-inner {
  display: flex;
  align-items: center;
  min-height: 2rem;
  padding-left: 10px;
  padding-right: 10px;
}
.wm-email-recipients-item-inner .wm-icon {
  fill: rgb(255, 255, 255) !important;
  padding-top: 5px;
  color: rgb(255, 255, 255) !important;
}
.wm-email-recipients-item-inner .wm-icon:hover {
  opacity: 0.7;
}
.wm-delete-emailrecipient :hover {
  cursor: pointer;
  text-decoration: none;
}
.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;
  }
}

.wm-resize-handle {
  pointer-events: auto;
  z-index: 5;
  background: rgba(0, 128, 255, 0.2);
}

.modal:not(.show) {
  animation: fadeOutRight cubic-bezier(0.4, 0, 0.2, 1) 225ms both;
}
.modal.show {
  animation: fadeInRight cubic-bezier(0.4, 0, 0.2, 1) 225ms both;
}
@starting-style {
  .modal.show {
    opacity: 0;
    transform: translateX(20px);
  }
}
.modal hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.modal .wm-page-badges {
  display: flex;
  gap: 0.5rem;
}
.modal-title {
  font-size: 22px;
  line-height: normal;
  font-weight: 500;
  text-transform: none;
}
.modal .modal-dialog {
  overflow: visible;
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  margin: 0.5rem;
  border-radius: 1rem;
  width: 100%;
  /*        // Highlight edge for when you hover over a resizeable modal edge
  &[data-edge] {
      // Use :before for vertical highlights (West, South)
      // Use :after for horizontal highlights (North)
      &:before,
      &:after {
          content: "";
          position: absolute;
          z-index: 9;
          opacity: 0;
          transition: opacity 0.22s ease, transform 0.22s ease;
          border-radius: 50px;
      }
  }

  // --- Edge-Specific Styles ---
  // West Edge Highlight
  &[data-edge*="w"]:before {
      top: 50%;
      left: -4px;
      opacity: 1;
      transform: translateY(-50%);
      border-left: 2px solid vars.$blue-500;
      width: 2rem;
      height: 100%;
      background: linear-gradient(to right, rgba(vars.$blue-300, 0.4) 0%, transparent 100%);
  }

  // North Edge Highlight
  &[data-edge*="n"]:after {
      top: -1px;
      left: 50%;
      opacity: 1;
      transform: translateX(-50%);
      border-top: 2px solid vars.$blue-500;
      width: 100%;
      height: 2rem;
      background: linear-gradient(to bottom, rgba(vars.$blue-300, 0.4) 0%, transparent 100%);
  }

  // South Edge Highlight
  &[data-edge*="s"]:before {
      bottom: -1px;
      left: 50%;
      opacity: 1;
      transform: translateX(-50%);
      border-bottom: 2px solid vars.$blue-500;
      width: calc(100% - 0.5rem);
      height: 2rem;
      background: linear-gradient(to top, rgba(vars.$blue-300, 0.4) 0%, transparent 100%);
  }*/
}
.modal .modal-dialog.wm-expanded {
  max-width: 98dvw;
  width: 98dvw;
}
.modal .modal-dialog.modal-form-dialog {
  max-width: clamp(18rem, 90dvw, 32rem);
}
.modal .modal-dialog.modal-form-dialog:has(.modal-content-sm) {
  max-width: clamp(18rem, 90dvw, 32rem);
}
@media (max-width: calc(clamp(18rem, 90dvw, 32rem) + 1rem)) {
  .modal .modal-dialog.modal-form-dialog:has(.modal-content-sm) {
    max-width: calc(100% - 1rem);
  }
}
.modal .modal-dialog.modal-form-dialog:has(.modal-content-md) {
  max-width: clamp(26rem, 90dvw, 46rem);
}
@media (max-width: calc(clamp(26rem, 90dvw, 46rem) + 1rem)) {
  .modal .modal-dialog.modal-form-dialog:has(.modal-content-md) {
    max-width: calc(100% - 1rem);
  }
}
.modal .modal-dialog.modal-form-dialog:has(.modal-content-lg) {
  max-width: clamp(36rem, 90dvw, 62rem);
}
@media (max-width: calc(clamp(36rem, 90dvw, 62rem) + 1rem)) {
  .modal .modal-dialog.modal-form-dialog:has(.modal-content-lg) {
    max-width: calc(100% - 1rem);
  }
}
.modal .modal-dialog.modal-form-dialog:has(.modal-content-xl) {
  max-width: clamp(48rem, 90dvw, 80rem);
}
@media (max-width: calc(clamp(48rem, 90dvw, 80rem) + 1rem)) {
  .modal .modal-dialog.modal-form-dialog:has(.modal-content-xl) {
    max-width: calc(100% - 1rem);
  }
}
.modal .modal-dialog.modal-form-dialog:has(.modal-content-full) {
  max-width: 98dvw;
}
@media (max-width: calc(98dvw + 1rem)) {
  .modal .modal-dialog.modal-form-dialog:has(.modal-content-full) {
    max-width: calc(100% - 1rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .modal .modal-dialog {
    transition: none;
  }
}
.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 {
  transition: all 0.3s ease;
  position: fixed;
  right: 0px;
  width: 350px;
  height: calc(100% - 1rem);
}
@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 .modal-dialog[data-edge]:before {
  content: "";
  position: absolute;
  z-index: 9;
  left: 0;
  opacity: 0;
  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 50px;
}
.modal .modal-dialog[data-edge]:after {
  content: "";
  position: absolute;
  z-index: 9;
  opacity: 0;
  transition: opacity 0.2s ease;
  border-radius: 50px;
  background-color: rgb(226, 232, 240);
}
.modal .modal-dialog[data-edge=w]:before {
  top: 50%;
  left: 0;
  opacity: 1;
  transform: translateY(-50%);
  border-left: 2px solid rgb(66, 153, 225);
  border-radius: 50px;
  width: 2rem;
  height: 100%;
  background: linear-gradient(to right, rgba(144, 205, 244, 0.48) 0%, transparent 100%);
}
@media (prefers-color-scheme: dark) {
  .modal .modal-dialog[data-edge=w]:before {
    border-color: rgb(43, 108, 176);
    background: linear-gradient(to right, rgba(43, 108, 176, 0.48) 0%, transparent 100%);
  }
}
.modal .modal-dialog[data-edge=w]:after {
  top: 50%;
  left: -0.2rem;
  opacity: 1;
  transform: translateY(-50%);
  border: 1px solid rgb(66, 153, 225);
  height: 1.5rem;
  width: 0.5rem;
}
.modal .modal-dialog[data-edge=n]:before {
  top: -1px;
  left: 50%;
  opacity: 1;
  transform: translateX(-50%);
  border-top: 2px solid rgb(66, 153, 225);
  height: 2rem;
  width: 100%;
  background: linear-gradient(to bottom, rgba(144, 205, 244, 0.48) 0%, transparent 100%);
}
@media (prefers-color-scheme: dark) {
  .modal .modal-dialog[data-edge=n]:before {
    border-color: rgb(43, 108, 176);
    background: linear-gradient(to bottom, rgba(43, 108, 176, 0.48) 0%, transparent 100%);
  }
}
.modal .modal-dialog[data-edge=n]:after {
  top: -0.2rem;
  left: 50%;
  opacity: 1;
  transform: translateX(-50%);
  border: 1px solid rgb(66, 153, 225);
  width: 1.5rem;
  height: 0.5rem;
}
.modal .modal-dialog[data-edge=s]:before {
  bottom: -1px;
  left: 50%;
  opacity: 1;
  transform: translateX(-50%);
  border-bottom: 2px solid rgb(66, 153, 225);
  height: 2rem;
  width: 100%;
  background: linear-gradient(to top, rgba(144, 205, 244, 0.48) 0%, transparent 100%);
}
@media (prefers-color-scheme: dark) {
  .modal .modal-dialog[data-edge=s]:before {
    border-color: rgb(43, 108, 176);
    background: linear-gradient(to top, rgba(43, 108, 176, 0.48) 0%, transparent 100%);
  }
}
.modal .modal-dialog[data-edge=s]:after {
  bottom: -0.2rem;
  left: 50%;
  opacity: 1;
  transform: translateX(-50%);
  border: 1px solid rgb(66, 153, 225);
  width: 1.5rem;
  height: 0.5rem;
}
.modal .modal-dialog[data-edge=nw]:before {
  top: -1px;
  left: 0;
  opacity: 1;
  border-top: 2px solid rgb(66, 153, 225);
  width: 100%;
  height: 2rem;
  background: linear-gradient(to bottom, rgba(144, 205, 244, 0.48) 0%, transparent 100%);
}
@media (prefers-color-scheme: dark) {
  .modal .modal-dialog[data-edge=nw]:before {
    border-color: rgb(43, 108, 176);
    background: linear-gradient(to bottom, rgba(43, 108, 176, 0.48) 0%, transparent 100%);
  }
}
.modal .modal-dialog[data-edge=nw]:after {
  top: 0;
  left: -1px;
  opacity: 1;
  border-left: 2px solid rgb(66, 153, 225);
  border-radius: 50px;
  width: 2rem;
  height: 100%;
  background: linear-gradient(to right, rgba(144, 205, 244, 0.48) 0%, transparent 100%);
}
@media (prefers-color-scheme: dark) {
  .modal .modal-dialog[data-edge=nw]:after {
    border-color: rgb(43, 108, 176);
    background: linear-gradient(to right, rgba(43, 108, 176, 0.48) 0%, transparent 100%);
  }
}
.modal .modal-dialog[data-edge=sw]:before {
  bottom: -1px;
  left: 0;
  opacity: 1;
  border-bottom: 2px solid rgb(66, 153, 225);
  width: 100%;
  height: 2rem;
  background: linear-gradient(to top, rgba(144, 205, 244, 0.48) 0%, transparent 100%);
}
@media (prefers-color-scheme: dark) {
  .modal .modal-dialog[data-edge=sw]:before {
    border-color: rgb(43, 108, 176);
    background: linear-gradient(to top, rgba(43, 108, 176, 0.48) 0%, transparent 100%);
  }
}
.modal .modal-dialog[data-edge=sw]:after {
  bottom: 0;
  left: 0;
  opacity: 1;
  border-left: 2px solid rgb(66, 153, 225);
  border-radius: 50px;
  width: 2rem;
  height: 100%;
  background: linear-gradient(to right, rgba(144, 205, 244, 0.48) 0%, transparent 100%);
}
@media (prefers-color-scheme: dark) {
  .modal .modal-dialog[data-edge=sw]:after {
    border-color: rgb(43, 108, 176);
    background: linear-gradient(to right, rgba(43, 108, 176, 0.48) 0%, transparent 100%);
  }
}
.modal-dialog .modal-header {
  position: relative;
  border-radius: 1rem 1rem 0 0 !important;
  border-bottom: 0 !important;
  background: none !important;
  background-color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .modal-dialog .modal-header {
    background-color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal-dialog .modal-header {
    background-color: rgb(34.5, 38.25, 42) !important;
  }
}
.modal-dialog .modal-header .modal-title {
  max-width: 90%;
  color: #7a8391;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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: rgb(237, 242, 243) !important;
  }
}
.modal-dialog .modal-header .modal-header-content {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
  border-bottom: 1px solid rgb(226, 232, 240);
  width: 100%;
  padding-bottom: 0.75rem;
}
@media (prefers-color-scheme: dark) {
  .modal-dialog .modal-header .modal-header-content {
    border-bottom: 1px solid rgb(74, 85, 104);
  }
}
.modal-dialog .modal-header .modal-header-content .modal-resize-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 50px;
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(175, 179, 185, 0.48);
}
.modal-dialog .modal-header .modal-header-content .modal-resize-toggle:hover, .modal-dialog .modal-header .modal-header-content .modal-resize-toggle.expanded {
  background: #afb3b9;
  color: rgb(255, 255, 255);
}
.modal-dialog .modal-footer .modal-footer-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  border-top: 1px solid rgb(226, 232, 240);
  width: 100%;
  padding-top: 0.75rem;
}
@media (prefers-color-scheme: dark) {
  .modal-dialog .modal-footer .modal-footer-content {
    border-top: 1px solid rgb(74, 85, 104);
  }
}
@media (prefers-color-scheme: dark) {
  .modal-dialog #tag-quick-add-button .wm-icon.wm-icon-small {
    fill: rgb(218.52, 220.344, 223.08) !important;
    color: rgb(218.52, 220.344, 223.08) !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: rgb(74, 85, 104);
}
@media (prefers-color-scheme: dark) {
  .modal-dialog.modal-form-dialog .wm-layout-table.wm-section-header .wm-section-title {
    color: rgb(247, 250, 252);
  }
}
.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: rgb(229, 236, 238) !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: rgb(229, 236, 238) !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: rgb(34.5, 38.25, 42) !important;
  }
}
.modal-dialog.modal-form-dialog .modal-body {
  background-color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .modal-dialog.modal-form-dialog .modal-body {
    background-color: rgb(34.5, 38.25, 42);
  }
}
.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 rgb(74, 85, 104);
    background-color: rgb(34.5, 38.25, 42);
  }
}
.modal-dialog.modal-form-dialog .modal-footer-buttons:before {
  content: "";
  position: absolute;
  z-index: 999;
  top: -32px;
  display: block;
  border-bottom: 1px solid rgb(226, 232, 240);
  width: 100%;
  height: 2rem;
  background: linear-gradient(to top, rgb(255, 255, 255) 0%, transparent 100%);
}
@media (prefers-color-scheme: dark) {
  .modal-dialog.modal-form-dialog .modal-footer-buttons:before {
    border-bottom: 1px solid rgb(74, 85, 104);
    background: linear-gradient(to top, rgb(34.5, 38.25, 42) 0%, transparent 100%);
  }
}
.modal-dialog.notification-modal-dialog .modal-title {
  font-weight: 400;
}
.modal-dialog.notification-modal-dialog .modal-body {
  background-color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .modal-dialog.notification-modal-dialog .modal-body {
    background-color: rgb(34.5, 38.25, 42) !important;
  }
}
.modal-dialog.notification-modal-dialog .modal-footer {
  border: 0;
  border-radius: 0 0rem 1rem 1rem;
  width: 100%;
  height: 80px !important;
  position: fixed;
  bottom: 0;
}
@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: rgb(39.1, 43.35, 47.6);
  }
}
.modal-dialog.settings-modal-dialog .DTFC_RightHeadWrapper {
  margin-top: 5px !important;
}
.modal-dialog.chatbot-modal-dialog .modal-body {
  padding-top: 0;
  background-color: rgb(229, 236, 238) !important;
}
@media (prefers-color-scheme: light) {
  .modal-dialog.chatbot-modal-dialog .modal-body {
    background-color: rgb(229, 236, 238) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal-dialog.chatbot-modal-dialog .modal-body {
    background-color: rgb(34.5, 38.25, 42) !important;
  }
}
.modal-dialog .e-control.e-pdfviewer.e-lib {
  height: calc(100vh - 170px) !important;
}
.modal-dialog .documentiframe {
  height: calc(100vh - 200px) !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: rgb(229, 236, 238) !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: rgb(229, 236, 238) !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: rgb(34.5, 38.25, 42) !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;
  padding-bottom: 1.5rem;
}
.modal-body > .module-top-nav > .row:not(.no-border) {
  border-bottom: 1px solid rgb(237, 242, 243);
}
.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: rgb(229, 236, 238) !important;
}
@media (prefers-color-scheme: dark) {
  .modal-body .card-block {
    background-color: rgb(34.5, 38.25, 42) !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 !important;
  padding-left: 0px !important;
}
.modal-body .wm-module-content-row {
  padding-top: 0;
}
.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: rgb(249.9, 249.9, 249.9);
}
.modal-body .wm-view-switch .btn:hover, .modal-body .wm-view-switch .btn:active {
  background-color: rgb(242.25, 242.25, 242.25);
}
.modal-body .wm-view-switch .btn.active {
  background-color: rgb(218.52, 220.344, 223.08);
}
.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: rgb(237, 242, 243) !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: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .modal-content {
    background-color: rgb(34.5, 38.25, 42) !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 {
  max-width: 90%;
  color: #7a8391;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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 {
  height: calc(100% - 1rem);
  position: fixed;
  right: 0px;
}
@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-footer-buttons {
  width: 100%;
  padding: 10px;
  background-color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: light) {
  .modal-footer-buttons {
    background-color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .modal-footer-buttons {
    background-color: rgb(34.5, 38.25, 42) !important;
  }
}
.modal-footer-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
}
.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;
  border-radius: 1rem;
}

.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-overlay {
  backdrop-filter: blur(0.56px);
}
.swal-modal {
  overflow-wrap: break-word;
  animation: fadeInUp cubic-bezier(0.4, 0, 0.2, 1) 225ms both;
  box-shadow: 0 5px 10px rgba(46, 51, 56, 0.05);
  border: none;
  border-radius: 1.32rem;
}
@media (prefers-color-scheme: dark) {
  .swal-modal {
    border: 1px solid rgb(46, 51, 56);
    background-color: rgb(52.9, 58.65, 64.4);
  }
  .swal-modal .swal-title {
    color: rgb(229.4, 230.68, 232.6);
  }
  .swal-modal .swal-content p {
    color: rgb(192, 201, 211);
  }
  .swal-modal .swal-content p > a {
    color: rgb(239.8188976378, 77.3811023622, 77.3811023622);
  }
  .swal-modal .swal-content p > a:hover {
    color: rgb(243.031496063, 114.968503937, 114.968503937) !important;
  }
  .swal-modal .swal-text {
    color: rgb(192, 201, 211);
  }
  .swal-modal .swal-icon--success:before, .swal-modal .swal-icon--success:after {
    background: rgb(52.9, 58.65, 64.4) !important;
  }
  .swal-modal .swal-icon--success__hide-corners {
    background: rgb(52.9, 58.65, 64.4) !important;
  }
  .swal-modal .wm-reportframe {
    background-color: rgb(41.4, 45.9, 50.4) !important;
    border-color: rgb(82.8, 91.8, 100.8) !important;
  }
}
.swal-modal-modal.modal-full {
  width: 95%;
}
.swal-modal .swal2-close {
  top: 0.66rem;
  right: 0.66rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgb(226, 232, 240);
  border-radius: 0.66rem;
  outline: none;
  cursor: pointer;
  font-size: 40px;
  font-family: serif;
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  border: none;
  color: rgb(192, 201, 211);
}
@media (prefers-color-scheme: dark) {
  .swal-modal .swal2-close {
    border-color: rgb(71, 74, 76);
  }
}
.swal-modal .swal2-close:hover {
  border-color: 1px solid rgb(113, 128, 150);
  background-color: rgb(237, 242, 247);
  color: rgb(113, 128, 150);
}
@media (prefers-color-scheme: dark) {
  .swal-modal .swal2-close:hover {
    background-color: rgba(237, 242, 247, 0.05);
    color: rgb(255, 255, 255);
    color: rgb(146.9579439252, 162.3925233645, 179.5420560748);
  }
}
.swal-modal .swal-icon {
  transform: scale(0.8);
  margin-bottom: 0;
}
.swal-modal .swal-title {
  margin-bottom: 2rem;
}
.swal-modal .swal-text {
  padding: 0 0.75rem 1.25rem 0.75rem;
  text-align: center;
}
.swal-modal .swal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  overflow: hidden;
  margin-top: 2rem;
  border-top: 1px solid rgb(237, 242, 247);
  background-color: rgb(247, 250, 252);
}
@media (prefers-color-scheme: dark) {
  .swal-modal .swal-footer {
    border: 1px solid rgb(46, 51, 56);
    background-color: rgb(41.4, 45.9, 50.4);
  }
}
.swal-modal .swal-footer .swal-button-container {
  margin: 0;
  /*&:has(.swal-button--cancel),
  &:has(.swal-button--no) {
      order: 1;
  }

  &:has(.swal-button--option1) {
      order: 2;
  }

  &:has(.swal-button--option2) {
      order: 3;
  }

  &:has(.swal-button--option3) {
      order: 4;
  }

  &:has(.swal-button--option4) {
      order: 5;
  }*/
  /*&:has(.swal-button--yes),
  &:has(.swal-button--ok) {
      order: 6;
  }*/
}
.swal-modal .swal-button {
  border-radius: 0.66rem;
}
.swal-modal .swal-button.swal-button--no {
  background-color: rgb(239.8188976378, 77.3811023622, 77.3811023622);
}
.swal-modal .swal-button.swal-button--ok {
  background-color: rgb(144.3308641975, 151.8197530864, 163.4691358025);
}

#modal {
  /*
      Set a higher z-index than the base 1041 on secondary modals when a primary is already open.
      E.g. Detail modal on a Notification.
  */
}
@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: rgb(192, 201, 211);
  }
}
#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: rgb(229, 236, 238) !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: rgb(229, 236, 238) !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: rgb(34.5, 38.25, 42) !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-secondary-form-dialog {
  z-index: 1051;
}
#modal-form-body .wm-widget-panel .card-list-group {
  margin-top: 15px;
}
#modal-form-body .card-list-group .row {
  margin-bottom: 1rem;
}
#modal .wm-card-header {
  line-height: normal !important;
}

#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;
}

#appointment #tab-content-attendees .wm-container-parent .wm-button-group {
  margin-bottom: 12px;
}
@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;
  }
}

#checktaxrate #loadedtabwidgetdashboard .card {
  background-color: rgb(237, 242, 243);
  border-color: rgb(237, 242, 243) !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-right-color: rgb(255, 255, 255) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !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: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
  border-right-color: rgb(255, 255, 255) !important;
  background-color: rgb(172.2444444444, 177.8444444444, 186.5555555556) !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 {
  margin-left: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 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) {
  transition: all 0.2s ease;
  margin: 0 !important;
  border-right-color: rgb(255, 255, 255) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 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: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
  border-right-color: rgb(255, 255, 255) !important;
  background-color: rgb(172.2444444444, 177.8444444444, 186.5555555556) !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: rgb(144.3308641975, 151.8197530864, 163.4691358025) !important;
  border-color: rgb(138.7481481481, 146.6148148148, 158.8518518519) !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: rgb(229.5, 229.5, 229.5) !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 {
  margin-left: 8px !important;
  background-color: rgb(255, 255, 255) !important;
  border-color: #afb3b9 !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;
}

#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 {
    flex-direction: column;
    margin-bottom: 1px !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
}
#notificationModal .notification-item {
  margin-top: 0.5rem;
  border-radius: 1rem;
  background-color: rgb(237, 242, 247);
}
@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: rgb(160, 174, 192) !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%);
  }
}

.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: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  .wm-notification-items > .notification-item .closeAndMarkNotificationRead i:hover {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-notification-items > .notification-item .closeAndMarkNotificationRead i:hover {
    color: rgb(237, 242, 247) !important;
  }
}
.wm-notification-items > .notification-item:hover {
  background: rgb(242.25, 242.25, 242.25);
  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: rgb(203, 213, 224) !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: rgb(255, 255, 255) !important;
}
.wm-toast-link {
  color: rgb(255, 255, 255);
  font-size: 12px;
}

.favourites-base {
  position: relative;
  z-index: 1024;
}
.favourites-top {
  z-index: 99999;
  position: absolute;
  top: 45px;
  right: 15px;
}

.delay-halfsecond {
  animation-delay: 0.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 rgb(237, 242, 243) !important;
  height: 100%;
}
.CodeMirror .cm-tasklog-error {
  background: red;
  color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .CodeMirror .cm-tasklog-error {
    background: rgb(255, 76.5, 76.5);
  }
}
.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: rgb(234.776, 201.28, 117.224);
  }
}
@media (prefers-color-scheme: dark) {
  .CodeMirror {
    border: 1px solid rgb(155.9663551402, 170.1140186916, 185.8336448598) !important;
  }
  .CodeMirror-cursor {
    border-left: 1px solid rgb(255, 255, 255) !important;
  }
  .CodeMirror .CodeMirror-lines .cm-atom, .CodeMirror .CodeMirror-lines .cm-attribute {
    color: rgb(110, 182, 224) !important;
  }
  .CodeMirror .CodeMirror-lines .cm-tag {
    color: rgb(62.8, 199.2, 62.8) !important;
  }
  .CodeMirror .CodeMirror-lines .cm-string {
    color: rgb(246.2440944882, 152.5559055118, 152.5559055118) !important;
  }
  .CodeMirror .CodeMirror-line {
    /*test*/
  }
  .CodeMirror .CodeMirror-line .cm-variable-2 {
    color: rgb(196.76, 199.672, 204.04) !important;
  }
  .CodeMirror .CodeMirror-line .cm-keyword {
    color: rgb(240.375, 121.125, 166.125) !important;
  }
  .CodeMirror .CodeMirror-line .cm-number {
    color: rgb(110.23, 212.97, 110.23) !important;
  }
  .CodeMirror .CodeMirror-line .cm-email-placeholder,
  .CodeMirror .CodeMirror-line .cm-email-placeholder-content {
    background: rgb(125.9939759036, 125.9939759036, 7.5060240964);
  }
  .CodeMirror .CodeMirror-line .cm-builtin {
    color: rgb(59.5795454545, 156.6159090909, 213.2204545455) !important;
  }
  .CodeMirror .CodeMirror-line .cm-property.cm-error, .CodeMirror .CodeMirror-line .cm-error {
    color: #ee4f4f !important;
  }
  .CodeMirror .CodeMirror-line .cm-comment {
    color: rgb(83.676, 91.016, 99.824) !important;
  }
  .CodeMirror .CodeMirror-line .cm-qualifier {
    color: rgb(160.616, 167.556, 175.884) !important;
  }
  .CodeMirror .CodeMirror-line .cm-meta {
    color: rgb(119, 129, 141) !important;
  }
}
.CodeMirror .cm-workflow-placeholder {
  color: rgb(49.77, 171.43, 49.77);
}
.CodeMirror .cm-email-placeholder,
.CodeMirror .cm-email-placeholder-content {
  background: rgb(241, 241, 20);
}
.CodeMirror .CodeMirror .cm-email-placeholder-content {
  background: rgb(241, 241, 20);
  font-weight: bold;
}
.CodeMirror-fullscreen {
  z-index: 9;
  margin-top: 22px !important;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.wm-shortcuts-popover, .wm-expand-wide, .wm-indent-pagelayout {
  color: rgb(119, 129, 141);
}
.wm-indent-pagelayout.expanded {
  z-index: 99999999;
  position: fixed;
  top: 4px;
  left: 58px;
}
.wm-shortcuts-popover:focus {
  outline: 0;
}
.wm-shortcuts-label {
  margin-right: 0.5rem;
}
.wm-show-me-how {
  color: #7a8391;
}
.wm-show-me-how:hover {
  color: #33353b;
}

.key {
  background: rgb(192, 201, 211);
  line-height: 1.6rem;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
}

.progress-circular {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.progress-circular .spinner {
  position: absolute;
  display: inline-block;
  animation: circular-rotate 1.4s linear infinite;
  width: 22px;
  height: 22px;
}
.progress-circular .spinner svg.dasharray {
  display: inline-block;
  transform: rotate(-90deg);
  stroke: rgb(255, 255, 255);
  width: 22px;
  height: 22px;
}
.progress-circular .spinner svg.dasharray circle {
  stroke-dasharray: 80px, 200px;
  stroke-dashoffset: 0px;
  animation: circular-dash 1.4s ease-in-out infinite;
}
.progress-circular svg.track {
  stroke: rgba(255, 255, 255, 0.48);
}

@keyframes circular-rotate {
  0% {
    transform-origin: 50% 50%;
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes circular-dash {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}
/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
  position: relative;
  left: -9999px;
  animation: dot-pulse 1.5s infinite linear;
  animation-delay: 0.25s;
  box-shadow: 9999px 0 0 -5px;
  border-radius: 5px;
  width: 10px;
  height: 10px;
  background-color: #9880ff;
  color: #9880ff;
}
.dot-pulse:before, .dot-pulse:after {
  content: "";
  position: absolute;
  top: 0;
  display: inline-block;
  border-radius: 5px;
  width: 10px;
  height: 10px;
  background-color: #9880ff;
  color: #9880ff;
}
.dot-pulse:before {
  animation: dot-pulse-before 1.5s infinite linear;
  animation-delay: 0s;
  box-shadow: 9984px 0 0 -5px;
}
.dot-pulse:after {
  animation: dot-pulse-after 1.5s infinite linear;
  animation-delay: 0.5s;
  box-shadow: 10014px 0 0 -5px;
}

@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }
  30% {
    box-shadow: 9984px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px;
  }
}
@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }
  30% {
    box-shadow: 9999px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px;
  }
}
@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }
  30% {
    box-shadow: 10014px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px;
  }
}
/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
.dot-flashing {
  position: relative;
  animation: dot-flashing 1s infinite linear alternate;
  animation-delay: 0.5s;
  border-radius: 5px;
  width: 10px;
  height: 10px;
  background-color: #9880ff;
  color: #9880ff;
}
.dot-flashing:before, .dot-flashing:after {
  content: "";
  position: absolute;
  top: 0;
  display: inline-block;
}
.dot-flashing:before {
  left: -15px;
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 0s;
  border-radius: 5px;
  width: 10px;
  height: 10px;
  background-color: #9880ff;
  color: #9880ff;
}
.dot-flashing:after {
  left: 15px;
  animation: dot-flashing 1s infinite alternate;
  border-radius: 5px;
  animation-delay: 1s;
  width: 10px;
  height: 10px;
  background-color: #9880ff;
  color: #9880ff;
}

@keyframes dot-flashing {
  0% {
    background-color: #9880ff;
  }
  50%, 100% {
    background-color: rgba(152, 128, 255, 0.2);
  }
}
.dot-loader-container {
  filter: url("#goo");
  margin: 0 auto;
  max-width: 80px;
  max-height: 20px;
  width: 100%;
  height: auto;
}

.loader-svg {
  overflow: visible;
  max-height: 20px;
  width: 100%;
  height: 100%;
}
.loader-svg .dot {
  fill: rgb(203, 213, 224);
}
@media (prefers-color-scheme: dark) {
  .loader-svg .dot {
    fill: rgb(160, 174, 192);
  }
}
.loader-svg .shuttle-dot {
  animation: shuttle 1.6s infinite ease-in-out;
}

@keyframes shuttle {
  0%, 100% {
    transform: translateX(-4px);
  }
  50% {
    transform: translateX(52px);
  }
}
.module-content .wm-module-tabs.nav.nav-tabs .tab a {
  position: relative;
  color: rgb(74.6454545455, 77.5727272727, 86.3545454545) !important;
}
@media (prefers-color-scheme: dark) {
  .module-content .wm-module-tabs.nav.nav-tabs .tab a {
    color: rgb(185.88, 189.336, 194.52) !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: rgb(161.4, 166.08, 173.1) !important;
}
@media (prefers-color-scheme: dark) {
  .module-content .wm-module-tabs.nav.nav-tabs .tab a::after {
    background-color: rgb(229.4, 230.68, 232.6) !important;
  }
}
.module-content .wm-module-tabs.nav.nav-tabs .tab a:hover {
  color: rgb(86.4681818182, 89.8590909091, 100.0318181818) !important;
}
@media (prefers-color-scheme: dark) {
  .module-content .wm-module-tabs.nav.nav-tabs .tab a:hover {
    color: rgb(213.08, 215.176, 218.32) !important;
  }
}
.module-content .wm-module-tabs.nav.nav-tabs .tab a.active {
  color: rgb(161.4, 166.08, 173.1) !important;
}
@media (prefers-color-scheme: dark) {
  .module-content .wm-module-tabs.nav.nav-tabs .tab a.active {
    color: rgb(229.4, 230.68, 232.6) !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: rgb(80.5, 89.25, 98);
}
.module-content .wm-module-tabs .responsivetabs-more .dropdown-toggle {
  color: currentColor;
}

.nav-tabs.wm-popup-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem 0;
}
.nav-tabs.wm-popup-tabs.floating-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 rgb(213.5813953488, 224.7325581395, 227.9186046512);
  border-right: 0;
  border-radius: 1rem;
  width: 178px;
  padding: 0.5rem;
  background-color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .nav-tabs.wm-popup-tabs.floating-tabs {
    border: 1px solid rgb(23, 25.5, 28);
    background-color: rgb(27.6, 30.6, 33.6);
  }
}
.nav-tabs.wm-popup-tabs.floating-tabs:not(:has(li)) {
  display: none;
}
.nav-tabs.wm-popup-tabs.floating-tabs li.tab {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  margin: 0;
  border-radius: 0.5rem;
}
.nav-tabs.wm-popup-tabs.floating-tabs li.tab:not(:last-child) {
  margin-right: 0 !important;
}
.nav-tabs.wm-popup-tabs.floating-tabs li.tab a {
  display: block;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border-radius: 0.5rem;
  padding: 0.5rem;
  color: #7a8391;
}
.nav-tabs.wm-popup-tabs.floating-tabs li.tab a:after {
  content: unset;
}
.nav-tabs.wm-popup-tabs.floating-tabs li.tab a:hover {
  transform: translateY(-2px);
  box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
  background-color: #afb3b9;
  color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .nav-tabs.wm-popup-tabs.floating-tabs li.tab a:hover {
    box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important;
    background-color: #7a8391;
  }
}
.nav-tabs.wm-popup-tabs.floating-tabs li.tab.active a {
  background-color: rgba(175, 179, 185, 0.24);
  color: #7a8391;
}
@media (prefers-color-scheme: dark) {
  .nav-tabs.wm-popup-tabs.floating-tabs li.tab.active a {
    background-color: rgba(122, 131, 145, 0.24);
  }
}
.nav-tabs.wm-popup-tabs.floating-tabs li.tab.active a:hover {
  background-color: #afb3b9;
  color: rgb(255, 255, 255);
}

.wm-module-tabs.nav.nav-tabs .tab a {
  position: relative;
  color: rgb(74.6454545455, 77.5727272727, 86.3545454545) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-module-tabs.nav.nav-tabs .tab a {
    color: rgb(185.88, 189.336, 194.52) !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: rgb(161.4, 166.08, 173.1) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-module-tabs.nav.nav-tabs .tab a::after {
    background-color: rgb(229.4, 230.68, 232.6) !important;
  }
}
.wm-module-tabs.nav.nav-tabs .tab a:hover {
  color: rgb(86.4681818182, 89.8590909091, 100.0318181818) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-module-tabs.nav.nav-tabs .tab a:hover {
    color: rgb(213.08, 215.176, 218.32) !important;
  }
}
.wm-module-tabs.nav.nav-tabs .tab a.active {
  color: rgb(161.4, 166.08, 173.1) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-module-tabs.nav.nav-tabs .tab a.active {
    color: rgb(229.4, 230.68, 232.6) !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: rgb(80.5, 89.25, 98);
}
.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: rgb(53.9046391753, 58.1443298969, 63.5953608247);
    border-color: rgb(77.3015463918, 83.381443299, 91.1984536082);
    color: #afb3b9;
  }
  .dropdown.responsivetabs-more.show .dropdown-menu.dropdown-menu-right.show > li.active > a {
    color: #afb3b9 !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: rgb(192, 201, 211) !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 {
  border: 0;
  padding: 1px 4px;
  font-weight: 400;
  color: rgb(255, 255, 255) !important;
  position: absolute;
  top: -6px;
  right: -12px;
}

.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;
}

.timeline {
  width: 100%;
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0;
}
.timeline-info {
  position: relative;
  margin: 0 0 0.5em 0;
  white-space: nowrap;
  letter-spacing: 3px;
  font-size: 12px;
  line-height: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.timeline-info > .timeline-badge {
  padding-top: 16px;
}
.timeline-item {
  position: relative;
  padding-left: 40px;
  /*----- TIMELINE MARKER -----*/
}
.timeline-item:last-child {
  padding-bottom: 0;
}
.timeline-item-highlight a {
  color: rgb(15.5318181818, 16.1409090909, 17.9681818182);
}
.timeline-item-highlight .text-muted {
  color: rgb(76, 92, 104);
}
.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 {
  content: "";
  display: block;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 0;
  background-color: #FF6B6B;
  border: 3px solid transparent;
}
.timeline-marker::after {
  content: "";
  bottom: 0;
  display: block;
  width: 3px;
  background: #CCD5DB;
  position: absolute;
  top: 24px;
  left: 6px;
}
.timeline-content {
  padding-bottom: 20px;
}
@media only screen and (max-width: 61.9375em) {
  .timeline-content iframe {
    padding-left: 32px;
  }
}
.timeline-content p:last-child {
  margin-bottom: 0;
}
@media (prefers-color-scheme: dark) {
  .timeline-content svg.wm-icon {
    fill: rgb(207.64, 210.008, 213.56);
  }
}
@media (prefers-color-scheme: dark) {
  .timeline-content i.wm-icon {
    color: rgb(207.64, 210.008, 213.56);
  }
}
@media only screen and (max-width: 61.9375em) {
  .timeline-heading .wm-page-badges {
    padding-left: 40px;
  }
}
.timeline-heading .wm-timeline-description {
  white-space: unset;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timeline-heading > .timeline-inverted > .timeline-content {
  float: left;
}
.timeline-heading > .timeline-inverted > .timeline-content::before {
  left: auto;
  right: -15px;
  border-left-width: 15px;
  border-right-width: 0;
}
.timeline-heading > .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 {
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: rgb(237, 242, 243);
  }
}
@media only screen and (max-width: 47.9375em) {
  .timeline-block::after {
    content: "";
    display: none;
    margin-left: -3px;
    height: 100%;
    background-color: rgb(46, 51, 56);
    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 {
    content: "";
    box-shadow: 1px 1px 1px rgb(255, 255, 255);
    border-radius: 4px;
    width: 6px;
    height: 100%;
    background-color: #7a8391;
    position: absolute;
    top: 0;
    left: -30%;
  }
}
.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;
  border: 1px solid rgb(237, 242, 243);
  border-radius: 6px;
  margin-top: -27px;
  margin-left: 40px;
  padding: 4px 15px 6px 15px;
}
.timeline-title {
  margin-top: 0;
  display: inline-block;
  white-space: pre-wrap;
  color: inherit;
}
.timeline-subtitle {
  font-size: 12px;
}
.timeline-body > p,
.timeline-body > ul {
  margin-top: 0;
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
.timeline-body > h4 {
  margin-bottom: 0 !important;
}
.timeline-date {
  color: rgb(146.9579439252, 162.3925233645, 179.5420560748) !important;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  text-transform: none;
}
.timeline-badge > .glyphicon {
  margin-right: 0px;
  color: rgb(255, 255, 255);
}
.timeline-badge .wm-icon {
  fill: rgb(146.9579439252, 162.3925233645, 179.5420560748);
  font-size: 26px;
  color: rgb(146.9579439252, 162.3925233645, 179.5420560748);
  width: 26px;
  height: 26px;
}
.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: rgb(146.9579439252, 162.3925233645, 179.5420560748);
  color: rgb(146.9579439252, 162.3925233645, 179.5420560748);
}
.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 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.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: rgb(168.9392, 175.2672, 182.8608);
  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: rgb(192, 201, 211);
  }
}
.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 {
    padding-right: 30px;
    float: right;
    text-align: right;
  }
  .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 {
    flex-direction: row-reverse;
    justify-content: end;
  }
  .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 {
    padding-left: 30px;
    float: left;
    text-align: left;
  }
  .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 0.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: rgb(168.9392, 175.2672, 182.8608);
  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: rgb(192, 201, 211);
  }
}
.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 {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #c0c9d3;
}
.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;
  }
}
@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 {
    padding-left: 40px;
  }
}
.timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .wm-timeline-header-icon .activity-and-user-container .activity-type-icon {
  margin-right: 15px;
}
.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 {
    position: relative;
    top: -2px;
    order: -1;
  }
}
.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 {
    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 {
    padding-left: 40px;
    padding-right: 0;
  }
}
.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 {
  margin-top: 10px;
  font-weight: 700;
  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 {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
}
.wm-view-more {
  font-size: 13px;
}
.wm-view-more:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #7a8391;
}
.wm-view-more::after {
  content: " \f078";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
}
.wm-view-more.wm-expanding-text-after::after {
  content: " \f077";
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
}
.wm-expanding-text {
  /*MJH added below to allow carriage returns to display*/
  margin-top: 0px !important;
  white-space: pre-line;
}
.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%, rgb(255, 255, 255) 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 rgb(146.9579439252, 162.3925233645, 179.5420560748);
}
.modal-body .timeline.timeline-single-lane::before {
  opacity: 0.2 !important;
  background-color: rgb(192, 201, 211);
}
.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: 0;
  border-top: 4px solid rgb(247, 204, 110);
  border-radius: 3px;
  min-width: 260px;
  padding: 12px;
}
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: rgb(252.3, 253.05, 253.2) !important;
}
@media (prefers-color-scheme: dark) {
  .modal-body .timeline .timeline-panel,
  .modal-body .timeline .timeline-panel * {
    background-color: rgb(57.5, 63.75, 70) !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;
}

.info-tooltip {
  position: relative;
  display: block;
}
.info-tooltip-content {
  position: fixed;
  z-index: 1069;
  display: none;
  opacity: 0;
  transition: opacity 0.3s 0.3s;
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.2);
  border: 1px solid rgb(237, 242, 243);
  border-radius: 0.25rem;
  width: max-content;
  padding: 8px;
  background: rgb(255, 255, 255);
  cursor: default;
  pointer-events: none;
  font-weight: 400;
}
.info-tooltip-content .wm-container-parent {
  background: none !important;
}
.info-tooltip-content .info-text {
  display: block;
  padding-top: 5px;
  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: rgb(89, 96, 105) !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: rgb(255, 255, 255);
  margin-left: -2px;
}
.info-tooltip-content .btn.btn-sm.btn-standard.wm-button.dropdown-toggle:hover::after {
  color: rgb(237, 242, 243) !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: rgb(83.9259259259, 90.7925925926, 101.4740740741);
}
.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: rgb(84, 102, 122) !important;
}
@media (prefers-color-scheme: light) {
  .info-tooltip-content .wm-web-action-dropdown .dropdown-item {
    color: rgb(84, 102, 122) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .info-tooltip-content .wm-web-action-dropdown .dropdown-item {
    color: rgb(219, 208, 208) !important;
  }
}
.info-tooltip .info-tooltip-content.show {
  display: block;
  opacity: 1;
  overflow-wrap: break-word;
  transition-delay: 0.3s;
  width: max-content;
  max-width: 75vw;
  padding-right: 2rem;
  pointer-events: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
  white-space: normal;
}
@media only screen and (max-width: 47.9375em) {
  .info-tooltip .info-tooltip-content.show {
    max-width: max-content !important;
  }
}
@media (prefers-color-scheme: dark) {
  .info-tooltip .info-tooltip-content.show {
    background-color: rgb(41.4, 45.9, 50.4);
  }
  .info-tooltip .info-tooltip-content.show .info-tooltip-text a {
    color: rgb(192, 201, 211) !important;
  }
  .info-tooltip .info-tooltip-content.show .info-tooltip-text a:hover {
    color: rgb(192, 201, 211) !important;
  }
  .info-tooltip .info-tooltip-content.show .info-tooltip-text a[href] {
    color: rgb(192, 201, 211) !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 {
  overflow: visible !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
@media only screen and (max-width: 35.9375em) {
  .info-tooltip-text ul li:first-child {
    max-width: 200px;
    word-break: break-all;
    white-space: normal !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: rgb(89, 96, 105);
  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: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .popover .wm-label {
    color: rgb(255, 255, 255);
  }
}
@media (prefers-color-scheme: dark) {
  .popover {
    border-color: #616b72;
    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: rgb(255, 255, 255);
  }
}

.e-treeview.configurator-changes {
  overflow-x: auto;
}

.e-treeview-ul .wm-treeview-edit-icon,
.wm-tree-label .wm-treeview-edit-icon {
  transform: scale(0.8);
  transition: all 0.2s ease-in-out;
  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: rgb(160.616, 167.556, 175.884);
  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: rgb(160.616, 167.556, 175.884);
  font-size: 1rem;
  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: rgb(160.616, 167.556, 175.884);
  transition: all 0.2s ease-in-out;
  font-size: 17px;
  color: rgb(160.616, 167.556, 175.884);
  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;
  color: #7a8391;
}
@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: rgb(196.76, 199.672, 204.04);
    color: rgb(196.76, 199.672, 204.04);
  }
}
.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border-radius: 0.5rem;
  color: rgb(74, 85, 104);
}
.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: rgb(76, 92, 104);
}
@media (prefers-color-scheme: dark) {
  .e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text > .wm-treeitem-name {
    color: rgb(236, 231, 231);
  }
}
.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text:hover {
  padding: 0px;
  background: #7a8391 !important;
}
.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text:hover .wm-icon {
  fill: rgb(255, 255, 255) !important;
  color: rgb(255, 255, 255) !important;
}
.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text:hover span {
  color: rgb(255, 255, 255);
}
.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: rgb(237, 242, 243);
  border: 1px solid rgb(255, 255, 255);
}
.e-treeview .e-active {
  background: rgb(237, 242, 243);
}
.e-treeview-ul li.e-item .e-text-wrap a.e-text div .wm-treeview-valueview {
  margin-bottom: 0;
}
.e-treeview .e-ul {
  overflow: visible !important;
  overflow-x: auto;
  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: rgb(192, 201, 211);
  }
}
.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: rgb(207.64, 210.008, 213.56);
}
.e-treeview .e-list-text .wm-tree-label {
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  max-width: 100%;
  word-break: break-word;
  white-space: normal;
}
.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: rgb(192, 201, 211);
}
.e-treeview .e-text-content:hover,
.e-treeview .e-text-content .e-fullrow:hover {
  border-color: rgb(76, 92, 104) !important;
}
@media (prefers-color-scheme: light) {
  .e-treeview .e-text-content:hover,
  .e-treeview .e-text-content .e-fullrow:hover {
    border-color: rgb(76, 92, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-treeview .e-text-content:hover,
  .e-treeview .e-text-content .e-fullrow:hover {
    border-color: rgb(236, 231, 231) !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: rgb(192, 201, 211) !important;
  }
}
.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
  background: none;
  border-color: rgb(76, 92, 104) !important;
}
@media (prefers-color-scheme: light) {
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
    border-color: rgb(76, 92, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
    border-color: rgb(236, 231, 231) !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: rgb(237, 242, 243);
  border: 1px solid rgb(255, 255, 255);
}
.e-fullrow-wrap .e-li-active > .e-fullrow {
  background: rgb(237, 242, 243);
}
.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: rgb(192, 201, 211) !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 {
  fill: rgb(160.616, 167.556, 175.884) !important;
  transition: all 0.2s ease-in-out !important;
  margin-right: 4px;
  font-size: 14px;
  color: rgb(160.616, 167.556, 175.884) !important;
  width: 14px;
  height: 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;
  cursor: pointer !important;
  color: #7a8391 !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: rgb(119, 129, 141);
}
.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 {
  position: relative;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  padding: 0.5em 1em;
  padding-right: 2em;
  line-height: 25px;
}
@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 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree-card-view .card-column + .card-column {
  margin-left: 1.3rem;
}
.tree-card-view .webactions {
  position: absolute;
  top: 0.5rem;
  right: 0.25rem;
}

#ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content {
  position: relative;
  border-radius: 0.5rem;
  padding: 0;
  background: rgb(247, 250, 252);
}
@media (prefers-color-scheme: dark) {
  #ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
}
#ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content .e-list-text {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border-radius: 0.5rem;
  width: 100%;
}
@media (prefers-color-scheme: dark) {
  #ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content .e-list-text {
    color: rgb(237, 242, 243);
  }
}
#ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content .e-list-text .tree-card-view {
  box-shadow: none;
  border: 1px dashed rgb(203, 213, 224);
  border-radius: 0.5rem;
  width: 100%;
}
@media (prefers-color-scheme: dark) {
  #ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content .e-list-text .tree-card-view {
    border-color: rgb(113, 128, 150);
  }
}
#ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content .e-list-text:hover {
  cursor: grab;
}
#ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content .e-list-text:hover .tree-card-view {
  border-color: transparent;
}
#ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content .e-list-text:hover .wm-tree-label {
  color: rgb(255, 255, 255);
}
#ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content .e-list-text:hover .wm-icon {
  color: rgb(255, 255, 255);
}
#ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content .e-list-text:active {
  cursor: grabbing;
}
#ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content:before {
  content: "\e411";
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  color: rgb(113, 128, 150);
}
@media (prefers-color-scheme: dark) {
  #ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content:before {
    color: rgb(160, 174, 192);
  }
}
#ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content:hover:before {
  color: rgb(237, 242, 243);
}

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

.user-card {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.user-card:hover {
  background: rgb(237, 242, 243);
  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: rgb(89, 96, 105);
  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: rgb(0, 0, 0);
  margin: 0;
  padding: 0;
}
.user-card .details .holiday-details {
  margin-top: 10px;
  color: rgb(89, 96, 105);
  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 rgb(192, 201, 211);
}
@media only screen and (max-width: 28.9375em) {
  .wm-edit-user-profile-picture {
    padding-left: 10px;
  }
}

.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: rgb(255, 255, 255) !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: rgb(255, 255, 255);
}
.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: rgb(255, 255, 255);
  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: rgb(255, 255, 255) !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: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .submenu .submenu-container.dimensions {
    background: #353535 !important;
  }
}
.submenu .submenu-container.dimensions svg {
  fill: rgb(255, 255, 255);
  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;
}

.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: rgb(65.6030927835, 70.7628865979, 77.3969072165) !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: rgb(237, 242, 243) !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: rgb(76, 92, 104) !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: rgb(169.56, 173.832, 180.24) !important;
    color: rgb(169.56, 173.832, 180.24) !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 0.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: rgb(204.4387096774, 207.4129032258, 213.3612903226) !important;
    color: rgb(204.4387096774, 207.4129032258, 213.3612903226) !important;
  }
}
.wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon:hover {
  fill: rgb(153.24, 158.328, 165.96) !important;
  transform: scale(1.1);
  color: rgb(153.24, 158.328, 165.96) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon:hover {
    fill: rgb(196.76, 199.672, 204.04) !important;
    color: rgb(196.76, 199.672, 204.04) !important;
  }
}
@media only screen and (max-width: 23.9375em) {
  .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon {
    font-size: 16px !important;
    width: 1rem !important;
    height: 1rem !important;
  }
}
.wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle:first-child .wm-icon {
  width: 1rem !important;
  height: 1rem !important;
  font-size: 1rem !important;
}
.wm-advanced-search-container #advanced-search-filter-save-section {
  width: 324px !important;
  z-index: 1048;
  position: absolute;
  top: 50px;
  right: -1rem;
}
@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-right-color: rgb(255, 255, 255) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !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: rgb(166.6617283951, 172.6395061728, 181.9382716049) !important;
  border-right-color: rgb(255, 255, 255) !important;
  background-color: rgb(172.2444444444, 177.8444444444, 186.5555555556) !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: rgb(65.6030927835, 70.7628865979, 77.3969072165) !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: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !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: 0.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 0.3s ease-in;
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  color: rgb(64.1707865169, 62.7123595506, 67.0876404494);
}
@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: rgb(255, 255, 255);
  }
}
.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: 0.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 0.3s ease-in;
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  color: rgb(64.1707865169, 62.7123595506, 67.0876404494);
}
@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: rgb(255, 255, 255);
  }
}
@media (prefers-color-scheme: dark) {
  .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value .e-label {
    color: rgb(237, 242, 243);
  }
}
.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 {
  border: none !important;
  background-color: #7a8391 !important;
  color: rgb(255, 255, 255);
}
@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: 0.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 0.3s ease-in;
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  color: rgb(64.1707865169, 62.7123595506, 67.0876404494);
}
@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: rgb(255, 255, 255);
  }
}
.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: 0.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 0.3s ease-in;
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  color: rgb(64.1707865169, 62.7123595506, 67.0876404494);
}
@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: rgb(255, 255, 255);
  }
}
.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: "\e20f";
  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 {
  height: 28px !important;
  color: rgb(143.9551401869, 159.8186915888, 177.4448598131) !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;
}

.alert {
  display: flex;
  border-radius: 0.5rem;
}
.alert.alert-warning {
  background-color: rgb(255, 238, 204) !important;
  color: rgb(151, 90, 22) !important;
}
@media (prefers-color-scheme: dark) {
  .alert.alert-warning {
    border-color: rgb(101.5458015267, 89.5992366412, 54.9541984733) !important;
    background-color: rgb(85, 75, 46) !important;
    color: rgb(246, 224, 94) !important;
  }
}

.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-inner {
  height: calc(100% - 1rem);
}
.wm-carousel .carousel-inner .carousel-content {
  height: 100%;
}
.wm-carousel .carousel-inner .carousel-content .content-wrapper {
  height: calc(100% - 2rem);
}
.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 {
  position: relative;
  overflow: hidden;
  padding: 1.5em 5%;
  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%, rgb(255, 255, 255) 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 {
  border-radius: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
@media (prefers-color-scheme: light) {
  .wm-carousel .carousel-indicators li {
    border: 1px solid #909090;
  }
  .wm-carousel .carousel-indicators li.active {
    background-color: rgb(0, 0, 0);
  }
}
.wm-carousel .carousel-control-prev,
.wm-carousel .carousel-control-next {
  width: 5%;
  height: calc(100% - 3rem);
}
@media (prefers-color-scheme: light) {
  .wm-carousel .carousel-control-prev i,
  .wm-carousel .carousel-control-next i {
    color: rgb(0, 0, 0);
  }
}
.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: 0.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 {
  height: 100%;
}
.wm-carousel [data-view-type=whatsnew] .features .feature {
  overflow: hidden;
  overflow-x: auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 5px;
  height: calc(100% - 1rem);
  padding: 0.7rem 1rem;
  background-color: #f2f2f2;
}
.wm-carousel [data-view-type=whatsnew] .features .feature h3 em {
  opacity: 0.7;
  font-style: normal;
  font-size: 0.8em;
  font-weight: 400;
}
@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 {
  margin-right: 1rem;
  width: 52px;
  font-size: 40px;
}
.wm-carousel [data-view-type=whatsnew] .features .feature .text-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  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 {
  overflow: hidden;
  height: calc(100% - 40px);
}
.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 {
  display: inline-block;
  margin-top: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  color: #afb3b9;
}
.wm-carousel [data-view-type=whatsnew] .details-link:hover {
  color: rgb(196.76, 199.672, 204.04);
}

[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;
}

div[data-widget-name=Chart] .e-accumulationchart > svg > rect {
  fill: rgb(41.4, 45.9, 50.4);
}

/*
    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;
}

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 {
  margin-top: 1rem;
  border-radius: 9px;
  width: 90%;
  padding: 7px;
  background-color: hsl(190, 20%, 102.1176470588%);
  /*MJH added to allow cards to format as they were intended*/
}
@media (prefers-color-scheme: dark) {
  body .wm-chat-message {
    background-color: rgb(50.6, 56.1, 61.6);
  }
}
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: rgb(0, 0, 0) !important;
}
@media (prefers-color-scheme: dark) {
  body .wm-chat-message div:not(.wm-chat-date) {
    color: rgb(255, 255, 255) !important;
  }
}
body .wm-chat-message p {
  color: inherit;
  font-size: inherit;
  line-height: normal;
  font-weight: inherit;
  text-transform: none;
}
body .wm-chat-sender {
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 1rem;
  color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  body .wm-chat-sender {
    color: rgb(207.64, 210.008, 213.56) !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: rgb(167.9775700935, 180.4093457944, 194.2224299065) !important;
  }
}
body .wm-chat-toggle .fa-wifi {
  z-index: -1;
  color: #7a8391;
  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 {
  resize: none;
  border: 0 !important;
  border-top: 1px solid rgb(237, 242, 243) !important;
  border-radius: 0;
  height: 80px;
  background: hsl(190, 20%, 102.1176470588%);
  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: 0.4;
}
body .wm-chat .ac-adaptivecard {
  background-color: transparent !important;
}
body .wm-chat .ac-adaptivecard .ac-actionset .ac-pushButton {
  flex: inherit !important;
  transition: all 0.25s;
  border-radius: 4px;
  outline: none !important;
  font-size: 14px;
  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: rgb(240.28, 241.016, 242.12);
  }
}
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 {
  display: block;
  box-shadow: none;
  border: 1px solid rgb(192, 201, 211);
  border-radius: 4px;
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 1.908em;
  width: 100%;
  height: 100%;
  color: rgb(84, 102, 122) !important;
}
@media (prefers-color-scheme: light) {
  body .wm-chat .ac-input {
    color: rgb(84, 102, 122) !important;
  }
}
@media (prefers-color-scheme: dark) {
  body .wm-chat .ac-input {
    color: rgb(219, 208, 208) !important;
  }
}
@media (prefers-color-scheme: dark) {
  body .wm-chat .ac-input {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  body .wm-chat .ac-input::placeholder {
    color: rgb(255, 255, 255) !important;
  }
}
body .wm-minimize-chat-window:hover {
  opacity: 0.7;
  cursor: pointer;
}
body .wm-nochat-placeholder {
  margin-top: 100px;
  text-align: center;
}

.resize-animation-stopper * {
  animation: none !important;
  transition: none !important;
}

.configurator ul {
  margin: 0;
  padding: 0;
}

.configurator {
  position: relative;
  overflow-x: hidden;
  display: flex;
  width: 100%;
  height: 100%;
}
.configurator h3 {
  margin-bottom: 1.5em;
}
.configurator p {
  line-height: 1.2em;
  font-size: 0.8em;
}
.configurator .sidebar {
  display: flex;
  flex-direction: column;
  width: 20%;
  background: rgb(44.6790123457, 48.3345679012, 54.0209876543);
}
@media (prefers-color-scheme: dark) {
  .configurator .sidebar {
    background: #242729 !important;
  }
}
.configurator .sidebar .product-header {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 60px;
  background: rgba(0, 0, 0, 0.4);
}
.configurator .sidebar .product-header .product-code {
  margin-bottom: 0;
  margin-left: 15px;
  font-size: 1.1em;
  word-wrap: break-word;
  color: rgb(255, 255, 255) !important;
}
.configurator .sidebar .product-header .close-sidebar {
  display: none;
}
.configurator .sidebar .option-list {
  overflow: auto;
  flex-grow: 1;
  padding: 1.5em 0;
  font-size: 1.1em;
  color: rgb(255, 255, 255);
}
.configurator .sidebar .option-list .configuration {
  margin-bottom: 1em;
  margin-left: 15px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
}
.configurator .sidebar .option-list .option {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.8em;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
}
.configurator .sidebar .option-list .option.completed, .configurator .sidebar .option-list .option.active {
  color: rgb(255, 255, 255);
}
.configurator .sidebar .option-list .option:not(.active):hover {
  background-color: rgb(63.1481481481, 68.3148148148, 76.3518518519);
}
.configurator .sidebar .option-list .option.active {
  background-color: rgb(97.7777777778, 105.7777777778, 118.2222222222);
  font-weight: bold;
  letter-spacing: 1px;
}
.configurator .sidebar .option-list .option.active:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  height: 100%;
  background-color: #5BECC0;
}
.configurator .sidebar .option-list .option .option-icon-container {
  margin-left: 15px;
  margin-right: 0.7em;
  width: 20px;
}
.configurator .sidebar .option-list .option .option-icon-container .completed-icon {
  display: none;
}
.configurator .sidebar .option-list .option .option-icon-container .completed-icon svg {
  width: 18px;
  height: 11px;
}
.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 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4em 0.9em;
  background: rgba(0, 0, 0, 0.3);
  font-family: monospace;
  font-size: 1.3em;
  color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .configurator .sidebar .console-header {
    background: #373737 !important;
  }
}
.configurator .sidebar .console-header .console-toggle {
  transform: rotate(180deg);
  transition: all 0.4s ease;
  cursor: pointer;
  font-size: 0.8em;
}
.configurator .sidebar .console-header .console-toggle.collapsed {
  transform: rotate(0deg);
}
.configurator .sidebar .test-console {
  position: relative;
  overflow-y: auto;
  height: 40%;
  background: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
.configurator .sidebar .test-console.collapsed {
  height: 4em !important;
}
.configurator .sidebar .test-console h3 {
  margin: 0.5em auto;
  font-family: monospace;
  text-align: center;
  color: rgb(255, 255, 255) !important;
}
.configurator .sidebar .test-console .change-callstack {
  border-bottom: 1px solid rgb(255, 255, 255);
  padding: 0.5em 1em;
  word-break: break-word;
}
.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 {
  display: flex;
  flex-direction: column;
  width: 80%;
}
.configurator .main .top-section {
  display: flex;
  justify-content: unset;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
  height: 60px;
  padding: 0 1em;
  background: rgb(255, 255, 255);
}
@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 {
  position: relative;
  font-weight: 400;
  font-size: 1.2em;
}
.configurator .main .main-content-wrapper .title:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #e8ecee;
}
.configurator .main .main-content-wrapper h4 {
  margin-bottom: 1em;
}
.configurator .main .main-content-wrapper .option-details,
.configurator .main .main-content-wrapper .component-container {
  display: none;
  align-items: center;
  width: 66%;
  height: 100%;
  padding: 1em;
  background: #e8ecee;
}
@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;
  width: 100%;
  height: 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 {
  margin-bottom: 10px !important;
  padding: 0;
}
.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 {
  overflow-y: auto;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
  width: 50%;
  height: 100%;
  padding: 1em;
  background: rgb(255, 255, 255);
}
.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 {
  display: none;
  margin-bottom: 1em;
  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 {
  padding-right: 1em;
  word-break: break-word;
}
.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 {
  margin-bottom: 0;
  width: 50%;
}
.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 {
  flex-grow: 1;
  border: 1px rgba(112, 112, 112, 0.25) solid;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  text-align: center;
}
@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: hsl(216.5217391304, 9.4650205761%, 105.3529411765%);
}
@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: rgb(63.1481481481, 68.3148148148, 76.3518518519) !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: rgb(124.7913580247, 133.6024691358, 147.3086419753);
  font-size: 1.2em;
  color: rgb(255, 255, 255);
}
.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 {
  cursor: not-allowed;
  color: rgba(112, 112, 112, 0.25);
}
.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: hsl(216.5217391304, 9.4650205761%, 102.3529411765%);
}
.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: rgb(255, 255, 255);
}
@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 {
  display: flex;
  flex-direction: column;
  width: 34%;
  padding: 1em;
  padding-left: 0;
  background: #e8ecee;
}
@media (prefers-color-scheme: dark) {
  .configurator .main .main-content-wrapper .summary-container {
    background: #1d1f22 !important;
  }
}
.configurator .main .main-content-wrapper .summary-container .summary {
  flex-grow: 1;
  width: 100%;
  padding: 1em;
  background: rgb(255, 255, 255);
}
@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 {
  align-items: center;
  height: 3%;
  padding: 0 1em;
  background: #7a8391;
}
.configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header i {
  cursor: pointer;
  font-size: 1em;
  color: rgb(255, 255, 255) !important;
}
.configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header .image-toggle {
  transform: rotate(180deg);
  transition: all 0.4s ease;
}
.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 {
  position: relative;
  height: 20%;
  background: rgb(255, 255, 255);
}
@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 {
  position: absolute;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.configurator .main .main-content-wrapper .summary-container .summary-card {
  background: none;
}
.configurator .main .main-content-wrapper .summary-container .summary-card .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 1em;
  background: #7a8391;
}
.configurator .main .main-content-wrapper .summary-container .summary-card .header .option-name {
  font-size: 1.3em;
  color: rgb(255, 255, 255);
}
.configurator .main .main-content-wrapper .summary-container .summary-card .header .price-container {
  margin-left: 1em;
  color: rgb(255, 255, 255);
}
.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 {
  transform: rotate(0deg);
  transition: all 0.4s ease;
  margin-right: 0.7em;
  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 {
  flex-grow: 1;
  margin-bottom: 0;
}
.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: rgb(247.6111111111, 248.1111111111, 248.8888888889);
}
@media (prefers-color-scheme: dark) {
  .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .dimensions:hover {
    background: rgb(63.1481481481, 68.3148148148, 76.3518518519) !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 {
  position: relative;
  z-index: 100;
  display: flex;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
  height: 60px;
  padding: 0.5em 1em;
  background: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .configurator .main .footer {
    background: #292e32 !important;
  }
}
.configurator .main .footer .icon {
  display: none;
}
.configurator .main .footer .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.25s ease-in-out;
  border: 1px solid rgb(116.4172839506, 125.7950617284, 140.3827160494);
  border-radius: 4px;
  width: 135px;
  height: 36px;
  font-size: 18px;
  background: #7a8391;
  color: rgb(255, 255, 255);
}
.configurator .main .footer .btn.btn-inverse {
  opacity: 0.85;
  border-width: 2px;
  background: none;
  color: #7a8391;
}
.configurator .main .footer .btn.btn-inverse:hover {
  opacity: 1;
}
@media (prefers-color-scheme: dark) {
  .configurator .main .footer .btn.btn-inverse {
    border-width: 2px;
    border-color: #7a8391;
    background: none;
    color: rgb(255, 255, 255);
  }
}
.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 {
  border-color: rgb(214.1148148148, 216.8814814815, 221.1851851852);
  background: rgb(205.7407407407, 209.0740740741, 214.2592592593);
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.6);
}
@media (prefers-color-scheme: dark) {
  .configurator .main .footer .disabled .btn {
    background: rgb(230.862962963, 232.4962962963, 235.037037037) !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;
  z-index: 3000;
  top: 20px;
  right: 20px;
  height: 20px;
}
@media (prefers-color-scheme: dark) {
  #custommodal .modal-content .close[data-dismiss=modal] {
    color: rgb(255, 255, 255) !important;
  }
}

@media only screen and (max-width: 813px) {
  #custommodal .modal-content .close[data-dismiss=modal] {
    top: 27px;
  }
  .configurator .sidebar {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: all 0.3s ease-in;
    width: 80%;
    height: 100%;
  }
  .configurator .sidebar .product-code {
    max-width: 80%;
  }
  .configurator .sidebar .close-sidebar {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block !important;
    opacity: 0.5;
    font-size: 1.5em;
    color: rgb(255, 255, 255) !important;
  }
  .configurator .sidebar.show {
    transform: translateX(0);
  }
  .configurator .main {
    flex-direction: column;
    width: 100%;
  }
  .configurator .main .top-section {
    justify-content: space-between;
    padding: 28px 25px;
    height: 77px;
  }
  .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 {
    display: flex;
    width: 100%;
    height: 35px;
  }
  .configurator .main .main-content-wrapper .mobile-tabs .tab {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.333333%;
    background-color: rgb(135.9567901235, 144.012345679, 156.5432098765);
  }
}
@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: rgb(97.7777777778, 105.7777777778, 118.2222222222);
  }
}
@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: rgb(109.3209876543, 118.2654320988, 132.1790123457) !important;
  }
}
@media only screen and (max-width: 813px) {
  .configurator .main .main-content-wrapper .mobile-tabs .tab.active:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background-color: #5BECC0;
  }
  .configurator .main .main-content-wrapper .mobile-tabs .tab.active .tab-icon {
    fill: rgb(255, 255, 255);
  }
  .configurator .main .main-content-wrapper .mobile-tabs .tab.active .tab-icon .wm-icon {
    color: rgb(255, 255, 255) !important;
  }
  .configurator .main .main-content-wrapper .mobile-tabs .tab .tab-icon {
    fill: rgba(255, 255, 255, 0.6);
    width: 16px;
    height: 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 {
    width: 100%;
    padding: 0.5em 0;
  }
  .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 {
    margin-right: 0 !important;
    width: 100% !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;
    width: 100%;
    height: 100%;
    padding: 0.5em 0;
  }
  .configurator .footer {
    height: 55px !important;
  }
  .configurator .footer .btn {
    display: none !important;
  }
  .configurator .footer .disabled .icon .footer-icon {
    fill: rgb(233.6543209877, 235.0987654321, 237.3456790123) !important;
  }
}
@media only screen and (max-width: 813px) and (prefers-color-scheme: dark) {
  .configurator .footer .disabled .icon .footer-icon {
    fill: rgb(133.5, 133.5, 133.5) !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 {
    flex-grow: 1;
    width: auto !important;
  }
  .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 {
    align-items: flex-end;
    width: auto !important;
  }
  .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 {
    height: 8% !important;
    padding: 0.2em 0.8em !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: 0.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;
}

/* ----- 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: rgb(237, 242, 243);
}
.wm-datatable.dataTable tr.card-selectable:hover {
  background: rgb(237, 242, 243);
  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: rgba(222, 226, 230, 0.3882352941) !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: rgb(192, 201, 211);
}
.wm-datatable-filter-icon i.wm-icon {
  color: rgb(192, 201, 211);
}
.wm-datatable-filter-container {
  min-width: 31px;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 31px;
  height: 31px;
}
.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 {
    width: 30px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef !important;
  }
}
.wm-datatable .dropdown.wm-dropdown.wm-web-actions-menu.wm-pointer {
  padding-top: 4px;
  text-align: center;
}
.wm-datatable th,
.wm-datatable td {
  vertical-align: middle;
  border: 0;
  padding: 6px 8px !important;
}
.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: rgb(207.64, 210.008, 213.56) !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: rgb(229.4, 230.68, 232.6) !important;
  }
  .wm-datatable tbody tr:nth-child(odd) .wm-td-secondary, .wm-datatable tbody tr.odd .wm-td-secondary {
    color: rgb(192, 201, 211) !important;
  }
}
@media (prefers-color-scheme: light) {
  .wm-datatable tbody tr:nth-child(even), .wm-datatable tbody tr.even {
    background-color: rgb(255, 255, 255) !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: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-datatable tbody tr:nth-child(even), .wm-datatable tbody tr.even {
    background-color: rgb(25.3, 28.05, 30.8) !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: rgb(207.64, 210.008, 213.56) !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: rgb(229.4, 230.68, 232.6) !important;
  }
  .wm-datatable tbody tr:nth-child(even) .wm-td-secondary, .wm-datatable tbody tr.even .wm-td-secondary {
    color: rgb(192, 201, 211) !important;
  }
}
.wm-datatable tbody tr.wm-row-selected {
  background-color: hsl(216.5217391304, 9.4650205761%, 112.3529411765%) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-datatable tbody tr.wm-row-selected {
    background-color: rgb(97.7777777778, 105.7777777778, 118.2222222222) !important;
  }
}
.wm-datatable a:hover {
  text-decoration: none;
}
.wm-datatable-column-drilldown {
  max-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wm-datatable-column-drilldown.wm-web-action.wm-pointer.wm-datatable-column-drilldown::after {
  content: " ";
  display: inline-block;
  line-height: 0;
  width: 0;
  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: rgb(69, 76.5, 84);
}
.wm-grid-footer, .wm-widget-footer {
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}
.wm-grid-footer .dataTables_wrapper .dataTables_paginate, .wm-widget-footer .dataTables_wrapper .dataTables_paginate {
  padding-top: 0;
}
@media only screen and (max-width: 47.9375em) {
  .wm-grid-footer .dataTables_wrapper .dataTables_paginate, .wm-widget-footer .dataTables_wrapper .dataTables_paginate {
    margin-top: 0;
  }
}
.wm-grid-footer .dataTables_info, .wm-widget-footer .dataTables_info {
  display: flex;
  align-items: center;
  margin: 0;
  margin-left: 0 !important;
  padding: 0;
  padding-left: 0 !important;
}
.wm-grid-footer .wm-select-grid-page-info, .wm-widget-footer .wm-select-grid-page-info {
  margin-left: 0;
}
.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: rgb(32.2, 35.7, 39.2);
  }
  .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: rgb(237, 242, 243) !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: rgb(196.76, 199.672, 204.04) !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 {
  margin: auto 8px !important;
  height: 35px !important;
  min-width: 46px !important;
}
.wm-grid-footer {
  align-items: center;
}
.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 {
  max-width: 1000px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wm-td-primary .wm-datatable-column-drilldown br {
  display: none;
}
.wm-td-secondary {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgb(84, 102, 122) !important;
}
@media (prefers-color-scheme: light) {
  .wm-td-secondary {
    color: rgb(84, 102, 122) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-td-secondary {
    color: rgb(219, 208, 208) !important;
  }
}
.wm-td-primary div[data-popup-url], .wm-td-primary a[href], .wm-td-secondary a.wm-datatable-column-drilldown[href] {
  transition: color 0.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 {
  max-height: 75px !important;
  width: auto !important;
  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-td-restrict-length-xs {
  max-width: 200px;
}
.wm-td-restrict-length-s {
  max-width: 300px;
}
.wm-td-restrict-length-m {
  max-width: 450px;
}
.wm-td-restrict-length-l {
  max-width: 600px;
}
.wm-td-restrict-length-xl {
  max-width: 1200px;
}
.wm-pagesize-select {
  margin-left: -4px;
  margin-right: 10px;
  max-width: 95px;
}
.wm-pagesize-select .e-ddl .e-select {
  border-color: rgb(237, 242, 243);
}
.wm-select-grid-page-info {
  margin-left: 1rem;
  color: rgb(119, 129, 141);
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 12px;
  line-height: normal;
  font-weight: 500;
  text-transform: none;
}
.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: rgb(89, 96, 105);
}

.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 {
  display: block;
  margin-bottom: 4px;
  padding-left: 10px !important;
  position: absolute;
  bottom: 0.9em;
}
.dataTables thead .sorting_asc::before,
.dataTables thead .sorting_desc::before {
  content: "↑";
  right: -1px;
}
.dataTables thead .sorting_asc::after,
.dataTables thead .sorting_desc::after {
  content: "↓";
  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 {
  content: "\f138" !important;
  left: 80% !important;
  transition: all 0.1s ease-in;
  box-shadow: none !important;
  font-size: 1rem !important;
  font-family: "Font Awesome 5 Pro" !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: transparent !important;
  border: none !important;
  color: rgb(46, 51, 56) !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 0.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 {
  content: "\f138" !important;
  left: 10px !important;
  top: 1rem !important;
  transition: all 0.1s ease-in;
  box-shadow: none !important;
  font-family: "Font Awesome 5 Pro" !important;
  font-size: 1rem !important;
  background-color: transparent !important;
  border: none !important;
  color: rgb(46, 51, 56) !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 0.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: rgb(237, 242, 243) !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 rgb(237, 242, 243) !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 {
    margin: 0 !important;
    min-width: 45px;
  }
  .table td.all .wm-web-action-container .wm-web-action-icon.ml-1.d-inline-block {
    margin-top: 5px;
    padding-left: 6px;
  }
}
.table-responsive {
  overflow-x: initial;
}
.table-footer-info {
  font-size: 0.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;
  overflow-y: visible !important;
  width: 100% !important;
}

/*right overlay table needs shifting left*/
.DTFC_RightBodyLiner {
  overflow-y: unset !important;
  max-height: 100% !important;
  height: 100% !important;
  padding-right: 1rem;
}
.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: rgba(99, 97, 97, 0.0901960784) !important;
  }
}
.DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr.selected td {
  background-color: hsl(216.5217391304, 9.4650205761%, 112.3529411765%) !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: rgb(255, 255, 255);
  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: vars.$white;
  --column-fixed-width: 40px;
  position: relative;
}
.wm-widget-body[data-render-type=Grid] .table-wrapper {
  overflow: visible;
  overflow-x: auto;
}
.wm-widget-body[data-render-type=Grid] .table-wrapper.has-grid-actions {
  width: calc(100% - var(--column-fixed-width));
}
@media only screen and (max-width: 47.9375em) {
  .wm-widget-body[data-render-type=Grid] .table-wrapper .info-tooltip-content {
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0 !important;
  }
}
.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 tbody td .info-tooltip,
.wm-widget-body[data-render-type=Grid] .wm-datatable tbody td .wm-web-action {
  font-weight: 500;
}
.wm-widget-body[data-render-type=Grid] .wm-datatable th {
  border-bottom: 1px solid #ddd;
  padding: 10px 8px !important;
  background-color: rgb(247, 250, 252);
  font-weight: 600;
  color: rgb(113, 128, 150);
}
@media (prefers-color-scheme: dark) {
  .wm-widget-body[data-render-type=Grid] .wm-datatable th {
    background-color: rgb(50.6, 56.1, 61.6) !important;
    border-bottom: 1px solid rgba(221, 221, 221, 0.2705882353);
    color: rgb(237, 242, 247);
  }
  .wm-widget-body[data-render-type=Grid] .wm-datatable th i {
    color: rgb(226, 232, 240);
  }
}
.wm-widget-body[data-render-type=Grid] .wm-datatable th i {
  color: rgb(160, 174, 192);
}
.wm-widget-body[data-render-type=Grid] .wm-datatable th:first-child {
  border-top-left-radius: 0.5rem;
}
.wm-widget-body[data-render-type=Grid] .wm-datatable th:last-child {
  border-top-right-radius: 0.5rem;
}
.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 rgba(221, 221, 221, 0.2705882353);
    background-color: rgb(50.6, 56.1, 61.6) !important;
  }
}
.wm-widget-body[data-render-type=Grid] .wm-datatable tr {
  background-color: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-widget-body[data-render-type=Grid] .wm-datatable tr {
    background-color: rgb(50.6, 56.1, 61.6) !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: hsl(216.5217391304, 9.4650205761%, 112.3529411765%) !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);
}
@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: rgb(50.6, 56.1, 61.6) !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 rgba(221, 221, 221, 0.2705882353);
  }
}
@media (prefers-color-scheme: dark) {
  .wm-widget-body[data-render-type=Grid] .wm-datatable th.webactionTH {
    border-bottom: 1px solid rgba(221, 221, 221, 0.2705882353);
  }
}
.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] .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: rgb(255, 255, 255);
}
@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: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !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: rgb(255, 255, 255) !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: rgba(255, 255, 255, 0.7019607843);
  }
}
.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: rgb(207.64, 210.008, 213.56) !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: hsl(216.5217391304, 9.4650205761%, 112.3529411765%);
}
@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: rgb(235, 21, 21);
}
@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: rgb(253.0708661417, 232.4291338583, 232.4291338583);
}
@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 rgb(239.7, 239.7, 239.7);
}

.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 rgb(237, 242, 243);
}

i.cool.fa-filter.wm-custom-filter-active {
  color: #7a8391 !important;
}

.dropdown-menu {
  margin-top: 0.25rem !important;
  border-radius: 0.5rem;
  max-width: 600px;
  width: max-content;
  padding: 4px;
  background-color: #eeeff1;
  border-color: rgb(224.0161290323, 225.8387096774, 229.4838709677) !important;
}
@media (prefers-color-scheme: dark) {
  .dropdown-menu {
    border-color: rgb(77.3015463918, 83.381443299, 91.1984536082) !important;
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
  .dropdown-menu .dropdown-item {
    /*@include mx.color(color.adjust(vars.$inverse-s $lightness: -, 15%), vars.$gray-white) &:hover {
        background-color: color.adjust(vars.$inverse-s $lightness: -, 4%) !important;
        cursor: pointer !important;
    }

    > a {
        @include mx.color(transparent !important, vars.$gray-white !important);
        margin-left: 0 !important;
        // padding: 2px 4px !important;

        &.wm-web-action-disabled {
            color: vars.$gray-600 !important;
        }

    }*/
  }
  .dropdown-menu .dropdown-item:not(.wm-sub-menu .dropdown-item):hover {
    background-color: rgb(79.6412371134, 85.9051546392, 93.9587628866) !important;
  }
  .dropdown-menu .dropdown-item:not(.wm-sub-menu .dropdown-item):hover > a {
    color: rgb(237, 242, 243) !important;
  }
  .dropdown-menu .dropdown-divider {
    border-color: rgb(100.6984536082, 108.618556701, 118.8015463918) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .dropdown-menu .wm-sub-menu.dropdown-menu .dropdown-item:hover {
    background-color: rgb(214.2, 214.2, 214.2) !important;
  }
  .dropdown-menu .wm-sub-menu.dropdown-menu .dropdown-item:hover > a {
    color: rgb(0, 0, 0) !important;
  }
}
.dropdown-menu:not(.wm-sub-menu) div:first-child.wm-web-action-divider {
  display: none;
}
.dropdown-menu.wm-web-action-dropdown {
  max-width: 250px;
}
.dropdown-menu.wm-filter-dropdown-menu {
  width: 200px !important;
}
.dropdown-menu.show {
  z-index: 1000 !important;
}
@media (prefers-color-scheme: dark) {
  .dropdown-menu.show {
    border-color: rgb(77.3015463918, 83.381443299, 91.1984536082) !important;
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
  .dropdown-menu.show .dropdown-item {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247);
    color: rgb(237, 242, 243);
  }
  .dropdown-menu.show .dropdown-item:hover {
    background-color: rgb(79.6412371134, 85.9051546392, 93.9587628866) !important;
    cursor: pointer !important;
  }
  .dropdown-menu.show .dropdown-item > a {
    margin-left: 0 !important;
    background-color: transparent !important;
    color: rgb(237, 242, 243) !important;
  }
  .dropdown-menu.show .dropdown-item > a.wm-web-action-disabled {
    color: rgb(113, 128, 150) !important;
  }
  .dropdown-menu.show .dropdown-divider {
    border-color: rgb(100.6984536082, 108.618556701, 118.8015463918) !important;
  }
}
.dropdown-menu.show .dropdown-item {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
}
@media (prefers-color-scheme: light) {
  .dropdown-menu.show .dropdown-item a:hover {
    color: rgb(0, 0, 0) !important;
  }
}
.dropdown-menu.show .dropdown-item:hover {
  background-color: rgb(214.2, 214.2, 214.2) !important;
}
@media (prefers-color-scheme: dark) {
  .dropdown-menu.show .dropdown-item:hover a {
    color: rgb(45, 55, 72) !important;
  }
}
.dropdown-menu .wm-sub-menu.show {
  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;
  white-space: normal;
  word-break: break-word;
  line-height: 1.5;
}
.dropdown-item:has(.dropdown-toggle) {
  padding: 0.15rem 0.25rem;
}
.dropdown-item.wm-web-action.wm-pointer:active {
  background-color: rgb(234.6, 234.6, 234.6) !important;
  color: rgb(0, 0, 0);
}
.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: rgb(237, 242, 243);
  }
}
.dropdown-item.wm-web-action.wm-pointer a:active {
  background-color: rgb(234.6, 234.6, 234.6) !important;
  color: rgb(0, 0, 0);
}
.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: rgb(237, 242, 243);
  }
}
.dropdown-item.wm-web-action.wm-pointer a:hover {
  cursor: pointer;
}
@media (prefers-color-scheme: dark) {
  .dropdown-item.wm-web-action.show {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
  .dropdown-item.wm-web-action.show > a {
    color: rgb(237, 242, 243) !important;
  }
}
.dropdown.wm-web-actions-menu .wm-icon:hover {
  fill: rgb(192, 201, 211);
  color: rgb(192, 201, 211);
}

/**
 * Applies a wider width to long form list elements.
 */
div.wm-error-list .dropdown-menu,
div.wm-recent-list-button .dropdown-menu,
div.wm-favourites-list-button .dropdown-menu {
  max-width: 600px;
  width: max-content;
}
@media only screen and (max-width: 47.9375em) {
  div.wm-error-list .dropdown-menu,
  div.wm-recent-list-button .dropdown-menu,
  div.wm-favourites-list-button .dropdown-menu {
    width: calc(100dvw - 1rem);
  }
}

.dropdown-item.wm-web-action-disabled {
  opacity: 0.8;
  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 {
  position: unset !important;
  width: 100%;
  background-color: transparent !important;
  border: none !important;
}

.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: 0;
  border-top: transparent !important;
}

.e-popup-open {
  border-radius: 0.5rem;
  height: auto !important;
  padding: 4px;
}
.e-popup-open .e-list-parent .e-list-item {
  border-radius: 0.25rem;
}

/* 
    Ensure independent hover for parents vs. sub-menu items
*/
.dropdown-menu.show .dropdown-item:hover {
  background-color: transparent !important;
}
.dropdown-menu.show .dropdown-item:hover a {
  color: inherit !important;
}

@media (prefers-color-scheme: dark) {
  .dropdown-menu.show > .dropdown-item:hover,
  .dropdown-menu.show > .div-tooltip-enable > .dropdown-item:hover {
    background-color: rgb(79.6412371134, 85.9051546392, 93.9587628866) !important;
  }
  .dropdown-menu.show > .dropdown-item:hover a,
  .dropdown-menu.show > .div-tooltip-enable > .dropdown-item:hover a {
    color: rgb(237, 242, 243) !important;
  }
}
@media (prefers-color-scheme: light) {
  .dropdown-menu.show > .dropdown-item:hover,
  .dropdown-menu.show > .div-tooltip-enable > .dropdown-item:hover {
    background-color: rgb(214.2, 214.2, 214.2) !important;
  }
  .dropdown-menu.show > .dropdown-item:hover a,
  .dropdown-menu.show > .div-tooltip-enable > .dropdown-item:hover a {
    color: rgb(0, 0, 0) !important;
  }
}

@media (prefers-color-scheme: dark) {
  .wm-sub-menu.show > .dropdown-item:hover,
  .wm-sub-menu.show > .div-tooltip-enable > .dropdown-item:hover {
    background-color: rgb(214.2, 214.2, 214.2) !important;
  }
  .wm-sub-menu.show > .dropdown-item:hover a,
  .wm-sub-menu.show > .div-tooltip-enable > .dropdown-item:hover a {
    color: rgb(45, 55, 72) !important;
  }
}
@media (prefers-color-scheme: light) {
  .wm-sub-menu.show > .dropdown-item:hover,
  .wm-sub-menu.show > .div-tooltip-enable > .dropdown-item:hover {
    background-color: rgb(229.5, 229.5, 229.5) !important;
  }
  .wm-sub-menu.show > .dropdown-item:hover a,
  .wm-sub-menu.show > .div-tooltip-enable > .dropdown-item:hover a {
    color: rgb(0, 0, 0) !important;
  }
}

.wm-widget-container-body .os-content-glue {
  width: 100% !important;
}

.wm-recent-cards .wm-collection-card {
  margin-bottom: 0.8rem !important;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  border-radius: 0;
  padding-bottom: 0.8rem;
}
@media (prefers-color-scheme: dark) {
  .wm-recent-cards .wm-collection-card {
    border-bottom: 1px solid rgb(119, 129, 141);
  }
}
.wm-recent-cards .wm-widget-date-time {
  color: rgb(119, 129, 141);
  font-size: 12px;
  line-height: normal;
  font-weight: 300;
  text-transform: none;
}
.wm-recent-cards .widget-list-primary-text {
  display: flex;
  color: rgb(146.744, 154.704, 164.256);
  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: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  .wm-whos-off-widget .wm-whos-off-date {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-whos-off-widget .wm-whos-off-date {
    color: rgb(237, 242, 247) !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: rgb(45.18, 155.62, 45.18) !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 {
  border-collapse: collapse;
  width: 100%;
}
.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 {
  overflow: hidden;
  max-width: 16ch;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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 {
  box-shadow: 0 1px 4px -1px rgba(46, 51, 56, 0.2);
  border-top: 6px solid;
  border-color: rgb(144.3308641975, 151.8197530864, 163.4691358025);
}
@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 {
  margin-bottom: 0 !important;
  border-bottom: none;
  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 {
  margin-right: 5px;
  white-space: nowrap;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  text-transform: none;
}
.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: rgb(80.5, 89.25, 98);
}
.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 {
    overflow: auto !important;
    touch-action: auto;
    height: auto !important;
  }
}

div[name=home_index_section_whosoff].section-title .wm-section-container {
  height: 22px !important;
}

.date-time {
  margin-top: 30px;
  text-align: center;
  color: rgb(119, 129, 141);
  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 {
  font-size: 5em;
  color: #7a8391;
}
.weather-app .location-weather, .weather-app .weather-temp {
  font-size: 90%;
}
.weather-app .location-weather .hovered > .set-icon {
  color: rgb(119, 129, 141);
}
.weather-app .location-weather .set-icon {
  float: left;
  padding: 0 5px 0 0;
  cursor: pointer;
  font-size: 1.5em;
  line-height: 1.5em;
  color: rgb(206.4, 219.9, 222.6);
}
.weather-app .location-weather .userCity:focus {
  visibility: visible;
  outline: none;
}
.weather-app .location-weather .city {
  font-size: 2.5em;
  line-height: 0.9em;
}
.weather-app .location-weather .forcast {
  margin-top: 3px;
  text-transform: capitalize;
  text-align: center;
  color: rgb(119, 129, 141);
  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: "°";
  font-size: 0.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: "°";
  font-size: 0.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: rgb(196.76, 199.672, 204.04) !important;
  }
  div[name=TodaysAgenda] .wm-widget-body .d-flex .font-12:hover {
    color: rgb(218.52, 220.344, 223.08) !important;
  }
}

.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 {
  fill: rgb(255, 255, 255) !important;
  font-size: 13px;
  color: rgb(255, 255, 255) !important;
  width: 13px;
  height: 13px;
}
.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: rgb(255, 255, 255) !important;
  color: rgb(255, 255, 255) !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;
  }
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.is-hidden {
  display: none !important;
}

.is-visible {
  display: block !important;
}

.long-running-progress {
  overflow: hidden;
  animation: fadeInRight cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  margin: 0 auto;
  border-radius: 1rem;
  width: 100%;
  padding: 1.5rem;
  background: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .long-running-progress {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgb(27.6, 30.6, 33.6);
  }
}
.long-running-progress .progress-wrapper {
  margin-bottom: 1.5rem;
}
.long-running-progress .progress-wrapper .progress-labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}
.long-running-progress .progress-wrapper .progress-labels span {
  font-size: 0.875rem;
  font-weight: 500;
}
.long-running-progress .progress-wrapper .progress-labels .text-muted {
  color: #4b5563;
}
@media (prefers-color-scheme: dark) {
  .long-running-progress .progress-wrapper .progress-labels .text-muted {
    color: rgb(192, 201, 211) !important;
  }
}
.long-running-progress .progress-wrapper .progress-labels .text-primary {
  color: #4f46e5;
}
@media (prefers-color-scheme: dark) {
  .long-running-progress .progress-wrapper .progress-labels .text-primary {
    color: rgb(144, 205, 244) !important;
  }
}
.long-running-progress .progress-wrapper .progress-track {
  overflow: hidden;
  border-radius: 9999px;
  width: 100%;
  height: 0.625rem;
  background: rgba(122, 131, 145, 0.15);
}
.long-running-progress .progress-wrapper .progress-track .progress-bar {
  transition: width 0.6s cubic-bezier(0.4, 0.2, 1); /* progress-bar-inner */
  border-radius: inherit;
  width: 0%;
  height: 100%;
  background: #afb3b9;
}
.long-running-progress .progress-wrapper .progress-track--warning {
  background: rgba(237, 137, 54, 0.15) !important;
}
.long-running-progress .progress-wrapper .progress-track--warning .progress-bar {
  background: rgb(237, 137, 54) !important;
}
.long-running-progress .progress-wrapper .progress-track--failure {
  background: rgba(245, 101, 101, 0.15) !important;
}
.long-running-progress .progress-wrapper .progress-track--failure .progress-bar {
  background: rgb(245, 101, 101) !important;
}
.long-running-progress .step-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: opacity 225ms;
  margin: 0;
  padding: 0;
  list-style: none;
}
.long-running-progress .step-list li {
  display: flex;
  align-items: flex-start;
  gap: 1rem; /* mr-4 */
  transition: all 400ms ease;
}
.long-running-progress .step-list li .status-icon {
  /* Icons inside .status-icon:
  - pending:   24x24 empty circle (border)
  - progress:  24x24 spinner (animate-spin-slow)
  - complete:  24x24 green circle + check
  JS injects the correct SVGs/DOM; just size helpers here */
  margin-top: 0.25rem;
}
.long-running-progress .step-list li .status-icon > .pending {
  border: 2px solid rgb(209, 213, 219);
}
@media (prefers-color-scheme: dark) {
  .long-running-progress .step-list li .status-icon > .pending {
    border: 2px solid rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.06);
  }
}
.long-running-progress .step-list li .status-icon > .running {
  animation: spin 1s linear infinite;
  border: 2px solid #7a8391;
  border-top-color: transparent !important;
}
@media (prefers-color-scheme: dark) {
  .long-running-progress .step-list li .status-icon > .running {
    border-color: #afb3b9;
  }
}
.long-running-progress .step-list li .status-icon > .completed {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(34, 197, 94);
}
.long-running-progress .step-list li .status-icon > * {
  border-radius: 9999px;
  width: 1.5rem;
  height: 1.5rem;
}
.long-running-progress .step-list li h4 {
  margin: 0;
  color: #1f2937;
}
.long-running-progress .step-list li p {
  margin: 0.125rem 0 0;
  font-size: 0.875rem;
  color: #6b7280;
}
.long-running-progress .step-list li .sub-step {
  width: 100%;
}
.long-running-progress .step-list li .sub-step .sub-step-wrapper {
  display: flex;
  align-items: center;
}
.long-running-progress .step-list li .sub-step .sub-step-wrapper.sub-step-paragraph--animate-out,
.long-running-progress .step-list li .sub-step .sub-step-wrapper .sub-step-counter--animate-out {
  animation: fadeOutUp cubic-bezier(0.4, 0, 0.2, 1) 225ms both;
}
.long-running-progress .step-list li .sub-step .sub-step-wrapper.sub-step-paragraph--animate-in,
.long-running-progress .step-list li .sub-step .sub-step-wrapper .sub-step-counter--animate-in {
  animation: fadeInDown cubic-bezier(0.4, 0, 0.2, 1) 225ms both;
}
.long-running-progress .step-list li .sub-step .sub-step-wrapper .sub-step-loader {
  display: none;
  margin: 0.125rem 0 0;
}
.long-running-progress .step-list li.is-progress {
  opacity: 1;
  animation: stepIn 0.6s ease-out both;
}
.long-running-progress .step-list li.is-progress .sub-step-loader {
  display: block !important;
  animation: fadeInLeft cubic-bezier(0.4, 0, 0.2, 1) 225ms both;
}
.long-running-progress .step-list li.was-progress {
  animation: stepOut 500ms ease-in forwards;
}
.long-running-progress .step-list li.is-pending, .long-running-progress .step-list li.is-complete {
  opacity: 0.5;
}
.long-running-progress .step-list li.was-progress .sub-step-loader, .long-running-progress .step-list li.is-complete .sub-step-loader, .long-running-progress .step-list li.is-pending .sub-step-loader {
  display: none !important;
}
.long-running-progress .result {
  animation: fadeInDown cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border-radius: 1rem;
  padding: 1.5rem;
  background: #f9fafb;
  text-align: center;
}
@media (prefers-color-scheme: dark) {
  .long-running-progress .result {
    background: rgb(29.9, 33.15, 36.4);
    background: rgb(32.2, 35.7, 39.2);
    background: rgb(34.5, 38.25, 42);
  }
}
.long-running-progress .result h4 {
  margin: 1.5rem 0 0.5rem;
  color: #1f2937;
}
.long-running-progress .result p {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #4b5563;
}

#lrtForm {
  border-radius: 1rem;
  padding: 1.5rem 1rem;
  background: rgba(226, 232, 240, 0.24);
}
#lrtForm #lrtMessage {
  margin-top: 1.5rem;
}
@media (prefers-color-scheme: dark) {
  #lrtForm {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgb(27.6, 30.6, 33.6);
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes stepIn {
  from {
    opacity: 50%;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes stepOut {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 50%;
    transform: translateY(-4px);
  }
}
.success-icon-container,
.failure-icon-container,
.question-icon-container,
.warning-icon-container {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: space-between;
  margin: 0 auto;
  height: 7.5rem;
  width: 6.25rem;
}
.success-icon-container .result-icon-background,
.failure-icon-container .result-icon-background,
.question-icon-container .result-icon-background,
.warning-icon-container .result-icon-background {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.84);
  animation: animateContainer 0.75s ease-out forwards 0.75s;
  box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  border-radius: 50%;
  width: 100%;
  height: calc(100% - 1.25rem);
}
.success-icon-container .result-icon-background svg,
.failure-icon-container .result-icon-background svg,
.question-icon-container .result-icon-background svg,
.warning-icon-container .result-icon-background svg {
  transform: translateX(0) translateY(0.25rem);
  animation: animateCheck 0.35s forwards 1.25s ease-out;
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  width: 65%;
}
.success-icon-container .result-icon-shadow,
.failure-icon-container .result-icon-shadow,
.question-icon-container .result-icon-shadow,
.warning-icon-container .result-icon-shadow {
  bottom: calc(-15% - 5px);
  left: 0;
  animation: animateShadow 0.75s ease-out forwards 0.75s;
  border-radius: 50%;
}

.success-icon-container .result-icon-background {
  background: linear-gradient(to bottom right, rgb(72, 187, 120), rgb(47, 133, 90));
}
.success-icon-container .result-icon-background svg {
  transform: translateX(-0.25rem) translateY(0.25rem) !important;
}
.success-icon-container .result-icon-shadow {
  background: radial-gradient(closest-side, rgb(56, 161, 105), transparent);
}

.failure-icon-container .result-icon-background {
  background: linear-gradient(to bottom right, rgb(245, 101, 101), rgb(197, 48, 48));
}
.failure-icon-container .result-icon-shadow {
  background: radial-gradient(closest-side, rgb(229, 62, 62), transparent);
}

.question-icon-container .result-icon-background {
  background: linear-gradient(to bottom right, #afb3b9, #33353b);
}
.question-icon-container .result-icon-shadow {
  background: radial-gradient(closest-side, #7a8391, transparent);
}

.warning-icon-container .result-icon-background {
  background: linear-gradient(to bottom right, rgb(251, 211, 141), rgb(221, 107, 32));
}
.warning-icon-container .result-icon-shadow {
  background: radial-gradient(closest-side, rgb(237, 137, 54), transparent);
}

@keyframes animateContainer {
  0% {
    opacity: 0;
    transform: scale(0);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  25% {
    opacity: 1;
    transform: scale(0.9);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  43.75% {
    transform: scale(1.15);
    box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  62.5% {
    transform: scale(1);
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
  }
  81.25% {
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
  }
  100% {
    opacity: 1;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
  }
}
@keyframes animateCheck {
  from {
    stroke-dashoffset: 80;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes animateShadow {
  0% {
    opacity: 0;
    width: 100%;
    height: 15%;
  }
  25% {
    opacity: 0.25;
  }
  43.75% {
    opacity: 0.35;
    width: 40%;
    height: 7%;
  }
  100% {
    opacity: 0.25;
    width: 85%;
    height: 15%;
  }
}
.e-reportviewer-viewerblock,
.e-reportviewer-pagenumber,
.e-reportviewer-tbpage,
.e-reportviewer-tbdiv.e-reportviewer-exportlist,
.e-reportviewer-label,
.e-reportviewer-labelpageno,
.e-reportviewer-dialog-container,
.e-reportviewer-DateTime .e-control,
.e-reportviewer-viewerblockcellcontent,
.e-reportviewer-param .e-control,
.e-reportviewer-param .e-list-item,
.e-reportviewer-param .e-all-text,
.e-reportviewer-param .e-multi-select-wrapper .e-delim-values,
.e-reportviewer-drpdown .e-control,
.e-reportviewer-drpdown .e-list-item,
.e-export-dropdown,
.e-reportviewer-drpdown .e-input,
.e-export-dropdown .e-input,
.e-reportviewer-content,
.e-reportviewer-tooltip .e-tip-content,
.e-reportviewer-dialog,
.e-reportviewer-datetime-picker,
.e-reportviewer-viewreport .e-btn,
.e-native-toolbar .e-toolbar-item .e-input-group,
.e-native-toolbar .e-toolbar-item,
.e-native-toolbar .e-toolbar-item .e-list-item,
.e-reportviewer-nativeexportsetupchild,
.e-reportviewer-nativeexportsetupchild .e-label,
.e-reportviewer-nativeexportsetupchild .e-list-item,
.e-reportviewer-viewer .e-exportspinner-container .e-spin-label,
.e-reportviewer-nativecheckbox .e-label,
.e-rv-scroller .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
.e-reportviewer-search-input,
.e-reportviewer-radio-btn .e-label,
.e-reportviewer-pagesetuptr .e-reportviewer-nativepagesetupcontent,
.e-reportviewer-paramwaitingpopup .e-spin-label,
.e-reportviewer-numerictextbox .e-input,
.e-reportviewer-nativepagesetupbtn .e-btn,
.e-reportviewer-viewerblockcellcontent .e-input-group,
.e-reportviewer-nativepagesetupcontent .e-input-group,
.e-reportviewer-drpdown.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
.e-reportviewer-drpdown .e-multi-select-wrapper input[type=text],
.e-reportviewer-datetime-picker .e-btn,
.e-reportviewer-search.e-input-group.e-control-wrapper,
.e-reportviewer-radio-btn .e-radio + label .e-label,
.e-reportviewer-paramwaitingpopup .e-spinner-inner .e-spin-label,
.e-reportviewer-ondemand-progressbarpanel .e-reportviewer-ondemand-progressbarlabel,
.e-reportviewer-ondemand-progressbarpanel .e-reportviewer-ondemand-progressbarpercentage,
.e-reportviewer-ondemand-progressbarpanel .e-reportviewer-ondemand-progressbar-cancel {
  --report-viewer-font: "Plus Jakarta Sans";
  font-family: var(--report-viewer-font, "Plus Jakarta Sans") !important;
}

.wm-ej1-only .reportviewer {
  border: 1px solid rgb(235, 21, 21);
}
.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 {
  top: -6px !important;
  margin: 10px auto !important;
  background-size: 25px 25px !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;
}

#wm-reportviewer .e-reportviewer-viewer .e-rv-button-active .e-viewer-icons,
#wm-reportviewer .e-rv-button-active .e-icons {
  color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer .e-reportviewer-viewer .e-rv-button-active .e-viewer-icons,
  #wm-reportviewer .e-rv-button-active .e-icons {
    color: #afb3b9 !important;
  }
}
#wm-reportviewer .e-reportviewer-viewer div[id$=_viewerContentContainer] {
  height: 100% !important;
  width: 100% !important;
  display: grid !important;
  justify-content: center !important;
  grid-template-rows: auto 1fr;
  justify-items: center;
}
#wm-reportviewer .e-toolbar-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#wm-reportviewer .e-spinner-inner {
  margin-top: 4rem;
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer .e-reportviewer-box-border .e-reportviewer-viewer.e-reportviewer-viewerblock {
    background: rgb(34.5, 38.25, 42) !important;
  }
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer #wm-reportviewer_nativePropertiesContainer #wm-reportviewer_nativePaneHeader {
    background: rgb(27.6, 30.6, 33.6);
  }
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer #wm-reportviewer_nativePropertiesContainer #wm-reportviewer_accordionContainer {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  #wm-reportviewer #wm-reportviewer_nativePropertiesContainer #wm-reportviewer_accordionContainer::placeholder {
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer #wm-reportviewer_nativePropertiesContainer #wm-reportviewer_accordionContainer {
    background: rgb(34.5, 38.25, 42);
  }
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer #wm-reportviewer_nativePropertiesContainer #wm-reportviewer_nativePerformancePanelContainer,
  #wm-reportviewer #wm-reportviewer_nativePropertiesContainer #wm-reportviewer_searchDialogPanelContainer {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
    color: rgb(237, 242, 243) !important;
  }
  #wm-reportviewer #wm-reportviewer_nativePropertiesContainer #wm-reportviewer_nativePerformancePanelContainer::placeholder,
  #wm-reportviewer #wm-reportviewer_nativePropertiesContainer #wm-reportviewer_searchDialogPanelContainer::placeholder {
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer #wm-reportviewer_nativePropertiesContainer #wm-reportviewer_nativePerformancePanelContainer,
  #wm-reportviewer #wm-reportviewer_nativePropertiesContainer #wm-reportviewer_searchDialogPanelContainer {
    background: rgb(27.6, 30.6, 33.6) !important;
  }
}
#wm-reportviewer .e-reportviewer-nativepagesetupcontent {
  font-family: "Plus Jakarta Sans";
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer .e-accordion {
    background: rgb(34.5, 38.25, 42);
  }
}
#wm-reportviewer .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
    color: #afb3b9 !important;
  }
}
#wm-reportviewer .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, #wm-reportviewer .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
  color: #33353b !important;
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, #wm-reportviewer .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
    color: #7a8391 !important;
  }
}
#wm-reportviewer .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-icons {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-icons {
    color: #afb3b9 !important;
  }
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer .e-accordion .e-acrdn-item.e-selected.e-select.e-selected.e-expand-state > .e-acrdn-header, #wm-reportviewer .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header {
    background: #2e3338;
  }
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer .e-accordion .e-acrdn-item.e-selected.e-select.e-active {
    background: rgb(41.4, 45.9, 50.4);
  }
}
@media (prefers-color-scheme: dark) {
  #wm-reportviewer .e-acrdn-panel .e-acrdn-content {
    background: rgb(27.6, 30.6, 33.6);
  }
}

@media (prefers-color-scheme: dark) {
  .e-reportviewer-pageviewcontainer,
  #wm-reportviewer_viewerContainer,
  .e-diagram {
    background: #292e32 !important;
  }
}
@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .e-reportviewer-viewerblockcellcontent,
  .e-wm-reportviewer_toolbarContainer_nav,
  .e-toolbar-center,
  .e-tbar-btn,
  .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%;
}

.wm-sales-order-item-sidebar-widget-cont {
  margin-top: 2em !important;
  border-radius: 0.5rem !important;
  border-color: rgb(203, 213, 224) !important;
  background: rgb(237, 242, 243);
}
.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: rgb(229.4, 230.68, 232.6) !important;
  color: rgb(229.4, 230.68, 232.6) !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 {
  fill: #7a8391;
  width: 13px;
  height: 13px;
}
.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: rgb(113, 128, 150) !important;
}
.wm-sales-order-item-sidebar-widget-cont .card-title {
  margin-bottom: 0.25rem;
  font-size: 18px;
  color: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-sales-order-item-sidebar-widget-cont .card-title {
    color: rgb(192, 201, 211) !important;
  }
}
.wm-sales-order-item-sidebar-widget-cont .wm-stock-status-card {
  border-radius: 0.4rem;
  padding: 10px;
  background-color: rgb(237, 242, 247);
}
@media (prefers-color-scheme: dark) {
  .wm-sales-order-item-sidebar-widget-cont .wm-stock-status-card {
    background-color: rgb(27.6, 30.6, 33.6);
  }
}
.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: 1rem !important;
  background-color: rgb(237, 242, 247) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-sales-order-item-sidebar-widget-cont #ProductPriceBreakCardViewWidget .wm-collapse-child .card-block {
    background-color: rgb(27.6, 30.6, 33.6) !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: rgb(74, 85, 104);
}
@media (prefers-color-scheme: dark) {
  .wm-sales-order-item-sidebar-widget-cont #ProductPriceBreakCardViewWidget .wm-collapse-child .card-block .wm-row:first-child div[class^=col-] {
    color: rgb(192, 201, 211) !important;
  }
}
.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: rgb(160.616, 167.556, 175.884);
  transition: all 0.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 0.2s ease-in-out !important;
  margin-left: 5px;
  color: rgb(160.616, 167.556, 175.884);
}
.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 {
    display: list-item !important;
    width: 14%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 47.9375em) {
  .wm-tab-arrow .nav li {
    margin-bottom: 1rem;
  }
}
.wm-tab-arrow .nav li a {
  font-size: calc(15px + 1 * (100vw - 320px) / 680) !important;
  color: rgb(38.25, 38.25, 38.25);
}
@media only screen and (min-width: 48em) {
  .wm-tab-arrow .nav li a {
    margin-bottom: 12px !important;
    transition: 0.3s;
    text-align: center;
  }
}
@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 10px 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 {
  border: #7a8391 3px solid;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

#wm-sales-process-tabs li a.active {
  color: #afb3b9 !important;
}
#wm-sales-process-tabs li .wm-checkbox {
  opacity: 0;
}
#wm-sales-process-tabs li .wm-checkbox .e-frame {
  border-radius: 4px !important;
}
#wm-sales-process-tabs li .wm-checkbox:has(.e-checkbox) {
  opacity: 1;
}
#wm-sales-process-tabs::before {
  content: "";
  top: 48px;
  margin-left: 7%;
  background-color: #7a8391;
  width: 86%;
  height: 5px;
  position: absolute;
  bottom: 0;
}
@media (prefers-color-scheme: dark) {
  #wm-sales-process-tabs::before {
    background-color: #7a8391 !important;
  }
}
@media only screen and (min-width: 1452px) {
  #wm-sales-process-tabs::before {
    top: 49px;
  }
}
@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 {
    top: 0;
    right: 25px;
    width: 5px;
    height: 100%;
  }
}

@media (prefers-color-scheme: dark) {
  .wm-stageheader-name {
    color: rgb(192, 201, 211);
  }
  .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;
  }
}
::-webkit-scrollbar {
  scrollbar-gutter: stable;
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  cursor: pointer;
}
@media (prefers-color-scheme: light) {
  ::-webkit-scrollbar-thumb {
    background: rgb(163.8703703704, 170.037037037, 179.6296296296);
  }
}
@media (prefers-color-scheme: dark) {
  ::-webkit-scrollbar-thumb {
    background: rgb(86.2345679012, 93.2901234568, 104.2654320988);
  }
}

::-webkit-scrollbar-track {
  border-radius: 8px;
}
@media (prefers-color-scheme: light) {
  ::-webkit-scrollbar-track {
    background: hsl(216.5217391304, 9.4650205761%, 102.3529411765%);
  }
}
@media (prefers-color-scheme: dark) {
  ::-webkit-scrollbar-track {
    background: rgb(102.3950617284, 110.7728395062, 123.8049382716);
  }
}

.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 {
  font-size: 0.875rem;
  color: #2c2b2e !important;
}
@media (prefers-color-scheme: dark) {
  .wm-widget[data-name=ReleaseFeatures] .feature-details p {
    color: rgb(255, 255, 255) !important;
  }
}
.wm-widget[data-name=ReleaseFeatures] .release-feature:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: -1.35rem;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
}
@media (prefers-color-scheme: dark) {
  .wm-widget[data-name=ReleaseFeatures] .release-feature:not(:last-child):after {
    background-color: rgba(226, 226, 226, 0.1411764706) !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 {
  font-size: 12px;
  width: 12px;
  height: 12px;
}

.e-schedule .e-more-popup-wrapper .e-appointment {
  position: inherit;
}
@media (prefers-color-scheme: dark) {
  .e-schedule .e-appointment {
    color: rgb(255, 255, 255) !important;
  }
}
.e-schedule .e-appointment .e-subject.wm-wrap-subject {
  height: 32px;
  white-space: normal;
}
.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;
}
.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;
}
@media (prefers-color-scheme: dark) {
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
    background: #202225 !important;
  }
}
@media (prefers-color-scheme: dark) {
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
    background: rgb(43.8260869565, 46.5652173913, 50.6739130435) !important;
  }
}
.e-schedule .e-schedule-table tr table.e-content-table tr:last-child td:first-child {
  border-bottom-left-radius: 0.5rem;
}
.e-schedule .e-schedule-table tr table.e-content-table tr:last-child td:last-child {
  border-bottom-right-radius: 0.5rem;
}
.e-schedule .e-schedule-table.e-content-table .e-appointment.wm-schedule-holiday-affecting-allowance, .e-schedule .e-schedule-table .e-timeline-month-view .e-appointment.wm-schedule-holiday-affecting-allowance, .e-schedule .e-schedule-table .e-timeline-view .e-appointment.wm-schedule-holiday-affecting-allowance {
  background: rgb(24.525, 84.475, 24.525) !important;
  color: rgb(255, 255, 255);
}
.e-schedule .e-schedule-table.e-content-table .e-appointment.wm-schedule-holiday-not-affecting-allowance, .e-schedule .e-schedule-table .e-timeline-month-view .e-appointment.wm-schedule-holiday-not-affecting-allowance, .e-schedule .e-schedule-table .e-timeline-view .e-appointment.wm-schedule-holiday-not-affecting-allowance {
  background: rgb(163.8703703704, 170.037037037, 179.6296296296) !important;
}
.e-schedule .e-schedule-table.e-content-table .e-appointment.wm-schedule-illness, .e-schedule .e-schedule-table .e-timeline-month-view .e-appointment.wm-schedule-illness, .e-schedule .e-schedule-table .e-timeline-view .e-appointment.wm-schedule-illness {
  background: rgb(241.0236220472, 91.4763779528, 91.4763779528) !important;
}
.e-schedule .e-schedule-table.e-content-table .e-appointment.wm-schedule-labour-transaction, .e-schedule .e-schedule-table .e-timeline-month-view .e-appointment.wm-schedule-labour-transaction, .e-schedule .e-schedule-table .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 {
  position: relative;
  margin-left: 2px;
  color: white;
}
.e-appointment-wrapper .wm-link-icon-inline .wm-icon, .e-more-appointment-wrapper .wm-link-icon-inline .wm-icon {
  fill: white !important;
  height: 13px;
  font-size: 13px;
  color: white !important;
}

.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 {
  border-radius: 9px;
  padding: 1px 5px;
  padding-bottom: 0;
  line-height: 12px;
  text-transform: uppercase;
  position: relative;
  top: -15px;
  right: -5px;
}

.category-filter-item.list-group-item {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  border-radius: 0.5rem;
  padding: 5px 10px;
  list-style-type: none;
  background-color: rgb(226, 232, 240);
  border: none;
}
@media (prefers-color-scheme: dark) {
  .category-filter-item.list-group-item {
    background-color: rgb(73.6, 81.6, 89.6);
  }
  .category-filter-item.list-group-item > div {
    transition: all 0.2s 0.2s;
    color: rgb(237, 242, 243) !important;
  }
  .category-filter-item.list-group-item.active > div {
    font-weight: 500;
    color: #33353b !important;
  }
  .category-filter-item.list-group-item:hover {
    background-color: rgb(73.6, 81.6, 89.6) !important;
  }
}
.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: rgb(160, 174, 192);
}
.category-filter-item.list-group-item > div {
  position: relative;
  display: flex;
  align-items: center;
  transition: all 0.2s 0.2s;
  color: rgb(44, 43, 46);
}
.category-filter-item.list-group-item.active > div {
  font-weight: 500;
  color: rgb(255, 255, 255);
}
.category-filter-item.list-group-item::before {
  content: "";
  transform: scaleY(0);
  transition: transform 0.2s, width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s;
  border-radius: 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: rgb(192, 201, 211);
}
.category-filter-item.list-group-item:hover::before {
  transform: scaleY(1);
}

.wm-mini-widget-title {
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
  color: rgb(119, 129, 141);
}
.wm-mini-widget-primary-text {
  display: block;
  font-size: 30px;
  line-height: normal;
  text-transform: none;
  color: rgb(46, 51, 56);
}
.wm-mini-widget-primary-icon {
  margin-bottom: 45px;
  border-radius: 3px;
  padding: 10px;
  background: rgb(192, 201, 211);
}
.wm-icon-small {
  text-align: center;
}
.wm-widget-container {
  border-radius: 1rem;
}
.wm-widget-container .wm-matrixcontainer {
  overflow: scroll !important;
}
.wm-widget-container .wm-section {
  border-radius: 1rem;
}
.wm-widget-container .wm-section .wm-section-inner {
  box-shadow: none !important;
}
.wm-widget-panel .wm-section-inner > .wm-widget-body > .alert {
  display: inline-block !important;
}

@media only screen and (max-width: 61.9375em) {
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-datatable) {
    display: block;
  }
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-datatable) > div,
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-datatable) .wm-widget,
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-datatable) .wm-widget-panel,
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-datatable) .wm-section {
    display: block !important;
  }
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-section {
  border-radius: 1rem !important;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content div[data-widget-name=CommunicationActivityList] #CommunicationActivityList {
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content div#loadedtabwidgetmyholiday {
  display: block !important;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content div#loadedtabwidgetmyholiday div[data-widget-name=GenericKPI] > div,
.wm-main-page:not(:has(#bank_transaction)) .tab-content div#loadedtabwidgetmyholiday div[data-widget-name=GenericKPI] .wm-widget-panel,
.wm-main-page:not(:has(#bank_transaction)) .tab-content div#loadedtabwidgetmyholiday div[data-widget-name=GenericKPI] .wm-section {
  display: block !important;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content div#loadedtabwidgetmyholiday div[data-widget-name=GenericKPI] .wm-section {
  border-radius: 1rem !important;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content div[data-widget-name=SysSupportReportPrintTargetList] {
  display: block !important;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content div[data-widget-name=TaxDistributionValueCardView] {
  padding: 0;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content div[data-widget-name=TaxDistributionValueCardView] .wm-widget-body > .row.wm-row {
  margin-bottom: 0 !important;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content div[data-widget-name=TaxDistributionValueCardView] .wm-widget-body > .row.wm-row > .col-12 {
  flex: 1 !important;
  max-width: 100% !important;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content div[data-widget-name=Address] {
  display: flex;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-datatable),
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-collection-grid) {
  display: block !important;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-datatable) .wm-widget-container,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-collection-grid) .wm-widget-container {
  display: block !important;
  height: 100%;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-datatable) .wm-widget-container .wm-widget-container-body,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-collection-grid) .wm-widget-container .wm-widget-container-body {
  height: 100%;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-datatable) .wm-widget:first-of-type,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-collection-grid) .wm-widget:first-of-type {
  display: block;
  flex: 1;
  width: 100%;
  height: 100%;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-datatable) .wm-widget:first-of-type > .wm-widget-panel:first-of-type,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-collection-grid) .wm-widget:first-of-type > .wm-widget-panel:first-of-type {
  display: block;
  height: 100%;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-datatable) .wm-widget:first-of-type > .wm-widget-panel:first-of-type > .wm-section:first-of-type,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-collection-grid) .wm-widget:first-of-type > .wm-widget-panel:first-of-type > .wm-section:first-of-type {
  display: block;
  height: calc(100% - 1rem);
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row:has(.wm-collection-grid) > div:first-of-type {
  display: block !important;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .wm-form-row:has([data-widget-name=GenericKPI]) {
  display: grid;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .wm-form-row:has([data-widget-name=GenericKPI]) div[data-widget-name=GenericKPI] {
  display: flex;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .wm-form-row:has([data-widget-name=GenericKPI]) #ProductQuantityOnHand,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .wm-form-row:has([data-widget-name=GenericKPI]) #ProductCostOnHand {
  display: flex;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .wm-form-row:has([data-widget-name=GenericKPI]) .wm-widget-kpi, .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .wm-form-row:has([data-widget-name=GenericKPI]) .wm-widget-kpi > div {
  width: 100%;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-section-inner .wm-section-inner .wm-row .wm-form-row {
  display: flex;
  flex-direction: column;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-section-inner .wm-section-inner .wm-row .wm-form-row div:not(.dropdown-menu):not(.form-inline):not(.icon-button-content):not(.wm-container-parent) {
  display: block;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row {
  display: inline-flex;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row > div:first-of-type:not(.wm-row):not(.wm-container-parent) {
  display: inline-flex;
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row > div:first-of-type:not(.wm-row):not(.wm-container-parent) > .wm-section-inner:first-child,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row > div:first-of-type:not(.wm-row):not(.wm-container-parent) > .wm-widget:first-child {
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row > div:first-of-type:not(.wm-row):not(.wm-container-parent) > .wm-section:first-child {
  display: inline-flex;
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row > div:first-of-type:not(.wm-row):not(.wm-container-parent) > .wm-section:first-child > .wm-section-inner:first-child {
  display: inline-flex;
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row > div:first-of-type:not(.wm-row):not(.wm-container-parent) > .wm-section:first-child > .wm-section-inner:first-child > .wm-collapsible-section:first-child {
  display: inline-flex;
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row > div:first-of-type:not(.wm-row):not(.wm-container-parent) > .wm-section:first-child > .wm-section-inner:first-child > .wm-collapsible-section:first-child > .wm-section-inner:first-child {
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row .wm-widget {
  display: inline-flex;
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row .wm-widget .wm-widget-panel {
  display: inline-flex;
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row .wm-widget .wm-widget-panel > div:first-child {
  display: inline-flex;
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row .wm-widget .wm-widget-panel > div:first-child > div:first-child {
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row .wm-widget .wm-widget-panel .wm-section {
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row .wm-widget-container {
  display: inline-flex;
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row .wm-widget-container .wm-widget-container-body {
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row .wm-widget-container .wm-widget-container-body > div {
  display: flex;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row .wm-widget-container .wm-widget-container-body > div .wm-widget {
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row.wm-container-parent,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row > .wm-form-row .wm-form-row {
  display: unset;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .wm-form-row:has(> .wm-section + .wm-section) {
  flex-direction: column;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .wm-row .wm-form-row {
  display: block;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .wm-row .wm-form-row .wm-row,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .wm-row .wm-form-row .wm-form-row {
  display: block;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .wm-widget-hide-header {
  display: flex;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row),
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row) {
  display: inline-flex;
}
@media only screen and (max-width: 61.9375em) {
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row):has(.wm-datatable),
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row):has(.wm-datatable) {
    display: block;
  }
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row):has(.wm-datatable) > div,
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row):has(.wm-datatable) .wm-widget,
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row):has(.wm-datatable) .wm-widget-panel,
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row):has(.wm-datatable) .wm-section,
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row):has(.wm-datatable) > div,
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row):has(.wm-datatable) .wm-widget,
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row):has(.wm-datatable) .wm-widget-panel,
  .wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row):has(.wm-datatable) .wm-section {
    display: block !important;
  }
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row):has(.wm-datatable),
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row):has(.wm-datatable) {
  display: block;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row):has(.wm-datatable) > .wm-widget:first-of-type,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row):has(.wm-datatable) > .wm-widget:first-of-type {
  display: block;
  flex: 1;
  width: 100%;
  height: 100%;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row):has(.wm-datatable) > .wm-widget:first-of-type > .wm-widget-panel:first-of-type,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row):has(.wm-datatable) > .wm-widget:first-of-type > .wm-widget-panel:first-of-type {
  display: block;
  height: 100%;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row):has(.wm-datatable) > .wm-widget:first-of-type > .wm-widget-panel:first-of-type > .wm-section:first-of-type,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row):has(.wm-datatable) > .wm-widget:first-of-type > .wm-widget-panel:first-of-type > .wm-section:first-of-type {
  display: block;
  height: calc(100% - 1rem);
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row) > .wm-widget:first-of-type,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row) > .wm-widget:first-of-type {
  display: inline-flex;
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row) > .wm-widget:first-of-type > .wm-widget-panel:first-of-type,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row) > .wm-widget:first-of-type > .wm-widget-panel:first-of-type {
  display: inline-flex;
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row) > .wm-widget:first-of-type > .wm-widget-panel:first-of-type > .wm-section:first-child,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row) > .wm-widget:first-of-type > .wm-widget-panel:first-of-type > .wm-section:first-child {
  display: inline-flex;
  flex: 1;
}
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-6:not(.wm-form-row) > .wm-widget:first-of-type > .wm-widget-panel:first-of-type > .wm-section:first-child > .wm-section-inner:first-child,
.wm-main-page:not(:has(#bank_transaction)) .tab-content .wm-row .col-12.col-sm-12.col-md-12.col-lg-6:not(.wm-form-row) > .wm-widget:first-of-type > .wm-widget-panel:first-of-type > .wm-section:first-child > .wm-section-inner:first-child {
  flex: 1;
}

.svgChartTemp {
  border-radius: 50%;
  background: #7a8391;
  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-top: -12px;
  margin-bottom: -13px;
  margin-left: 7px;
}
.donut.wm-progress-donut .donut-ring {
  stroke: rgb(27.3545454545, 28.4272727273, 31.6454545455);
}
.donut.wm-progress-donut.dark .donut-ring {
  stroke: rgb(197.6511627907, 224.7325581395, 243.8488372093);
}

.e-spinner-pane {
  z-index: 999;
}
.e-spinner-pane.e-spin-hide {
  display: none !important;
}

div[data-widget-name=CoreAudit] .wm-core-audit .wm-form-row .wm-row {
  margin-bottom: 1rem;
}

div[name=tab-content-tags-maintain] {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: "multiselect add-button" "form-fields form-fields";
}
div[name=tab-content-tags-maintain] .e-multiselect {
  grid-area: multiselect;
}
div[name=tab-content-tags-maintain] #tag-quick-add-button {
  grid-area: add-button;
}
div[name=tab-content-tags-maintain] #tag-quick-add-form {
  grid-area: form-fields;
}
div[name=tab-content-tags-maintain] #tag-quick-add-save-button {
  margin-top: 1rem;
}

div[name=TaxDistributionValueCardView] .wm-tax-info-tooltip {
  width: 100%;
}
div[name=TaxDistributionValueCardView] .wm-tax-info-tooltip .text-info.wm-container-parent {
  margin-top: 0 !important;
}

form#request_for_quotation_items_view .tab-content .wm-form-row:has(#loadedtabwidgetsuppliers, #loadedtabwidgetproducts, #loadedtabwidgetitems):has(.wm-datatable) .wm-widget-container-body > div, form#request_for_quotation_items_view .tab-content .wm-form-row:has(#loadedtabwidgetsuppliers, #loadedtabwidgetproducts, #loadedtabwidgetitems):has(.wm-collection-grid) .wm-widget-container-body > div {
  display: inline;
}
form#request_for_quotation_items_view .tab-content .wm-form-row:has(#loadedtabwidgetsuppliers, #loadedtabwidgetproducts, #loadedtabwidgetitems) .widget-panel .wm-section {
  padding-bottom: 0 !important;
}

div[data-widget-name=GenericKPI] .wm-kpi-layout {
  display: block grid;
  grid-template-rows: 1fr auto;
  min-height: 130px;
}
div[data-widget-name=GenericKPI] .wm-kpi-layout .wm-kpi-primary-text {
  align-content: flex-end;
}
div[data-widget-name=GenericKPI] .os-scrollbar,
div[data-widget-name=GenericKPI] .os-scrollbar-corner {
  display: none !important;
}
div[data-widget-name=GenericKPI] .os-viewport {
  overflow: hidden !important;
  display: block;
}
div[data-widget-name=GenericKPI] .wm-widget-footer:empty {
  display: none !important;
}

@media (prefers-color-scheme: dark) {
  #LeaveHeatMap > .wm-widget-panel .wm-collapsible-section .wm-section-inner {
    background-color: rgb(41.4, 45.9, 50.4) !important;
  }
  #LeaveHeatMap > .wm-widget-panel .wm-collapsible-section .wm-section-inner .e-control.e-heatmap svg > rect {
    fill: rgb(41.4, 45.9, 50.4) !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: 0.7;
  }
}
.modulesearch {
  z-index: 1039;
  transform-origin: 100% 0;
  transition-property: min-height, width, top, right;
  transition-property: min-height, width, top, left;
  transition-duration: 225ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgb(226, 232, 240);
  border-radius: 50px;
  width: 250px;
  background: rgb(255, 255, 255);
}
@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;
  }
}
@media only screen and (max-width: 23.9375em) {
  .modulesearch {
    width: 124px;
  }
}
.modulesearch .search-icon {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  font-size: 1rem;
  color: rgb(160, 174, 192);
}
@media only screen and (max-width: 23.9375em) {
  .modulesearch .search-icon {
    left: 0.25rem;
  }
}
.modulesearch-form {
  position: relative;
  transition-property: width, height, transform;
  transition-duration: 225ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0 auto;
  width: 100%;
  height: 36px;
}
@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 {
  transition: font-size 225ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 50px;
  padding: 0 10% 0 10px;
  padding-inline-start: 2rem;
  font-weight: 500;
  text-overflow: ellipsis;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  /* 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: rgb(29, 31, 34) !important;
  }
  .modulesearch-input, .modulesearch-input::placeholder {
    font-weight: normal;
    font-style: normal;
    color: rgb(207.0140186916, 213.8691588785, 221.4859813084) !important;
  }
}
.modulesearch-input::-ms-clear {
  display: none;
}
.modulesearch-submit:focus {
  outline: none;
}
.modulesearch.open {
  border: 0;
  width: 100%;
  min-height: auto;
  position: absolute;
  top: -60px;
  left: 0px;
}
@media (prefers-color-scheme: dark) {
  .modulesearch.open {
    background-color: rgb(29, 31, 34);
  }
}
.modulesearch.open .search-icon {
  display: none;
}
.modulesearch.open .modulesearch-form {
  top: 5px;
  left: 5px;
  transform: translate3d(0, 3em, 0);
  background-color: rgb(29, 31, 34) !important;
  width: 85%;
  height: 70px;
}
.modulesearch.open .modulesearch-input {
  border-radius: 0px;
  padding-left: 0;
  background: rgb(255, 255, 255) !important;
  font-size: 2em;
}
@media (prefers-color-scheme: dark) {
  .modulesearch.open .modulesearch-input {
    background-color: rgb(29, 31, 34) !important;
    color: rgb(192, 201, 211) !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 225ms, transform 225ms;
  transition-delay: 225ms;
  pointer-events: auto;
}
.modulesearch.open .modulesearch-close {
  right: 0px;
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: opacity 225ms, transform 225ms;
  transition-delay: 225ms;
  pointer-events: auto;
}
.modulesearch.open .modulesearch-content {
  opacity: 1;
  overflow: visible;
  transition: opacity 225ms 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 {
  opacity: 0;
  transform: scale3d(0, 0, 1);
  overflow: hidden;
  pointer-events: none;
  cursor: pointer;
  text-indent: 100%;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
}
.modulesearch-close:hover.modulesearch-close::before, .modulesearch-close:hover.modulesearch-close::after {
  opacity: 1;
  background: rgb(63.75, 63.75, 63.75);
}
.modulesearch-close::before {
  transform: rotate(45deg);
}
.modulesearch-close::after {
  transform: rotate(-45deg);
}
.modulesearch-close::before, .modulesearch-close::after {
  content: "";
  border-radius: 3px;
  background: rgb(119, 129, 141);
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
}
@media only screen and (max-width: 28.9375em) {
  .modulesearch-close::before, .modulesearch-close::after {
    height: 85%;
  }
}
.modulesearch.hideInput .modulesearch-input {
  transition: color 225ms;
  color: transparent;
}

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

a {
  cursor: pointer !important;
}

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

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

.list-group-item.wm-pointer:hover {
  background-color: rgb(237, 242, 243);
  border-color: #7a8391;
  color: initial !important;
}

.googleMap {
  position: relative;
  overflow: hidden;
  transform: translateZ(0px);
  background-color: rgb(237, 242, 243);
  width: 100%;
  height: 200px;
}

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

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

.card.wm-collection-card .wm-generic-card .d-flex .ml-auto .wm-image-entity.background-logo .wm-image-medium.rounded-circle {
  margin-top: 2px;
}

@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 {
  box-shadow: 0 1px 6px -1px rgba(46, 51, 56, 0.2);
  border-radius: 4px;
  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: rgb(215.6258064516, 217.9419354839, 222.5741935484) !important;
    color: rgb(215.6258064516, 217.9419354839, 222.5741935484) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-section-expand-icon > svg {
    fill: rgb(207.64, 210.008, 213.56) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-section-expand-icon > i {
    color: rgb(207.64, 210.008, 213.56) !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 0.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;
  font-weight: 500;
}
.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: rgb(146.744, 154.704, 164.256);
}
.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 {
  left: 52% !important;
  font-size: 1.2rem !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: rgb(192, 201, 211) !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 {
  min-width: 24px;
  padding: 5px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  /*&:not(.dropdown-toggle)::after {
      content: $content;
      display: block;
      font-size: 17px;
      font-family: "Font Awesome 6 Pro";
                  color: vars.$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:has(.button-content span + span) {
  padding: 5px 10px 5px 5px;
}
.wm-add-new-record .wm-button.btn:after {
  content: none !important;
}

@media (prefers-color-scheme: dark) {
  .wm-section-inner hr {
    background-color: rgb(229.4, 230.68, 232.6);
  }
}
.wm-section-inner .wm-section {
  box-shadow: none;
}
.wm-section-inner .wm-section-actions .wm-action-button-group .btn-group .wm-button.btn {
  min-width: 24px;
  padding: 5px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  /*&:not(.dropdown-toggle)::after {
      content: $content;
      display: block;
      font-size: 17px;
      font-family: "Font Awesome 6 Pro";
                  color: vars.$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:has(.button-content span + span) {
  padding: 5px 10px 5px 5px;
}
.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: 0.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: rgb(169.56, 173.832, 180.24) !important;
}
@media (prefers-color-scheme: dark) {
  .wm-section-actions .wm-datatable-filter-container i {
    color: rgb(204.4387096774, 207.4129032258, 213.3612903226) !important;
  }
}
.wm-section-actions .wm-datatable-filter-container i:hover {
  color: rgb(255, 255, 255) !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 {
  z-index: 9999999;
  background: url(/dist/images/temp/img/login-bg.jpg) no-repeat center center fixed;
  background-size: cover;
  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: rgb(255, 255, 255);
  }
}
.wm-initial-log-in-page .panel {
  position: relative;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  max-width: 440px;
  min-width: 320px;
  width: calc(100% - 40px);
  background-color: rgb(255, 255, 255);
  margin: 300px auto 28px auto;
  padding: 20px 40px 40px 40px;
}
@media (prefers-color-scheme: dark) {
  .wm-initial-log-in-page .panel {
    background-color: rgb(46, 51, 56);
    opacity: 0.95;
  }
  .wm-initial-log-in-page .panel #btnsubmitform {
    background-color: rgb(0, 120, 214) !important;
    border: rgb(0, 111.4205607477, 198.7) !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 {
  clear: both;
  margin: 0px;
  background: url(/../images/WinManLogoLight.svg) no-repeat top left;
  background-size: 175px 50px;
  padding: 0px;
  width: 200px;
  height: 75px;
}
.wm-initial-log-in-page form label span {
  margin-left: 10px;
}

.wm-collapsable-sidepanel {
  z-index: 1029;
  top: 45px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  border-left: 1px solid rgb(224.4, 224.4, 224.4);
  width: 60px;
  padding: 0.9rem 0 1rem 0;
  background-color: rgb(255, 255, 255);
  position: fixed;
  bottom: 0;
  right: 0;
}
@media (prefers-color-scheme: dark) {
  .wm-collapsable-sidepanel {
    background-color: rgb(26, 32, 44);
    border-left: 1px solid rgb(90.6528, 98.6048, 108.1472);
  }
}
.wm-collapsable-sidepanel-toggler {
  z-index: 1024;
  display: inline-block;
  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.15);
  outline: none !important;
  border-right: 0;
  padding: 15px 11px 15px 15px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgb(237, 242, 243);
  color: rgb(146.9579439252, 162.3925233645, 179.5420560748);
  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 {
    border-color: rgb(83.676, 91.016, 99.824);
    background-color: rgba(104.3328, 113.4848, 124.4672, 0.85);
  }
}
.wm-collapsable-sidepanel-toggler::after {
  content: "\f053";
  font-family: "Font Awesome 5 Pro";
}
@media (prefers-color-scheme: dark) {
  .wm-collapsable-sidepanel-toggler::after {
    color: rgb(192, 201, 211);
  }
}
@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 {
  border: 0;
  list-style-type: none;
  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 rgb(255, 255, 255);
  border-radius: 50px;
}
.wm-collapsable-sidepanel-nav-toolbar-item.nav-item.add-new-toolbar-item:hover {
  border: 1px dashed rgb(146.9579439252, 162.3925233645, 179.5420560748);
}
.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;
  transition: all 0.3s;
  border: 0;
  border-radius: 50%;
  outline: none !important;
  cursor: pointer;
  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: rgb(224.4, 224.4, 224.4);
}
@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: rgb(67.3968, 73.3088, 80.4032) !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;
  top: 15px;
  left: 10px;
}
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: rgb(255, 255, 255);
  position: fixed;
  bottom: 17px;
  left: 10px;
  width: 28px;
  height: 27px;
}
.scrollTop i {
  color: #7a8391;
}
.scrollTop .scrollTop:hover {
  opacity: 0.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 {
  flex-wrap: nowrap;
  gap: 1rem;
}
@media only screen and (max-width: 23.9375em) {
  .navbar {
    gap: 0.25rem;
  }
}
.navbar:not(.fixed-top) {
  background-color: transparent !important;
}
.navbar:not(.fixed-top) .winmancloud-logo {
  display: none;
}
.navbar-brand {
  display: flex;
  align-items: center;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-brand .winmancloud-logo,
.navbar-brand .winmancloud-icon {
  fill: rgb(255, 255, 255);
  margin-left: auto;
  margin-right: auto;
}
.navbar-brand .winmancloud-logo {
  display: inline;
  width: 140px;
  height: 22px;
}
@media only screen and (max-width: 35.9375em) {
  .navbar-brand .winmancloud-logo {
    display: none;
  }
}
@media only screen and (max-width: 28.9375em) {
  .navbar-brand .winmancloud-logo {
    width: 100px;
    height: 16px;
  }
}
.navbar-brand .winmancloud-icon {
  display: none;
  width: 41.5px;
  height: 22px;
}
@media only screen and (max-width: 35.9375em) {
  .navbar-brand .winmancloud-icon {
    display: inline;
  }
}
.navbar-dark.fixed-top {
  backdrop-filter: blur(1rem);
  border-color: rgb(237, 242, 243);
  /*MJH temp hardcoded height as it was changing whilst page loads*/
  height: 56px;
  background-image: radial-gradient(at bottom left, #7a8391, #afb3b9);
}
@media (prefers-color-scheme: dark) {
  .navbar-dark.fixed-top {
    background-image: radial-gradient(at bottom left, rgba(122, 131, 145, 0.7), rgba(175, 179, 185, 0.7));
  }
}
@media only screen and (max-width: 23.9375em) {
  .navbar-dark.fixed-top {
    padding: 8px;
  }
}
.navbar-nav .dropdown > .dropdown-menu {
  right: 0;
  left: auto;
}
.navbar-right.wm-page-menu {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
}
@media only screen and (max-width: 23.9375em) {
  .navbar-right.wm-page-menu {
    gap: 0.25rem;
  }
}
@media only screen and (max-width: 61.9375em) {
  .navbar-right.wm-page-menu #notificationToggle,
  .navbar-right.wm-page-menu .system-locale {
    display: none;
  }
}
.navbar-right.wm-page-menu .notifications a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0px);
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 50px;
  cursor: pointer;
}
.navbar-right.wm-page-menu .notifications a i {
  font-size: 1.2rem;
  color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .navbar-right.wm-page-menu .notifications a i {
    color: rgb(247, 250, 252);
  }
}
.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, rgb(245, 101, 101), rgb(255, 59, 48), rgb(255, 69, 58), rgb(245, 101, 101), rgb(252, 129, 129));
  background-size: 600%;
  color: rgb(255, 255, 255);
}
.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: rgb(255, 255, 255);
}
.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: 38px;
  height: 38px;
  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 {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 1rem;
}
.navbar-right.wm-page-menu ul.dropdown-menu.show {
  padding: 10px;
}
.navbar .menu-toggler {
  position: relative;
  width: 38px;
  height: 38px;
  cursor: pointer;
}
@media only screen and (min-width: 62em) {
  .navbar .menu-toggler {
    display: none;
  }
}
.navbar .menu-toggler div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 22px;
  height: 12px;
}
.navbar .menu-toggler span {
  position: absolute;
  display: block;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border-radius: 50px;
  width: 100%;
  height: 2px;
  background-color: rgb(255, 255, 255);
}
.navbar .menu-toggler span:first-of-type {
  top: 0;
}
.navbar .menu-toggler span:last-of-type {
  bottom: 0;
}
.navbar .menu-toggler.active span:first-of-type {
  top: 5px;
  transform: rotate(45deg);
}
.navbar .menu-toggler.active span:last-of-type {
  bottom: 5px;
  transform: rotate(-45deg);
}
.navbar .menu-toggler.active:hover span:first-of-type, .navbar .menu-toggler.active:hover span:last-of-type {
  width: 22px;
}
@media only screen and (min-width: 62em) {
  .navbar .menu-toggler:hover span:first-of-type {
    width: 26px;
  }
  .navbar .menu-toggler:hover span:last-of-type {
    width: 12px;
  }
}

#mainNav {
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@media only screen and (min-width: 62em) {
  #mainNav .user-nav-links {
    display: none;
  }
}
#mainNav.fixed-top.navbar-light .sidenav-toggler {
  background-color: rgb(237.0420560748, 239.6074766355, 242.4579439252);
}
#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: rgb(255, 255, 255);
}
#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
  font-size: 20px;
  font-weight: 900;
  color: rgb(177.8271604938, 183.049382716, 191.1728395062);
}
#mainNav .navbar-collapse {
  max-height: 65vh;
}
@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-x: hidden;
    margin-top: 10px;
    border-radius: 4px;
    padding: 6px 0 0 0;
    background: rgb(26, 32, 44);
  }
  #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 {
  font-size: 10px;
  position: absolute;
  top: 5px;
  left: 21px;
}
#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;
}
#mainNav .navbar-collapse .sidenav-toggler {
  display: none;
}
#mainNav.static-top .sidenav-toggler {
  display: none;
}
#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: 0.15rem;
  border-radius: 0.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: 0.2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.dropdown.nav-item .company-links.nav-link:hover {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgb(255, 255, 255);
}
.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 {
  padding: 0.5rem 0.5rem;
  font-size: 18px;
  font-weight: 500;
  color: #212529;
}
@media (prefers-color-scheme: dark) {
  .topbar-status-dropdown > .dropdown-menu > .dropdown-header {
    color: rgb(237, 242, 247);
  }
}

.wm-container-parent .wm-control .wm-display-label, .wm-control .wm-display-label {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.wm-site-version {
  margin-top: calc(100vh - 41px);
  width: 250px;
  padding-left: 7px;
  font-size: 12px;
  position: fixed;
  top: 24px;
  left: 0;
  background-color: rgb(46, 51, 56);
  color: rgb(160.616, 167.556, 175.884);
}
@media only screen and (max-width: 35.9375em) {
  .wm-site-version {
    display: none;
  }
}
.wm-module-title:hover .wm-module-pin {
  display: inline-block;
}
.wm-scrollbar-content .mCSB_draggerContainer {
  opacity: 0;
  transition: 0.5s;
}
@media only screen and (max-width: 61.9375em) {
  .wm-scrollbar-content .mCSB_container {
    overflow: visible !important;
  }
}

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

.nav-item.dropdown.topbar-status-dropdown .nav-link.dropdown-toggle {
  border-radius: 0.2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.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-item.dropdown.topbar-status-dropdown .nav-link.dropdown-toggle:hover {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgb(255, 255, 255);
}
.nav-link-text {
  color: rgb(237, 242, 243);
  position: relative;
  top: 0px;
}
.nav-link-text.hidden {
  display: none;
}

.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: rgb(185.88, 189.336, 194.52) !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: rgb(237, 242, 243) !important;
}
#settingsModal #loadedtabwidgetpick_sites .wm-widget-container-body td {
  padding: 0.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: 0.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 {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
#settingsModal .theming .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#settingsModal .theming .switch input:checked + .slider {
  background-color: #33353b;
}
#settingsModal .theming .switch input:focus + .slider {
  box-shadow: 0 0 1px rgb(89, 96, 105);
}
#settingsModal .theming .switch input:checked + .slider:before {
  transform: translateX(20px);
}
#settingsModal .theming .switch .slider {
  transition: 0.4s;
  margin-top: 5px;
  background-color: rgb(192, 201, 211);
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 24px;
}
#settingsModal .theming .switch .slider::before {
  content: "";
  transition: 0.4s;
  background-color: rgb(255, 255, 255);
  position: absolute;
  bottom: 2px;
  left: 4px;
  width: 20px;
  height: 20px;
}
#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: rgb(255, 255, 255) !important;
  }
  #notificationModal .wm-notification-items > .notification-item .wm-expanding-text {
    color: rgb(200.28, 215.48, 218.52) !important;
  }
  #notificationModal .wm-notification-items > .notification-item:hover {
    background-color: rgb(55.2, 61.2, 67.2) !important;
  }
}
#notificationModal .modal-footer {
  background-color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  #notificationModal .modal-footer {
    background-color: rgb(29, 31, 34);
  }
  #notificationModal .modal-footer a {
    color: #afb3b9 !important;
  }
  #notificationModal .modal-footer a:hover {
    color: rgb(207.64, 210.008, 213.56) !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 {
  position: absolute;
  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: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  #userAccountDropdown .dropdown-menu {
    border-color: rgb(113, 128, 150);
    background: rgb(34.5, 38.25, 42);
  }
}
@media only screen and (max-width: 23.9375em) {
  #userAccountDropdown .dropdown-menu {
    right: -100%;
    min-width: auto;
  }
}
@media (prefers-color-scheme: dark) {
  #userAccountDropdown .dropdown-menu hr {
    border-color: rgb(74, 85, 104);
  }
}
#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: rgb(119, 129, 141);
}
@media (prefers-color-scheme: dark) {
  #userAccountDropdown .dropdown-menu ul a {
    color: rgb(192, 201, 211);
  }
}
#userAccountDropdown .dropdown-menu ul a i {
  font-size: clamp(1rem, 0.5rem + 0.666vw, 1.2rem);
  color: rgb(113, 128, 150);
}
#userAccountDropdown .dropdown-menu ul a.logout {
  color: rgb(255, 59, 48);
}
@media (prefers-color-scheme: dark) {
  #userAccountDropdown .dropdown-menu ul a.logout {
    color: rgb(255, 69, 58);
  }
}
#userAccountDropdown .dropdown-menu ul a.logout i {
  color: rgb(255, 59, 48);
}
@media (prefers-color-scheme: dark) {
  #userAccountDropdown .dropdown-menu ul a.logout i {
    color: rgb(255, 69, 58);
  }
}
#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: rgb(255, 59, 48) !important;
  color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  #userAccountDropdown .dropdown-menu ul a.logout:hover {
    box-shadow: none;
    background: rgb(255, 69, 58) !important;
    color: rgb(255, 255, 255) !important;
  }
}
#userAccountDropdown .dropdown-menu ul a.logout:hover i {
  color: rgb(255, 255, 255);
}
#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: rgb(255, 255, 255);
}
@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: rgb(255, 255, 255) !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: rgb(255, 255, 255) !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, 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: rgb(119, 129, 141);
}
@media (prefers-color-scheme: dark) {
  #userAccountDropdown .dropdown-menu .user-info a span:last-child {
    color: rgb(192, 201, 211);
  }
}
#userAccountDropdown .dropdown-menu .user-info a i {
  margin-left: auto;
  color: rgb(113, 128, 150);
}
#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-toggle {
  display: none;
}
@media only screen and (max-width: 61.9375em) {
  #userAccountDropdown .dropdown-menu .notifications-toggle {
    display: list-item;
  }
}
#userAccountDropdown .dropdown-menu .notifications-toggle .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-toggle .notifications .notification-count {
  display: none;
}
#userAccountDropdown .dropdown-menu .notifications-toggle .notifications .notification-count.new, #userAccountDropdown .dropdown-menu .notifications-toggle .notifications .notification-count.some, #userAccountDropdown .dropdown-menu .notifications-toggle .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, rgb(245, 101, 101), rgb(255, 59, 48), rgb(255, 69, 58), rgb(245, 101, 101), rgb(252, 129, 129));
  background-size: 600%;
  color: rgb(255, 255, 255);
}
#userAccountDropdown .dropdown-menu .notifications-toggle .notifications .notification-count.new {
  top: -0.25rem;
  left: 0.75rem;
  width: 11px;
  height: 11px;
}
#userAccountDropdown .dropdown-menu .notifications-toggle .notifications .notification-count.some {
  width: 24px;
  height: 24px;
  padding: 0.5rem;
}
#userAccountDropdown .dropdown-menu .notifications-toggle .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 rgb(226, 232, 240);
}
@media (prefers-color-scheme: dark) {
  #userAccountDropdown .dropdown-menu #time-logging .collapse-toggle,
  #userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle {
    border: 1px solid rgb(113, 128, 150);
  }
}
#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, rgb(72, 187, 120), rgb(52, 199, 89), rgb(48, 209, 88), rgb(72, 187, 120), rgb(104, 211, 145));
}
#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, rgb(245, 101, 101), rgb(255, 59, 48), rgb(255, 69, 58), rgb(245, 101, 101), rgb(252, 129, 129));
}
#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, rgb(237, 137, 54), rgb(255, 149, 0), rgb(255, 159, 10), rgb(237, 137, 54), rgb(246, 173, 85));
}
#userAccountDropdown .dropdown-menu #time-logging .collapse-toggle[aria-expanded=true],
#userAccountDropdown .dropdown-menu #labour-booking .collapse-toggle[aria-expanded=true] {
  border-bottom: 1px solid transparent;
  border-radius: 16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: rgb(247, 250, 252);
}
@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 rgb(226, 232, 240);
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
@media (prefers-color-scheme: dark) {
  #userAccountDropdown .dropdown-menu #time-logging .collapse-section,
  #userAccountDropdown .dropdown-menu #labour-booking .collapse-section {
    border: 1px solid rgb(113, 128, 150);
    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: 1rem;
  border-bottom-left-radius: 1rem;
  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: rgb(48, 209, 88) !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: rgb(255, 159, 10) !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: rgb(255, 69, 58) !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 1rem;
  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: 1rem;
}
#userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action,
#userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action {
  transform: translateY(0px);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  box-shadow: none;
  border-radius: 50px;
  padding: 0.5rem 0.75rem 0.5rem 1.25rem;
  background: none !important;
  cursor: pointer;
  font-size: 1rem;
}
#userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action span,
#userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action span {
  color: rgb(119, 129, 141) !important;
}
#userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:not([aria-label="Clock In"]):after,
#userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:not([aria-label="Clock In"]):after {
  background-image: none !important;
}
#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);
  background: none !important;
}
@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 span,
#userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover span {
  color: rgb(255, 255, 255) !important;
}
#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-color: rgb(255, 59, 48) !important;
}
#userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Clock Out"] .main-action:hover:after,
#userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Clock Out"] .dropdown-wrapper:hover:after,
#userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Clock Out"] .main-action:hover:after,
#userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Clock Out"] .dropdown-wrapper:hover:after {
  background-color: rgb(255, 69, 58) !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-color: rgb(255, 69, 58);
  }
  #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Clock Out"] .main-action:hover:after,
  #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Clock Out"] .dropdown-wrapper:hover:after,
  #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Clock Out"] .main-action:hover:after,
  #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Clock Out"] .dropdown-wrapper:hover:after {
    background-color: rgb(255, 59, 48) !important;
  }
  #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Clock Out"]:after,
  #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Clock Out"]:after {
    background-image: linear-gradient(184deg, rgb(255, 116.947826087, 109.2) 0%, rgb(255, 97.631884058, 88.8) 7%, rgb(255, 78.315942029, 68.4) 24%, rgb(255, 59, 48) 36%, rgb(255, 39.684057971, 27.6) 62%, rgb(255, 20.368115942, 7.2) 97%) !important;
  }
  #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Clock Out"]:hover,
  #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Clock Out"]:hover {
    box-shadow: 0px 8px 24px 0px rgba(255, 69, 58, 0.48);
    background-color: rgb(255, 59, 48);
  }
}
#userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Clock Out"]:after,
#userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Clock Out"]:after {
  background-image: linear-gradient(184deg, rgb(255, 126.7827411168, 119.2) 0%, rgb(255, 107.5218274112, 98.8) 7%, rgb(255, 88.2609137056, 78.4) 24%, rgb(255, 69, 58) 36%, rgb(255, 49.7390862944, 37.6) 62%, rgb(255, 30.4781725888, 17.2) 97%) !important;
}
#userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Clock Out"]:hover,
#userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Clock Out"]:hover {
  box-shadow: 0px 8px 24px 0px rgba(255, 59, 48, 0.48);
  background-color: rgb(255, 69, 58);
}
#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-color: rgb(255, 149, 0) !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-color: rgb(255, 159, 10);
  }
  #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Take a Break"]:after,
  #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Take a Break"]:after {
    background-image: linear-gradient(184deg, rgb(255, 174.44, 61.2) 0%, rgb(255, 165.96, 40.8) 7%, rgb(255, 157.48, 20.4) 24%, rgb(255, 149, 0) 36%, rgb(234.6, 137.08, 0) 62%, rgb(214.2, 125.16, 0) 97%);
  }
  #userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Take a Break"]:hover,
  #userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Take a Break"]:hover {
    box-shadow: 0px 8px 24px 0px rgba(255, 159, 10, 0.48);
    background-color: rgb(255, 149, 0);
  }
}
#userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Take a Break"]:after,
#userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Take a Break"]:after {
  background-image: linear-gradient(184deg, rgb(255, 182.9804081633, 71.2) 0%, rgb(255, 174.9869387755, 50.8) 7%, rgb(255, 166.9934693878, 30.4) 24%, rgb(255, 159, 10) 36%, rgb(244.6, 148.7567346939, 0) 62%, rgb(224.2, 136.3502040816, 0) 97%);
}
#userAccountDropdown .dropdown-menu #time-logging .collapse-section .wm-web-action:hover[aria-label="Take a Break"]:hover,
#userAccountDropdown .dropdown-menu #labour-booking .collapse-section .wm-web-action:hover[aria-label="Take a Break"]:hover {
  box-shadow: 0px 8px 24px 0px rgba(255, 149, 0, 0.48);
  background-color: rgb(255, 159, 10);
}
#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: 0.8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  margin-right: 0.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;
}

@keyframes background-gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.modulesearch-content {
  position: absolute;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  color: rgb(44, 43, 46);
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 28.9375em) {
  .modulesearch-content {
    left: -38px;
    width: 101vw;
  }
}
@media only screen and (max-width: 23.9375em) {
  .modulesearch-content {
    left: -35px;
    width: 103vw;
  }
}
.modulesearch-content .card {
  background: none;
}
@media (prefers-color-scheme: dark) {
  .modulesearch-content .card {
    background: rgb(50.6, 56.1, 61.6) !important;
  }
}
.modulesearch-content .card-columns {
  column-count: 4;
  column-gap: 1em;
  margin-top: 0.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: rgb(221.2193548387, 223.2064516129, 227.1806451613) !important;
  }
  .modulesearch-content .card-columns .wm-card-list a li:hover {
    color: rgb(207.64, 210.008, 213.56) !important;
  }
}
.modulesearch-content .card-columns .card {
  margin-bottom: 0.75rem;
  box-shadow: 0 2px 4px rgba(46, 51, 56, 0.3);
  border: none;
  border-top: 5px solid #7a8391;
  border-radius: 0.5rem !important;
  background: rgb(237, 242, 243);
}
@media (prefers-color-scheme: dark) {
  .modulesearch-content .card-columns .card {
    box-shadow: none !important;
  }
}
@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-title {
    color: rgb(204.0112149533, 211.2953271028, 219.3887850467) !important;
  }
}
.modulesearch.open {
  margin: 0;
  margin-top: -30px !important;
}
@media only screen and (max-width: 47.9375em) {
  .modulesearch.open {
    margin-top: -40px !important;
  }
}
.modulesearch.open ~ .overlay {
  z-index: 1038;
  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;
  }
}

.card-body.module-card {
  flex: 1 1 auto;
  padding: 1rem;
}
.card-body.module-card li {
  line-height: 3em;
  text-decoration: none;
  color: rgb(76, 92, 104) !important;
}
@media (prefers-color-scheme: light) {
  .card-body.module-card li {
    color: rgb(76, 92, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .card-body.module-card li {
    color: rgb(236, 231, 231) !important;
  }
}
.card-body li {
  line-height: 2.5em;
  list-style: none;
}

.round {
  border-radius: 50%;
}

.module-link {
  display: block;
  margin: 0.3em 0;
  cursor: pointer;
  color: rgb(119, 129, 141);
}
.module-link:hover, .module-link:focus {
  display: block;
  text-decoration: none;
}
.module-link:hover h3 {
  color: rgb(245.0393700787, 138.4606299213, 138.4606299213);
}
.module-link img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  width: 50px;
}
.module-link h3 {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0;
  width: calc(100% - 70px);
  font-size: 0.85em;
  font-weight: 700;
  color: rgb(76, 92, 104) !important;
}
@media (prefers-color-scheme: light) {
  .module-link h3 {
    color: rgb(76, 92, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .module-link h3 {
    color: rgb(236, 231, 231) !important;
  }
}
.module-card .wm-icon {
  vertical-align: middle;
  margin-right: 10px;
  font-size: 28px;
}

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

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

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

body main {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
}
body main .module-content-wrapper {
  animation: fadeInUp cubic-bezier(0.4, 0, 0.2, 1) 225ms both;
}
body main:not(:has(.module-content-wrapper)) {
  padding: 0 !important;
}
body main:before, body main:after {
  content: "";
  position: fixed;
  z-index: 1;
  left: 60px;
  display: block;
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: 1rem;
  height: 1rem;
  background-image: radial-gradient(circle at 100% 100%, transparent 1rem, rgb(26, 32, 44) calc(1rem + 1px));
}
@media (prefers-color-scheme: dark) {
  body main:before, body main:after {
    background-image: radial-gradient(circle at 100% 100%, transparent 1rem, rgb(40.2685714286, 43.0457142857, 47.2114285714) calc(1rem + 1px));
  }
}
body main:before {
  top: 56px;
}
body main:after {
  bottom: 0;
  transform: rotate(-90deg);
}
body main.shrink:before, body main.shrink:after {
  left: 250px;
}
body .navbar-sidenav.widen ~ main:before, body .navbar-sidenav.widen ~ main:after {
  left: 250px;
}
body:has(#ModulesMostUsed.open) {
  overflow: hidden;
}

#ModulesMostUsed {
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 61.9375em) {
  #ModulesMostUsed {
    position: fixed;
    top: 56px;
    left: 0;
    z-index: 1321;
    transform: translateX(-100vw);
    transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 100dvw;
    height: 100dvh;
  }
  #ModulesMostUsed.open {
    transform: translateX(0px);
  }
}

.navbar-sidenav {
  position: fixed;
  z-index: 1;
  left: 0;
  overflow: visible !important;
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: none !important;
  height: 100dvh;
  max-height: calc(100dvh - 56px);
  padding: 1rem 0rem 1rem 0.8rem;
  background-color: rgb(26, 32, 44);
}
@media (prefers-color-scheme: dark) {
  .navbar-sidenav {
    border-right: 1px solid rgb(90.6528, 98.6048, 108.1472);
    background-color: rgb(40.2685714286, 43.0457142857, 47.2114285714);
  }
}
.navbar-sidenav .os-content {
  overflow-x: hidden;
}
.navbar-sidenav .os-horizonal-scrollbar,
.navbar-sidenav .os-scrollbar-horizontal {
  display: none !important;
}
.navbar-sidenav .progress-circular {
  margin-left: 11px;
}
.navbar-sidenav li.nav-item.navigation-item {
  overflow: hidden;
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.navbar-sidenav li.nav-item.navigation-item .wm-chat-toggle svg #Oval2,
.navbar-sidenav li.nav-item.navigation-item .wm-chat-toggle svg #Rectangle2 {
  fill: rgb(26, 32, 44) !important;
}
@media (prefers-color-scheme: dark) {
  .navbar-sidenav li.nav-item.navigation-item .wm-chat-toggle svg #Oval2,
  .navbar-sidenav li.nav-item.navigation-item .wm-chat-toggle svg #Rectangle2 {
    fill: rgb(40.2685714286, 43.0457142857, 47.2114285714) !important;
  }
}
.navbar-sidenav li.nav-item.navigation-item .wm-chat-toggle svg path, .navbar-sidenav li.nav-item.navigation-item .wm-chat-toggle svg #Oval, .navbar-sidenav li.nav-item.navigation-item .wm-chat-toggle svg #Rectangle {
  fill: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: dark) {
  .navbar-sidenav li.nav-item.navigation-item .wm-chat-toggle svg path, .navbar-sidenav li.nav-item.navigation-item .wm-chat-toggle svg #Oval, .navbar-sidenav li.nav-item.navigation-item .wm-chat-toggle svg #Rectangle {
    fill: rgb(238.6767123288, 147.9917808219, 72.7232876712) !important;
  }
}
.navbar-sidenav li.nav-item.navigation-item a.navigation-link {
  display: flex;
  gap: 0.5rem;
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 0.4rem;
  font-size: 0.875rem;
}
.navbar-sidenav li.nav-item.navigation-item a.navigation-link .navigation-icon {
  height: 25px;
}
.navbar-sidenav li.nav-item.navigation-item a.navigation-link .navigation-icon .main-left-icon {
  margin: 0;
}
.navbar-sidenav li.nav-item.navigation-item a.navigation-link .nav-link-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  visibility: visible;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  white-space: nowrap;
}
.navbar-sidenav li.nav-item.navigation-item a.navigation-link-favourite, .navbar-sidenav li.nav-item.navigation-item a.navigation-link-recent, .navbar-sidenav li.nav-item.navigation-item a.navigation-link-pin {
  display: inline-block;
  animation: fadeInRight 300ms ease-in-out;
}
.navbar-sidenav li.nav-item.navigation-item a.navigation-link-tooltip.show {
  display: none;
}
.navbar-sidenav li.nav-item.navigation-item .mCSB_draggerContainer {
  opacity: 0;
  transition: all 0.5s;
}
.navbar-sidenav li.nav-item.navigation-item .mCSB_draggerContainer .mCSB_draggerRail {
  background-color: transparent;
}
.navbar-sidenav li.nav-item.navigation-item .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .navbar-sidenav li.nav-item.navigation-item .mCS-dark-thin.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
  width: 10px;
  background: transparent !important;
  cursor: default !important;
}
.navbar-sidenav li.nav-item.navigation-item .sidebar-link-hover-icon-container {
  top: 50% !important;
  opacity: 0;
  transform: translateY(-50%);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  padding-left: 5px;
  background: transparent;
  position: absolute;
  right: -1rem;
}
@media only screen and (max-width: 61.9375em) {
  .navbar-sidenav li.nav-item.navigation-item .sidebar-link-hover-icon-container .wm-sidebar-favourite, .navbar-sidenav li.nav-item.navigation-item .sidebar-link-hover-icon-container .wm-sidebar-recent, .navbar-sidenav li.nav-item.navigation-item .sidebar-link-hover-icon-container .wm-sidebar-pin {
    display: none;
  }
}
.navbar-sidenav li.nav-item.navigation-item .sidebar-link-hover-icon-container i {
  font-size: 0.875rem;
}
.navbar-sidenav li.nav-item.navigation-item .sidebar-link-hover-icon-container .fa-star, .navbar-sidenav li.nav-item.navigation-item .sidebar-link-hover-icon-container .fa-history {
  color: rgb(113, 128, 150);
}
.navbar-sidenav li.nav-item.navigation-item .sidebar-link-hover-icon-container .fa-star[aria-expanded=true], .navbar-sidenav li.nav-item.navigation-item .sidebar-link-hover-icon-container .fa-history[aria-expanded=true] {
  display: inline-block;
  color: rgb(255, 255, 255);
}
.navbar-sidenav li.nav-item.navigation-item .sidebar-link-hover-icon-container .hastooltip {
  float: left;
}
.navbar-sidenav li.nav-item.navigation-item .sidebar-link-hover-icon-container .hastooltip i {
  margin-right: 0.75rem;
}
.navbar-sidenav li.nav-item.navigation-item:has(.fa-star:not(.collapsed)[aria-expanded=true],
.fa-history:not(.collapsed)[aria-expanded=true]) a.navigation-link {
  padding-right: 3.4rem;
}
.navbar-sidenav li.nav-item.navigation-item:has(.fa-star:not(.collapsed)[aria-expanded=true],
.fa-history:not(.collapsed)[aria-expanded=true]) .sidebar-link-hover-icon-container {
  right: 0;
  opacity: 1;
}
.navbar-sidenav li.nav-item.navigation-item:hover {
  border-radius: 0.5rem;
  padding: 0;
  padding-left: 0.5rem;
  background: none !important;
}
.navbar-sidenav li.nav-item.navigation-item:hover a.navigation-link {
  animation-duration: 1s;
  transition: ease-in;
  border-radius: 0.5rem;
  background: rgb(203, 213, 224);
  padding: 0.4rem 2.4rem 0.4rem 0.4rem !important;
}
.navbar-sidenav li.nav-item.navigation-item:hover .sidebar-link-hover-icon-container {
  opacity: 1;
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 62em) {
  .navbar-sidenav li.nav-item.navigation-item:hover .sidebar-link-hover-icon-container .wm-sidebar-favourite, .navbar-sidenav li.nav-item.navigation-item:hover .sidebar-link-hover-icon-container .wm-sidebar-recent, .navbar-sidenav li.nav-item.navigation-item:hover .sidebar-link-hover-icon-container .wm-sidebar-pin {
    display: block !important;
  }
}
.navbar-sidenav li.nav-item.navigation-item:hover .mCSB_draggerContainer {
  opacity: 1;
}
.navbar-sidenav li.nav-item.navigation-item:hover:has(.sidebar-link-hover-icon-container > span + span) a.navigation-link {
  padding: 0.4rem 3.4rem 0.4rem 0.4rem !important;
}
@media only screen and (max-width: 28.9375em) {
  .navbar-sidenav li.nav-item-collapse.collapse .ml-2 {
    margin-left: 0 !important;
  }
  .navbar-sidenav li.nav-item-collapse.collapse .ml-2 .company-link .wm-image-entity {
    margin-left: 5px !important;
  }
}
.navbar-sidenav li.nav-item .nav-link {
  font-size: 1rem;
}
.navbar-sidenav li.nav-item .nav-link .secondary-nav-link-text {
  display: inline-block;
  opacity: 1;
  overflow: hidden !important;
  text-overflow: ellipsis;
  max-width: 90%;
  font-size: 12px;
  white-space: nowrap;
}
.navbar-sidenav li.nav-item .nav-link:hover {
  opacity: 0.7;
}
.navbar-sidenav li.nav-item.nav-category {
  display: block;
  overflow: hidden;
  letter-spacing: 1px;
  color: rgb(192, 201, 211);
  font-size: 0.9rem;
  line-height: normal;
  font-weight: 500;
  text-transform: uppercase;
}
.navbar-sidenav li.nav-item.nav-category > span {
  display: inline-flex;
  align-items: center;
  transform: translateX(0.5rem);
  transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar-sidenav li.nav-item.nav-category > span .category-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 1.25rem;
  height: 1.25rem;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
  font-weight: 600;
  color: rgb(251.16, 251.352, 251.64) !important;
}
.navbar-sidenav li.nav-item.nav-category > span .category-icon.pin {
  margin-top: -2px !important;
  margin-bottom: 5px !important;
}
.navbar-sidenav li.nav-item.nav-category > span .category-icon.hide {
  opacity: 0;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
}
.navbar-sidenav li.nav-item.nav-category > span .category-text {
  opacity: 0;
  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar-sidenav li.nav-item.nav-category.show > span {
  transform: translateX(-1rem);
}
.navbar-sidenav li.nav-item.nav-category.show > span .category-icon {
  opacity: 0;
}
.navbar-sidenav li.nav-item.nav-category.show > span .category-text {
  opacity: 1;
}
.navbar-sidenav li.nav-item.nav-category:not(.show) > span .category-icon {
  opacity: 1;
}
.navbar-sidenav li.nav-item.nav-category:not(.show) > span .category-text {
  opacity: 0;
}
.navbar-sidenav li.nav-item .mCSB_inside > .mCSB_container {
  margin-right: 12px !important;
}
@media only screen and (max-width: 61.9375em) {
  .navbar-sidenav li.nav-item.wm-scrollbar-content.mCustomScrollbar .mCSB_draggerContainer {
    display: none !important;
  }
}
.navbar-sidenav li.nav-item.wm-scrollbar-content.mCustomScrollbar .mCustomScrollBox {
  height: 97%;
}
.navbar-sidenav .fav-navbar-nav,
.navbar-sidenav .recent-navbar-nav {
  left: 0em !important;
  text-overflow: ellipsis;
  margin: 0.5rem 0.25rem;
  border-radius: 0.5rem;
  width: calc(100% - 1rem);
  max-width: 90%;
  padding: 0.5rem;
  padding-left: 4px;
  padding-inline-start: 2rem;
  background-color: rgb(35.4714285714, 43.6571428571, 60.0285714286);
  white-space: nowrap;
}
@media (prefers-color-scheme: dark) {
  .navbar-sidenav .fav-navbar-nav,
  .navbar-sidenav .recent-navbar-nav {
    background-color: rgb(29, 31, 34);
  }
}
.navbar-sidenav .fav-navbar-nav li,
.navbar-sidenav .recent-navbar-nav li {
  text-overflow: ellipsis;
  margin-bottom: 0.5rem;
  word-break: break-all;
}
.navbar-sidenav .fav-navbar-nav li .nav-link-text,
.navbar-sidenav .fav-navbar-nav li .secondary-nav-link-text,
.navbar-sidenav .recent-navbar-nav li .nav-link-text,
.navbar-sidenav .recent-navbar-nav li .secondary-nav-link-text {
  display: inline-block;
  opacity: 1;
  overflow: hidden !important;
  text-overflow: ellipsis;
  max-width: 90%;
  font-size: 0.75rem;
  white-space: nowrap;
  line-height: 1;
  color: #7a8391 !important;
}
.navbar-sidenav .secondary-nav-link-text:hover {
  opacity: 1;
  color: rgb(255, 255, 255);
}
.navbar-sidenav li.collapse ul .nav-link {
  font-size: 0.875rem;
}
.navbar-sidenav:before, .navbar-sidenav:after {
  content: "";
  position: absolute;
  right: -1rem;
  display: block;
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: 1rem;
  height: 1rem;
  background-image: radial-gradient(circle at 100% 100%, transparent 1rem, rgb(26, 32, 44) calc(1rem + 1px));
}
@media (prefers-color-scheme: dark) {
  .navbar-sidenav:before, .navbar-sidenav:after {
    background-image: radial-gradient(circle at 100% 100%, transparent 1rem, rgb(40.2685714286, 43.0457142857, 47.2114285714) calc(1rem + 1px));
  }
}
.navbar-sidenav:before {
  top: 0;
}
.navbar-sidenav:after {
  bottom: 0;
  transform: rotate(-90deg);
}

@media screen and (min-width: 1592px) {
  body main:before, body main:after {
    left: 250px;
  }
  .navbar-sidenav {
    width: 250px !important;
  }
  .navbar-sidenav .navigation-item {
    width: calc(100% - 2rem);
  }
  .navbar-sidenav .navigation-item .sidebar-link-hover-icon-container {
    display: block !important;
  }
  .navbar-sidenav .navigation-item .nav-link-text,
  .navbar-sidenav .navigation-item .cat-text {
    display: inline !important;
    opacity: 1;
    visibility: visible;
  }
  .navbar-sidenav .navigation-item .cat-icon {
    display: none !important;
  }
  .navbar-sidenav .nav-category:not(.show) > span .category-icon {
    display: none !important;
  }
  .navbar-sidenav .nav-category:not(.show) > span .category-text {
    opacity: 1 !important;
  }
  main {
    padding-left: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1591px) {
  body main:before, body main:after {
    left: 60px;
  }
  body main.shrink:before, body main.shrink:after {
    left: 250px;
  }
  .navbar-sidenav {
    width: 60px;
  }
  .navbar-sidenav .shrink-toggler {
    position: relative;
    z-index: 1000;
    display: block;
    fill: rgb(255, 255, 255) !important;
    transition: transform 0.3s ease-in;
    border-radius: 50%;
    background-color: rgb(55.2, 61.2, 67.2);
    width: 30px;
    height: 30px;
    margin: 4px 0 30px 2px;
    padding: 4px;
  }
  .navbar-sidenav .shrink-toggler:hover {
    transform: scale(1.1);
    cursor: pointer;
  }
  .navbar-sidenav .navigation-item {
    width: 34px;
  }
  .navbar-sidenav .navigation-item .nav-link-text,
  .navbar-sidenav .navigation-item .cat-text,
  .navbar-sidenav .navigation-item .sidebar-link-hover-icon-container {
    display: none !important;
    opacity: 0;
    visibility: hidden;
  }
  .navbar-sidenav .navigation-item .cat-icon:not(.hide) {
    opacity: 1 !important;
  }
  .navbar-sidenav .navigation-item:hover {
    padding-left: 0 !important;
  }
  .navbar-sidenav .nav-category {
    opacity: 1;
    transition: opacity 0.2s;
    color: rgb(251.16, 251.352, 251.64) !important;
  }
  .navbar-sidenav .cat-icon:not(.hide) {
    opacity: 1 !important;
  }
  .navbar-sidenav.widen {
    width: 250px;
  }
  .navbar-sidenav.widen .navigation-item {
    width: calc(100% - 2rem);
  }
  .navbar-sidenav.widen .navigation-item .nav-link-text,
  .navbar-sidenav.widen .navigation-item .cat-text,
  .navbar-sidenav.widen .navigation-item .sidebar-link-hover-icon-container {
    display: inline !important;
    opacity: 1;
    visibility: visible;
  }
  .navbar-nav.widen .navigation-item:hover {
    padding-left: 0.5rem !important;
  }
  main.shrink {
    padding-left: 250px;
  }
  main:not(.shrink) {
    padding-left: 60px;
  }
}
@media screen and (max-width: 1591px) {
  .navbar-sidenav.widen .navigation-item .nav-link-text,
  .navbar-sidenav.widen .navigation-item .cat-text {
    display: inline !important;
  }
  .navbar-sidenav .navigation-item .nav-link-text,
  .navbar-sidenav .navigation-item .cat-text {
    display: none !important;
  }
  .navbar-sidenav .navigation-item .cat-icon {
    display: block !important;
  }
}
@media only screen and (max-width: 61.9375em) {
  body main:before, body main:after {
    content: unset;
  }
  .navbar-sidenav {
    width: calc(100% - 2rem);
    max-width: 300px;
  }
  .navbar-sidenav .navigation-item {
    width: calc(100% - 2rem);
  }
  .navbar-sidenav .navigation-item .nav-link-text,
  .navbar-sidenav .navigation-item .cat-text {
    display: block !important;
  }
  .navbar-sidenav .navigation-item .sidebar-link-hover-icon-container {
    display: none !important;
  }
}
/*
    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 rgb(192, 201, 211);
  color: rgb(46, 51, 56) !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: rgb(237, 242, 243);
  color: rgb(119, 129, 141) !important;
}

#addmatrixitemsalesorder td.matrix-data div.matrix-data-split-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#addmatrixitemsalesorder td.matrix-data div.matrix-data-split-wrapper span.matrix-inventory-count {
  width: 20%;
  height: 1.5rem;
  margin-top: 0.5rem;
  text-align: center;
  vertical-align: central;
}
#addmatrixitemsalesorder td.matrix-data div.matrix-data-split-wrapper .row.wm-row {
  width: 80%;
}
#addmatrixitemsalesorder td.matrix-data div.matrix-data-split-wrapper .row.wm-row .form-group {
  margin-bottom: 0;
}
#addmatrixitemsalesorder .remove-matrix-product {
  float: right;
}
#addmatrixitemsalesorder div#matrix-items-container {
  min-height: 25rem;
}
#addmatrixitemsalesorder #add-more-partial {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 7rem;
  min-height: 2rem;
  cursor: pointer;
}
#addmatrixitemsalesorder #add-more-partial > div {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  cursor: pointer;
}

#productionscheduler .wm-widget-body .form-group {
  display: flex;
  align-items: flex-end;
  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;
}

#production-scheduler {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
}
#production-scheduler .e-table-container {
  max-height: calc(100dvh - 461px);
}
@media screen and (max-width: 875px) {
  #production-scheduler .e-table-container {
    max-height: calc(100dvh - 506px);
  }
}
@media only screen and (max-width: 47.9375em) {
  #production-scheduler .e-table-container {
    max-height: calc(100dvh - 512px);
  }
}
#production-scheduler .e-appointment {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  margin-top: 1.25rem;
  border-radius: 0.5rem !important;
  cursor: pointer;
}
#production-scheduler .e-appointment.e-schedule-event-clone {
  transition: unset !important;
  margin-top: 0 !important;
  cursor: grabbing !important;
}
#production-scheduler .e-appointment.wm-background-orange:hover {
  background-color: rgb(251, 211, 141) !important;
}
#production-scheduler .e-appointment.e-appointment-border {
  box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.48);
}
#production-scheduler .e-quick-popup-wrapper .e-header-icon-wrapper {
  padding-top: 1rem;
}
#production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-blue {
  border-left-color: rgb(1, 136, 255) !important;
  background-color: rgb(229, 243, 255) !important;
  color: rgb(1, 136, 255) !important;
}
@media (prefers-color-scheme: dark) {
  #production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-blue {
    border-left-color: rgb(235, 248, 255) !important;
    background-color: rgba(10, 132, 255, 0.5) !important;
    color: rgb(235, 248, 255) !important;
  }
}
#production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-brown {
  border-left-color: rgb(188, 79, 46) !important;
  background-color: rgba(188, 79, 46, 0.1) !important;
  color: rgb(188, 79, 46) !important;
}
@media (prefers-color-scheme: dark) {
  #production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-brown {
    border-left-color: rgb(254, 192, 147) !important;
    background-color: rgb(90, 71, 56) !important;
    color: rgb(254, 192, 147) !important;
  }
}
#production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-green {
  border-left-color: rgb(39, 103, 73) !important;
  background-color: rgb(198, 246, 213) !important;
  color: rgb(39, 103, 73) !important;
}
@media (prefers-color-scheme: dark) {
  #production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-green {
    border-left-color: rgb(154, 230, 180) !important;
    background-color: rgb(34, 84, 61) !important;
    color: rgb(154, 230, 180) !important;
  }
}
#production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-grey {
  border-left-color: rgb(89, 94, 107) !important;
  background-color: rgb(228, 229, 233) !important;
  color: rgb(89, 94, 107) !important;
}
@media (prefers-color-scheme: dark) {
  #production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-grey {
    border-left-color: #121212 !important;
    background-color: #9e9e9e !important;
    color: #121212 !important;
  }
}
#production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-orange {
  border-left-color: rgb(191, 54, 12) !important;
  background-color: rgb(255, 239, 214) !important;
  color: rgb(191, 54, 12) !important;
}
@media (prefers-color-scheme: dark) {
  #production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-orange {
    border-left-color: rgb(246, 173, 85) !important;
    background-color: #ffcc80 !important;
    background-color: rgb(123, 52, 30) !important;
    color: rgb(246, 173, 85) !important;
  }
}
#production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-pink {
  border-left-color: rgb(190, 55, 109) !important;
  background-color: rgb(254, 236, 240) !important;
  color: rgb(190, 55, 109) !important;
}
@media (prefers-color-scheme: dark) {
  #production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-pink {
    border-left-color: rgb(255, 184, 204) !important;
    background-color: rgb(90, 68, 77) !important;
    color: rgb(255, 184, 204) !important;
  }
}
#production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-purple {
  border-left-color: rgb(95, 48, 195) !important;
  background-color: rgb(245, 238, 254) !important;
  color: rgb(95, 48, 195) !important;
}
@media (prefers-color-scheme: dark) {
  #production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-purple {
    border-left-color: rgb(216, 193, 249) !important;
    background-color: rgb(77, 72, 93) !important;
    color: rgb(216, 193, 249) !important;
  }
}
#production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-red {
  border-left-color: rgb(255, 59, 48) !important;
  background-color: rgba(255, 59, 48, 0.1) !important;
  color: rgb(255, 59, 48) !important;
}
@media (prefers-color-scheme: dark) {
  #production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-red {
    border-left-color: rgb(254, 178, 178) !important;
    background-color: rgb(116, 42, 42) !important;
    color: rgb(254, 178, 178) !important;
  }
}
#production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-teal {
  border-left-color: rgb(0, 97, 124) !important;
  background-color: rgb(219, 242, 254) !important;
  color: rgb(0, 97, 124) !important;
}
@media (prefers-color-scheme: dark) {
  #production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-teal {
    border-left-color: rgb(191, 234, 253) !important;
    background-color: rgb(43, 78, 91) !important;
    color: rgb(191, 234, 253) !important;
  }
}
#production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-yellow {
  border-left-color: rgb(151, 90, 22) !important;
  background-color: rgb(255, 238, 204) !important;
  color: rgb(151, 90, 22) !important;
}
@media (prefers-color-scheme: dark) {
  #production-scheduler .e-quick-popup-wrapper .e-subject-wrap .wm-background-yellow {
    border-left-color: rgb(246, 224, 94) !important;
    background-color: rgb(85, 75, 46) !important;
    color: rgb(246, 224, 94) !important;
  }
}
#production-scheduler .e-quick-popup-wrapper .e-popup-footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: flex-end;
}

.production-scheduler-wide {
  position: absolute;
  z-index: 9999;
  left: 0;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  width: 100dvw;
}
.production-scheduler-wide .wm-section-expanded {
  animation-duration: 225ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-name: fadeInUp !important;
  border-radius: 0 !important;
  height: calc(100dvh - 56px);
}
.production-scheduler-wide .wm-section-expanded .e-table-container {
  max-height: calc(100vh - 296px) !important;
}
@media only screen and (max-width: 35.9375em) {
  .production-scheduler-wide .wm-section-expanded .e-table-container {
    max-height: calc(100dvh - 292px) !important;
  }
}
.production-scheduler-wide .wm-section-expanded .e-table-container .e-content-wrap {
  max-height: calc(100vh - 296px) !important;
}
.production-scheduler-wide .wm-section-expanded .e-schedule.wm-schedule-multi .e-resource-column-wrap {
  border-bottom: 7px solid transparent;
}
.production-scheduler-wide .wm-section-expanded .e-schedule.wm-schedule-multi .e-resource-column-wrap,
.production-scheduler-wide .wm-section-expanded .e-schedule.wm-schedule-multi .e-content-wrap,
.production-scheduler-wide .wm-section-expanded .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content,
.production-scheduler-wide .wm-section-expanded .e-gantt .e-gantt-chart .e-chart-root-container .e-content {
  max-height: calc(100dvh - 310px) !important;
}
.production-scheduler-wide .wm-schedule-main {
  max-height: calc(100dvh - 230px);
}

body:has(main .production-scheduler-wide) .modal {
  z-index: 999999 !important;
}
body:has(main .production-scheduler-wide) > header {
  z-index: 99999 !important;
}
@media only screen and (max-width: 61.9375em) {
  body:has(main .production-scheduler-wide) > nav {
    z-index: 99999 !important;
  }
}

.succinct .detail-item {
  display: grid;
  grid-template-columns: 1fr auto;
  border-bottom: 1px solid rgb(226, 232, 240);
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
}
@media (prefers-color-scheme: dark) {
  .succinct .detail-item {
    border-color: rgb(113, 128, 150);
  }
}
.succinct .detail-item span {
  font-weight: 600;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-content {
  padding: 0 0.75rem 0.5rem !important;
}

.e-quick-popup-wrapper {
  z-index: 1031;
}

.default-aiassistview {
  position: relative;
  overflow: hidden;
  /*background: linear-gradient(40deg, rgba(255, 229, 204, 0.05), rgba(255, 255, 204, 0.05));*/
  color: rgba(50, 50, 50, 0.8);
}
.default-aiassistview .g1,
.default-aiassistview .g2,
.default-aiassistview .g3,
.default-aiassistview .g4,
.default-aiassistview .g5 {
  position: absolute;
  top: 10%;
  left: 10%;
  mix-blend-mode: hard-light;
  width: 80%;
  height: 80%;
}
.default-aiassistview .g1 {
  top: calc(10% + 50px);
  left: calc(10% - 100px);
  animation: moveInCircle 20s ease infinite;
  background: radial-gradient(circle at center, rgba(255, 204, 229, 0.05) 0, rgba(255, 204, 229, 0) 50%) no-repeat;
}
.default-aiassistview .g2 {
  opacity: 1;
  transform-origin: calc(50% - 400px);
  animation: moveInCircle 20s reverse infinite;
  background: radial-gradient(circle at center, rgba(204, 229, 255, 0.05) 0, rgba(204, 229, 255, 0) 50%) no-repeat;
}
.default-aiassistview .g3 {
  top: calc(10% + 200px);
  left: calc(10% - 500px);
  opacity: 1;
  transform-origin: calc(50% + 400px);
  animation: moveInCircle 40s linear infinite;
  background: radial-gradient(circle at center, rgba(100, 220, 255, 0.05) 0, rgba(100, 220, 255, 0) 50%) no-repeat;
}
.default-aiassistview .g4 {
  top: 10%;
  left: 10%;
  opacity: 0.7;
  transform-origin: calc(50% - 200px);
  animation: moveHorizontal 40s ease infinite;
  background: radial-gradient(circle at center, rgba(200, 50, 50, 0.05) 0, rgba(200, 50, 50, 0) 50%) no-repeat;
}
.default-aiassistview .g5 {
  top: -30%;
  left: -30%;
  opacity: 1;
  transform-origin: calc(50% - 800px) calc(50% + 200px);
  animation: moveInCircle 20s ease infinite;
  width: 160%;
  height: 160%;
  background: radial-gradient(circle at center, rgba(180, 180, 50, 0.05) 0, rgba(180, 180, 50, 0) 50%) no-repeat;
}

#aiAssistView {
  z-index: 9;
  backdrop-filter: blur(100px);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid rgb(226, 232, 240);
  border-radius: 0.5rem;
  background: none;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView {
    border-color: rgba(255, 255, 255, 0.15);
  }
}
#aiAssistView .e-view-header {
  backdrop-filter: blur(50px);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-color: transparent;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.05);
  }
}
#aiAssistView .e-view-header .e-toolbar .e-tbar-btn {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  padding: 0 0.75rem;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-header .e-toolbar .e-tbar-btn {
    background-color: rgb(77, 72, 93) !important;
  }
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-header .e-toolbar .e-tbar-btn .e-tbar-btn-text,
  #aiAssistView .e-view-header .e-toolbar .e-tbar-btn .e-btn-icon {
    color: rgb(216, 193, 249) !important;
  }
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-header .e-toolbar .e-toolbar-item.e-active:after {
    background-color: rgb(216, 193, 249) !important;
  }
}
#aiAssistView .e-view-content {
  border-radius: 0.5rem;
  padding: 3rem 0.5rem 0.5rem;
  color: rgb(45, 55, 72) !important;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content {
    color: rgb(255, 255, 255) !important;
  }
}
#aiAssistView .e-view-content .e-views {
  overflow-y: auto;
  padding: 0.4rem;
}
#aiAssistView .e-view-content .e-views .e-view-container .e-banner-view .banner-content {
  display: flex;
  flex-direction: column;
}
#aiAssistView .e-view-content .e-views .e-view-container .e-banner-view .banner-content .e-assistview-icon {
  color: #7209d4;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-view-container .e-banner-view .banner-content .e-assistview-icon {
    color: #bb86fc;
  }
}
#aiAssistView .e-view-content .e-views .e-view-container .e-banner-view .banner-content h3 {
  display: inline;
  margin-bottom: 0;
  max-width: fit-content;
  background-clip: text;
  background-image: linear-gradient(90deg, #7209d4, #2832d4 33%, #00a5b2);
  font-style: normal !important;
  font-weight: inherit !important;
  color: transparent !important;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-view-container .e-banner-view .banner-content h3 {
    background-image: linear-gradient(90deg, #bb86fc, #c9b1eb 33%, #03dac5);
  }
}
#aiAssistView .e-view-content .e-views .e-view-container .e-banner-view .banner-content i {
  margin-bottom: 1rem;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-view-container .e-suggestions .e-suggestion-header {
    color: rgb(255, 255, 255) !important;
  }
}
#aiAssistView .e-view-content .e-views .e-view-container .e-suggestions .e-suggestion-list li {
  position: relative;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  box-shadow: none;
  border: 1px solid rgb(237, 242, 247);
  border-radius: 0.66rem;
  height: 70px;
  padding-bottom: 1rem;
  background: rgba(247, 250, 252, 0.48);
  color: rgb(74, 85, 104);
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-view-container .e-suggestions .e-suggestion-list li {
    border-color: rgba(255, 255, 255, 0.15);
    background: rgba(247, 250, 252, 0.12);
    color: rgb(247, 250, 252);
  }
}
#aiAssistView .e-view-content .e-views .e-view-container .e-suggestions .e-suggestion-list li:before {
  content: "\f063";
  position: absolute;
  right: 2rem;
  bottom: -2.5rem;
  opacity: 0;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  font-family: "Font Awesome 6 Pro";
  color: rgb(255, 255, 255);
}
#aiAssistView .e-view-content .e-views .e-view-container .e-suggestions .e-suggestion-list li:after {
  content: "\e1ff";
  position: absolute;
  bottom: 0.5rem;
  left: 1rem;
  font-family: "Font Awesome 6 Pro";
}
#aiAssistView .e-view-content .e-views .e-view-container .e-suggestions .e-suggestion-list li:last-child:after {
  content: "\f865";
}
#aiAssistView .e-view-content .e-views .e-view-container .e-suggestions .e-suggestion-list li:hover {
  box-shadow: 0px 8px 24px 0px rgba(175, 179, 185, 0.25);
  border-color: transparent;
  background: #afb3b9;
  color: rgb(3.7090909091, 3.8545454545, 4.2909090909);
}
#aiAssistView .e-view-content .e-views .e-view-container .e-suggestions .e-suggestion-list li:hover:before {
  bottom: 0.5rem;
  opacity: 1;
}
#aiAssistView .e-view-content .e-views .e-view-container .e-suggestions .e-suggestion-list li:hover:after {
  opacity: 0.6;
}
#aiAssistView .e-view-content .e-views .e-prompt-text {
  border-radius: 0.5rem 0.5rem 0.2rem 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgb(226, 232, 240);
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-prompt-text {
    border-color: transparent;
    background: rgb(74, 85, 104);
    color: rgb(255, 255, 255) !important;
  }
}
#aiAssistView .e-view-content .e-views .e-output-container {
  animation: both 225ms cubic-bezier(0.4, 0, 0.2, 1) fadeInUp;
}
#aiAssistView .e-view-content .e-views .e-output-container .response-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 50px;
}
#aiAssistView .e-view-content .e-views .e-output-container .response-header .e-assistview-icon {
  border: 1px solid rgb(160, 174, 192);
  border-radius: 50px;
  padding: 0.25rem;
  font-size: 1rem;
  color: rgb(74, 85, 104);
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-output-container .response-header .e-assistview-icon {
    color: rgb(237, 242, 247) !important;
  }
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent {
  max-width: unset;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent sup {
  font-size: 0.8em;
  vertical-align: super;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent hr {
  border: none;
  border-top: 1px solid rgb(226, 232, 240);
  margin: 1rem 0;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent h1:first-child, #aiAssistView .e-view-content .e-views .e-output-container .responseContent h2:first-child, #aiAssistView .e-view-content .e-views .e-output-container .responseContent h3:first-child, #aiAssistView .e-view-content .e-views .e-output-container .responseContent h4:first-child, #aiAssistView .e-view-content .e-views .e-output-container .responseContent h5:first-child {
  margin-top: 0;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent h1 {
  font-size: 1.602em !important;
  letter-spacing: -0.04rem;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent h2 {
  font-size: 1.424em !important;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent h3 {
  font-size: 1.266em !important;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent h4 {
  font-size: clamp(1.125em, 0.863rem + 0.0535vw, 1.266em) !important;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent h5 {
  font-size: clamp(1rem, 0.988rem + 0.0535vw, 1.125em) !important;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent h6 {
  font-size: clamp(0.875rem, 0.988rem + 0.0535vw, 1rem) !important;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent h2, #aiAssistView .e-view-content .e-views .e-output-container .responseContent h3, #aiAssistView .e-view-content .e-views .e-output-container .responseContent h4 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent b,
#aiAssistView .e-view-content .e-views .e-output-container .responseContent strong {
  font-weight: 600 !important;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent p {
  margin-bottom: 0.5rem;
  font-size: clamp(0.875rem, 0.863rem + 0.0535vw, 1rem) !important;
  font-weight: 400;
  color: rgb(45, 55, 72) !important;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-output-container .responseContent p {
    color: rgb(255, 255, 255) !important;
  }
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent p + :where(ol, ul) {
  margin-top: 0;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent ol,
#aiAssistView .e-view-content .e-views .e-output-container .responseContent ul {
  line-height: 1.6;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent ol > li:first-child,
#aiAssistView .e-view-content .e-views .e-output-container .responseContent ul > li:first-child {
  margin-bottom: 0;
  margin-top: 0;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent ol > li:last-child,
#aiAssistView .e-view-content .e-views .e-output-container .responseContent ul > li:last-child {
  margin-bottom: 0;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent a {
  font-weight: 400;
  text-decoration-line: none;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent pre {
  overflow-x: auto;
  margin-top: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.375rem;
  padding: 1rem;
  background-color: rgb(45, 55, 72);
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.7142857;
  color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-output-container .responseContent pre {
    border: 1px solid rgba(255, 255, 255, 0.15);
    background-color: rgb(10.8457142857, 13.3485714286, 18.3542857143);
  }
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent pre code {
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: none;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-output-container .responseContent pre code {
    background: none;
    color: inherit;
  }
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent code {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
  padding: 0.15rem 0.3rem;
  background: rgb(226, 232, 240);
  font-size: 0.875em;
  font-weight: 500;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-output-container .responseContent code {
    background: rgb(74, 85, 104);
    color: rgb(237, 242, 247);
  }
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent blockquote {
  margin: 0;
  border-width: 2px 2px 2px 0.75rem;
  border-style: solid;
  border-color: rgba(160, 174, 192, 0.5);
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem 0.5rem 1rem;
  background-color: rgba(160, 174, 192, 0.05);
  line-height: 1.5rem;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent blockquote > p {
  margin: 0;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent blockquote > p:after, #aiAssistView .e-view-content .e-views .e-output-container .responseContent blockquote > p:before {
  display: none;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent table {
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
  border-collapse: separate;
  border-spacing: 0px 0px;
  width: 100%;
  font-size: 0.875rem;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent table th {
  border-top: 1px solid rgb(203, 213, 224);
  border-bottom: 1px solid rgb(203, 213, 224);
  border-left: 1px solid rgb(203, 213, 224);
  padding: 0.5rem 0.75rem;
  background-color: rgba(0, 0, 0, 0.1);
  vertical-align: bottom;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-output-container .responseContent table th {
    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
  }
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent table th:first-child {
  border-top-left-radius: 0.375rem;
  padding-left: 0.75rem;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent table th:last-child {
  border-right: 1px solid rgb(226, 232, 240);
  border-top-right-radius: 0.375rem;
  padding-right: 0.75rem;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-output-container .responseContent table th:last-child {
    border-color: rgb(113, 128, 150);
  }
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent table tr:hover {
  background-color: rgba(55, 65, 81, 0.05);
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent table td {
  border-bottom: 1px solid rgb(203, 213, 224);
  border-left: 1px solid rgb(226, 232, 240);
  padding: 0.75rem 0.5rem;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-output-container .responseContent table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent table td:first-child {
  padding-left: 0.75rem;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent table td:last-child {
  border-right: 1px solid rgb(226, 232, 240);
  padding-right: 0.75rem;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-views .e-output-container .responseContent table td:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.375rem;
}
#aiAssistView .e-view-content .e-views .e-output-container .responseContent table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.375rem;
}
#aiAssistView .e-view-content .e-footer {
  position: relative;
  display: flex;
  box-sizing: border-box;
  margin-top: auto;
  margin-bottom: 5px;
  border-radius: 50px;
  padding-bottom: 0;
}
#aiAssistView .e-view-content .e-footer .e-input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  border-radius: 1rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.24);
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-footer .e-input-group {
    background-color: rgba(255, 255, 255, 0.06);
  }
}
#aiAssistView .e-view-content .e-footer .e-input-group textarea {
  position: relative;
  flex: 1 1 auto;
  overflow-y: hidden;
  resize: none;
  margin: 0;
  border-radius: 50px;
  outline: none;
  width: 1%;
  min-width: 0;
  max-height: 241px;
  min-height: calc(2.8rem + 2px);
  padding: 0.875rem 10% 0.375rem 1.25rem !important;
  background-clip: padding-box;
  background-color: transparent !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-footer .e-input-group textarea {
    color: rgb(255, 255, 255);
  }
}
#aiAssistView .e-view-content .e-footer .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #aiAssistView .e-view-content .e-footer .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
  box-shadow: inset 0px 0px 10px rgb(226, 232, 240), inset 0px 0px 10px rgb(255, 255, 255);
  border-color: rgb(203, 213, 224) !important;
  border-radius: 1.625rem;
}
@media (prefers-color-scheme: dark) {
  #aiAssistView .e-view-content .e-footer .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #aiAssistView .e-view-content .e-footer .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.05), inset 0 0 10px rgba(160, 174, 192, 0.05);
    border-color: rgba(255, 255, 255, 0.12) !important;
  }
}
#aiAssistView .e-view-content .e-footer .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) ~ .e-assist-send, #aiAssistView .e-view-content .e-footer .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) ~ .e-assist-send {
  right: 0.375rem;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  background: #0057ff;
  color: rgb(255, 255, 255);
}
#aiAssistView .e-view-content .e-footer .e-input-group .e-clear-icon {
  position: absolute;
  top: unset;
  bottom: calc(0.4rem - 2px);
  right: 50px;
  display: flex;
  justify-content: center;
  opacity: 1;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  width: 40px;
  height: 40px;
  padding: 0;
}
#aiAssistView .e-view-content .e-footer .e-input-group .e-clear-icon.e-clear-icon-hide {
  opacity: 0;
}
#aiAssistView .e-view-content .e-footer .e-assist-send {
  position: absolute;
  bottom: calc(0.4rem - 2px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent;
  background: none;
  cursor: pointer;
  color: rgb(113, 128, 150);
}

@keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%);
  }
  50% {
    transform: translateX(50%) translateY(10%);
  }
  100% {
    transform: translateX(-50%) translateY(-10%);
  }
}
.wm-row.row:has(> .wm-container-parent > .wm-ai_agent-text) {
  position: sticky;
  z-index: 9;
  bottom: -1rem;
  background: linear-gradient(to bottom, transparent, rgb(255, 255, 255) 60%);
  padding-bottom: 1rem;
}
@media (prefers-color-scheme: dark) {
  .wm-row.row:has(> .wm-container-parent > .wm-ai_agent-text) {
    background: linear-gradient(to bottom, transparent, rgb(34.5, 38.25, 42) 60%) !important;
  }
}

.ai-text {
  position: relative;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  box-shadow: 0 6px 18px -12px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(203, 213, 224, 0.7);
  border-radius: 50px;
  height: -webkit-fill-available;
  padding: 0.5rem;
  background-color: rgb(255, 255, 255);
}
@media (prefers-color-scheme: dark) {
  .ai-text {
    box-shadow: 0 6px 18px -12px rgba(255, 255, 255, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.5) !important;
    border-color: rgb(74, 85, 104) !important;
    background-color: rgb(34.5, 38.25, 42) !important;
  }
}
.ai-text .ai-icon-container {
  display: flex;
  margin-right: 0.25rem;
  min-width: 40px;
  min-height: 40px;
}
.ai-text .ai-icon-container #aiAssistantIcon {
  border-radius: 100px;
}
.ai-text .ai-icon-container #aiAssistantIcon .ai-blob-main-path {
  animation: ai-blob-pulse 7s infinite ease-in-out;
  transform-origin: center;
}
.ai-text .ai-icon-container #aiAssistantIcon .ai-shimmer-1 {
  animation: ai-shimmer-rotate-1 12s linear infinite, ai-shimmer-opacity-1 4s ease-in-out infinite alternate;
  transform-origin: center;
}
.ai-text .ai-icon-container #aiAssistantIcon .ai-shimmer-2 {
  animation: ai-shimmer-rotate-2 18s linear infinite reverse, ai-shimmer-opacity-2 5s ease-in-out infinite alternate;
  transform-origin: center;
}
.ai-text .ai-icon-container #aiAssistantIcon .ai-shimmer-3 {
  animation: ai-shimmer-opacity-3 6s ease-in-out infinite alternate;
  transform-origin: center;
}
.ai-text .ai-text-caption {
  border-right: 1px solid rgb(203, 213, 224);
  margin-right: 1rem;
  padding-right: 0.5rem;
  user-select: none;
}
@media (prefers-color-scheme: dark) {
  .ai-text .ai-text-caption {
    border-color: rgba(255, 255, 255, 0.24) !important;
  }
}
.ai-text .ai-text-caption span {
  display: inline;
  background-clip: text;
  background-image: linear-gradient(90deg, #8e2de2, #2832d4 33%, #00a5b2);
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 1rem;
  color: transparent;
}
@media (prefers-color-scheme: dark) {
  .ai-text .ai-text-caption span {
    background-image: linear-gradient(90deg, #ff9ac2, #c184ff 33%, #55ddcc);
  }
}
.ai-text .wm-action-button-group .icon-button {
  background-color: rgba(175, 179, 185, 0.18);
}
.ai-text .wm-action-button-group .icon-button .wm-icon {
  color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  .ai-text .wm-action-button-group .icon-button .wm-icon {
    color: rgb(104, 211, 145) !important;
    color: rgb(154, 230, 180) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .ai-text .wm-action-button-group .icon-button {
    background-color: rgba(175, 179, 185, 0.12);
  }
}
.ai-text .wm-action-button-group .icon-button:hover {
  background-color: #afb3b9;
}
@media (prefers-color-scheme: dark) {
  .ai-text .wm-action-button-group .icon-button:hover {
    background-color: #7a8391 !important;
  }
}
.ai-text .wm-action-button-group .icon-button:hover .wm-icon {
  color: rgb(255, 255, 255) !important;
}
.ai-text .wm-action-button-group .dropdown-menu {
  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);
}
.ai-text:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  inset: -2px;
  filter: blur(8px);
  opacity: 0;
  transform-origin: center;
  transition: all 0.3s ease;
  animation: rotate-colours 8s linear infinite;
  border-radius: inherit;
  width: 100%;
  height: -webkit-fill-available;
  background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
  background-size: 600%;
  pointer-events: none;
}
.ai-text:hover {
  transition: all 0.3s ease;
  box-shadow: none;
  border-color: transparent;
}
.ai-text:hover:before {
  opacity: 0.8;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.6), 0 0 20px rgba(244, 114, 182, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}
@media (prefers-color-scheme: dark) {
  .ai-text:hover:before {
    opacity: 0.4 !important;
  }
}
.ai-text:hover .ai-icon-container {
  transform: scale(1.05);
}
.ai-text:hover .ai-icon-container #aiAssistantIcon .ai-blob-main-path {
  animation: ai-blob-pulse 3s infinite ease-in-out, ai-hover-glow 0.5s ease-in-out forwards;
}
.ai-text:hover .ai-icon-container #aiAssistantIcon .ai-shimmer-1 {
  animation-duration: 5s, 1.5s; /* Faster animations on hover */
}
.ai-text:hover .ai-icon-container #aiAssistantIcon .ai-shimmer-2 {
  animation-duration: 7s, 2s;
}
.ai-text:hover .ai-icon-container #aiAssistantIcon .ai-shimmer-3 {
  animation-duration: 2.5s;
}

@keyframes ai-blob-pulse {
  0%, 100% {
    transform: scale(1);
    filter: brightness(100%);
  }
  50% {
    transform: scale(1.04);
    filter: brightness(110%);
  }
}
@keyframes ai-hover-glow {
  100% {
    filter: drop-shadow(0 0 10px #C084FC) brightness(120%);
  }
}
@keyframes ai-shimmer-rotate-1 {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes ai-shimmer-rotate-2 {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes ai-shimmer-opacity-1 {
  0%, 100% {
    opacity: 0.5;
    transform: scale(0.95);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.05);
  }
}
@keyframes ai-shimmer-opacity-2 {
  0%, 100% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(0.9);
  }
}
@keyframes ai-shimmer-opacity-3 {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1.02);
  }
  50% {
    opacity: 0.9;
    transform: scale(0.98);
  }
}
@keyframes rotate-colours {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.wm-widget-kpi .wm-kpi-figure canvas {
  width: 100% !important;
  height: auto !important;
}
.wm-widget-kpi .wm-kpi-inner .wm-kpi-numbers-cont {
  z-index: auto !important;
}
.wm-widget-kpi .wm-kpi-inner .wm-kpi-numbers-cont .wm-kpi-numbers-total,
.wm-widget-kpi .wm-kpi-inner .wm-kpi-numbers-cont .wm-kpi-labels-total {
  font-size: 1rem !important;
  font-size: clamp(1.602em, 1.561rem + 0.182vw, 2.027em) !important;
  font-size: clamp(1.424em, 1.3876rem + 0.1619vw, 1.802em) !important;
  font-size: clamp(1.266em, 1.2336rem + 0.1439vw, 1.602em) !important;
  font-size: clamp(1.266em, 0.863rem + 0.0535vw, 1.424em) !important;
  font-size: clamp(1.125em, 1.2508rem + 0.0677vw, 1.266em) !important;
  font-size: clamp(1rem, 0.988rem + 0.0535vw, 1.125em);
}
@media (prefers-color-scheme: dark) {
  .wm-widget-kpi .wm-kpi-inner .wm-kpi-numbers-cont .wm-kpi-numbers-total,
  .wm-widget-kpi .wm-kpi-inner .wm-kpi-numbers-cont .wm-kpi-labels-total {
    color: rgb(255, 255, 255) !important;
  }
}
.wm-widget-kpi div:has(> .wm-kpi-data):not(:has(.wm-kpi-data:nth-of-type(3))) .wm-kpi-pie-legend {
  display: none;
}

.modal .tab-content > .row.wm-row:has(> .wm-form-row > .wm-row > .wm-form-row > .wm-widget-container > .wm-widget-container-body > .wm-widget-kpi > .wm-widget > .wm-widget-panel > .wm-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-widget-body[data-loader-type=Kpi]) {
  height: 100%;
}
.modal .tab-content > .row.wm-row:has(> .wm-form-row > .wm-row > .wm-form-row > .wm-widget-container > .wm-widget-container-body > .wm-widget-kpi > .wm-widget > .wm-widget-panel > .wm-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-widget-body[data-loader-type=Kpi]):not(:has(.wm-kpi-data:nth-of-type(3))) {
  max-height: 428px !important;
  min-height: 428px !important;
}
.modal .tab-content > .row.wm-row:has(> .wm-form-row > .wm-row > .wm-form-row > .wm-widget-container > .wm-widget-container-body > .wm-widget-kpi > .wm-widget > .wm-widget-panel > .wm-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-widget-body[data-loader-type=Kpi]):has(.wm-kpi-data:nth-of-type(4)):not(:has(.wm-kpi-data:nth-of-type(5))) {
  max-height: 500px !important;
  min-height: 500px !important;
}
.modal .tab-content > .row.wm-row:has(> .wm-form-row > .wm-row > .wm-form-row > .wm-widget-container > .wm-widget-container-body > .wm-widget-kpi > .wm-widget > .wm-widget-panel > .wm-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-widget-body[data-loader-type=Kpi]):has(.wm-kpi-data:nth-of-type(6)):not(:has(.wm-kpi-data:nth-of-type(7))) {
  max-height: 528px !important;
  min-height: 528px !important;
}

@media only screen and (max-width: 47.9375em) {
  #HolidayAllowanceSummary {
    margin-bottom: 1rem;
  }
}
@media (prefers-color-scheme: dark) {
  #HolidayAllowanceSummary .wm-primary-kpi-title {
    color: rgb(237, 242, 243);
  }
  #HolidayAllowanceSummary .wm-kpi-numbers-total {
    color: rgb(192, 201, 211);
  }
}

.wm-main-page .module-content.wm-content-container .wm-widget-kpi .wm-section {
  padding: 0 !important;
}
.wm-main-page .module-content.wm-content-container .wm-widget-kpi .wm-section .section-title {
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
@media (prefers-color-scheme: dark) {
  .wm-main-page .module-content.wm-content-container .wm-widget-kpi .wm-section .wm-kpi-header .wm-primary-kpi-title {
    color: rgb(237, 242, 243) !important;
  }
  .wm-main-page .module-content.wm-content-container .wm-widget-kpi .wm-section .wm-kpi-header .wm-secondary-kpi-title {
    color: rgb(192, 201, 211) !important;
  }
}
.wm-main-page .module-content.wm-content-container .wm-widget-body .label.entity-tag {
  padding: 5px 6px;
  font-size: 90%;
  white-space: break-spaces !important;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout {
  position: relative;
}
@media only screen and (max-width: 28.9375em) {
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout {
    border-radius: 0 !important;
  }
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout > .wm-kpi-header {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
@media only screen and (max-width: 28.9375em) {
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout > .wm-kpi-header {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout .wm-section-inner, .wm-main-page .module-content.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);
  background-color: transparent !important;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2:hover .icon-cache-wrapper {
  display: block;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-header {
  padding: 0.7rem 1rem 0.7rem 1rem;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-primary-text {
  display: block;
  padding-left: 1rem;
  padding-bottom: 0.9rem;
  font-size: calc(13px + 0.6vw);
  white-space: pre-line;
  color: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-primary-text {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-primary-text {
    color: rgb(237, 242, 247) !important;
  }
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-secondary-text {
  padding-top: 10px;
  text-align: center;
  font-size: calc(13px + 0.3vw);
  line-height: normal;
  text-transform: uppercase;
  color: rgb(119, 129, 141);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text {
  display: block;
  padding-bottom: 0.9rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: rgb(74, 85, 104) !important;
}
@media (prefers-color-scheme: light) {
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text {
    color: rgb(74, 85, 104) !important;
  }
}
@media (prefers-color-scheme: dark) {
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text {
    color: rgb(237, 242, 247) !important;
  }
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-size-small {
  font-size: 10px;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-size-medium {
  font-size: 16px;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-size-large {
  font-size: 22px;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-alignment-left {
  text-align: left;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-alignment-centre {
  text-align: center;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text-alignment-right {
  text-align: right;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-primary-kpi-title {
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
  color: rgb(119, 129, 141);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2.wm-section {
  margin-bottom: 0.7rem !important;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .icon-cache-wrapper {
  position: absolute;
  bottom: 0.6rem;
  right: 0.6rem;
  display: none;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-header, .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-inner, .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-4 .wm-kpi-header, .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-4 .wm-kpi-inner {
  padding: 1rem;
}
.wm-main-page .module-content.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;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-numbers-cont {
  position: relative !important;
  z-index: auto !important;
  margin-top: 1rem;
  animation-duration: 3s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-labels-total {
  animation-duration: 1s;
  animation-delay: 1s;
  color: rgb(119, 129, 141);
  font-size: 11px;
  line-height: normal;
  font-weight: 300;
  text-transform: uppercase;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-primary-text {
  white-space: pre-line;
  color: rgb(119, 129, 141);
  font-size: 13px;
  line-height: normal;
  font-weight: 300;
  text-transform: uppercase;
}
@media (prefers-color-scheme: dark) {
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-primary-text {
    color: rgb(192, 201, 211) !important;
  }
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-data {
  align-items: center;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-data:not(:first-child) {
  margin-top: 7px;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend.wm-kpi-pie-legend-primary {
  background: rgb(0, 119, 188);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend.wm-kpi-pie-legend-secondary {
  background: rgb(137, 193, 225);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend.wm-kpi-pie-legend-tertiary {
  background: rgb(219, 236, 248);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend.wm-kpi-pie-legend-quaternary {
  background: rgb(179, 227, 255);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-pie-legend.wm-kpi-pie-legend-quinary {
  background: rgb(230, 246, 255);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 canvas {
  position: relative !important;
  z-index: 5 !important;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-primary-kpi-title {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-secondary-kpi-title {
  font-size: 13px;
  font-weight: 300;
  color: rgb(119, 129, 141);
}
@media (prefers-color-scheme: dark) {
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-primary-kpi-title {
    color: rgb(237, 242, 243) !important;
  }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-secondary-kpi-title {
    color: rgb(192, 201, 211) !important;
  }
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-4 .wm-kpi-figure {
  width: 100%;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-4 .wm-kpi-figure canvas {
  width: 100% !important;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-4 .wm-primary-kpi-title {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-bad .wm-primary-kpi-title, .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-good .wm-primary-kpi-title {
  color: rgb(237, 242, 243) !important;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-bad .wm-icon.wm-icon-small, .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-good .wm-icon.wm-icon-small {
  fill: rgb(237, 242, 243) !important;
  color: rgb(237, 242, 243) !important;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-bad .wm-icon-cache .wm-icon.wm-icon-small, .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-good .wm-icon-cache .wm-icon.wm-icon-small {
  fill: #7a8391 !important;
  font-size: 1rem;
  color: #7a8391 !important;
}
@media (prefers-color-scheme: dark) {
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-bad .wm-icon-cache .wm-icon.wm-icon-small, .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-good .wm-icon-cache .wm-icon.wm-icon-small {
    fill: #7a8391 !important;
    color: #7a8391 !important;
  }
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-bad .wm-secondary-kpi-title, .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-good .wm-secondary-kpi-title {
  color: rgb(192, 201, 211) !important;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-good > .wm-kpi-header {
  background-color: rgb(26.82, 92.38, 26.82);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-good > .wm-kpi-primary-text {
  color: rgb(122.0875, 216.4125, 122.0875) !important;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-bad > .wm-kpi-header {
  background-color: rgb(118.487012987, 10.012987013, 10.012987013);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-bad > .wm-kpi-primary-text {
  color: rgb(243.9506493506, 124.2493506494, 124.2493506494) !important;
}
@media only screen and (max-width: 28.9375em) {
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout {
    border-radius: 0 !important;
  }
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-error .wm-primary-kpi-title {
  line-height: 22px;
  font-size: 18px;
  font-weight: 400;
  color: rgb(235, 21, 21);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-error .wm-kpi-inner {
  padding: 0.7rem;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-error .wm-kpi-inner ul {
  margin-bottom: 0;
  padding: 0;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-error .wm-kpi-inner ul li {
  list-style: none;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-error .wm-kpi-inner ul li:not(:first-child) {
  margin-top: 10px;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-error .wm-kpi-header {
  padding: 0.7rem;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout .dropdown.wm-dropdown .wm-web-action-dropdown.dropdown-menu {
  position: absolute !important;
  left: auto !important;
  right: 0px !important;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-1 .wm-kpi-header {
  padding: 20px;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-1 .wm-kpi-inner {
  height: 90px !important;
}
.wm-main-page .module-content.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: rgb(89, 96, 105);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-1 .wm-kpi-secondary-text {
  margin-top: 2px;
  text-align: right;
  font-size: 13px;
  font-weight: 300;
  color: rgb(119, 129, 141);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-1 .wm-primary-kpi-title {
  color: #333333;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  text-transform: none;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-1 .wm-secondary-kpi-title {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 300;
  color: rgb(119, 129, 141);
}
.wm-main-page .module-content.wm-content-container .wm-kpi-layout-2 .wm-kpi-primary-icon {
  font-size: 25px;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-item {
  margin-bottom: 1.5rem;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-numbers {
  margin-left: 1.25rem;
  text-align: center;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-numbers-total {
  font-weight: 400;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-numbers-change {
  border-radius: 5px;
  padding: 0.2rem 0.5rem;
  background-color: rgb(192, 201, 211);
  color: #7a8391;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-chart {
  padding-top: 1.15rem;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-chart .fas {
  font-size: 28px;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-carousel .carousel-control-prev, .wm-main-page .module-content.wm-content-container .wm-kpi-carousel .carousel-control-next {
  position: unset;
  display: inline-block;
  transition: all 0.3s;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  background-color: #afb3b9;
  color: #7a8391 !important;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-carousel .carousel-control-prev i, .wm-main-page .module-content.wm-content-container .wm-kpi-carousel .carousel-control-next i {
  transition: all 0.3s;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-carousel .carousel-control-prev:hover, .wm-main-page .module-content.wm-content-container .wm-kpi-carousel .carousel-control-next:hover {
  transition: all 0.3s;
  background-color: #7a8391;
}
.wm-main-page .module-content.wm-content-container .wm-kpi-carousel .carousel-control-prev:hover i, .wm-main-page .module-content.wm-content-container .wm-kpi-carousel .carousel-control-next:hover i {
  color: rgb(255, 255, 255);
}

.wm-kpi-inner > ul > li {
  margin-top: 10px;
  list-style: none;
}

#tab-content-reconcile_transactions .bank-account-statement-balance {
  text-align: right;
}
#tab-content-reconcile_transactions #reconcileButtonResult {
  text-align: -webkit-center;
}
#tab-content-reconcile_transactions .bank-account-winman-balance {
  padding-left: 18px;
}
#tab-content-reconcile_transactions #reconcileDiv .statement-headers .wm-display-label {
  /* text-align: right;*/
  text-align: center;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item {
  /*display: grid;
  grid-template-columns: 1fr*/ /* col 1 */
  /*auto*/ /* col 2 (button) */
  /*1fr;*/ /* col 3 */
  /*grid-template-rows: auto*/ /* row 1 (headers) */
  /*1fr;*/ /* row 2 (data) */
  /*grid-template-areas:
      "options    confirm-button   button-group" "statement  confirm-button   matched-item";
  gap: 1rem;*/
}
@media (prefers-color-scheme: dark) {
  #tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item {
    border-color: rgb(226, 232, 240);
  }
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .statement-item {
  flex-direction: column;
  padding-top: 0.5rem;
  background-color: rgb(237, 242, 247);
}
@media (prefers-color-scheme: dark) {
  #tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .statement-item {
    background-color: rgb(23, 25.5, 28);
  }
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .statement-item .options {
  align-items: center;
  height: 50px;
  text-align: right;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .statement-item .wm-section {
  z-index: 9;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .statement-item .statement-section {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .item-border-left {
  border-left: solid 2px #eef2f7;
}
@media (prefers-color-scheme: dark) {
  #tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .item-border-left {
    border-left: solid 2px #1d1f22;
  }
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .match-value {
  /*text-align: right;*/
  text-align: center;
  padding-top: 10px;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .confirm-button {
  /*align-items: center;*/
  align-items: normal;
  justify-content: center;
  /*padding-top: calc(50px + 0.5rem - 1.125rem);*/
  /*padding-top: 86px;*/
  padding-top: 72px;
  background-color: rgb(247, 250, 252);
}
@media (prefers-color-scheme: dark) {
  #tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .confirm-button {
    background-color: rgb(27.6, 30.6, 33.6);
  }
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .confirm-button .primary-button {
  position: relative;
  z-index: 9;
  flex: none !important;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .confirm-button:after {
  content: "";
  position: absolute;
  z-index: 2;
  /*top: calc(50% + 1.25rem);*/
  /*top: 106px;*/
  top: 92px;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%);
  width: calc(100% + 10px);
  height: 2px;
  background: linear-gradient(to right, rgb(203, 213, 224)) rgb(226, 232, 240) 100% no-repeat;
}
@media (prefers-color-scheme: dark) {
  #tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .confirm-button:after {
    background: linear-gradient(to right, rgb(74, 85, 104)) rgb(113, 128, 150) 100% no-repeat;
  }
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item {
  flex-direction: column;
  padding-top: 0.5rem;
  background-color: rgb(237, 242, 247);
}
@media (prefers-color-scheme: dark) {
  #tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item {
    background-color: rgb(23, 25.5, 28);
  }
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .button-group {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .button-group .wm-container-parent {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .button-group .wm-container-parent div.wm-button-group .btn-group {
  border-radius: 22px 22px 0 0;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section {
  z-index: 9;
  border-radius: 0rem 1rem 1rem 1rem !important;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.match {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  /*                        .wm-inline-search {
      .e-clear-icon {
          display:none;
      }
  }*/
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.match.alternative-match {
  background-color: rgb(198, 246, 213) !important;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.match label {
  color: rgb(39, 103, 73) !important;
}
@media (prefers-color-scheme: dark) {
  #tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.match.alternative-match {
    background-color: rgb(39, 103, 73) !important;
  }
  #tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.match label {
    color: rgb(198, 246, 213) !important;
  }
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.match .item-transaction-account {
  margin-top: 0px !important;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.match .reconcile-match-source {
  text-align: -webkit-right;
  padding-right: 18px;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.match .reconcile-match-source .reconcile-match-source-label {
  line-height: 16px;
  padding: 6px 8px;
  text-align: center;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.create {
  padding-top: 8px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.create div.wm-inline-search[data-field-name$=CreateAccount] .wm-row {
  display: flex !important;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.create div.wm-button-group {
  display: flex !important;
  line-height: 30px !important;
  gap: 0.5rem !important;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.discuss .discuss-save {
  text-align: right;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.discuss .discuss-description-form-column {
  margin-bottom: 6px;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section.discuss .discuss-description-form-column .discuss-description {
  padding: 0px;
  margin-bottom: -8px;
}
#tab-content-reconcile_transactions #reconcileDiv .matched-reconcile-item .matched-item .wm-section textarea {
  resize: none;
}

@media only screen and (max-width: 28.9375em) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .row,
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .row {
    gap: 1rem;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card,
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  transform: scale(1);
  border-radius: 0.5rem !important;
  cursor: pointer;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card.selected-service,
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service {
  transform: scale(1.02);
  box-shadow: 0 0 0 0.25rem rgba(175, 179, 185, 0.24);
  background: rgba(175, 179, 185, 0.12) !important;
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card.selected-service,
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service {
    background: rgba(175, 179, 185, 0.08) !important;
  }
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card.selected-service .card-body label,
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card.selected-service .card-header label,
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service .card-body label,
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service .card-header label {
    color: rgb(255, 255, 255) !important;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card {
  border: 2px solid transparent;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card .card-body {
  display: grid;
  align-items: center;
  gap: 0.5rem;
  grid-template-columns: 30px auto;
  height: 100%;
  background-color: transparent !important;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card .card-body .carrier-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(226, 232, 240) !important;
  border-radius: 0.5rem;
  width: 30px;
  height: 30px;
  padding: 0.25rem;
  background-color: rgba(255, 255, 255, 0.48);
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card .card-body .carrier-icon {
    border-color: rgb(74, 85, 104) !important;
    background-color: rgba(255, 255, 255, 0.12);
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card .card-body .carrier-icon img {
  object-fit: contain;
  object-position: center;
  border-radius: 0.5rem;
  width: 100%;
  height: 100%;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card .card-body label {
  margin-bottom: 0;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card.selected-service {
  border: 2px solid #afb3b9 !important;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationCarrierCardView] .card:hover {
  box-shadow: 0 0 0 0.25rem rgba(175, 179, 185, 0.25);
  border: 2px solid #afb3b9;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card {
  outline: 2px solid transparent;
  background: transparent !important;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .wm-generic-card {
  display: grid;
  grid-template-rows: 1fr 1fr;
}
@media only screen and (max-width: 28.9375em) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .wm-generic-card {
    grid-template-rows: auto 1fr;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-header {
  position: relative;
  margin-bottom: 0;
  border-radius: 0.5rem 0.5rem 0 0 !important;
  background-color: rgb(247, 250, 252) !important;
  padding: 1rem !important;
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-header {
    background-color: rgb(53.9046391753, 58.1443298969, 63.5953608247) !important;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-header .d-flex {
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (max-width: 28.9375em) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-header .d-flex {
    flex-direction: row !important;
    gap: 0.5rem;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-header .d-flex .mw-90 {
  order: 2;
  width: 100% !important;
}
@media only screen and (max-width: 28.9375em) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-header .d-flex .mw-90 {
    padding-inline-end: 1.5rem;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-header .d-flex .ml-auto {
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: unset !important;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-header .card-title {
  font-weight: 600;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-header .card-header-icons {
  border: 1px solid rgb(226, 232, 240) !important;
  border-radius: 0.5rem;
  width: 40px;
  height: 40px;
  padding: 0.5rem;
  background-color: rgba(255, 255, 255, 0.48);
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-header .card-header-icons {
    border-color: rgb(74, 85, 104) !important;
    background-color: rgba(255, 255, 255, 0.12);
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-header .card-header-icons img {
  object-fit: contain;
  object-position: center;
  border-radius: 0.5rem;
  width: 100%;
  height: 100%;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-body {
  position: relative;
  margin-top: -0.5rem;
  padding: 1rem !important;
  background: rgb(255, 255, 255) !important;
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-body {
    background-color: rgb(34.5, 38.25, 42) !important;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-body .card-body-inner {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0.75rem;
  grid-template-areas: "leadTime estimatedDate" "price price";
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-body .card-body-inner .service-lead-time,
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-body .card-body-inner .service-estimated-date {
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-body .card-body-inner .service-lead-time {
  grid-area: leadTime;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-body .card-body-inner .service-estimated-date {
  grid-area: estimatedDate;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card .card-body .card-body-inner .service-price {
  grid-area: price;
  font-size: 1.2rem;
  font-weight: 600;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card div.wm-control {
  padding: 0 !important;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:has(.wm-card-footer-badges) {
  outline-color: rgba(1, 136, 255, 0.48);
  background-color: rgb(229, 243, 255);
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:has(.wm-card-footer-badges) {
    outline-color: rgba(49, 130, 206, 0.48);
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:has(.wm-card-footer-badges) .card-header {
  background-color: rgba(229, 243, 255, 0.48) !important;
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:has(.wm-card-footer-badges) .card-header {
    background-color: rgba(10, 132, 255, 0.12) !important;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:has(.wm-card-footer-badges) .wm-card-footer-badges .wm-background-blue {
  background-color: rgb(1, 136, 255) !important;
  color: rgb(229, 243, 255) !important;
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:has(.wm-card-footer-badges) .wm-card-footer-badges .wm-background-blue {
    background-color: rgb(10, 132, 255) !important;
    color: rgb(235, 248, 255) !important;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:has(.wm-card-footer-badges):before {
  outline: 1px solid rgb(203, 213, 224);
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service {
  outline-color: #afb3b9;
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service {
    box-shadow: 10px 10px 30px rgba(122, 131, 145, 0.24), -10px -10px 30px rgb(34.5, 38.25, 42) !important;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service .wm-generic-card {
  background: rgba(175, 179, 185, 0.12) !important;
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service .wm-generic-card {
    background: rgba(175, 179, 185, 0.08) !important;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service .card-header {
  background-color: transparent !important;
  padding-bottom: 2rem;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service .card-body {
  background-color: transparent !important;
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service .card-header label,
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service .card-body label {
    color: rgb(255, 255, 255) !important;
  }
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service:before {
    outline-color: rgb(255, 255, 255) !important;
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card.selected-service:after {
  opacity: 1;
  transform: scale(1.02);
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:hover {
  box-shadow: 0 0 0 0.35rem rgba(175, 179, 185, 0.24);
  outline-color: #afb3b9;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:before, #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:after {
  position: absolute;
  top: 1.625rem;
  right: 1rem;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  border-radius: 50px;
  width: 20px;
  height: 20px;
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:before {
  content: "";
  z-index: 1;
  outline: 1px solid rgb(226, 232, 240);
  background-color: rgba(74, 85, 104, 0.06);
}
@media (prefers-color-scheme: dark) {
  #loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:before {
    outline-color: rgb(160, 174, 192);
    background-color: rgba(255, 255, 255, 0.06);
  }
}
#loadedtabwidgetservicerates div[data-widget-name=CarrierIntegrationServiceCardView] .card:after {
  content: "\f00c";
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0);
  box-shadow: 0px 8px 24px 0px rgba(122, 131, 145, 0.48) !important;
  background-color: #afb3b9;
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  color: rgb(255, 255, 255);
}