@charset "UTF-8";
/* General Animations */
@import url(fontawesome-all.min.css);
.animated {
  animation-duration: 225ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

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

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

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

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

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

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

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

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

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

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

@keyframes fadeIn {
  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); } }

/*
    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.33333% - (2.75rem / 12));
  max-width: calc(8.33333% - (2.75rem / 12)); }

.row.gap-1 > .col-2 {
  flex: 0 0 calc(16.66667% - (1.25rem / 6));
  max-width: calc(16.66667% - (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.33333% - (0.5rem / 3));
  max-width: calc(33.33333% - (0.5rem / 3)); }

.row.gap-1 > .col-5 {
  flex: 0 0 calc(41.66667% - (0.35rem / 2.4));
  max-width: calc(41.66667% - (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.33333% - (0.17857rem / 1.71429));
  max-width: calc(58.33333% - (0.17857rem / 1.71429)); }

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

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

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

.row.gap-1 > .col-11 {
  flex: 0 0 calc(91.66667% - (0.02273rem / 1.09091));
  max-width: calc(91.66667% - (0.02273rem / 1.09091)); }

@media (min-width: 576px) {
  .row.gap-1 > .col-sm-1 {
    flex: 0 0 calc(8.33333% - (2.75rem / 12));
    max-width: calc(8.33333% - (2.75rem / 12)); } }

@media (min-width: 576px) {
  .row.gap-1 > .col-sm-2 {
    flex: 0 0 calc(16.66667% - (1.25rem / 6));
    max-width: calc(16.66667% - (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.33333% - (0.5rem / 3));
    max-width: calc(33.33333% - (0.5rem / 3)); } }

@media (min-width: 576px) {
  .row.gap-1 > .col-sm-5 {
    flex: 0 0 calc(41.66667% - (0.35rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.17857rem / 1.71429));
    max-width: calc(58.33333% - (0.17857rem / 1.71429)); } }

@media (min-width: 576px) {
  .row.gap-1 > .col-sm-8 {
    flex: 0 0 calc(66.66667% - (0.125rem / 1.5));
    max-width: calc(66.66667% - (0.125rem / 1.5)); } }

@media (min-width: 576px) {
  .row.gap-1 > .col-sm-9 {
    flex: 0 0 calc(75% - (0.08333rem / 1.33333));
    max-width: calc(75% - (0.08333rem / 1.33333)); } }

@media (min-width: 576px) {
  .row.gap-1 > .col-sm-10 {
    flex: 0 0 calc(83.33333% - (0.05rem / 1.2));
    max-width: calc(83.33333% - (0.05rem / 1.2)); } }

@media (min-width: 576px) {
  .row.gap-1 > .col-sm-11 {
    flex: 0 0 calc(91.66667% - (0.02273rem / 1.09091));
    max-width: calc(91.66667% - (0.02273rem / 1.09091)); } }

@media (min-width: 768px) {
  .row.gap-1 > .col-md-1 {
    flex: 0 0 calc(8.33333% - (2.75rem / 12));
    max-width: calc(8.33333% - (2.75rem / 12)); } }

@media (min-width: 768px) {
  .row.gap-1 > .col-md-2 {
    flex: 0 0 calc(16.66667% - (1.25rem / 6));
    max-width: calc(16.66667% - (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.33333% - (0.5rem / 3));
    max-width: calc(33.33333% - (0.5rem / 3)); } }

@media (min-width: 768px) {
  .row.gap-1 > .col-md-5 {
    flex: 0 0 calc(41.66667% - (0.35rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.17857rem / 1.71429));
    max-width: calc(58.33333% - (0.17857rem / 1.71429)); } }

@media (min-width: 768px) {
  .row.gap-1 > .col-md-8 {
    flex: 0 0 calc(66.66667% - (0.125rem / 1.5));
    max-width: calc(66.66667% - (0.125rem / 1.5)); } }

@media (min-width: 768px) {
  .row.gap-1 > .col-md-9 {
    flex: 0 0 calc(75% - (0.08333rem / 1.33333));
    max-width: calc(75% - (0.08333rem / 1.33333)); } }

@media (min-width: 768px) {
  .row.gap-1 > .col-md-10 {
    flex: 0 0 calc(83.33333% - (0.05rem / 1.2));
    max-width: calc(83.33333% - (0.05rem / 1.2)); } }

@media (min-width: 768px) {
  .row.gap-1 > .col-md-11 {
    flex: 0 0 calc(91.66667% - (0.02273rem / 1.09091));
    max-width: calc(91.66667% - (0.02273rem / 1.09091)); } }

@media (min-width: 992px) {
  .row.gap-1 > .col-lg-1 {
    flex: 0 0 calc(8.33333% - (2.75rem / 12));
    max-width: calc(8.33333% - (2.75rem / 12)); } }

@media (min-width: 992px) {
  .row.gap-1 > .col-lg-2 {
    flex: 0 0 calc(16.66667% - (1.25rem / 6));
    max-width: calc(16.66667% - (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.33333% - (0.5rem / 3));
    max-width: calc(33.33333% - (0.5rem / 3)); } }

@media (min-width: 992px) {
  .row.gap-1 > .col-lg-5 {
    flex: 0 0 calc(41.66667% - (0.35rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.17857rem / 1.71429));
    max-width: calc(58.33333% - (0.17857rem / 1.71429)); } }

@media (min-width: 992px) {
  .row.gap-1 > .col-lg-8 {
    flex: 0 0 calc(66.66667% - (0.125rem / 1.5));
    max-width: calc(66.66667% - (0.125rem / 1.5)); } }

@media (min-width: 992px) {
  .row.gap-1 > .col-lg-9 {
    flex: 0 0 calc(75% - (0.08333rem / 1.33333));
    max-width: calc(75% - (0.08333rem / 1.33333)); } }

@media (min-width: 992px) {
  .row.gap-1 > .col-lg-10 {
    flex: 0 0 calc(83.33333% - (0.05rem / 1.2));
    max-width: calc(83.33333% - (0.05rem / 1.2)); } }

@media (min-width: 992px) {
  .row.gap-1 > .col-lg-11 {
    flex: 0 0 calc(91.66667% - (0.02273rem / 1.09091));
    max-width: calc(91.66667% - (0.02273rem / 1.09091)); } }

@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-1 {
    flex: 0 0 calc(8.33333% - (2.75rem / 12));
    max-width: calc(8.33333% - (2.75rem / 12)); } }

@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-2 {
    flex: 0 0 calc(16.66667% - (1.25rem / 6));
    max-width: calc(16.66667% - (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.33333% - (0.5rem / 3));
    max-width: calc(33.33333% - (0.5rem / 3)); } }

@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-5 {
    flex: 0 0 calc(41.66667% - (0.35rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.17857rem / 1.71429));
    max-width: calc(58.33333% - (0.17857rem / 1.71429)); } }

@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-8 {
    flex: 0 0 calc(66.66667% - (0.125rem / 1.5));
    max-width: calc(66.66667% - (0.125rem / 1.5)); } }

@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-9 {
    flex: 0 0 calc(75% - (0.08333rem / 1.33333));
    max-width: calc(75% - (0.08333rem / 1.33333)); } }

@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-10 {
    flex: 0 0 calc(83.33333% - (0.05rem / 1.2));
    max-width: calc(83.33333% - (0.05rem / 1.2)); } }

@media (min-width: 1200px) {
  .row.gap-1 > .col-xl-11 {
    flex: 0 0 calc(91.66667% - (0.02273rem / 1.09091));
    max-width: calc(91.66667% - (0.02273rem / 1.09091)); } }

.gap-2 {
  gap: 0.5rem; }

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

.row.gap-2 > .col-2 {
  flex: 0 0 calc(16.66667% - (2.5rem / 6));
  max-width: calc(16.66667% - (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.33333% - (1rem / 3));
  max-width: calc(33.33333% - (1rem / 3)); }

.row.gap-2 > .col-5 {
  flex: 0 0 calc(41.66667% - (0.7rem / 2.4));
  max-width: calc(41.66667% - (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.33333% - (0.35714rem / 1.71429));
  max-width: calc(58.33333% - (0.35714rem / 1.71429)); }

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

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

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

.row.gap-2 > .col-11 {
  flex: 0 0 calc(91.66667% - (0.04545rem / 1.09091));
  max-width: calc(91.66667% - (0.04545rem / 1.09091)); }

@media (min-width: 576px) {
  .row.gap-2 > .col-sm-1 {
    flex: 0 0 calc(8.33333% - (5.5rem / 12));
    max-width: calc(8.33333% - (5.5rem / 12)); } }

@media (min-width: 576px) {
  .row.gap-2 > .col-sm-2 {
    flex: 0 0 calc(16.66667% - (2.5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (1rem / 3));
    max-width: calc(33.33333% - (1rem / 3)); } }

@media (min-width: 576px) {
  .row.gap-2 > .col-sm-5 {
    flex: 0 0 calc(41.66667% - (0.7rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.35714rem / 1.71429));
    max-width: calc(58.33333% - (0.35714rem / 1.71429)); } }

@media (min-width: 576px) {
  .row.gap-2 > .col-sm-8 {
    flex: 0 0 calc(66.66667% - (0.25rem / 1.5));
    max-width: calc(66.66667% - (0.25rem / 1.5)); } }

@media (min-width: 576px) {
  .row.gap-2 > .col-sm-9 {
    flex: 0 0 calc(75% - (0.16667rem / 1.33333));
    max-width: calc(75% - (0.16667rem / 1.33333)); } }

@media (min-width: 576px) {
  .row.gap-2 > .col-sm-10 {
    flex: 0 0 calc(83.33333% - (0.1rem / 1.2));
    max-width: calc(83.33333% - (0.1rem / 1.2)); } }

@media (min-width: 576px) {
  .row.gap-2 > .col-sm-11 {
    flex: 0 0 calc(91.66667% - (0.04545rem / 1.09091));
    max-width: calc(91.66667% - (0.04545rem / 1.09091)); } }

@media (min-width: 768px) {
  .row.gap-2 > .col-md-1 {
    flex: 0 0 calc(8.33333% - (5.5rem / 12));
    max-width: calc(8.33333% - (5.5rem / 12)); } }

@media (min-width: 768px) {
  .row.gap-2 > .col-md-2 {
    flex: 0 0 calc(16.66667% - (2.5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (1rem / 3));
    max-width: calc(33.33333% - (1rem / 3)); } }

@media (min-width: 768px) {
  .row.gap-2 > .col-md-5 {
    flex: 0 0 calc(41.66667% - (0.7rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.35714rem / 1.71429));
    max-width: calc(58.33333% - (0.35714rem / 1.71429)); } }

@media (min-width: 768px) {
  .row.gap-2 > .col-md-8 {
    flex: 0 0 calc(66.66667% - (0.25rem / 1.5));
    max-width: calc(66.66667% - (0.25rem / 1.5)); } }

@media (min-width: 768px) {
  .row.gap-2 > .col-md-9 {
    flex: 0 0 calc(75% - (0.16667rem / 1.33333));
    max-width: calc(75% - (0.16667rem / 1.33333)); } }

@media (min-width: 768px) {
  .row.gap-2 > .col-md-10 {
    flex: 0 0 calc(83.33333% - (0.1rem / 1.2));
    max-width: calc(83.33333% - (0.1rem / 1.2)); } }

@media (min-width: 768px) {
  .row.gap-2 > .col-md-11 {
    flex: 0 0 calc(91.66667% - (0.04545rem / 1.09091));
    max-width: calc(91.66667% - (0.04545rem / 1.09091)); } }

@media (min-width: 992px) {
  .row.gap-2 > .col-lg-1 {
    flex: 0 0 calc(8.33333% - (5.5rem / 12));
    max-width: calc(8.33333% - (5.5rem / 12)); } }

@media (min-width: 992px) {
  .row.gap-2 > .col-lg-2 {
    flex: 0 0 calc(16.66667% - (2.5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (1rem / 3));
    max-width: calc(33.33333% - (1rem / 3)); } }

@media (min-width: 992px) {
  .row.gap-2 > .col-lg-5 {
    flex: 0 0 calc(41.66667% - (0.7rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.35714rem / 1.71429));
    max-width: calc(58.33333% - (0.35714rem / 1.71429)); } }

@media (min-width: 992px) {
  .row.gap-2 > .col-lg-8 {
    flex: 0 0 calc(66.66667% - (0.25rem / 1.5));
    max-width: calc(66.66667% - (0.25rem / 1.5)); } }

@media (min-width: 992px) {
  .row.gap-2 > .col-lg-9 {
    flex: 0 0 calc(75% - (0.16667rem / 1.33333));
    max-width: calc(75% - (0.16667rem / 1.33333)); } }

@media (min-width: 992px) {
  .row.gap-2 > .col-lg-10 {
    flex: 0 0 calc(83.33333% - (0.1rem / 1.2));
    max-width: calc(83.33333% - (0.1rem / 1.2)); } }

@media (min-width: 992px) {
  .row.gap-2 > .col-lg-11 {
    flex: 0 0 calc(91.66667% - (0.04545rem / 1.09091));
    max-width: calc(91.66667% - (0.04545rem / 1.09091)); } }

@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-1 {
    flex: 0 0 calc(8.33333% - (5.5rem / 12));
    max-width: calc(8.33333% - (5.5rem / 12)); } }

@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-2 {
    flex: 0 0 calc(16.66667% - (2.5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (1rem / 3));
    max-width: calc(33.33333% - (1rem / 3)); } }

@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-5 {
    flex: 0 0 calc(41.66667% - (0.7rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.35714rem / 1.71429));
    max-width: calc(58.33333% - (0.35714rem / 1.71429)); } }

@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-8 {
    flex: 0 0 calc(66.66667% - (0.25rem / 1.5));
    max-width: calc(66.66667% - (0.25rem / 1.5)); } }

@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-9 {
    flex: 0 0 calc(75% - (0.16667rem / 1.33333));
    max-width: calc(75% - (0.16667rem / 1.33333)); } }

@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-10 {
    flex: 0 0 calc(83.33333% - (0.1rem / 1.2));
    max-width: calc(83.33333% - (0.1rem / 1.2)); } }

@media (min-width: 1200px) {
  .row.gap-2 > .col-xl-11 {
    flex: 0 0 calc(91.66667% - (0.04545rem / 1.09091));
    max-width: calc(91.66667% - (0.04545rem / 1.09091)); } }

.gap-3 {
  gap: 1rem; }

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

.row.gap-3 > .col-2 {
  flex: 0 0 calc(16.66667% - (5rem / 6));
  max-width: calc(16.66667% - (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.33333% - (2rem / 3));
  max-width: calc(33.33333% - (2rem / 3)); }

.row.gap-3 > .col-5 {
  flex: 0 0 calc(41.66667% - (1.4rem / 2.4));
  max-width: calc(41.66667% - (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.33333% - (0.71429rem / 1.71429));
  max-width: calc(58.33333% - (0.71429rem / 1.71429)); }

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

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

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

.row.gap-3 > .col-11 {
  flex: 0 0 calc(91.66667% - (0.09091rem / 1.09091));
  max-width: calc(91.66667% - (0.09091rem / 1.09091)); }

@media (min-width: 576px) {
  .row.gap-3 > .col-sm-1 {
    flex: 0 0 calc(8.33333% - (11rem / 12));
    max-width: calc(8.33333% - (11rem / 12)); } }

@media (min-width: 576px) {
  .row.gap-3 > .col-sm-2 {
    flex: 0 0 calc(16.66667% - (5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (2rem / 3));
    max-width: calc(33.33333% - (2rem / 3)); } }

@media (min-width: 576px) {
  .row.gap-3 > .col-sm-5 {
    flex: 0 0 calc(41.66667% - (1.4rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.71429rem / 1.71429));
    max-width: calc(58.33333% - (0.71429rem / 1.71429)); } }

@media (min-width: 576px) {
  .row.gap-3 > .col-sm-8 {
    flex: 0 0 calc(66.66667% - (0.5rem / 1.5));
    max-width: calc(66.66667% - (0.5rem / 1.5)); } }

@media (min-width: 576px) {
  .row.gap-3 > .col-sm-9 {
    flex: 0 0 calc(75% - (0.33333rem / 1.33333));
    max-width: calc(75% - (0.33333rem / 1.33333)); } }

@media (min-width: 576px) {
  .row.gap-3 > .col-sm-10 {
    flex: 0 0 calc(83.33333% - (0.2rem / 1.2));
    max-width: calc(83.33333% - (0.2rem / 1.2)); } }

@media (min-width: 576px) {
  .row.gap-3 > .col-sm-11 {
    flex: 0 0 calc(91.66667% - (0.09091rem / 1.09091));
    max-width: calc(91.66667% - (0.09091rem / 1.09091)); } }

@media (min-width: 768px) {
  .row.gap-3 > .col-md-1 {
    flex: 0 0 calc(8.33333% - (11rem / 12));
    max-width: calc(8.33333% - (11rem / 12)); } }

@media (min-width: 768px) {
  .row.gap-3 > .col-md-2 {
    flex: 0 0 calc(16.66667% - (5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (2rem / 3));
    max-width: calc(33.33333% - (2rem / 3)); } }

@media (min-width: 768px) {
  .row.gap-3 > .col-md-5 {
    flex: 0 0 calc(41.66667% - (1.4rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.71429rem / 1.71429));
    max-width: calc(58.33333% - (0.71429rem / 1.71429)); } }

@media (min-width: 768px) {
  .row.gap-3 > .col-md-8 {
    flex: 0 0 calc(66.66667% - (0.5rem / 1.5));
    max-width: calc(66.66667% - (0.5rem / 1.5)); } }

@media (min-width: 768px) {
  .row.gap-3 > .col-md-9 {
    flex: 0 0 calc(75% - (0.33333rem / 1.33333));
    max-width: calc(75% - (0.33333rem / 1.33333)); } }

@media (min-width: 768px) {
  .row.gap-3 > .col-md-10 {
    flex: 0 0 calc(83.33333% - (0.2rem / 1.2));
    max-width: calc(83.33333% - (0.2rem / 1.2)); } }

@media (min-width: 768px) {
  .row.gap-3 > .col-md-11 {
    flex: 0 0 calc(91.66667% - (0.09091rem / 1.09091));
    max-width: calc(91.66667% - (0.09091rem / 1.09091)); } }

@media (min-width: 992px) {
  .row.gap-3 > .col-lg-1 {
    flex: 0 0 calc(8.33333% - (11rem / 12));
    max-width: calc(8.33333% - (11rem / 12)); } }

@media (min-width: 992px) {
  .row.gap-3 > .col-lg-2 {
    flex: 0 0 calc(16.66667% - (5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (2rem / 3));
    max-width: calc(33.33333% - (2rem / 3)); } }

@media (min-width: 992px) {
  .row.gap-3 > .col-lg-5 {
    flex: 0 0 calc(41.66667% - (1.4rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.71429rem / 1.71429));
    max-width: calc(58.33333% - (0.71429rem / 1.71429)); } }

@media (min-width: 992px) {
  .row.gap-3 > .col-lg-8 {
    flex: 0 0 calc(66.66667% - (0.5rem / 1.5));
    max-width: calc(66.66667% - (0.5rem / 1.5)); } }

@media (min-width: 992px) {
  .row.gap-3 > .col-lg-9 {
    flex: 0 0 calc(75% - (0.33333rem / 1.33333));
    max-width: calc(75% - (0.33333rem / 1.33333)); } }

@media (min-width: 992px) {
  .row.gap-3 > .col-lg-10 {
    flex: 0 0 calc(83.33333% - (0.2rem / 1.2));
    max-width: calc(83.33333% - (0.2rem / 1.2)); } }

@media (min-width: 992px) {
  .row.gap-3 > .col-lg-11 {
    flex: 0 0 calc(91.66667% - (0.09091rem / 1.09091));
    max-width: calc(91.66667% - (0.09091rem / 1.09091)); } }

@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-1 {
    flex: 0 0 calc(8.33333% - (11rem / 12));
    max-width: calc(8.33333% - (11rem / 12)); } }

@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-2 {
    flex: 0 0 calc(16.66667% - (5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (2rem / 3));
    max-width: calc(33.33333% - (2rem / 3)); } }

@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-5 {
    flex: 0 0 calc(41.66667% - (1.4rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (0.71429rem / 1.71429));
    max-width: calc(58.33333% - (0.71429rem / 1.71429)); } }

@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-8 {
    flex: 0 0 calc(66.66667% - (0.5rem / 1.5));
    max-width: calc(66.66667% - (0.5rem / 1.5)); } }

@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-9 {
    flex: 0 0 calc(75% - (0.33333rem / 1.33333));
    max-width: calc(75% - (0.33333rem / 1.33333)); } }

@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-10 {
    flex: 0 0 calc(83.33333% - (0.2rem / 1.2));
    max-width: calc(83.33333% - (0.2rem / 1.2)); } }

@media (min-width: 1200px) {
  .row.gap-3 > .col-xl-11 {
    flex: 0 0 calc(91.66667% - (0.09091rem / 1.09091));
    max-width: calc(91.66667% - (0.09091rem / 1.09091)); } }

.gap-4 {
  gap: 1.5rem; }

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

.row.gap-4 > .col-2 {
  flex: 0 0 calc(16.66667% - (7.5rem / 6));
  max-width: calc(16.66667% - (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.33333% - (3rem / 3));
  max-width: calc(33.33333% - (3rem / 3)); }

.row.gap-4 > .col-5 {
  flex: 0 0 calc(41.66667% - (2.1rem / 2.4));
  max-width: calc(41.66667% - (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.33333% - (1.07143rem / 1.71429));
  max-width: calc(58.33333% - (1.07143rem / 1.71429)); }

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

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

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

.row.gap-4 > .col-11 {
  flex: 0 0 calc(91.66667% - (0.13636rem / 1.09091));
  max-width: calc(91.66667% - (0.13636rem / 1.09091)); }

@media (min-width: 576px) {
  .row.gap-4 > .col-sm-1 {
    flex: 0 0 calc(8.33333% - (16.5rem / 12));
    max-width: calc(8.33333% - (16.5rem / 12)); } }

@media (min-width: 576px) {
  .row.gap-4 > .col-sm-2 {
    flex: 0 0 calc(16.66667% - (7.5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (3rem / 3));
    max-width: calc(33.33333% - (3rem / 3)); } }

@media (min-width: 576px) {
  .row.gap-4 > .col-sm-5 {
    flex: 0 0 calc(41.66667% - (2.1rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (1.07143rem / 1.71429));
    max-width: calc(58.33333% - (1.07143rem / 1.71429)); } }

@media (min-width: 576px) {
  .row.gap-4 > .col-sm-8 {
    flex: 0 0 calc(66.66667% - (0.75rem / 1.5));
    max-width: calc(66.66667% - (0.75rem / 1.5)); } }

@media (min-width: 576px) {
  .row.gap-4 > .col-sm-9 {
    flex: 0 0 calc(75% - (0.5rem / 1.33333));
    max-width: calc(75% - (0.5rem / 1.33333)); } }

@media (min-width: 576px) {
  .row.gap-4 > .col-sm-10 {
    flex: 0 0 calc(83.33333% - (0.3rem / 1.2));
    max-width: calc(83.33333% - (0.3rem / 1.2)); } }

@media (min-width: 576px) {
  .row.gap-4 > .col-sm-11 {
    flex: 0 0 calc(91.66667% - (0.13636rem / 1.09091));
    max-width: calc(91.66667% - (0.13636rem / 1.09091)); } }

@media (min-width: 768px) {
  .row.gap-4 > .col-md-1 {
    flex: 0 0 calc(8.33333% - (16.5rem / 12));
    max-width: calc(8.33333% - (16.5rem / 12)); } }

@media (min-width: 768px) {
  .row.gap-4 > .col-md-2 {
    flex: 0 0 calc(16.66667% - (7.5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (3rem / 3));
    max-width: calc(33.33333% - (3rem / 3)); } }

@media (min-width: 768px) {
  .row.gap-4 > .col-md-5 {
    flex: 0 0 calc(41.66667% - (2.1rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (1.07143rem / 1.71429));
    max-width: calc(58.33333% - (1.07143rem / 1.71429)); } }

@media (min-width: 768px) {
  .row.gap-4 > .col-md-8 {
    flex: 0 0 calc(66.66667% - (0.75rem / 1.5));
    max-width: calc(66.66667% - (0.75rem / 1.5)); } }

@media (min-width: 768px) {
  .row.gap-4 > .col-md-9 {
    flex: 0 0 calc(75% - (0.5rem / 1.33333));
    max-width: calc(75% - (0.5rem / 1.33333)); } }

@media (min-width: 768px) {
  .row.gap-4 > .col-md-10 {
    flex: 0 0 calc(83.33333% - (0.3rem / 1.2));
    max-width: calc(83.33333% - (0.3rem / 1.2)); } }

@media (min-width: 768px) {
  .row.gap-4 > .col-md-11 {
    flex: 0 0 calc(91.66667% - (0.13636rem / 1.09091));
    max-width: calc(91.66667% - (0.13636rem / 1.09091)); } }

@media (min-width: 992px) {
  .row.gap-4 > .col-lg-1 {
    flex: 0 0 calc(8.33333% - (16.5rem / 12));
    max-width: calc(8.33333% - (16.5rem / 12)); } }

@media (min-width: 992px) {
  .row.gap-4 > .col-lg-2 {
    flex: 0 0 calc(16.66667% - (7.5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (3rem / 3));
    max-width: calc(33.33333% - (3rem / 3)); } }

@media (min-width: 992px) {
  .row.gap-4 > .col-lg-5 {
    flex: 0 0 calc(41.66667% - (2.1rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (1.07143rem / 1.71429));
    max-width: calc(58.33333% - (1.07143rem / 1.71429)); } }

@media (min-width: 992px) {
  .row.gap-4 > .col-lg-8 {
    flex: 0 0 calc(66.66667% - (0.75rem / 1.5));
    max-width: calc(66.66667% - (0.75rem / 1.5)); } }

@media (min-width: 992px) {
  .row.gap-4 > .col-lg-9 {
    flex: 0 0 calc(75% - (0.5rem / 1.33333));
    max-width: calc(75% - (0.5rem / 1.33333)); } }

@media (min-width: 992px) {
  .row.gap-4 > .col-lg-10 {
    flex: 0 0 calc(83.33333% - (0.3rem / 1.2));
    max-width: calc(83.33333% - (0.3rem / 1.2)); } }

@media (min-width: 992px) {
  .row.gap-4 > .col-lg-11 {
    flex: 0 0 calc(91.66667% - (0.13636rem / 1.09091));
    max-width: calc(91.66667% - (0.13636rem / 1.09091)); } }

@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-1 {
    flex: 0 0 calc(8.33333% - (16.5rem / 12));
    max-width: calc(8.33333% - (16.5rem / 12)); } }

@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-2 {
    flex: 0 0 calc(16.66667% - (7.5rem / 6));
    max-width: calc(16.66667% - (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.33333% - (3rem / 3));
    max-width: calc(33.33333% - (3rem / 3)); } }

@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-5 {
    flex: 0 0 calc(41.66667% - (2.1rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (1.07143rem / 1.71429));
    max-width: calc(58.33333% - (1.07143rem / 1.71429)); } }

@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-8 {
    flex: 0 0 calc(66.66667% - (0.75rem / 1.5));
    max-width: calc(66.66667% - (0.75rem / 1.5)); } }

@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-9 {
    flex: 0 0 calc(75% - (0.5rem / 1.33333));
    max-width: calc(75% - (0.5rem / 1.33333)); } }

@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-10 {
    flex: 0 0 calc(83.33333% - (0.3rem / 1.2));
    max-width: calc(83.33333% - (0.3rem / 1.2)); } }

@media (min-width: 1200px) {
  .row.gap-4 > .col-xl-11 {
    flex: 0 0 calc(91.66667% - (0.13636rem / 1.09091));
    max-width: calc(91.66667% - (0.13636rem / 1.09091)); } }

.gap-5 {
  gap: 3rem; }

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

.row.gap-5 > .col-2 {
  flex: 0 0 calc(16.66667% - (15rem / 6));
  max-width: calc(16.66667% - (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.33333% - (6rem / 3));
  max-width: calc(33.33333% - (6rem / 3)); }

.row.gap-5 > .col-5 {
  flex: 0 0 calc(41.66667% - (4.2rem / 2.4));
  max-width: calc(41.66667% - (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.33333% - (2.14286rem / 1.71429));
  max-width: calc(58.33333% - (2.14286rem / 1.71429)); }

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

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

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

.row.gap-5 > .col-11 {
  flex: 0 0 calc(91.66667% - (0.27273rem / 1.09091));
  max-width: calc(91.66667% - (0.27273rem / 1.09091)); }

@media (min-width: 576px) {
  .row.gap-5 > .col-sm-1 {
    flex: 0 0 calc(8.33333% - (33rem / 12));
    max-width: calc(8.33333% - (33rem / 12)); } }

@media (min-width: 576px) {
  .row.gap-5 > .col-sm-2 {
    flex: 0 0 calc(16.66667% - (15rem / 6));
    max-width: calc(16.66667% - (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.33333% - (6rem / 3));
    max-width: calc(33.33333% - (6rem / 3)); } }

@media (min-width: 576px) {
  .row.gap-5 > .col-sm-5 {
    flex: 0 0 calc(41.66667% - (4.2rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (2.14286rem / 1.71429));
    max-width: calc(58.33333% - (2.14286rem / 1.71429)); } }

@media (min-width: 576px) {
  .row.gap-5 > .col-sm-8 {
    flex: 0 0 calc(66.66667% - (1.5rem / 1.5));
    max-width: calc(66.66667% - (1.5rem / 1.5)); } }

@media (min-width: 576px) {
  .row.gap-5 > .col-sm-9 {
    flex: 0 0 calc(75% - (1rem / 1.33333));
    max-width: calc(75% - (1rem / 1.33333)); } }

@media (min-width: 576px) {
  .row.gap-5 > .col-sm-10 {
    flex: 0 0 calc(83.33333% - (0.6rem / 1.2));
    max-width: calc(83.33333% - (0.6rem / 1.2)); } }

@media (min-width: 576px) {
  .row.gap-5 > .col-sm-11 {
    flex: 0 0 calc(91.66667% - (0.27273rem / 1.09091));
    max-width: calc(91.66667% - (0.27273rem / 1.09091)); } }

@media (min-width: 768px) {
  .row.gap-5 > .col-md-1 {
    flex: 0 0 calc(8.33333% - (33rem / 12));
    max-width: calc(8.33333% - (33rem / 12)); } }

@media (min-width: 768px) {
  .row.gap-5 > .col-md-2 {
    flex: 0 0 calc(16.66667% - (15rem / 6));
    max-width: calc(16.66667% - (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.33333% - (6rem / 3));
    max-width: calc(33.33333% - (6rem / 3)); } }

@media (min-width: 768px) {
  .row.gap-5 > .col-md-5 {
    flex: 0 0 calc(41.66667% - (4.2rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (2.14286rem / 1.71429));
    max-width: calc(58.33333% - (2.14286rem / 1.71429)); } }

@media (min-width: 768px) {
  .row.gap-5 > .col-md-8 {
    flex: 0 0 calc(66.66667% - (1.5rem / 1.5));
    max-width: calc(66.66667% - (1.5rem / 1.5)); } }

@media (min-width: 768px) {
  .row.gap-5 > .col-md-9 {
    flex: 0 0 calc(75% - (1rem / 1.33333));
    max-width: calc(75% - (1rem / 1.33333)); } }

@media (min-width: 768px) {
  .row.gap-5 > .col-md-10 {
    flex: 0 0 calc(83.33333% - (0.6rem / 1.2));
    max-width: calc(83.33333% - (0.6rem / 1.2)); } }

@media (min-width: 768px) {
  .row.gap-5 > .col-md-11 {
    flex: 0 0 calc(91.66667% - (0.27273rem / 1.09091));
    max-width: calc(91.66667% - (0.27273rem / 1.09091)); } }

@media (min-width: 992px) {
  .row.gap-5 > .col-lg-1 {
    flex: 0 0 calc(8.33333% - (33rem / 12));
    max-width: calc(8.33333% - (33rem / 12)); } }

@media (min-width: 992px) {
  .row.gap-5 > .col-lg-2 {
    flex: 0 0 calc(16.66667% - (15rem / 6));
    max-width: calc(16.66667% - (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.33333% - (6rem / 3));
    max-width: calc(33.33333% - (6rem / 3)); } }

@media (min-width: 992px) {
  .row.gap-5 > .col-lg-5 {
    flex: 0 0 calc(41.66667% - (4.2rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (2.14286rem / 1.71429));
    max-width: calc(58.33333% - (2.14286rem / 1.71429)); } }

@media (min-width: 992px) {
  .row.gap-5 > .col-lg-8 {
    flex: 0 0 calc(66.66667% - (1.5rem / 1.5));
    max-width: calc(66.66667% - (1.5rem / 1.5)); } }

@media (min-width: 992px) {
  .row.gap-5 > .col-lg-9 {
    flex: 0 0 calc(75% - (1rem / 1.33333));
    max-width: calc(75% - (1rem / 1.33333)); } }

@media (min-width: 992px) {
  .row.gap-5 > .col-lg-10 {
    flex: 0 0 calc(83.33333% - (0.6rem / 1.2));
    max-width: calc(83.33333% - (0.6rem / 1.2)); } }

@media (min-width: 992px) {
  .row.gap-5 > .col-lg-11 {
    flex: 0 0 calc(91.66667% - (0.27273rem / 1.09091));
    max-width: calc(91.66667% - (0.27273rem / 1.09091)); } }

@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-1 {
    flex: 0 0 calc(8.33333% - (33rem / 12));
    max-width: calc(8.33333% - (33rem / 12)); } }

@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-2 {
    flex: 0 0 calc(16.66667% - (15rem / 6));
    max-width: calc(16.66667% - (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.33333% - (6rem / 3));
    max-width: calc(33.33333% - (6rem / 3)); } }

@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-5 {
    flex: 0 0 calc(41.66667% - (4.2rem / 2.4));
    max-width: calc(41.66667% - (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.33333% - (2.14286rem / 1.71429));
    max-width: calc(58.33333% - (2.14286rem / 1.71429)); } }

@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-8 {
    flex: 0 0 calc(66.66667% - (1.5rem / 1.5));
    max-width: calc(66.66667% - (1.5rem / 1.5)); } }

@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-9 {
    flex: 0 0 calc(75% - (1rem / 1.33333));
    max-width: calc(75% - (1rem / 1.33333)); } }

@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-10 {
    flex: 0 0 calc(83.33333% - (0.6rem / 1.2));
    max-width: calc(83.33333% - (0.6rem / 1.2)); } }

@media (min-width: 1200px) {
  .row.gap-5 > .col-xl-11 {
    flex: 0 0 calc(91.66667% - (0.27273rem / 1.09091));
    max-width: calc(91.66667% - (0.27273rem / 1.09091)); } }

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

/********** Scale Up on Hover **********/
.scale-up-hover:hover {
  transform: scale(1.2); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

::selection {
  background-color: #7a8391;
  color: white; }
  @media (prefers-color-scheme: dark) {
    ::selection {
      background-color: #d8dadf;
      color: #17181a; } }

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

body {
  overflow-x: hidden;
  width: 100%;
  padding: 0; }
  @media (prefers-color-scheme: light) {
    body {
      background-color: #e3ebf2;
      color: #4c5c68; } }
  @media (prefers-color-scheme: dark) {
    body {
      background-color: #1d1f22;
      color: #ece7e7; } }

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

.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: #000 !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 {
      background-color: #202225;
      border: 1px solid #5b636c; } }

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

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

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

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

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

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

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

.opacity-50 {
  opacity: .5; }

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

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

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

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

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

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

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

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

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

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

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1042;
  opacity: 0;
  transition: opacity 225ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background: white;
  pointer-events: none; }
  @media (prefers-color-scheme: dark) {
    .overlay {
      background: #1d1f22 !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; }

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

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

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

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

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

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

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

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

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

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

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

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

.wm-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: #edf2f7; }
  @media (prefers-color-scheme: dark) {
    .modal .wm-core-audit .wm-form-row .form-group {
      background: #1c1f22; } }
  .modal .wm-core-audit .wm-form-row .form-group .wm-label {
    color: #4a5568 !important; }
    .modal .wm-core-audit .wm-form-row .form-group .wm-label + .wm-control .wm-display-label {
      color: #718096 !important; }
    @media (prefers-color-scheme: dark) {
      .modal .wm-core-audit .wm-form-row .form-group .wm-label {
        color: #aebac6 !important; }
        .modal .wm-core-audit .wm-form-row .form-group .wm-label + .wm-control .wm-display-label {
          color: #edf2f7 !important; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e-daterangewidget {
  width: 220px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wm-pointer {
  cursor: pointer; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 !important;
    margin-bottom: 0.75rem !important; }
    .modal .tab-content.tab-pane .wm-row .wm-container-parent.wm-pagesize-select {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }

.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;
  color: #4a5568 !important; }
  @media (prefers-color-scheme: dark) {
    .wm-container-parent:not(.value-summary):has(label + .wm-control) .wm-label {
      color: #cbd5e0 !important; } }

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

main .wm-section-inner .wm-row[class*="gap-"]:has(.wm-container-parent), .wm-section-inner:has(.wm-core-audit) .wm-row[class*="gap-"]:has(.wm-container-parent) {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  margin-left: 0;
  margin-right: 0; }
  main .wm-section-inner .wm-row[class*="gap-"]:has(.wm-container-parent):first-child, .wm-section-inner:has(.wm-core-audit) .wm-row[class*="gap-"]:has(.wm-container-parent):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), .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) {
    border-radius: 0.66rem;
    padding: 0.75rem 1rem;
    background: #f7fafc; }
    @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), .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) {
        background: #1c1f22; } }
    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, .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 {
      padding: 0; }
  main .wm-section-inner .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(.wm-container-parent) .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, .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 {
      border-radius: 0.66rem;
      padding: 0.75rem 1rem;
      background: #f7fafc; }
  main .wm-section-inner .wm-row[class*="gap-"]:has(.wm-container-parent) .wm-control, .wm-section-inner:has(.wm-core-audit) .wm-row[class*="gap-"]:has(.wm-container-parent) .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 #e2e8f0; }
  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: #f7fafc !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: #1c1f22 !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) {
  margin-block: 0.75rem;
  margin-inline: 0;
  border-radius: 1rem;
  height: 100%;
  padding: 0.75rem 1rem;
  background: #f7fafc; }
  @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: #1c1f22 !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, calc(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: #c0c9d3; } }

svg text {
  font-family: 'Plus Jakarta Sans', sans-serif !important; }
  @media (prefers-color-scheme: dark) {
    svg text {
      fill: #c0c9d3; } }

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

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, calc(0.863rem + 0.0535vw), 1rem) !important; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6 .h6 {
  color: #4a5568 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 500; }
  @media (prefers-color-scheme: light) {
    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6 .h6 {
      color: #4a5568 !important; } }
  @media (prefers-color-scheme: dark) {
    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6 .h6 {
      color: #edf2f7 !important; } }

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

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

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

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

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

h6 .h6 {
  font-size: clamp(1rem, calc(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: #4a5568 !important; }
  @media (prefers-color-scheme: light) {
    .wm-title {
      color: #4a5568 !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-title {
      color: #edf2f7 !important; } }

.wm-subtitle {
  color: #718096 !important; }
  @media (prefers-color-scheme: light) {
    .wm-subtitle {
      color: #718096 !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-subtitle {
      color: #edf2f7 !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: #4a5568 !important; }
  @media (prefers-color-scheme: light) {
    .modal-body h4 {
      color: #4a5568 !important; } }
  @media (prefers-color-scheme: dark) {
    .modal-body h4 {
      color: #edf2f7 !important; } }

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

.modal-body div.alert > label {
  color: #4a5568 !important;
  margin-bottom: 0;
  line-height: 1;
  white-space: normal; }
  @media (prefers-color-scheme: light) {
    .modal-body div.alert > label {
      color: #4a5568 !important; } }
  @media (prefers-color-scheme: dark) {
    .modal-body div.alert > label {
      color: #f7f7f8 !important; } }

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

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

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

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

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

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

.typing-indicator {
  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: #fcfdfd; }
  @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: #0078d6 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wm-module-icon .inner-icon {
  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: #fff; }

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

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

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

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

.wm-orgchart-card-subtitle {
  color: #fff !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: #b1bcc9; }

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

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

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

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

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

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

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

sup.environment-banner {
  left: calc(100%);
  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 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100% !important; }

a,
.wm-datatable-column-drilldown {
  color: #7a8391; }
  @media (prefers-color-scheme: dark) {
    a,
    .wm-datatable-column-drilldown {
      color: #d0d2d6; }
      a:not(.btn):hover,
      .wm-datatable-column-drilldown:not(.btn):hover {
        color: #e5e7e9; } }
  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: white; }

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

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

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

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

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

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

#avatar-upload .upload-container {
  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 .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 {
  background-color: transparent;
  border-color: transparent;
  color: #33353b;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  text-align: center; }
  @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 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    margin-top: -260px;
    background: url(/../images/survey/unhappy.png);
    background-size: cover;
    background-position: center; }
    @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 {
  width: 30px;
  height: 30px;
  fill: red; }

.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 prefer(dark) {
            border-color: lighten($bg-modal-dark, 3%);
            background-color: darken($bg-modal-dark, 3%);
        }

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

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

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

            &.wm-button-active {
                //color: blue;
            }
        }
    }*/ }
  div.wm-button-group .btn-group {
    position: relative;
    display: inline-flex;
    justify-content: space-evenly;
    border: 2px solid #e2e8f0;
    border-radius: 50px;
    padding: 3px;
    background-color: #f7fafc;
    overflow: hidden; }
    @media (prefers-color-scheme: dark) {
      div.wm-button-group .btn-group {
        border-color: #292e32;
        background-color: #1c1f22; } }
    @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;
      background: #cbd5e0 !important;
      color: #4a5568 !important;
      cursor: pointer; }
      @media (prefers-color-scheme: dark) {
        div.wm-button-group .btn-group .btn,
        div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)) {
          background: #4a5568 !important;
          color: #edf2f7 !important; } }
      div.wm-button-group .btn-group .btn.wm-button-active, div.wm-button-group .btn-group .btn.wm-button-active.wm-button-disabled,
      div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active,
      div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.wm-button-disabled {
        background-color: #7a8391 !important; }
        @media (prefers-color-scheme: dark) {
          div.wm-button-group .btn-group .btn.wm-button-active, div.wm-button-group .btn-group .btn.wm-button-active.wm-button-disabled,
          div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active,
          div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.wm-button-disabled {
            background-color: #33353b !important; }
            div.wm-button-group .btn-group .btn.wm-button-active:after, div.wm-button-group .btn-group .btn.wm-button-active.wm-button-disabled:after,
            div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active:after,
            div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.wm-button-disabled:after {
              background-image: linear-gradient(184deg, #4f525c 0%, #464951 7%, #3c3f46 24%, #33353b 36%, #2a2b30 62%, #202125 97%) !important; }
            div.wm-button-group .btn-group .btn.wm-button-active:hover, div.wm-button-group .btn-group .btn.wm-button-active.wm-button-disabled:hover,
            div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active:hover,
            div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.wm-button-disabled: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 .btn-light, div.wm-button-group .btn-group .btn.wm-button-active.wm-button-disabled .btn-light,
        div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active .btn-light,
        div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.wm-button-disabled .btn-light {
          background-color: transparent !important !important; }
        div.wm-button-group .btn-group .btn.wm-button-active .button-content, div.wm-button-group .btn-group .btn.wm-button-active.wm-button-disabled .button-content,
        div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active .button-content,
        div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.wm-button-disabled .button-content {
          color: white !important; }
        div.wm-button-group .btn-group .btn.wm-button-active:after, div.wm-button-group .btn-group .btn.wm-button-active.wm-button-disabled:after,
        div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active:after,
        div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.wm-button-disabled:after {
          background-image: linear-gradient(184deg, #9ba2ad 0%, #9098a3 7%, #858d9a 24%, #7a8391 36%, #707987 62%, #666f7c 97%) !important; }
        div.wm-button-group .btn-group .btn.wm-button-active:hover, div.wm-button-group .btn-group .btn.wm-button-active.wm-button-disabled:hover,
        div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active:hover,
        div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.wm-button-disabled: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:hover, div.wm-button-group .btn-group .btn.wm-button-active.wm-button-disabled:hover,
            div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active:hover,
            div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-active.wm-button-disabled:hover {
              box-shadow: 0px 8px 24px 0px rgba(51, 53, 59, 0.48) !important; } }
      div.wm-button-group .btn-group .btn.wm-button-disabled,
      div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-disabled {
        background: #cbd5e0 !important;
        color: #4a5568 !important; }
        @media (prefers-color-scheme: dark) {
          div.wm-button-group .btn-group .btn.wm-button-disabled,
          div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-disabled {
            background: #4a5568 !important;
            color: #edf2f7 !important; } }
        div.wm-button-group .btn-group .btn.wm-button-disabled:hover,
        div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-disabled:hover {
          background-color: #afb3b9 !important;
          color: white !important; }
          @media (prefers-color-scheme: dark) {
            div.wm-button-group .btn-group .btn.wm-button-disabled:hover,
            div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-disabled:hover {
              background-color: #7a8391 !important; }
              div.wm-button-group .btn-group .btn.wm-button-disabled:hover:after,
              div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-disabled:hover:after {
                background-image: linear-gradient(184deg, #9ba2ad 0%, #9098a3 7%, #858d9a 24%, #7a8391 36%, #707987 62%, #666f7c 97%) !important; } }
          div.wm-button-group .btn-group .btn.wm-button-disabled:hover:after,
          div.wm-button-group .btn-group .primary-button:not(:has(#SEARCHDROPDOWN)).wm-button-disabled:hover:after {
            background-image: linear-gradient(184deg, #d0d2d6 0%, #c5c8cc 7%, #babdc3 24%, #afb3b9 36%, #a4a9af 62%, #999ea6 97%) !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: #718096; }
      .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: #edf2f7; }
      @media (prefers-color-scheme: dark) {
        .wm-main-page .dropdown-menu .dropdown-item.wm-web-action.show {
          background-color: #282b2f !important; } }
      .wm-main-page .dropdown-menu .dropdown-item.wm-web-action.show .dropdown-menu.show {
        margin: 0 -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% + 1rem) !important;
        background-color: #edf2f7; }
        @media (prefers-color-scheme: dark) {
          .wm-main-page .dropdown-menu .dropdown-item.wm-web-action.show .dropdown-menu.show {
            background-color: #282b2f !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: #50565e !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: #ff3b30 !important; }
    @media (prefers-color-scheme: dark) {
      .btn-danger .btn-group .btn.btn-sm.btn-standard.wm-button.wm-web-action {
        background: #ff453a !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: #ff2d21 !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: #ff453a !important; }
    @media (prefers-color-scheme: dark) {
      .btn-danger .wm-action-button-group .dropdown.btn-group {
        background: #ff1507 !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: #ff3b30 !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: #ff453a !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: #ff2d21 !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: #ff3b30 !important; }
    @media (prefers-color-scheme: dark) {
      .btn-danger .wm-icon {
        color: #ff453a !important; } }

.btn-warning {
  border: none !important;
  background: none !important; }
  .btn-warning .btn-group .btn.btn-sm.btn-standard.wm-button.wm-web-action {
    background: #ff9500 !important; }
    @media (prefers-color-scheme: dark) {
      .btn-warning .btn-group .btn.btn-sm.btn-standard.wm-button.wm-web-action {
        background: #ff9f0a !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: #f09200 !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: #ff9f0a !important; }
    @media (prefers-color-scheme: dark) {
      .btn-warning .wm-action-button-group .dropdown.btn-group {
        background: #d68200 !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: #ff9500 !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: #ff9f0a !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: #f09200 !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: #ff9500 !important; }
    @media (prefers-color-scheme: dark) {
      .btn-warning .wm-icon {
        color: #ff9f0a !important; } }

.btn {
  min-height: 30px;
  font-size: clamp(0.875rem, calc(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 .wm-button.wm-button-active {
    border-color: #727b8a !important;
    background-color: #7a8391 !important;
    color: white !important; }
    @media (prefers-color-scheme: light) {
      .btn-group.wm-button-group .wm-button.wm-button-active {
        border-color: #727b8a !important;
        background-color: #7a8391 !important;
        color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .btn-group.wm-button-group .wm-button.wm-button-active {
        border-color: #99a0aa !important;
        background-color: #9098a3 !important;
        color: white !important; } }
  .btn-group.wm-button-group .disabled {
    cursor: not-allowed !important; }
  .btn-outline {
    background-color: transparent;
    color: transparent;
    transition: all .4s; }
  .btn-xs {
    border-radius: .2rem;
    padding: .45rem .4rem;
    font-size: .775rem;
    line-height: .5; }
  .btn-rounded {
    border-radius: 60px;
    padding: 7px 18px; }
    .btn-rounded.btn-lg {
      padding: .75rem 1.5rem; }
    .btn-rounded.btn-sm {
      padding: .25rem .5rem;
      font-size: 12px; }
    .btn-rounded.btn-xs {
      padding: .25rem .5rem;
      font-size: 10px; }

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

/*.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle,
.btn-success.dropdown-toggle {
    @include bgrBrd(lighten($primary-dark, 4%) !important, 1px solid lighten($primary-dark, 2%) !important);
}*/
.wm {
  /*&-view-page-drilldown .btn-group {
        &.dropdown {
            transition: all $cubic $duration;
            border-radius: 0.4rem !important;
            //background-color: rgba($primary-light, 0.48) !important;
            background-color: none !important;
            background: none !important;

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

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

            &:hover {
                @include prefer(dark) {
                    background-color: darken($primary-light, 6%) !important;
                }

                background-color: $primary-light;

                i {
                    color: $white;
                }
            }
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        &.dropdown-toggle {
            &::after {
                content: $content !important;
                display: flex;
                align-items: center;
                justify-content: center;
                //margin-left: 0 !important;
                //margin-top: 2px !important;
                margin-top: 0;
                margin-left: 0;
                border: none;
                font-size: 0.9rem;
                font-family: 'Font Awesome 6 Pro';
                vertical-align: middle;
                            }
        }*/ }
    .refresh-btn-container .wm-button.btn: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: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

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

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

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

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

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

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

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

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

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

#ButtonGroup-SEARCHDROPDOWN {
  align-items: center;
  justify-content: center;
  transition: cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  width: 1rem; }
  #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle i {
    transform: rotate(90deg); }
  #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle:after {
    content: unset; }
  #ButtonGroup-SEARCHDROPDOWN .dropdown-toggle:hover {
    margin-top: 0;
    background-color: transparent !important;
    background: none !important; }
  #ButtonGroup-SEARCHDROPDOWN:hover {
    border-radius: 0.2rem;
    background-color: #afb3b9 !important; }
    @media (prefers-color-scheme: dark) {
      #ButtonGroup-SEARCHDROPDOWN:hover {
        background-color: #7a8391 !important; } }
    #ButtonGroup-SEARCHDROPDOWN:hover .dropdown-icon {
      color: white; }

.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: white; }
  .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, calc(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: white !important; }
  .icon-button .main-left-icon {
    background: none;
    font-size: clamp(0.875rem, calc(0.863rem + 0.0535vw), 1rem);
    color: white !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: #e2e8f0 !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, #9ba2ad 0%, #9098a3 7%, #858d9a 24%, #7a8391 36%, #707987 62%, #666f7c 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, #d0d2d6 0%, #c5c8cc 7%, #babdc3 24%, #afb3b9 36%, #a4a9af 62%, #999ea6 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, calc(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: #718096; }
  .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: #ff453a; }
  .icon-button.dropdown-wrapper.show:has(.intent-orange) {
    box-shadow: 0px 8px 24px 0px rgba(255, 149, 0, 0.48);
    background-color: #ff9f0a; }
  .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: #718096; }
    .icon-button.dropdown-wrapper.show:has(div[name="CANCEL"]) .main-left-icon, .icon-button.dropdown-wrapper.show:has(.intent-light) .main-left-icon {
      color: white !important; }
  .icon-button.grey {
    background: #a0aec0; }
    .icon-button.grey:after {
      background: #4a5568; }
    .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, #4f525c 0%, #464951 7%, #3c3f46 24%, #33353b 36%, #2a2b30 62%, #202125 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, #9ba2ad 0%, #9098a3 7%, #858d9a 24%, #7a8391 36%, #707987 62%, #666f7c 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: #ff3b30; }
    @media (prefers-color-scheme: dark) {
      .icon-button.intent-danger {
        background-color: #ff453a; }
        .icon-button.intent-danger:after {
          background-image: linear-gradient(184deg, #ff756d 0%, #ff6259 7%, #ff4e44 24%, #ff3b30 36%, #ff281c 62%, #ff1407 97%); }
        .icon-button.intent-danger:hover {
          box-shadow: 0px 8px 24px 0px rgba(255, 69, 58, 0.48);
          background-color: #ff3b30; }
        .icon-button.intent-danger .main-action:hover:after,
        .icon-button.intent-danger .dropdown-wrapper:hover:after {
          background-color: #ff3b30 !important; } }
    .icon-button.intent-danger:after {
      background-image: linear-gradient(184deg, #ff7f77 0%, #ff6c63 7%, #ff584e 24%, #ff453a 36%, #ff3226 62%, #ff1e11 97%); }
    .icon-button.intent-danger:hover {
      box-shadow: 0px 8px 24px 0px rgba(255, 59, 48, 0.48);
      background-color: #ff453a; }
    .icon-button.intent-danger .main-action:hover:after,
    .icon-button.intent-danger .dropdown-wrapper:hover:after {
      background-color: #ff453a !important; }
  .icon-button.intent-orange {
    background-color: #ff9500; }
    @media (prefers-color-scheme: dark) {
      .icon-button.intent-orange {
        background-color: #ff9f0a; }
        .icon-button.intent-orange:after {
          background-image: linear-gradient(184deg, #ffae3d 0%, #ffa629 7%, #ff9d14 24%, #ff9500 36%, #eb8900 62%, #d67d00 97%); }
        .icon-button.intent-orange:hover {
          box-shadow: 0px 8px 24px 0px rgba(255, 159, 10, 0.48);
          background-color: #ff9500; } }
    .icon-button.intent-orange:after {
      background-image: linear-gradient(184deg, #ffb747 0%, #ffaf33 7%, #ffa71e 24%, #ff9f0a 36%, #f59500 62%, #e08800 97%); }
    .icon-button.intent-orange:hover {
      box-shadow: 0px 8px 24px 0px rgba(255, 149, 0, 0.48);
      background-color: #ff9f0a; }
  .icon-button:has(div[name="CANCEL"]), .icon-button.intent-light {
    background-color: #cbd5e0;
    color: #4a5568; }
    @media (prefers-color-scheme: dark) {
      .icon-button:has(div[name="CANCEL"]), .icon-button.intent-light {
        background-color: #718096;
        color: white; }
        .icon-button:has(div[name="CANCEL"]):after, .icon-button.intent-light:after {
          background-image: linear-gradient(184deg, #63728c 0%, #5b6880 7%, #525f74 24%, #4a5568 36%, #424b5c 62%, #394250 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: #4a5568; } }
    .icon-button:has(div[name="CANCEL"]) .main-left-icon, .icon-button.intent-light .main-left-icon {
      color: #4a5568 !important; }
    .icon-button:has(div[name="CANCEL"]):after, .icon-button.intent-light:after {
      background-image: linear-gradient(184deg, #c5cdd8 0%, #b9c3d0 7%, #acb8c8 24%, #a0aec0 36%, #94a4b8 62%, #8799b0 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: #718096; }
      .icon-button:has(div[name="CANCEL"]):hover .main-left-icon, .icon-button.intent-light:hover .main-left-icon {
        color: white !important; }
  .icon-button:has(.main-action.disabled) {
    background-color: #cbd5e0;
    cursor: not-allowed;
    user-select: none;
    color: #4a5568; }
    @media (prefers-color-scheme: dark) {
      .icon-button:has(.main-action.disabled) {
        background-color: #718096;
        color: white; } }
    .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: #718096;
        background-image: linear-gradient(90deg, #718096, #718096); }
    .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) .dropdown-wrapper:after {
        content: unset; }
      .icon-button:has(.main-action.disabled):has(.dropdown-menu):has(.dropdown-item:not(.wm-web-action-disabled)) {
        background: #cbd5e0;
        opacity: 1; }
    .icon-button:has(.main-action.disabled):after {
      content: unset; }
    .icon-button:has(.main-action.disabled):hover {
      box-shadow: none;
      background-color: #cbd5e0; }
      .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: white !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 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  width: 124px !important;
  padding: auto 16px !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: #a7adb6 !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: #727b8a !important;
    background-color: #7a8391 !important;
    color: white !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: #727b8a !important;
        background-color: #7a8391 !important;
        color: white !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: #99a0aa !important;
        background-color: #9098a3 !important;
        color: white !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 {
    background-color: #e6e6e6 !important;
    color: #2e3338 !important;
    transform: scale(1) !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: #a7adb6 !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: #727b8a !important;
    background-color: #7a8391 !important;
    color: white !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: #727b8a !important;
        background-color: #7a8391 !important;
        color: white !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: #99a0aa !important;
        background-color: #9098a3 !important;
        color: white !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: #a7adb6 !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: #a7adb6 !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: #727b8a !important;
    background-color: #7a8391 !important;
    color: white !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: #727b8a !important;
        background-color: #7a8391 !important;
        color: white !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: #99a0aa !important;
        background-color: #9098a3 !important;
        color: white !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: #a7adb6 !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: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    .modal #BankAccountBatchPayment,
    .modal #BankAccountBatchDeposit {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .modal #BankAccountBatchPayment,
    .modal #BankAccountBatchDeposit {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }

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

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

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

.modal div[name="Close"] {
  border-color: #727b8a !important;
  background-color: #7a8391 !important;
  color: white !important; }
  @media (prefers-color-scheme: light) {
    .modal div[name="Close"] {
      border-color: #727b8a !important;
      background-color: #7a8391 !important;
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .modal div[name="Close"] {
      border-color: #99a0aa !important;
      background-color: #9098a3 !important;
      color: white !important; } }
  .modal div[name="Close"]:hover {
    border-color: #727b8a !important;
    background-color: #7a8391 !important;
    color: white !important; }
    @media (prefers-color-scheme: light) {
      .modal div[name="Close"]:hover {
        border-color: #727b8a !important;
        background-color: #7a8391 !important;
        color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .modal div[name="Close"]:hover {
        border-color: #99a0aa !important;
        background-color: #9098a3 !important;
        color: white !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 {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-top: 4px;
  height: 35px; }
  @media only screen and (max-width: 47.9375em) {
    .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 {
  width: 48px;
  height: 28px;
  margin-right: 1px;
  border-radius: 0 !important;
  padding: 3px 6px !important;
  font-size: 14px !important; }
  .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: .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 .5s ease-in-out;
    border-radius: 0 !important;
    background-color: #fafafa !important; }
    @media (prefers-color-scheme: dark) {
      .modal .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button {
        background-color: #4d535c !important;
        border-color: #484e56 !important;
        color: #edf2f3 !important; } }
    .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: #747e8c !important; }
    .modal .wm-address-maintenance .wm-action-button-group > .btn.btn-sm.btn-light.wm-button:hover {
      background-color: #afb3b9 !important;
      border-color: #aaaeb4 !important;
      color: #edf2f3 !important;
      transform: translateY(0px) !important;
      box-shadow: none; }

.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 .5s ease-in-out;
  background-color: #fafafa; }
  #modal-form-body .wm-button-group .wm-button-group-item:hover, #modal-form-body .wm-button-group .wm-button-disabled:hover,
  #modal-secondary-form-body .wm-button-group .wm-button-group-item:hover,
  #modal-secondary-form-body .wm-button-group .wm-button-disabled:hover {
    background-color: #afb3b9 !important;
    border-color: #aaaeb4 !important;
    color: #edf2f3 !important;
    transform: translateY(0px) !important;
    box-shadow: none; }

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

.modal-footer-buttons #ButtonGroup-A_SAVE_GROUP, .modal-footer-buttons #ButtonGroup-1_SEND_GROUP {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row; }
  .modal-footer-buttons #ButtonGroup-A_SAVE_GROUP > .btn, .modal-footer-buttons #ButtonGroup-1_SEND_GROUP > .btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-left: -5px;
    border-radius: 4px !important;
    margin: 0 !important;
    border-radius: 0 0.58rem 0.58rem 0 / 0.65rem !important;
    height: 100% !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;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.24) inset, 0px 0px 4px 0px rgba(175, 179, 185, 0.12) inset;
  border: none;
  border-radius: 0.66rem;
  outline: transparent !important;
  height: 40px;
  min-height: 2.25em;
  max-height: 40px;
  background-color: #7a8391;
  cursor: pointer;
  text-align: center;
  user-select: none;
  white-space: nowrap;
  color: white; }
  @media (prefers-color-scheme: dark) {
    .primary-button:not(:has(#SEARCHDROPDOWN)) {
      box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.12) inset, 0px 0px 4px 0px rgba(175, 179, 185, 0.08) inset;
      background-color: #33353b; } }
  .primary-button:not(:has(#SEARCHDROPDOWN)) .dropdown-menu {
    box-shadow: 0px 8px 16px 0px rgba(74, 85, 104, 0.15); }
  .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, calc(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: .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;
      background-image: linear-gradient(184deg, #9ba2ad 0%, #9098a3 7%, #858d9a 24%, #7a8391 36%, #707987 62%, #666f7c 97%);
      text-decoration: inherit;
      vertical-align: inherit; }
      @media (prefers-color-scheme: dark) {
        .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)):after {
          background-image: linear-gradient(184deg, #4f525c 0%, #464951 7%, #3c3f46 24%, #33353b 36%, #2a2b30 62%, #202125 97%); } }
    .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)):hover {
      box-shadow: 0px 8px 24px 0px rgba(175, 179, 185, 0.48);
      text-decoration: none;
      color: #fff; }
      @media (prefers-color-scheme: dark) {
        .primary-button:not(:has(#SEARCHDROPDOWN)):not(:has(.dropdown-menu)):hover {
          box-shadow: 0px 8px 24px 0px rgba(122, 131, 145, 0.48); } }
      .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, calc(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;
        border-right: 1px solid rgba(255, 255, 255, 0.24);
        padding: 0.5em 1em 0.5em 1em; }
        .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: white; }
          .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: #0000 !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 {
      float: right;
      position: relative;
      z-index: 9; }
      .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;
    background-image: linear-gradient(184deg, #9ba2ad 0%, #9098a3 7%, #858d9a 24%, #7a8391 36%, #707987 62%, #666f7c 97%);
    text-decoration: inherit;
    vertical-align: inherit; }
    @media (prefers-color-scheme: dark) {
      .primary-button:not(:has(#SEARCHDROPDOWN)):has(.dropdown-wrapper > .dropdown-menu):after {
        background-image: linear-gradient(184deg, #4f525c 0%, #464951 7%, #3c3f46 24%, #33353b 36%, #2a2b30 62%, #202125 97%); } }
  .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: #fff; }
    @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, #4f525c 0%, #464951 7%, #3c3f46 24%, #33353b 36%, #2a2b30 62%, #202125 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: white; }
    .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, #9ba2ad 0%, #9098a3 7%, #858d9a 24%, #7a8391 36%, #707987 62%, #666f7c 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: #ff3b30; }
    @media (prefers-color-scheme: dark) {
      .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger {
        background-color: #ff453a; }
        .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:after {
          background-image: linear-gradient(184deg, #ff756d 0%, #ff6259 7%, #ff4e44 24%, #ff3b30 36%, #ff281c 62%, #ff1407 97%); }
        .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:hover {
          box-shadow: 0px 8px 24px 0px rgba(255, 69, 58, 0.48);
          background-color: #ff3b30; }
        .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger .main-action:hover:after,
        .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger .dropdown-wrapper:hover:after {
          background-color: #ff3b30 !important; } }
    .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:after {
      background-image: linear-gradient(184deg, #ff7f77 0%, #ff6c63 7%, #ff584e 24%, #ff453a 36%, #ff3226 62%, #ff1e11 97%); }
    .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger:hover {
      box-shadow: 0px 8px 24px 0px rgba(255, 59, 48, 0.48);
      background-color: #ff453a; }
    .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger .main-action:hover:after,
    .primary-button:not(:has(#SEARCHDROPDOWN)).intent-danger .dropdown-wrapper:hover:after {
      background-color: #ff453a !important; }
  .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning {
    background-color: #ff9500; }
    @media (prefers-color-scheme: dark) {
      .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning {
        background-color: #ff9f0a; }
        .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:after {
          background-image: linear-gradient(184deg, #ffae3d 0%, #ffa629 7%, #ff9d14 24%, #ff9500 36%, #eb8900 62%, #d67d00 97%); }
        .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:hover {
          box-shadow: 0px 8px 24px 0px rgba(255, 159, 10, 0.48);
          background-color: #ff9500; } }
    .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:after {
      background-image: linear-gradient(184deg, #ffb747 0%, #ffaf33 7%, #ffa71e 24%, #ff9f0a 36%, #f59500 62%, #e08800 97%); }
    .primary-button:not(:has(#SEARCHDROPDOWN)).intent-warning:hover {
      box-shadow: 0px 8px 24px 0px rgba(255, 149, 0, 0.48);
      background-color: #ff9f0a; }
  .primary-button:not(:has(#SEARCHDROPDOWN))[name="CANCEL"], .primary-button:not(:has(#SEARCHDROPDOWN)).intent-light {
    background-color: #cbd5e0;
    color: #4a5568; }
    @media (prefers-color-scheme: dark) {
      .primary-button:not(:has(#SEARCHDROPDOWN))[name="CANCEL"], .primary-button:not(:has(#SEARCHDROPDOWN)).intent-light {
        background-color: #718096 !important;
        color: white; }
        .primary-button:not(:has(#SEARCHDROPDOWN))[name="CANCEL"]:after, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-light:after {
          background-image: linear-gradient(184deg, #63728c 0%, #5b6880 7%, #525f74 24%, #4a5568 36%, #424b5c 62%, #394250 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: #4a5568 !important; } }
    .primary-button:not(:has(#SEARCHDROPDOWN))[name="CANCEL"]:after, .primary-button:not(:has(#SEARCHDROPDOWN)).intent-light:after {
      background-image: linear-gradient(184deg, #c5cdd8 0%, #b9c3d0 7%, #acb8c8 24%, #a0aec0 36%, #94a4b8 62%, #8799b0 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: #718096;
      color: white; }
  .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($white, 0.8);
        color: #6320F2;
    }
}*/
/*.wm-action-button-group {
    //.btn.btn-sm.btn-success.wm-button.wm-web-action,
    //.dropdown.btn-group,
    //.btn-sm.btn-success.wm-button:not(.dropdown-toggle) {
    //    background: none;
    //    border: none;
    //}

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

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

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

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

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

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

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

        .dropdown-toggle {
            border-radius: 0 0.58rem 0.58rem 0 / 0.65rem !important;
            gap: unset;
        }
    }
}*/
.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: #fff; }
  .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: #0078d6; }
  .new-button .button-tertiary {
    color: #e68414; }
  .new-button .button-info {
    color: #007aff; }
  .new-button .button-success {
    color: #34c759; }
  .new-button .button-warning {
    color: #ff9500; }
  .new-button .button-danger {
    color: #ff3b30; }
  .new-button .button-light {
    color: white; }
  .new-button .button-dark {
    color: black; }
  .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%; }

/**
    Form Selects
**/
.wm-control-class.e-popup-open {
  box-shadow: 0px 8px 16px 0px rgba(74, 85, 104, 0.48); }
  @media (prefers-color-scheme: dark) {
    .wm-control-class.e-popup-open {
      box-shadow: 0px 8px 16px 0px rgba(26, 32, 44, 0.48); } }
  .wm-control-class.e-popup-open .wm-inline-suggestions {
    margin: 0;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    text-transform: capitalize;
    color: #4a5568; }
  .wm-control-class.e-popup-open .e-dropdownbase {
    padding: 0 !important; }
    .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent {
      padding: 0.5rem; }
      .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item {
        margin-bottom: 0.5rem;
        border-radius: 0.5rem;
        padding: 0 !important;
        cursor: pointer;
        white-space: normal;
        text-indent: 0; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-inline-search-image,
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-image-entity,
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-circle-content,
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-image-small {
          margin: 0; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-circle-content {
          text-indent: 0; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-inner {
          width: 100% !important; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container {
          display: flex;
          align-items: center;
          gap: 1rem;
          margin: 0 !important;
          height: auto;
          padding: 0.75rem 1rem !important;
          line-height: 1.5em; }
          .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-container .wm-image-small .wm-circle-content {
            padding-top: 0; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-image:empty {
          margin-left: -15px; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-search-image .wm-circle-content {
          line-height: 35px; }
        .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-header, .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent .e-list-item .wm-inline-detail {
          display: block; }
      .wm-control-class.e-popup-open .e-dropdownbase .e-list-parent:last-child .wm-inline-search-container .wm-inline-header:empty + div + .wm-inline-search-load-more {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 14px; }
  .wm-control-class.e-popup-open .wm-inline-suggestion-note {
    margin: 0;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f7fafc;
    color: #718096; }
    @media (prefers-color-scheme: dark) {
      .wm-control-class.e-popup-open .wm-inline-suggestion-note {
        background: #23262a; } }

.e-control.e-popup-open .e-dropdownbase {
  padding: 0 !important; }
  .e-control.e-popup-open .e-dropdownbase .e-list-parent {
    padding: 0.5rem; }

.e-datepicker.e-popup-open {
  padding: 0; }

.e-dropdownbase .e-list-item.e-active {
  background-color: #e0e2e5 !important;
  color: #7a8391 !important; }

.e-multiselect {
  min-height: 40px; }
  .e-multiselect .e-multi-select-wrapper .e-searcher {
    height: 100%; }
  .e-multiselect .e-multi-select-wrapper .e-chips {
    /**
                Main element border-radius for forms is 0.5rem (8px).

                In order to achieve the perfect ratio we need to take the main element border-radius and subtract
                any margin, padding or space values. 
                
                In this case the .e-chips use a 3px margin. So our equation is simply, 8 - 3 = 5, however, we need
                to allow for different screen sizes and achieve a comfortable level of roundness on the elements,
                so we'll need to now convert it by taking our chosen pixel size and dividing by the base browser 
                font-size of 1rem (16px).

                rem = pixel value / root font size
                rem = 5px / 16px = 0.3125 but we'll round up to 0.313.
            **/
    border-radius: 0.313rem;
    height: 24px; }
    .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-blue {
      background-color: #e5f3ff !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: #0188ff !important;
        color: #0188ff !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: #ebf8ff !important;
            color: #ebf8ff !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: #5a4738 !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: #bc4f2e !important;
        color: #bc4f2e !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: #fec093 !important;
            color: #fec093 !important; } }
    .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-green {
      background-color: #c6f6d5 !important; }
      @media (prefers-color-scheme: dark) {
        .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-green {
          background-color: #22543d !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: #276749 !important;
        color: #276749 !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: #9ae6b4 !important;
            color: #9ae6b4 !important; } }
    .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-grey {
      background-color: #e4e5e9 !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: #595e6b !important;
        color: #595e6b !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: #e4e5e9 !important; }
      @media (prefers-color-scheme: dark) {
        .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-light-grey {
          background-color: #718096 !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: #595e6b !important;
        color: #595e6b !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: #e2e8f0 !important;
            color: #e2e8f0 !important; } }
    .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-orange {
      background-color: #ffefd6 !important; }
      @media (prefers-color-scheme: dark) {
        .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-orange {
          background-color: #ffcc80 !important;
          background-color: #7b341e !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: #bf360c !important;
        color: #bf360c !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: #f6ad55 !important;
            color: #f6ad55 !important; } }
    .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-pink {
      background-color: #feecf0 !important; }
      @media (prefers-color-scheme: dark) {
        .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-pink {
          background-color: #5a444d !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: #be376d !important;
        color: #be376d !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: #ffb8cc !important;
            color: #ffb8cc !important; } }
    .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-purple {
      background-color: #f5eefe !important; }
      @media (prefers-color-scheme: dark) {
        .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-purple {
          background-color: #4d485d !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: #5f30c3 !important;
        color: #5f30c3 !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: #d8c1f9 !important;
            color: #d8c1f9 !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: #742a2a !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: #ff3b30 !important;
        color: #ff3b30 !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: #feb2b2 !important;
            color: #feb2b2 !important; } }
    .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-teal {
      background-color: #dbf2fe !important; }
      @media (prefers-color-scheme: dark) {
        .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-teal {
          background-color: #2b4e5b !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: #00617c !important;
        color: #00617c !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: #bfeafd !important;
            color: #bfeafd !important; } }
    .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-yellow {
      background-color: #ffeecc !important; }
      @media (prefers-color-scheme: dark) {
        .e-multiselect .e-multi-select-wrapper .e-chips.wm-background-yellow {
          background-color: #554b2e !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: #975a16 !important;
        color: #975a16 !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: #f6e05e !important;
            color: #f6e05e !important; } }
  @media (prefers-color-scheme: dark) {
    .e-multiselect .e-multi-select-wrapper .e-chips-close.e-close-hooker {
      color: #edf2f3; } }

.popover-body .e-multi-select-wrapper {
  width: 250px; }

.e-icon-anim select option {
  padding-left: 20px !important; }

.e-ddl {
  min-height: 40px !important;
  /** Select Dropdown Lists **/ }
  .e-ddl.e-popup.e-lib.e-control.e-popup-open {
    border-radius: 0.5rem !important;
    padding: 0; }
    @media (prefers-color-scheme: dark) {
      .e-ddl.e-popup.e-lib.e-control.e-popup-open {
        background-color: #1d1f22;
        border-color: #464c53 !important; }
        .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item {
          background-color: #363a40;
          color: #edf2f3; }
          .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item.e-active {
            background-color: #363a40 !important; }
          .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item:hover,
          .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item a:hover {
            background-color: #98a0a9 !important; }
        .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase.e-nodata {
          color: #c0c9d3 !important; } }
    .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item.e-active {
      background-color: white !important; }
    .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item:hover,
    .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-ul .e-list-item a:hover {
      background-color: #babfc5 !important; }
  .e-ddl .e-input {
    height: 100%; }
  .e-ddl.e-input-group .e-input-group-icon,
  .e-ddl.e-input-group .e-input-group-btn button {
    padding: 0 !important; }
  .e-ddl.e-input-group .e-clear-icon:hover {
    color: black; }
  .e-ddl.e-input-group .e-ddl-icon.e-ddl-disable-icon:before {
    display: none; }
  @media (prefers-color-scheme: dark) {
    .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon:hover::before {
      color: white !important; } }
  .e-ddl.e-input-group.e-input-focus {
    box-shadow: none; }
  .e-ddl.e-input-group:not(.e-rtl) .e-input-group-icon {
    border-left: 0 !important; }
  .e-ddl.e-widget.e-popactive.e-focus {
    box-shadow: none; }
  .e-ddl .e-select,
  .e-ddl.e-rtl .e-select,
  .e-ddl .e-disable.e-select:hover,
  .e-ddl .e-select:hover,
  .e-ddl.e-rtl .e-select:hover {
    background-color: white !important;
    color: #77818d !important; }

.e-popup .e-active {
  background: #7a8391; }

/**
    Query Builder
**/
.e-query-builder .e-group-header {
  position: relative !important;
  z-index: 9 !important; }
  @media only screen and (max-width: 47.9375em) {
    .e-query-builder .e-group-header .e-group-action {
      margin-top: 10px !important; } }

.e-query-builder .e-btn-group input:checked + label.e-btn,
.e-query-builder .e-btn-group button.e-qb-toggle.e-active-toggle {
  border-color: #7a8391 !important;
  background-color: #7a8391 !important;
  color: #fff !important; }

.e-query-builder .e-btn-group button.e-qb-toggle:focus {
  outline: none !important;
  border: none !important; }

.e-query-builder .e-rule-value {
  height: 40px; }

.e-query-builder .e-input-group {
  border-radius: 0.5rem !important;
  height: 40px; }

.wm-query-container {
  position: relative;
  top: 16px;
  z-index: 12 !important;
  float: right;
  margin-right: 13px;
  width: 385px; }
  .wm-query-container .e-input-group, .wm-query-container .btn-group {
    position: relative;
    z-index: 9999 !important; }

.wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child {
  padding: 0 !important; }
  @media only screen and (max-width: 23.9375em) {
    .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-section-header .wm-section-title-container {
      margin-bottom: -30px; } }
  .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child > .wm-section-inner {
    padding-top: 0 !important; }
    .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child > .wm-section-inner > .wm-collapsible-section > .wm-section-inner {
      padding-top: 4px !important; }

.wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container {
  position: relative;
  margin-top: 50px;
  padding: 0 4px 12px 12px !important; }
  @media only screen and (max-width: 23.9375em) {
    .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container {
      margin-top: 40px; } }
  .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-section-header {
    position: absolute;
    top: -38px;
    left: 0; }
    @media only screen and (max-width: 28.9375em) and (min-width: 24em) {
      .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-section-header {
        top: -32px; } }
    @media only screen and (max-width: 23.9375em) {
      .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-section-header {
        top: -28px; } }

.wm-queryfilterdiv .e-add-btn.e-btn {
  background-color: #7a8391 !important;
  border: none !important;
  color: white; }
  .wm-queryfilterdiv .e-add-btn.e-btn:hover {
    opacity: .85; }

.wm-queryfilterdiv .wm-query-name {
  margin-left: 4px;
  max-width: 180px; }
  @media only screen and (max-width: 74.9375em) {
    .wm-queryfilterdiv .wm-query-name {
      margin-left: 6px; } }
  @media only screen and (max-width: 61.9375em) {
    .wm-queryfilterdiv .wm-query-name {
      margin-left: 8px; } }
  @media only screen and (max-width: 47.9375em) {
    .wm-queryfilterdiv .wm-query-name, .wm-queryfilterdiv .wm-query-name input {
      padding-left: 0; } }
  .wm-queryfilterdiv .wm-query-name .e-input-group {
    height: 32px !important; }

.wm-queryfilterdiv .wm-query-button.btn.btn-sm.btn-standard.wm-button {
  z-index: 12;
  padding: 2px 16px;
  font-size: 12px;
  line-height: 2.4em;
  /*to match the existing syncfusion buttons AND & OR*/ }
  .wm-queryfilterdiv .wm-query-button.btn.btn-sm.btn-standard.wm-button.wm-query-save {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right-color: white !important;
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important; }
    .wm-queryfilterdiv .wm-query-button.btn.btn-sm.btn-standard.wm-button.wm-query-save:hover {
      opacity: 0.8 !important;
      transform: translateY(0) !important;
      box-shadow: none !important;
      border-color: #a7adb6 !important;
      border-right-color: white !important;
      background-color: #acb2bb !important; }
  .wm-queryfilterdiv .wm-query-button.btn.btn-sm.btn-standard.wm-button.wm-query-apply {
    border-radius: 0.5rem !important;
    height: 31px !important; }

.wm-queryfilterdiv .wm-query-sort-column {
  background-color: #c0c9d3;
  border-color: #edf2f3;
  justify-content: flex-start;
  padding: 12px !important; }
  @media only screen and (max-width: 35.9375em) {
    .wm-queryfilterdiv .wm-query-sort-column {
      flex-direction: column;
      align-items: flex-start; } }
  @media (prefers-color-scheme: dark) {
    .wm-queryfilterdiv .wm-query-sort-column {
      background-color: #42474d !important; } }
  .wm-queryfilterdiv .wm-query-sort-column .sort-column-field, .wm-queryfilterdiv .wm-query-sort-column .sort-column-direction {
    max-width: 75% !important;
    padding: 0 !important; }
    @media only screen and (max-width: 35.9375em) {
      .wm-queryfilterdiv .wm-query-sort-column .sort-column-field, .wm-queryfilterdiv .wm-query-sort-column .sort-column-direction {
        margin: 0 0 12px 0; } }
  .wm-queryfilterdiv .wm-query-sort-column .sort-column-field {
    margin: 0 12px 0 0; }
    @media only screen and (max-width: 23.9375em) {
      .wm-queryfilterdiv .wm-query-sort-column .sort-column-field {
        min-width: 140px; } }
  .wm-queryfilterdiv .wm-query-sort-column .sort-column-direction {
    margin-bottom: 0; }

@media only screen and (max-width: 47.9375em) {
  .wm-queryfilterdiv .wm-query-container {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: inherit;
    margin: 10px 0 0 0;
    width: 98%; }
    .wm-queryfilterdiv .wm-query-container .wm-query-name > .wm-control-class {
      margin-left: -4px !important; } }
  @media only screen and (max-width: 47.9375em) and (max-width: 28.9375em) {
    .wm-queryfilterdiv .wm-query-container .dropdown.btn-group {
      margin-left: -8px !important; } }
  @media only screen and (max-width: 47.9375em) and (max-width: 23.9375em) {
    .wm-queryfilterdiv .wm-query-container .dropdown.btn-group {
      margin-left: -12px !important; }
      .wm-queryfilterdiv .wm-query-container .dropdown.btn-group > .btn {
        padding: 2px 8px !important; }
    .wm-queryfilterdiv .wm-query-container .wm-query-apply.wm-query-button {
      padding: 2px 8px !important; } }

.wm-queryfilterdiv .wm-query-container .wm-query-apply.wm-query-button {
  margin-left: 4px; }

.wm-queryfilterdiv .wm-query-container .wm-container-parent.wm-control {
  margin-right: 4px; }

@media only screen and (max-width: 35.9375em) {
  .wm-queryfilterdiv .wm-query-container .wm-container-parent.wm-control > .wm-control-class {
    width: 160px !important; } }

@media only screen and (max-width: 28.9375em) {
  .wm-queryfilterdiv .wm-query-container .wm-container-parent.wm-control > .wm-control-class {
    width: 120px !important;
    padding-right: 4px !important; } }

@media only screen and (max-width: 23.9375em) {
  .wm-queryfilterdiv .wm-query-container .wm-container-parent.wm-control > .wm-control-class {
    width: 90px !important; } }

.wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column {
  position: relative;
  background-color: #f2f2f2; }
  @media only screen and (max-width: 35.9375em) {
    .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row {
      width: 90%; }
      .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row:first-child {
        margin-bottom: 12px; } }
  .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row.sort-column-delete {
    position: absolute;
    top: 3px;
    right: 3px; }
    .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row.sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib {
      position: absolute;
      top: 0;
      right: 0;
      border-color: transparent !important;
      background-color: transparent !important; }
      .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row.sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib:hover::after {
        opacity: .8;
        transform: scale(1.08); }
      .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row.sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
        content: '\f00d';
        position: absolute;
        top: 4px;
        right: 8px;
        display: block;
        transition: all .3s ease-in;
        font-size: 18px;
        font-family: "Font Awesome 5 Pro";
        color: #403f43; }
        @media (prefers-color-scheme: dark) {
          .wm-queryfilterdiv .wm-section .wm-section-inner .wm-query-sort-column .wm-form-row.sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
            color: white; } }

.wm-queryfilterdiv-query-name {
  max-width: 210px;
  padding-right: 0px; }

.wm-queryfilterdiv-query-button.btn.btn-sm.btn-standard.wm-button {
  z-index: 12;
  padding: 2px 16px;
  font-size: 12px;
  line-height: 2.2em;
  /*to match the existing syncfusion buttons AND & OR*/ }

.wm-queryfilterdiv .e-rule-field {
  display: flex;
  justify-content: flex-start;
  padding: 12px;
  background-color: #f2f2f2; }
  @media only screen and (max-width: 35.9375em) {
    .wm-queryfilterdiv .e-rule-field {
      flex-direction: column;
      align-items: flex-start; } }
  @media (prefers-color-scheme: dark) {
    .wm-queryfilterdiv .e-rule-field {
      background-color: #42474d !important; } }
  .wm-queryfilterdiv .e-rule-field > div:not(:last-child) {
    flex-basis: 29%;
    padding: 0 !important; }
    @media only screen and (max-width: 35.9375em) {
      .wm-queryfilterdiv .e-rule-field > div:not(:last-child) {
        align-self: stretch !important; } }
  .wm-queryfilterdiv .e-rule-field .e-rule-value {
    max-width: 100%;
    min-width: unset !important; }
    @media only screen and (min-width: 36em) {
      .wm-queryfilterdiv .e-rule-field .e-rule-value {
        position: relative !important; }
        .wm-queryfilterdiv .e-rule-field .e-rule-value > i {
          top: 8px !important; } }
    @media (prefers-color-scheme: dark) {
      .wm-queryfilterdiv .e-rule-field .e-rule-value .e-input-group {
        background-color: #363a40 !important;
        color: #edf2f3 !important; } }
    .wm-queryfilterdiv .e-rule-field .e-rule-value .e-input-group::placeholder {
      color: white !important; }
  .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn,
  .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary {
    position: absolute;
    top: -6px;
    right: -2px;
    border-color: transparent !important;
    background-color: transparent !important; }
    .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn:hover::after,
    .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary:hover::after {
      opacity: .8;
      transform: scale(1.08); }
    .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn::after,
    .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
      content: '\f00d';
      position: absolute;
      top: 4px;
      right: 8px;
      display: block;
      transition: all .3s ease-in;
      font-size: 18px;
      font-family: "Font Awesome 5 Pro";
      color: #403f43; }
      @media (prefers-color-scheme: dark) {
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn::after,
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
          color: white; } }
    @media only screen and (max-width: 47.9375em) {
      .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn,
      .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary {
        position: absolute;
        top: -4px;
        right: -1px;
        border-color: transparent !important;
        background-color: transparent !important; }
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn:hover::after,
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary:hover::after {
          opacity: .8;
          transform: scale(1.08); }
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn::after,
        .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
          content: '\f00d';
          position: absolute;
          top: 4px;
          right: 8px;
          display: block;
          transition: all .3s ease-in;
          font-size: 18px;
          font-family: "Font Awesome 5 Pro";
          color: #403f43; } }
    @media only screen and (max-width: 47.9375em) and (prefers-color-scheme: dark) {
      .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn::after,
      .wm-queryfilterdiv .e-rule-field .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
        color: white; } }
  .wm-queryfilterdiv .e-rule-field .e-rule-value-delete > .e-removerule.e-btn:after {
    content: unset !important; }
  .wm-queryfilterdiv .e-rule-field .e-rule-filter, .wm-queryfilterdiv .e-rule-field .e-rule-operator {
    margin: 0 12px 0 0; }
    @media only screen and (max-width: 35.9375em) {
      .wm-queryfilterdiv .e-rule-field .e-rule-filter, .wm-queryfilterdiv .e-rule-field .e-rule-operator {
        margin: 0 0 12px 0; } }
  .wm-queryfilterdiv .e-rule-field .e-rule-filter, .wm-queryfilterdiv .e-rule-field .e-rule-operator, .wm-queryfilterdiv .e-rule-field .e-rule-value {
    width: 100% !important; }
  .wm-queryfilterdiv .e-rule-field .e-rule-value-delete {
    position: absolute !important;
    top: 8px !important;
    right: 4px !important; }
  .wm-queryfilterdiv .e-rule-field .e-input-group.e-ddl input, .wm-queryfilterdiv .e-rule-field .e-input-group.e-ddl.e-input-focus input {
    padding-bottom: 3px; }

.wm-queryfilterdiv .e-rule-filter, .wm-queryfilterdiv .e-rule-operator, .wm-queryfilterdiv .e-rule-value {
  max-width: 80% !important; }

.wm-queryfilterdiv .e-rule-container {
  background-color: #f2f2f2; }
  @media (prefers-color-scheme: dark) {
    .wm-queryfilterdiv .e-rule-container {
      background-color: #42474d !important; } }

.wm-queryfilterdiv .e-control.e-query-builder.e-lib {
  border-radius: 0.5rem !important;
  margin-bottom: 8px; }
  @media (prefers-color-scheme: dark) {
    .wm-queryfilterdiv .e-control.e-query-builder.e-lib {
      border-color: #3e454c !important; } }
  .wm-queryfilterdiv .e-control.e-query-builder.e-lib .e-group-container {
    border-radius: 0.5rem; }

.wm-queryfilterdiv .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
  width: 300px; }
  @media only screen and (max-width: 47.9375em) {
    .wm-queryfilterdiv .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
      width: 100%; } }

.wm-queryfilterdiv .e-add-btn .e-btn-icon::before, .wm-queryfilterdiv .wm-query-sort-column .sort-column-delete .e-delete-icon::before {
  content: "\e805";
  font-size: 18px;
  font-weight: 400; }

.wm-queryfilterdiv .wm-query-sort-column .sort-column-delete .e-delete-icon::before {
  padding: 4px;
  color: #4c5c68; }

@media only screen and (max-width: 28.9375em) {
  .wm-queryfilterdiv .sort-container .wm-section-actions {
    height: 0px; } }

@media (prefers-color-scheme: dark) {
  .wm-queryfilterdiv .sort-container {
    border-color: #292e32 !important; } }
  @media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
    .wm-queryfilterdiv .sort-container {
      background-color: #363a40 !important;
      color: #edf2f3 !important; }
      .wm-queryfilterdiv .sort-container::placeholder {
        color: white !important; } }

@media (prefers-color-scheme: dark) {
  .wm-queryfilterdiv .e-group-container {
    background-color: #363a40 !important; } }

.wm-queryfilterdiv .wm-query-container > .d-flex {
  position: relative !important;
  width: 100%; }

.wm-queryfilterdiv .dropdown.btn-group {
  top: 0;
  right: 94px; }
  @media only screen and (max-width: 23.9375em) {
    .wm-queryfilterdiv .dropdown.btn-group {
      right: 74px; } }
  .wm-queryfilterdiv .dropdown.btn-group, .wm-queryfilterdiv .dropdown.btn-group + .btn-standard.wm-button.wm-query-apply.wm-query-button {
    position: absolute !important; }

.wm-queryfilterdiv .btn-standard.wm-button.wm-query-apply.wm-query-button {
  top: 0;
  right: 14px; }

@media only screen and (min-width: 48em) {
  .wm-queryfilterdiv .e-query-builder.e-device .e-group-container {
    padding: 10px 15px 15px; }
  .wm-queryfilterdiv .dropdown.btn-group {
    right: 80px; }
  .wm-queryfilterdiv .btn-standard.wm-button.wm-query-apply.wm-query-button {
    right: 0; } }

.wm-queryfilterdiv.advanced-search .wm-search-column-row .search-column-delete .e-delete-icon::before {
  font-size: 18px;
  font-weight: 400; }

/**
    Form 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: white; }
  .label:not(.wm-category-count).wm-background-blue {
    background-color: #e5f3ff !important;
    color: #0188ff !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-blue {
        background-color: rgba(10, 132, 255, 0.5) !important;
        color: #ebf8ff !important; } }
  .label:not(.wm-category-count).wm-background-brown {
    background-color: rgba(188, 79, 46, 0.1) !important;
    color: #bc4f2e !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-brown {
        background-color: #5a4738 !important;
        color: #fec093 !important; } }
  .label:not(.wm-category-count).wm-background-green {
    background-color: #c6f6d5 !important;
    color: #276749 !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-green {
        background-color: #22543d !important;
        color: #9ae6b4 !important; } }
  .label:not(.wm-category-count).wm-background-grey {
    background-color: #e4e5e9 !important;
    color: #595e6b !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-grey {
        background-color: #9e9e9e !important;
        color: #121212 !important; } }
  .label:not(.wm-category-count).wm-background-orange {
    background-color: #ffefd6 !important;
    color: #bf360c !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-orange {
        background-color: #ffcc80 !important;
        background-color: #7b341e !important;
        color: #f6ad55 !important; } }
  .label:not(.wm-category-count).wm-background-pink {
    background-color: #feecf0 !important;
    color: #be376d !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-pink {
        background-color: #5a444d !important;
        color: #ffb8cc !important; } }
  .label:not(.wm-category-count).wm-background-purple {
    background-color: #f5eefe !important;
    color: #5f30c3 !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-purple {
        background-color: #4d485d !important;
        color: #d8c1f9 !important; } }
  .label:not(.wm-category-count).wm-background-red {
    background-color: rgba(255, 59, 48, 0.1) !important;
    color: #ff3b30 !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-red {
        background-color: #742a2a !important;
        color: #feb2b2 !important; } }
  .label:not(.wm-category-count).wm-background-teal {
    background-color: #dbf2fe !important;
    color: #00617c !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-teal {
        background-color: #2b4e5b !important;
        color: #bfeafd !important; } }
  .label:not(.wm-category-count).wm-background-yellow {
    background-color: #ffeecc !important;
    color: #975a16 !important; }
    @media (prefers-color-scheme: dark) {
      .label:not(.wm-category-count).wm-background-yellow {
        background-color: #554b2e !important;
        color: #f6e05e !important; } }
  .label-rounded {
    border-radius: 60px; }
  .label-custom {
    background-color: #6eb6e0; }
  .label-primary {
    background-color: #0078d6; }
  .label-success {
    background-color: #247c24; }
  .label-info {
    background-color: #0089f5; }
  .label-warning {
    background-color: #face1f; }
  .label-danger {
    background-color: #eb1515; }
  .label-inverse {
    background-color: #42474d; }
  .label-default {
    background-color: #edf2f3 !important;
    color: #2e3338 !important; }
  .label-light-success {
    background-color: #e8fdeb !important;
    color: #247c24 !important; }
  .label-light-info {
    background-color: #cfecfe !important;
    color: #0089f5 !important; }
  .label-light-warning {
    background-color: #fff8ec !important;
    color: #face1f !important; }
  .label-light-danger {
    background-color: #f9e7eb !important;
    color: #eb1515 !important; }
  .label-light-primary {
    background-color: #f1effd !important;
    color: #0078d6 !important; }
  .label-light-inverse {
    background-color: #f6f6f6 !important;
    color: #42474d !important; }
  .label[for="IncludeRecords"] {
    margin-top: 8px; }
    .label[for="IncludeRecords"] + .wm-checkbox {
      margin-top: -6px !important; }

.wm-label {
  margin-bottom: 0rem;
  font-size: clamp(0.75rem, calc(0.738rem + 0.0535vw), 0.875rem);
  color: #6b7480; }
  .wm-label i.fa:hover {
    color: #77818d !important; }
  .wm-label i.fa.wm-display-info-text {
    margin-left: 8px; }

.no-label {
  display: none !important; }
  .no-label + div {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important; }

.e {
  /**
        Input Group    
    **/
  /**
        Input Disabled    
    **/ }
  .e-input-btn.e-btn {
    border-radius: .2rem;
    box-shadow: none;
    padding: .25rem .5rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2e3338 !important; }
    .e-input-btn.e-btn:hover {
      cursor: pointer; }
  .e-input-group {
    align-items: center;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
    /*** Input Group Focus ***/
    /*** Input Group Icon ***/
    /*** Dropdown Padding ***/ }
    .e-input-group-icon {
      border-radius: 0.5rem !important; }
    .e-input-group.e-ddl .e-input-group-icon {
      min-width: 26px;
      min-height: 26px;
      padding: 0px; }
    .e-input-group.e-numeric .e-input-group-icon {
      width: 30px;
      min-height: 30px; }
    .e-input-group:not(.e-disabled) .e-input-group-icon:active,
    .e-input-group .e-control-wrapper:not(.e-disabled) .e-input-group-icon:active {
      background: #7a8391 !important; }
    .e-input-group.e-control-wrapper.wm-control-class {
      height: 40px !important; }
      .e-input-group.e-control-wrapper.wm-control-class .e-input {
        height: 40px !important;
        padding-right: 10px !important; }
    .e-input-group.e-input-focus {
      border-color: #7a8391 !important; }
      @media (prefers-color-scheme: dark) {
        .e-input-group.e-input-focus {
          border-color: #c5c8cc !important; } }
      .e-input-group.e-input-focus:before, .e-input-group.e-input-focus:after {
        content: unset !important; }
    @media (prefers-color-scheme: dark) {
      .e-input-group .e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
      .e-input-group .e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus {
        border-bottom: #7a8391 !important; } }
    @media (prefers-color-scheme: dark) {
      .e-input-group .e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
      .e-input-group .e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus {
        background-color: #363a40 !important;
        color: #edf2f3 !important; }
        .e-input-group .e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus::placeholder,
        .e-input-group .e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus::placeholder {
          color: white !important; } }
    .e-input-group .e-input-group-icon,
    .e-input-group.e-control-wrapper .e-input-group-icon {
      background-color: transparent !important; }
      @media (prefers-color-scheme: dark) {
        .e-input-group .e-input-group-icon::before,
        .e-input-group.e-control-wrapper .e-input-group-icon::before {
          color: #c0c9d3 !important; } }
    .e-input-group input.e-input:not(.e-dropdownbase),
    .e-input-group input:not(.e-dropdownbase),
    .e-input-group.e-control-wrapper input.e-input:not(.e-dropdownbase),
    .e-input-group.e-control-wrapper input:not(.e-dropdownbase) {
      padding-left: 6px !important; }
    .e-input-group:hover:not(.e-input-focus) {
      border-color: #abb7c4 !important; }
  .e-disabled {
    opacity: .85 !important; }
    @media (prefers-color-scheme: dark) {
      .e-disabled {
        opacity: 1 !important;
        /* Reverted, was too dark */
        /*background: #1d1f22 !important;*/ } }

.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: #4a5568; } }
  .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: white !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: #f7fafc; }
  @media (prefers-color-scheme: dark) {
    .wm-otp .e-otp-input-field {
      border: 1px solid #292e32 !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-otp .e-otp-input-field {
      background-color: #363a40 !important;
      color: #edf2f3 !important; }
      .wm-otp .e-otp-input-field::placeholder {
        color: white !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: #c5c8cc !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) {
    border-color: #7a8391;
    box-shadow: 0 0 0 1px #7a8391; }

@media (prefers-color-scheme: dark) {
  .wm-queryfilterdiv .e-rule-field .e-rule-value .e-checkbox-wrapper .e-label {
    color: #edf2f3; } }

.wm-checkbox .e-icons {
  display: 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 {
  content: "";
  font-family: 'Font Awesome 5 Pro';
  font-size: 15px;
  line-height: normal;
  font-weight: 400;
  text-transform: none;
  display: inline-block; }

input[type=checkbox].wm-control-override-button:checked + label::before {
  content: "\f304";
  text-indent: 1px; }

input[type=checkbox].wm-control-toggle-enabled-button + label::before {
  font-size: 15px;
  line-height: normal;
  font-weight: 400;
  text-transform: none;
  display: inline-block;
  font-family: 'Font Awesome 5 Pro';
  text-indent: 1px; }

input[type=checkbox].wm-control-lock-button {
  outline: 5px solid red !important; }
  input[type=checkbox].wm-control-lock-button + label {
    position: relative; }
    input[type=checkbox].wm-control-lock-button + label:before {
      content: "";
      font-family: 'Font Awesome 5 Pro';
      display: inline-block;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms; }
    input[type=checkbox].wm-control-lock-button + label:after {
      content: "";
      font-family: 'Font Awesome 5 Pro';
      content: "\f023";
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms; }
  input[type=checkbox].wm-control-lock-button:checked + label:before {
    content: "";
    font-family: 'Font Awesome 5 Pro';
    opacity: 0;
    transform: rotateY(90deg);
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms; }
  input[type=checkbox].wm-control-lock-button:checked + label:after {
    opacity: 1;
    transform: rotateY(0); }

input[type=checkbox].wm-control-confirm-button + label::before {
  content: "";
  font-family: 'Font Awesome 5 Pro';
  display: inline-block; }

input[type=checkbox].wm-control-confirm-button:checked + label::before {
  content: "";
  font-family: 'Font Awesome 5 Pro'; }

input[type=checkbox].wm-control-confirm-button-link + label::before {
  content: "";
  font-family: 'Font Awesome 5 Pro';
  display: inline-block; }

input[type=checkbox].wm-control-confirm-button-link:checked + label::before {
  content: "";
  font-family: 'Font Awesome 5 Pro'; }

input[type=checkbox].wm-default-enable-icon + label::before {
  content: "\f303"; }

input[type=checkbox].wm-default-disable-icon + label::before {
  content: "\f0e2"; }

.e-checkbox-disabled {
  opacity: .5 !important; }
  @media (prefers-color-scheme: dark) {
    .e-checkbox-disabled {
      opacity: .25 !important; } }
  .e-checkbox-disabled .e-icons {
    background-color: #e2e8f0 !important; }

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

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

#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 #e2e8f0;
    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: #2a2e32 !important; } }
  #entityPropertiesMappings .import-subclass-container-l1 {
    width: 75%;
    background-color: #f7fafc; }
  #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: #cbd5e0;
    background-color: #edf2f7; }
  #entityPropertiesMappings .import-subclass-container-l3 {
    border-color: #cbd5e0;
    background-color: #e2e8f0; }
  #entityPropertiesMappings .import-subclass-container-l4 {
    border-collapse: #a0aec0;
    background-color: #cbd5e0; }

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

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

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

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

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

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

@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 {
  border-radius: 4px;
  box-shadow: 0 1px 6px -1px rgba(46, 51, 56, 0.2);
  margin-bottom: 15px;
  padding-bottom: 7px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        &.dropdown-toggle {
            &::after {
                content: $content !important;
                display: flex;
                align-items: center;
                justify-content: center;
                //margin-left: 0 !important;
                //margin-top: 2px !important;
                margin-top: 0;
                margin-left: 0;
                border: none;
                font-size: 0.9rem;
                font-family: 'Font Awesome 6 Pro';
                vertical-align: middle;
                            }
        }*/ }
  div[data-controller="Lead"] > .tab-container .dropdown.btn-group > .btn-group .wm-button.btn: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: #363a40 !important;
    border-color: #c0c9d3 !important;
    color: #edf2f3 !important; }
    #SelectUserCalendar::placeholder {
      color: white !important; }
  .e-dropdownbase {
    color: #c0c9d3 !important; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -------------------- END OF USERS -------------------- */
/* -------------------- VAT RETURNS -------------------- */
#tax_zone_view #tab-content-taxgroups .wm-section-actions .wm-action-button-group #DEFAULT {
  border-radius: 4px !important;
  border-right: none !important; }

/* -------------------- END OF VAT RETURNS -------------------- */
.calculator .calculator-screen {
  background-color: #646d77 !important; }
  @media (prefers-color-scheme: dark) {
    .calculator .calculator-screen {
      background-color: #202427 !important; } }

.calculator .calculator-keys button:not(.all-clear) {
  color: #33353b !important; }
  @media (prefers-color-scheme: dark) {
    .calculator .calculator-keys button:not(.all-clear) {
      color: #e5e7e9 !important; } }
  @media (prefers-color-scheme: dark) {
    .calculator .calculator-keys button:not(.all-clear):not(.equal-sign):hover {
      background-color: #40474e !important; } }

.calculator .calculator-keys button, .calculator .calculator-keys button.equal-sign.operator {
  color: white !important; }

#tab-content-settings #loadedtabwidgetsettings .wm-widget-body .wm-collection-card {
  margin-bottom: 12px !important;
  border-radius: 0.5rem; }
  #tab-content-settings #loadedtabwidgetsettings .wm-widget-body .wm-collection-card .card-body {
    border-radius: 0.5rem;
    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 {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  min-width: 24px;
  padding: 5px;
  /*&:not(.dropdown-toggle)::after {
            content: $content;
            display: block;
            font-size: 17px;
            font-family: "Font Awesome 6 Pro";
                        color: $white;
        }

        &.dropdown-toggle {
            &::after {
                content: $content !important;
                display: flex;
                align-items: center;
                justify-content: center;
                //margin-left: 0 !important;
                //margin-top: 2px !important;
                margin-top: 0;
                margin-left: 0;
                border: none;
                font-size: 0.9rem;
                font-family: 'Font Awesome 6 Pro';
                vertical-align: middle;
                            }
        }*/ }
  #tab-content-settings #loadedtabwidgetsettings .wm-section-action-btn div[data-popup-title="Export"] .wm-button.btn: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 {
      width: 128px !important;
      height: 128px !important;
      font-size: 128px !important; }
  #SettingExportFile span:not(.wm-pointer) {
    border: 1px solid #7a8391;
    border-radius: 2px;
    width: 90px;
    margin: 0 auto;
    padding: 4px 8px; }
    #SettingExportFile span:not(.wm-pointer):hover {
      border-color: #9098a3 !important;
      color: #9098a3 !important;
      transform: scale(1.06); }

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

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

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

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

.wm-display-label {
  color: #4a5568 !important; }
  @media (prefers-color-scheme: light) {
    .wm-display-label {
      color: #4a5568 !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-display-label {
      color: #edf2f7 !important; } }

.wm-secondary-system-field {
  transition: all 0.2s ease-in-out;
  font-size: 0.875rem;
  color: #718096; }
  @media (prefers-color-scheme: dark) {
    .wm-secondary-system-field {
      color: #a0aec0; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ----- MODULE CONTENT ----- */
.module-content-wrapper {
  transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1); }
  @media (prefers-color-scheme: dark) {
    .module-content-wrapper {
      background-color: #1d1f22; } }
  .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 #292e32 !important;
      background: inherit; } }
  .card .card-body {
    border-radius: 0.5rem; }
  .card.wm-collection-card {
    background-color: white;
    border: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem; }
    @media (prefers-color-scheme: dark) {
      .card.wm-collection-card {
        box-shadow: 0 0 0 1px #4e575f;
        background-color: #23262a; } }
    .card.wm-collection-card .card-body-inner-left {
      width: 100%;
      max-width: 70%; }
    .card.wm-collection-card:hover > .background-logo,
    .card.wm-collection-card:hover .card-body-inner-right > .background-logo {
      opacity: .5;
      filter: grayscale(0%); }
      .card.wm-collection-card:hover > .background-logo .rounded-circle,
      .card.wm-collection-card:hover .card-body-inner-right > .background-logo .rounded-circle {
        transform: scale(0.9);
        transition: all .2s;
        border-radius: 50%; }
    .card.wm-collection-card > .background-logo {
      position: absolute;
      top: 50%;
      left: 76%;
      transform: translate(-50%, -50%);
      z-index: 1;
      opacity: .2;
      filter: grayscale(100%); }
    .card.wm-collection-card .card-header {
      overflow: visible;
      border-radius: 0 !important;
      padding: 4px 10px !important; }
      .card.wm-collection-card .card-header > a.card-title:hover {
        cursor: pointer;
        color: #7a8391; }
      .card.wm-collection-card .card-header.bg-light {
        background-color: #e4ebed !important; }
        @media (prefers-color-scheme: dark) {
          .card.wm-collection-card .card-header.bg-light {
            background-color: #373d43 !important; } }
      .card.wm-collection-card .card-header .wm-datatable-column-drilldown {
        font-size: 14px; }
    .card.wm-collection-card:first-child {
      margin-left: 0; }
    .card.wm-collection-card .dropdown.wm-web-actions-menu {
      text-align: right; }
    .card.wm-collection-card .card-body a label:hover {
      color: #33353b; }
      @media (prefers-color-scheme: dark) {
        .card.wm-collection-card .card-body a label:hover {
          color: #afb3b9; } }
    .card.wm-collection-card .wm-web-actions-icons {
      background: transparent !important; }
      .card.wm-collection-card .wm-web-actions-icons .wm-favourite-on svg {
        fill: #face1f; }
      .card.wm-collection-card .wm-web-actions-icons .wm-favourite-on i {
        color: #face1f; }
    .card.wm-collection-card .wm-card-detail > label {
      word-break: normal; }
    .card.wm-collection-card .wm-generic-card {
      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 {
            width: 24px;
            height: 24px;
            font-size: 13px;
            margin-top: 2px; }
        .card.wm-collection-card .wm-generic-card .d-flex .ml-auto > label:first-child {
          margin-right: 4px !important; }
        .card.wm-collection-card .wm-generic-card .d-flex .ml-auto div:nth-child(2).wm-web-action-container {
          margin-left: -20px; }
        .card.wm-collection-card .wm-generic-card .d-flex .ml-auto .label {
          margin: 0 -14px 4px 6px !important; }
      .card.wm-collection-card .wm-generic-card .mw-90 {
        display: flex;
        align-items: center;
        min-width: 12% !important; }
        .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: #17181a; }
          @media (prefers-color-scheme: dark) {
            .card.wm-collection-card .wm-generic-card .card-body label:not(.wm-badge) {
              color: #9caaba; } }
  .card-body {
    height: 100%; }
    @media (prefers-color-scheme: dark) {
      .card-body {
        background-color: #1c1f22; } }
    .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: #9098a3; }
      @media (prefers-color-scheme: dark) {
        .card-body .wm-card-detail > span,
        .card-body .wm-card-detail > label {
          color: #d0d2d6; } }
    .card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width {
      color: #4f525c !important; }
      @media (prefers-color-scheme: dark) {
        .card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width {
          color: #c5c8cc !important; }
          .card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width:hover {
            color: #dbdcdf !important; } }
      .card-body .wm-card-detail .info-tooltip .text-info.wm-limit-width:hover {
        color: #9ba2ad !important; }
    .card-body .info-tooltip-content .info-tooltip-inner li {
      line-height: 20px; }
    .card-body .info-tooltip-content .info-text {
      padding-top: 0; }
    .card-body .card-item-view-more-icon {
      position: absolute;
      bottom: 8px;
      right: 26px; }
      .card-body .card-item-view-more-icon span,
      .card-body .card-item-view-more-icon span.collapsed {
        display: inline-block;
        transform: rotate(90deg);
        transition: transform .3s ease-in;
        margin-right: 2px; }
      .card-body .card-item-view-more-icon span[aria-expanded="true"] {
        transform: rotate(270deg);
        margin-right: -2px; }
    .card-body > .d-flex > a {
      width: 90%; }
    @media (prefers-color-scheme: dark) {
      .card-body.module-card {
        background-color: #23262a; } }
  .card-item-collapsible-section + .label {
    margin-bottom: -1px; }
  .card-item-view-more-icon > span[data-toggle="collapse"] {
    position: relative;
    top: 3px;
    left: 25px;
    /*added padding to enable larger element to hit on mobiles*/
    padding: 0 5px; }
    @media (prefers-color-scheme: dark) {
      .card-item-view-more-icon > span[data-toggle="collapse"] .wm-icon {
        color: #d0d2d6 !important; } }
  .card .user-card-active {
    background: #c0c9d3; }
  .card-list-group .row > .col-md-4,
  .card-list-group .row > .col-md-6,
  .card-list-group .row > .col-md-3,
  .card-list-group .row > .col-md-12 {
    margin-bottom: 15px !important; }
    @media only screen and (max-width: 35.9375em) {
      .card-list-group .row > .col-md-4,
      .card-list-group .row > .col-md-6,
      .card-list-group .row > .col-md-3,
      .card-list-group .row > .col-md-12 {
        margin-bottom: 6px !important; } }
  .card-list-group .wm-collection-card {
    margin-bottom: 0 !important; }
    @media only screen and (max-width: 28.9375em) {
      .card-list-group .wm-collection-card {
        border-radius: 0; } }
    @media (prefers-color-scheme: dark) {
      .card-list-group .wm-collection-card > .card-body {
        background-color: #23262a; }
        .card-list-group .wm-collection-card > .card-body .wm-card-header > a > .wm-datatable-column-drilldown {
          color: #cacdd1 !important; } }
    .card-list-group .wm-collection-card.wm-research-article {
      margin-bottom: 12px !important; }
      @media only screen and (max-width: 28.9375em) {
        .card-list-group .wm-collection-card.wm-research-article {
          margin-bottom: 6px !important; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wm-pointer label {
  cursor: pointer; }

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

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

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

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

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

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

/* ----- END OF CARD VIEWS ----- */
.topbar-status-dropdown.wm-progress-menu div.wm-scrollbar-content .mCSB_draggerContainer {
  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: #77818d; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 60px; }
    .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: #4a5568; } }
    .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; }
        .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: white; }
      .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: #718096; }
          .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: #e2e8f0 !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: white; }

.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: #e2e8f0; }
          .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: #718096; }
          .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: white !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: white !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: -6px;
        left: 4px;
        display: flex;
        outline: 2px solid white;
        width: fit-content;
        height: 10px;
        background-color: white;
        line-height: 1; }
        @media (prefers-color-scheme: dark) {
          .module-top-nav-content .structure-version-combo label {
            outline-color: #4a5568;
            background-color: #292e32; } }
      .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 {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  gap: 3rem;
  padding: 8px 15px !important;
  box-shadow: 0px 8px 16px 0px rgba(113, 128, 150, 0.12) !important;
  margin-top: 0 !important; }
  @media (prefers-color-scheme: dark) {
    .module-content .d-flex.no-gutters {
      box-shadow: none !important; } }
  @media only screen and (max-width: 28.9375em) {
    .module-content .d-flex.no-gutters {
      border-radius: 0; } }
  .module-content .d-flex.no-gutters:has(div) .nav-tabs .responsivetabs-more {
    position: absolute;
    right: -2rem; }
  .module-content .d-flex.no-gutters .responsivetabs-more {
    position: absolute;
    right: -0.5rem; }

.module-content-header {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  display: flex;
  align-items: center; }
  @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: #d8dadf; } }
  @media (prefers-color-scheme: dark) {
    .module-content-header .color-title i {
      color: #d8dadf; } }
  .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 .col-auto.mr-auto {
    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-header-has-no-search .wm-module-title,
  .module-content-header.wm-header-has-no-search .icon.baseline {
    position: relative;
    top: -6px; }
  .module-content-header .wm-module-title-wrapper {
    padding-left: 0.75rem; }
  @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: white; }
  @media (prefers-color-scheme: dark) {
    .module-content-wrapper .module-content .tab-sub-header-options {
      background-color: #292e32; } }

.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: white; }
    @media (prefers-color-scheme: dark) {
      .module-content-wrapper .module-content-header .top-content {
        background-color: #292e32; } }
    .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 #2d3748; } }

.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: #4a5568 !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: #718096; }
      @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-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: white !important; }
  .wm-search .input-group-append .dropdown.btn-group .wm-button.wm-web-action:hover {
    opacity: 0.8 !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
    border-color: #a7adb6 !important;
    border-right-color: white !important;
    background-color: #acb2bb !important; }

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

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

@media (prefers-color-scheme: dark) {
  .wm-subtitle {
    color: #cbd5e0 !important; } }

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

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

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

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

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

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

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

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

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

#structurefilterinfo {
  height: fit-content;
  min-height: 31px;
  padding: 3px 8px;
  cursor: pointer !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-size: 18px !important;
  line-height: normal;
  font-weight: 400 !important;
  text-transform: none;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #363a40 !important; }

/* 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 {
  margin: 0 !important;
  padding: 0 16px !important;
  min-height: unset !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: #25292d !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: #c0c9d3 !important; }
    .e-dashboardviewer.e-js .e-dbrd-tooltip {
      background-color: #373d43 !important; }
    .e-dashboardviewer.e-js .e-dbrd-bannerIcon:hover::before {
      color: #8e949c !important; }
    .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container {
      border-radius: 4px !important; }
      .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container, .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container .e-control-heading, .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container .e-dbrd-control, .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container .e-dbrd-control-error {
        background-color: #33383e !important; }
      .e-dashboardviewer.e-js .e-dbrd-containerWrapper .e-dbrd-control-container .e-control-heading .e-control-title {
        color: #edf2f3 !important; }
    .e-dashboardviewer.e-js .align-center {
      background-color: transparent !important; }
    .e-dashboardviewer.e-js .e-title.e-hoverable, .e-dashboardviewer.e-js .e-customtext-target, .e-dashboardviewer.e-js .e-secondary-value {
      color: #d0d2d6 !important; }
    .e-dashboardviewer.e-js .e-control-prop > .e-dbrd-containerIcon::before {
      color: #d0d2d6 !important; }
    .e-dashboardviewer.e-js .e-control-prop > .e-dbrd-containerIcon:hover::before {
      color: #a4a9af !important; }
    .e-dashboardviewer.e-js .e-nodata {
      color: #c0c9d3 !important; }
  .e-dbrd-dialog {
    background-color: #1d1f22 !important; }
    .e-dbrd-dialog .e-dbrd-dialog-title {
      color: #edf2f3 !important; }
    .e-dbrd-dialog .e-dbrd-content > .e-info-msg {
      color: #c0c9d3 !important; }
    .e-dbrd-dialog .e-dbrd-showDetails, .e-dbrd-dialog .e-dbrd-btn-support {
      background-color: #1d1f22;
      border-color: transparent;
      color: #c5c8cc;
      border: none !important; }
  .e-table, .e-kanban-table {
    border-color: #4e575f !important; }
    .e-table .e-header-row .e-header-cells, .e-kanban-table .e-header-row .e-header-cells {
      background-color: #25292d;
      border-color: #4e575f;
      color: inherit; }
      .e-table .e-header-row .e-header-cells .e-expand::before, .e-table .e-header-row .e-header-cells .e-stackedheadercelldiv, .e-table .e-header-row .e-header-cells .e-headertext, .e-kanban-table .e-header-row .e-header-cells .e-expand::before, .e-kanban-table .e-header-row .e-header-cells .e-stackedheadercelldiv, .e-kanban-table .e-header-row .e-header-cells .e-headertext {
        color: #c0c9d3 !important; }
    .e-table .e-content-row, .e-kanban-table .e-content-row {
      background-color: #25292d;
      border-color: #4e575f;
      color: inherit; }
      .e-table .e-content-row .e-expand::before, .e-table .e-content-row .e-cellvalue, .e-table .e-content-row .e-frozenhover, .e-kanban-table .e-content-row .e-expand::before, .e-kanban-table .e-content-row .e-cellvalue, .e-kanban-table .e-content-row .e-frozenhover {
        color: #c0c9d3 !important; }
  #pivotviewcontrol .e-gridcontent .e-content {
    background-color: #25292d;
    border-color: #4e575f;
    color: inherit; }
  #pivotviewcontrol .e-toggle-field-list.e-icons {
    background-color: #373d43;
    border-color: #4e575f;
    color: inherit; }
    #pivotviewcontrol .e-toggle-field-list.e-icons::before {
      color: #c0c9d3 !important; }
  #pivotviewcontrol_grid, #pivotviewcontrol_grid .e-gridheader, #pivotviewcontrol_grid .e-table, #pivotviewcontrol_grid .e-kanban-table {
    border-color: #4e575f !important; }
  .e-pivotfieldlist-wrapper .e-dlg-header-content, .e-pivotfieldlist-wrapper .e-dlg-content, .e-pivotfieldlist-wrapper .e-footer-content {
    background-color: #33383e !important; }
    .e-pivotfieldlist-wrapper .e-dlg-header-content .e-title-header > div, .e-pivotfieldlist-wrapper .e-dlg-content .e-title-header > div, .e-pivotfieldlist-wrapper .e-footer-content .e-title-header > div {
      color: #edf2f3 !important; }
  .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table {
    border-color: #4e575f !important; }
  .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-filters, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-rows, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-columns, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-values {
    background-color: transparent !important;
    border-color: #4e575f !important; }
    .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-filters .e-axis-wrapper, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-rows .e-axis-wrapper, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-columns .e-axis-wrapper, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-values .e-axis-wrapper {
      background-color: #292e32 !important;
      color: #c0c9d3 !important;
      border-bottom: none !important; }
    .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-filters .e-axis-content .e-pivot-button, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-rows .e-axis-content .e-pivot-button, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-columns .e-axis-content .e-pivot-button, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-values .e-axis-content .e-pivot-button {
      background-color: #484e56 !important; }
      .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-filters .e-axis-content .e-pivot-button .e-content, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-rows .e-axis-content .e-pivot-button .e-content, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-columns .e-axis-content .e-pivot-button .e-content, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-values .e-axis-content .e-pivot-button .e-content {
        color: #c0c9d3 !important; }
      .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-filters .e-axis-content .e-pivot-button .e-icons, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-rows .e-axis-content .e-pivot-button .e-icons, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-columns .e-axis-content .e-pivot-button .e-icons, .e-pivotfieldlist-wrapper .e-field-list-container .e-field-list-values .e-axis-content .e-pivot-button .e-icons {
        color: #9caaba !important; }
  .e-pivotfieldlist-wrapper .e-dlg-header-content .e-dlg-header {
    color: #edf2f3 !important; }
    .e-pivotfieldlist-wrapper .e-dlg-header-content .e-dlg-header .e-title-mobile-header .e-title-mobile-content, .e-pivotfieldlist-wrapper .e-dlg-header-content .e-dlg-header .e-title-mobile-header .e-field-list-back-icon::before {
      color: #edf2f3; }
  .e-pivotfieldlist-wrapper .e-dlg-content .e-list-parent .e-list-item.e-hover .e-fullrow {
    background-color: #4a525a !important;
    border-color: #454d54 !important; }
  .e-pivotfieldlist-wrapper .e-dlg-content .e-list-parent .e-list-item.e-active .e-fullrow, .e-pivotfieldlist-wrapper .e-dlg-content .e-list-parent .e-list-item.e-active .e-text-content {
    background-color: transparent !important;
    border-color: transparent !important; }
  .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper, .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper .e-field-header, .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper .e-icons {
    background-color: #292e32 !important;
    color: #c0c9d3 !important; }
    .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper.e-selected::before, .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper .e-field-header.e-selected::before, .e-pivotfieldlist-wrapper .e-dlg-content .e-field-header-wrapper .e-icons.e-selected::before {
      color: #d0d2d6 !important; } }

@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .e-pivotfieldlist-wrapper .e-dlg-content .e-editor-search {
    background-color: #363a40 !important;
    color: #edf2f3 !important; }
    .e-pivotfieldlist-wrapper .e-dlg-content .e-editor-search::placeholder {
      color: white !important; } }

@media (prefers-color-scheme: dark) {
  .e-pivotfieldlist-wrapper .e-dlg-content .e-tab-header .e-text-wrap::before {
    margin-top: -1px !important;
    border: 2px solid #9ba2ad !important; }
  .e-pivotfieldlist-wrapper .e-field-list-footer .e-field-list-btn {
    background-color: #858d9a !important;
    border-color: #808896 !important; } }

@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .e-contextmenu-wrapper .e-contextmenu {
    background-color: #363a40 !important;
    color: #edf2f3 !important; }
    .e-contextmenu-wrapper .e-contextmenu::placeholder {
      color: white !important; } }

@media (prefers-color-scheme: dark) {
  .e-tooltip-wrap.e-popup {
    background-color: #373d43;
    border-color: #4e575f;
    color: #c0c9d3; }
  .e-dashboardviewer .e-grid [class^="e-"] {
    border-color: #babfc5 !important; } }

/* ----- DATEPICKER CONTAINER SYNC FUSION ----- */
.e-daterangepicker.e-popup .e-presets .e-list-item.e-active, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active, .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
  background-color: #7a8391 !important; }
  .e-daterangepicker.e-popup .e-presets .e-list-item.e-active:hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active:hover, .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day:hover, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day:hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day:hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day:hover {
    color: white !important; }

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background-color: #afb3b9 !important;
  color: white !important; }

.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
  background-color: #7a8391 !important;
  border-color: #747e8c !important;
  color: white !important; }

.e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
  background-color: #7a8391 !important;
  color: white !important; }

.e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title {
  color: #33353b !important; }

.e-calendar .e-content.e-month tbody tr .e-cell.e-selected:hover > span, .e-calendar .e-content.e-month tbody tr .e-cell.e-today:hover > span {
  color: white !important; }

/* ----- TIMEPICKER CONTAINER SYNC FUSION ----- */
.e-datetime-wrapper > input {
  margin-right: auto !important; }

.e-timepicker.e-popup-open {
  min-width: 100px !important; }
  .e-timepicker.e-popup-open .e-list-item.e-active {
    background-color: #afb3b9 !important; }

.e-datetimepicker {
  width: 172px !important;
  overflow-y: scroll !important; }

@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .e-list-parent.e-ul {
    background-color: #363a40 !important;
    color: #edf2f3 !important; }
    .e-list-parent.e-ul::placeholder {
      color: white !important; } }

@media (prefers-color-scheme: dark) {
  .e-list-parent.e-ul .e-list-item.e-active {
    background-color: #9ba2ad !important; }
    .e-list-parent.e-ul .e-list-item.e-active > .e-fullrow {
      background-color: #25292d !important;
      border-color: #202427 !important; }
      .e-list-parent.e-ul .e-list-item.e-active > .e-fullrow + .e-text-content {
        background-color: #9ba2ad !important; }
  .e-list-parent.e-ul .e-list-item:hover {
    background-color: #bfc3c7 !important; }
  .e-list-parent.e-ul .e-list-item, .e-list-parent.e-ul .e-list-item .e-list-text {
    color: #edf2f3 !important; } }

.e-list-parent.e-ul .e-list-item.e-active {
  background-color: #7a8391 !important; }
  .e-list-parent.e-ul .e-list-item.e-active .e-text-content {
    background-color: #7a8391 !important; }
    .e-list-parent.e-ul .e-list-item.e-active .e-text-content:hover {
      background-color: #afb3b9 !important; }
    @media (prefers-color-scheme: dark) {
      .e-list-parent.e-ul .e-list-item.e-active .e-text-content .e-list-text {
        color: #edf2f3 !important; } }

.e-list-parent.e-ul .e-list-item:hover {
  background-color: #afb3b9 !important; }

@media (prefers-color-scheme: dark) {
  .e-datepicker {
    border-color: #4e575f !important; }
    .e-datepicker .e-calendar .e-header {
      background-color: #363a40 !important; }
    .e-datepicker .e-calendar .e-content table, .e-datepicker .e-calendar .e-content table tr th {
      background-color: #363a40 !important; }
    .e-datepicker .e-calendar .e-content table tbody .e-cell:not(.e-selected):not(.e-today) > .e-day {
      background-color: #363a40 !important; }
      .e-datepicker .e-calendar .e-content table tbody .e-cell:not(.e-selected):not(.e-today) > .e-day:hover {
        background-color: #9caaba !important; }
    .e-datepicker .e-calendar .e-footer-container {
      background-color: #363a40 !important; }
  .e-calendar {
    background-color: #363a40 !important; }
    .e-calendar .e-header .e-day {
      color: #edf2f3 !important; }
    .e-calendar .e-header .e-icon-container span::before {
      color: #d0d2d6 !important; }
    .e-calendar .e-content > table thead > tr > th {
      color: #c0c9d3 !important; }
    .e-calendar .e-content > table tbody > tr .e-cell:not(.e-other-month) > span {
      color: white !important; }
      .e-calendar .e-content > table tbody > tr .e-cell:not(.e-other-month) > span:hover {
        color: #7a8391 !important; }
    .e-calendar .e-content > table tbody > tr .e-cell:not(.e-other-month).e-weekend > span {
      color: #a2afbe !important; }
  .e-daterangepicker {
    border-color: #4e575f !important; }
    .e-daterangepicker .e-date-range-container, .e-daterangepicker .e-footer, .e-daterangepicker .e-presets {
      border-color: #4e575f !important; } }
    @media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
      .e-daterangepicker .e-date-range-container, .e-daterangepicker .e-footer, .e-daterangepicker .e-presets {
        background-color: #363a40 !important;
        color: #edf2f3 !important; }
        .e-daterangepicker .e-date-range-container::placeholder, .e-daterangepicker .e-footer::placeholder, .e-daterangepicker .e-presets::placeholder {
          color: white !important; } }

@media (prefers-color-scheme: dark) {
      .e-daterangepicker .e-date-range-container .e-list-item:hover, .e-daterangepicker .e-footer .e-list-item:hover, .e-daterangepicker .e-presets .e-list-item:hover {
        background-color: #d0d2d6 !important; }
      .e-daterangepicker .e-date-range-container .e-start-label, .e-daterangepicker .e-date-range-container .e-end-label, .e-daterangepicker .e-date-range-container .e-day-span, .e-daterangepicker .e-date-range-container .e-icons::before, .e-daterangepicker .e-footer .e-start-label, .e-daterangepicker .e-footer .e-end-label, .e-daterangepicker .e-footer .e-day-span, .e-daterangepicker .e-footer .e-icons::before, .e-daterangepicker .e-presets .e-start-label, .e-daterangepicker .e-presets .e-end-label, .e-daterangepicker .e-presets .e-day-span, .e-daterangepicker .e-presets .e-icons::before {
        color: #c0c9d3 !important; }
    .e-daterangepicker .e-separator {
      background-color: #4e575f !important; }
    .e-daterangepicker .e-calendar-container .e-left-container {
      border-color: #4e575f !important; }
    .e-daterangepicker .e-calendar-container .e-calendar tbody tr .e-cell.e-range-hover .e-day {
      background-color: #d0d2d6 !important; }
    .e-daterangepicker .e-calendar-container .e-calendar tbody tr .e-cell.e-range-hover.e-weekend .e-day {
      color: #484e56 !important; }
    .e-daterangepicker .e-calendar-container .e-calendar tbody tr .e-cell.e-range-hover.e-other-month:not(.e-weekend) .e-day {
      color: black !important; } }

.e-filemanager {
  background-color: white !important;
  --hover-colour: white; }
  @media (prefers-color-scheme: dark) {
    .e-filemanager {
      --hover-colour: white; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager {
      background-color: #292e32 !important;
      border-color: transparent;
      color: white !important; } }
  .e-filemanager .e-toolbar {
    background: white !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-toolbar .e-icons {
        color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-toolbar {
        background-color: #292e32 !important;
        border-color: #4e575f !important;
        color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-toolbar .e-hor-nav {
        background: #292e32 !important;
        border-color: #4e575f !important;
        color: white !important; } }
    .e-filemanager .e-toolbar .e-tbar-btn {
      background: white !important; }
      @media (prefers-color-scheme: dark) {
        .e-filemanager .e-toolbar .e-tbar-btn {
          background-color: #292e32 !important;
          border-color: #4e575f !important;
          color: white !important; } }
      .e-filemanager .e-toolbar .e-tbar-btn:hover {
        background: white !important; }
        @media (prefers-color-scheme: dark) {
          .e-filemanager .e-toolbar .e-tbar-btn:hover .e-tbar-btn-text,
          .e-filemanager .e-toolbar .e-tbar-btn:hover .e-icons {
            background-color: white !important;
            color: #333 !important; } }
      @media (prefers-color-scheme: dark) {
        .e-filemanager .e-toolbar .e-tbar-btn .e-tbar-btn-text,
        .e-filemanager .e-toolbar .e-tbar-btn .e-icons {
          background-color: #292e32 !important;
          border-color: #4e575f !important;
          color: white !important; } }
    .e-filemanager .e-toolbar .e-toolbar-items {
      background: white !important; }
      @media (prefers-color-scheme: dark) {
        .e-filemanager .e-toolbar .e-toolbar-items {
          background-color: #292e32 !important;
          border-color: #4e575f !important;
          color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-address {
      border-bottom-color: #4e575f !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-address .e-icons.e-fe-search {
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-address .e-input-group.e-control-wrapper,
    .e-filemanager .e-address .e-clear-icon {
      color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-address .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
    .e-filemanager .e-address .e-clear-icon.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus {
      background-color: #292e32 !important;
      height: 99%;
      margin-top: 0; } }
  .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item .e-fullrow + .e-text-content {
    background-color: transparent !important; }
  .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item.e-hover > .e-fullrow {
    background-color: var(--hover-colour) !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item.e-hover > .e-fullrow + .e-text-content .e-list-text {
        color: #333 !important; } }
  .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item.e-active > .e-fullrow {
    background-color: #eaebed !important;
    border-color: transparent !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item.e-active > .e-fullrow + .e-text-content .e-list-text {
        color: #333 !important; } }
  .e-filemanager .e-treeview ul.e-list-parent.e-ul .e-list-item.e-active .e-fullrow:not(:first-child) {
    background-color: transparent !important;
    border: transparent !important; }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-splitter .e-split-bar-horizontal {
      background: #4e575f !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-list-parent.e-ul {
      background-color: #292e32 !important; } }
  .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item.e-active {
    background-color: #eaebed !important; }
    .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item.e-active .e-text-content {
      background-color: #eaebed !important; }
      @media (prefers-color-scheme: dark) {
        .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item.e-active .e-text-content .e-list-text {
          color: #333 !important; } }
  .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item:hover, .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item.e-hover {
    background-color: white !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item:hover .e-list-text, .e-filemanager .e-layout-content .e-list-parent.e-ul .e-list-item.e-hover .e-list-text {
        color: #333 !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-grid .e-table,
    .e-filemanager .e-layout-content .e-grid .e-content {
      background-color: #292e32 !important;
      border-bottom-color: #4e575f !important;
      border-top-color: #4e575f !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-grid .e-gridheader {
      background-color: #292e32 !important;
      border-bottom-color: #4e575f !important;
      border-top-color: #4e575f !important;
      color: white; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-grid .e-gridheader .e-headercontent {
      border-right-color: #4e575f !important; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-grid .e-gridheader tr:first-child th {
      background-color: #292e32 !important;
      border-bottom-color: #4e575f !important;
      border-top-color: #4e575f !important;
      color: white; } }
  @media (prefers-color-scheme: dark) {
    .e-filemanager .e-layout-content .e-grid td {
      color: white; } }
  .e-filemanager .e-layout-content .e-grid td.e-active {
    background-color: #eaebed !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-layout-content .e-grid td.e-active {
        color: #333; } }
  .e-filemanager .e-layout-content .e-grid .e-content tr:hover td {
    background-color: white !important; }
    @media (prefers-color-scheme: dark) {
      .e-filemanager .e-layout-content .e-grid .e-content tr:hover td {
        color: #333 !important; } }

@media (prefers-color-scheme: dark) {
  #filemanager_tb_sortby-popup,
  #filemanager_tb_view-popup {
    color: white !important;
    background-color: #25292d !important;
    border-color: #4e575f !important; }
    #filemanager_tb_sortby-popup .e-item:hover,
    #filemanager_tb_view-popup .e-item:hover {
      background-color: white !important;
      color: #333 !important; }
      #filemanager_tb_sortby-popup .e-item:hover .e-menu-icon,
      #filemanager_tb_view-popup .e-item:hover .e-menu-icon {
        color: #333 !important; }
        #filemanager_tb_sortby-popup .e-item:hover .e-menu-icon.e-fe-tick,
        #filemanager_tb_view-popup .e-item:hover .e-menu-icon.e-fe-tick {
          color: #36a836 !important; }
    #filemanager_tb_sortby-popup .e-item .e-menu-icon,
    #filemanager_tb_view-popup .e-item .e-menu-icon {
      color: white !important; }
      #filemanager_tb_sortby-popup .e-item .e-menu-icon.e-fe-tick,
      #filemanager_tb_view-popup .e-item .e-menu-icon.e-fe-tick {
        color: #6df46d !important; } }

@media (prefers-color-scheme: dark) {
  #filemanager_dialog .e-dlg-header-content,
  #filemanager_dialog .e-footer-content {
    color: white !important;
    background-color: #25292d !important;
    border-color: #4e575f !important; }
    #filemanager_dialog .e-dlg-header-content td,
    #filemanager_dialog .e-dlg-header-content td.e-fe-value,
    #filemanager_dialog .e-dlg-header-content .e-icon-dlg-close,
    #filemanager_dialog .e-dlg-header-content .e-dlg-header,
    #filemanager_dialog .e-footer-content td,
    #filemanager_dialog .e-footer-content td.e-fe-value,
    #filemanager_dialog .e-footer-content .e-icon-dlg-close,
    #filemanager_dialog .e-footer-content .e-dlg-header {
      color: white !important; } }

@media (prefers-color-scheme: dark) {
  #filemanager_dialog .e-dlg-content {
    color: white !important;
    background-color: #25292d !important;
    border-color: #4e575f !important; }
    #filemanager_dialog .e-dlg-content td,
    #filemanager_dialog .e-dlg-content td.e-fe-value,
    #filemanager_dialog .e-dlg-content .e-icon-dlg-close,
    #filemanager_dialog .e-dlg-content .e-dlg-header {
      color: white !important; } }

.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 {
  background-color: #edf2f3 !important;
  border: none !important;
  border-radius: .5rem !important;
  height: auto !important;
  padding: 0.3rem !important;
  background-repeat: repeat-y !important; }
  @media (prefers-color-scheme: dark) {
    .e-kanban .e-content-row:not(.e-swimlane-row) .e-content-cells {
      background-color: #33383e !important; }
      .e-kanban .e-content-row:not(.e-swimlane-row) .e-content-cells:hover {
        background-color: #40474e !important; } }

@media (prefers-color-scheme: dark) {
  .e-kanban-header .e-kanban-table, .e-kanban-header .e-kanban-table .e-header-row > .e-header-cells {
    background-color: #25292d !important; }
    .e-kanban-header .e-kanban-table > .e-header-wrap > .e-header-title .e-header-text, .e-kanban-header .e-kanban-table .e-header-row > .e-header-cells > .e-header-wrap > .e-header-title .e-header-text {
      color: #c0c9d3 !important; }
    .e-kanban-header .e-kanban-table > .e-header-wrap > .e-header-title .e-item-count, .e-kanban-header .e-kanban-table .e-header-row > .e-header-cells > .e-header-wrap > .e-header-title .e-item-count {
      color: #edf2f3 !important; }
  .e-kanban-header .e-header-cells {
    border-bottom-color: #afb3b9 !important; } }

.e-kanban-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: #25292d !important; }
    .e-kanban-content .e-kanban-table > tbody > .e-content-row {
      background-color: #25292d !important; }
      .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-icons::before {
        color: #d0d2d6 !important; }
      .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-icons:hover {
        background-color: #25292d !important; }
      .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-icons:hover::before {
        color: #bfc3c7 !important; }
      .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-swimlane-text {
        color: #e5e7e9 !important; }
      .e-kanban-content .e-kanban-table > tbody > .e-content-row td .e-item-count {
        color: #c0c9d3 !important; }
    .e-kanban-content .e-emptycard {
      color: #c0c9d3 !important; } }

.e-kanban-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 .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: .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: #23262a !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: white !important; }
      @media (prefers-color-scheme: dark) {
        .e-kanban .e-card tr td {
          background-color: #23262a !important; } }
      .e-kanban .e-card tr td:not(.wm-kanbancard-details) {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        flex-direction: column; }
  .e-kanban .e-card.e-selection {
    background-color: white !important;
    border: 2px solid #afb3b9 !important;
    color: #36424b !important; }
    @media (prefers-color-scheme: dark) {
      .e-kanban .e-card.e-selection {
        background-color: #23262a !important; } }
  .e-kanban .e-card .kanban-card-action-btn {
    margin-top: 16px !important; }
    .e-kanban .e-card .kanban-card-action-btn svg {
      fill: #c0c9d3 !important; }
    .e-kanban .e-card .kanban-card-action-btn i {
      color: #c0c9d3 !important; }
  .e-kanban .e-card .wm-image-entity .wm-image-small {
    line-height: 31px !important; }
  .e-kanban .e-card .wm-kanbancard-details > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
    .e-kanban .e-card .wm-kanbancard-details > div > a {
      transition: all .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: #d0d2d6 !important; } }
  @media (prefers-color-scheme: light) {
    .e-kanban .e-card .wm-kanbancard-details .effort-hours .activity-time, .e-kanban .e-card .wm-kanbancard-details .effort-hours .activity-time > i {
      color: #69727d !important; } }
  .e-kanban .e-card .wm-kanbancard-details .wm-kanbancard-parent-subject > a {
    word-break: break-word;
    color: #c0c9d3 !important; }
    .e-kanban .e-card .wm-kanbancard-details .wm-kanbancard-parent-subject > a:hover {
      color: #a2afbe !important; }
  .e-kanban .e-card .wm-kanbancard-details .e-templatetable tbody tr td {
    width: 100%; }

.e-kanban-toolbar {
  display: none !important; }

.e-swimlanerow {
  display: inline-block !important; }

.e-w .wm-kanbancard-parent-details {
  display: none !important; }

.e-kanban .e-kanbancontent .e-rowcell .e-targetdragclone, .e-targetclone.e-targetappend, .e-targetclone {
  background-color: #f2f2f2 !important;
  border: 0.11em dashed #c0c9d3 !important;
  border-radius: .5rem !important; }

.e-draggedcard.e-left-rotatecard {
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.15) !important;
  border-radius: .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: #36424b !important; }

.e-cardselection .wm-icon {
  fill: #36424b !important;
  color: #36424b !important; }

.e-cardselection .wm-kanbancard-details .wm-web-actions-menu a {
  color: #2e3338 !important; }

.e-cardselection .popover-content a {
  color: #a4aab4 !important; }

.e-ganttchart .e-gantt-childtaskbar-progress, .e-ganttchart .e-gantt-parenttaskbar-progress {
  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: black; }

.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 #565a64; }

.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: #2e3338 !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: #88909b !important; } }
  @media (prefers-color-scheme: light) {
    .kanban-card-action-btn .dropdown i.wm-icon {
      color: #88909b !important; } }

.kanban-wrapper {
  margin-left: -8px;
  margin-right: -8px; }
  .kanban-wrapper .e-kanbancontent, .kanban-wrapper .e-kanbancontent .e-content {
    height: auto !important; }

/* ----- E-SCHEDULE CONTAINER SYNC FUSION ----- */
.e-multiselect.e-input-group, .e-multiselect.e-input-group .e-chips {
  border-radius: 4px; }

/* ----- OTHER SYNC FUSION STYLES----- */
.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active .e-text-content {
  background-color: transparent !important; }
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active .e-text-content .wm-treeitem-name:hover {
    font-weight: 500; }

.e-treeview:not(.e-fullrow-wrap) .e-list-item .e-text-content .wm-treeitem-name {
  margin-left: 8px !important; }

.e-treeview:not(.e-fullrow-wrap) .e-list-item svg.wm-foreground-blue {
  fill: #7a8391 !important; }
  @media (prefers-color-scheme: dark) {
    .e-treeview:not(.e-fullrow-wrap) .e-list-item svg.wm-foreground-blue {
      fill: #c5c8cc !important; } }

.e-input-group.e-ddl {
  height: 32px; }

.e-card-wrapper > .e-templatetable .wm-web-action-dropdown.dropdown-menu.dropdown-menu-right.show {
  width: auto !important; }

.e-kanban .e-kanban-content {
  overflow: visible !important; }

#WhereFrom .wm-float-left .d-block, #WhereUsed .wm-float-left .d-block {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-direction: column; }

/*Below 2 styles ensure single line & multi line appointment text works in "more" popup.*/
.e-gantt-splitter {
  border-radius: 4px !important; }
  @media (prefers-color-scheme: dark) {
    .e-gantt-splitter {
      border-color: #4e575f !important; } }

.e-splitter .e-split-bar.e-split-bar-horizontal:hover {
  background-color: #afb3b9 !important; }

.e-richtexteditor.e-rte-tb-expand .e-rte-content {
  border-bottom: none !important; }

.e-field-header-wrapper .e-icons.e-selected::before {
  color: black !important; }

@media (prefers-color-scheme: dark) {
  .e-pivotview .e-grid {
    border-color: white !important; }
    .e-pivotview .e-grid .e-gridheader .e-headercontent .e-frozenheader > table thead > tr > th, .e-pivotview .e-grid .e-gridheader .e-headercontent .e-movableheader > table thead > tr > th {
      background-color: #25292d !important;
      color: #c0c9d3 !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: #25292d !important;
      color: #c0c9d3 !important; }
  .e-pivotview .e-headertext, .e-pivotview .e-cellvalue {
    color: white !important; }
  #pivotviewcontrol_drillthrough_dialog-header, #pivotviewcontrol_drillthrough_dialog-content {
    background-color: #25292d !important; }
    #pivotviewcontrol_drillthrough_dialog-header .e-dlg-header, #pivotviewcontrol_drillthrough_dialog-header > button > span, #pivotviewcontrol_drillthrough_dialog-content .e-dlg-header, #pivotviewcontrol_drillthrough_dialog-content > button > span {
      color: white !important; }
  #pivotviewcontrol_drillthroughgrid .e-gridcontent .e-content {
    background-color: #25292d !important; }
    #pivotviewcontrol_drillthroughgrid .e-gridcontent .e-content > table > tbody > tr > td {
      background-color: #25292d !important;
      color: white !important; }
  #pivotviewcontrol_drillthroughgrid .e-gridpager {
    background-color: #25292d !important; }
  #pivotviewcontrol_drillthroughgrid_add, #pivotviewcontrol_drillthroughgrid_edit, #pivotviewcontrol_drillthroughgrid_delete, #pivotviewcontrol_drillthroughgrid_columnchooser, #pivotviewcontrol_drillthroughgrid_update, #pivotviewcontrol_drillthroughgrid_cancel {
    background-color: #25292d !important; }
    #pivotviewcontrol_drillthroughgrid_add > span, #pivotviewcontrol_drillthroughgrid_edit > span, #pivotviewcontrol_drillthroughgrid_delete > span, #pivotviewcontrol_drillthroughgrid_columnchooser > span, #pivotviewcontrol_drillthroughgrid_update > span, #pivotviewcontrol_drillthroughgrid_cancel > span {
      color: white !important; }
  #pivotviewcontrol_drillthroughgrid_toolbarItems .e-toolbar-items {
    background-color: #25292d !important; }
  #pivotviewcontrol_drillthroughgridEditForm > table > tbody > tr {
    background-color: #25292d !important; }
  .e-drillthrough-grid .e-gridheader {
    background-color: #25292d !important; }
    .e-drillthrough-grid .e-gridheader .e-headercontent > table > thead > tr > th {
      background-color: #25292d !important; }
      .e-drillthrough-grid .e-gridheader .e-headercontent > table > thead > tr > th .e-headercelldiv {
        background-color: #25292d !important; }
  .e-drillthrough-grid .e-gridpager .e-pagercontainer .e-first, .e-drillthrough-grid .e-gridpager .e-pagercontainer .e-previous, .e-drillthrough-grid .e-gridpager .e-pagercontainer .e-next, .e-drillthrough-grid .e-gridpager .e-pagercontainer .e-last, .e-drillthrough-grid .e-gridpager .e-pagercontainer .e-numericcontainer {
    background-color: #25292d !important;
    color: white !important; }
  #pivotviewcontrol_drillthroughbodyheader .e-drillthrough-body-header-common .e-drillthrough-body-header, #pivotviewcontrol_drillthroughbodyheader .e-drillthrough-body-header-common .e-drillthrough-body-header-value {
    color: white !important; }
  .e-quick-popup-wrapper {
    background-color: #25292d !important;
    border-color: #4e575f !important; }
    .e-quick-popup-wrapper .e-close.e-control.e-btn:hover {
      background-color: #5b636c !important; }
      .e-quick-popup-wrapper .e-close.e-control.e-btn:hover > .e-btn-icon::before {
        color: #c0c9d3; }
    .e-quick-popup-wrapper .e-subject {
      color: #edf2f3; }
    .e-quick-popup-wrapper .e-date-time-details, .e-quick-popup-wrapper .e-description-details, .e-quick-popup-wrapper .e-resource-details {
      color: #8496a9 !important; }
  .e-schedule-toolbar, .e-disable-dates, .e-date-header-wrap, .e-all-day-cells, .e-work-cells, .e-header-cells {
    border-color: #4e575f !important; }
  .e-header-cells > .e-header-date, .e-time-slots > span, .e-resource-text {
    color: #c0c9d3 !important; }
  .e-resource-left-td, .e-header-cells, .e-time-slots, .e-resource-cells {
    background-color: #25292d;
    border-color: #4e575f;
    color: inherit; }
  .e-gantt-tree-grid-pane > .e-gantt-tree-grid > .e-control.e-grid.e-lib > .e-gridheader > .e-headercontent > .e-table > thead tr th, .e-gantt-tree-grid-pane > .e-gantt-tree-grid > .e-control.e-grid.e-lib > .e-gridcontent > .e-content, .e-gantt-tree-grid-pane > .e-gantt-tree-grid > .e-control.e-grid.e-lib > .e-gridcontent > .e-content > table tbody tr td {
    background-color: #25292d;
    border-color: #4e575f;
    color: #c0c9d3; }
  .e-gantt-tree-grid-pane > .e-gantt-tree-grid > .e-control.e-grid.e-lib > .e-gridheader {
    border-color: #4e575f !important; }
  .e-gantt-chart-pane .e-timeline-header-container > .e-timeline-header-table-container > thead > tr {
    background-color: #25292d;
    border-color: #4e575f;
    color: inherit; }
    .e-gantt-chart-pane .e-timeline-header-container > .e-timeline-header-table-container > thead > tr th > div {
      color: #c0c9d3 !important; }
    .e-gantt-chart-pane .e-timeline-header-container > .e-timeline-header-table-container > thead > tr .e-weekend-header-cell {
      background-color: #40474e !important;
      color: #aebac6 !important; }
  .e-gantt-chart-pane .e-chart-root-container .e-chart-rows-container .e-task-table > tbody > tr {
    background-color: #25292d;
    border-color: #4e575f;
    color: inherit; }
  .e-gantt-chart-pane .e-gantt-chart .e-chart-root-container {
    background-color: #25292d;
    border-color: #4e575f;
    color: #c0c9d3; }
  .e-gantt .e-gantt-chart .e-timeline-header-container {
    background-color: transparent !important; }
  .e-rhandler.e-rcursor, .e-gantt .e-gantt-chart .e-timeline-top-header-cell, .e-gantt .e-gantt-chart .e-chart-row-border.e-lastrow {
    border-color: #4e575f !important; }
  .e-icon-menu::before {
    color: #edf2f3 !important; } }

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

@media (prefers-color-scheme: dark) {
  .e-addrulegroup .e-item:hover {
    background-color: #5b636c !important;
    color: #edf2f3 !important; }
  .e-addrulegroup span::before {
    color: #edf2f3 !important; }
  .e-tooltip-wrap.e-popup-open {
    border: none !important;
    border-radius: 4px !important; }
    .e-tooltip-wrap.e-popup-open .e-tip-content {
      background-color: black !important;
      color: white !important;
      border-radius: 4px !important; }
      .e-tooltip-wrap.e-popup-open .e-tip-content .e-tip-bottom {
        color: black !important; }
    .e-tooltip-wrap.e-popup-open .e-arrow-tip-outer {
      border-top: 8px solid black !important; }
    .e-tooltip-wrap.e-popup-open .e-arrow-tip-inner::before {
      color: black !important; } }

.e-file-select-wrap {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-direction: column; }
  @media (prefers-color-scheme: dark) {
    .e-file-select-wrap span {
      color: #c0c9d3 !important; }
    .e-file-select-wrap button {
      background-color: #77818d !important; } }

#pdfviewercontainer_fileUploadElement {
  position: relative !important; }

.e-dropdown-popup.e-lib.e-popup.e-control.e-popup-close.e-round.e-small.e-caret-hide.e-addrulegroup + .e-ddl.e-popup.e-lib.e-control.e-popup-open {
  max-height: 200px !important;
  min-width: 180px !important; }

.e-ddl.e-popup {
  position: absolute !important; }
  .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase {
    overflow: auto;
    max-height: 230px !important; }
    .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-list-parent.e-ul .e-active {
      background-color: #c0c9d3 !important; }
      @media (prefers-color-scheme: dark) {
        .e-ddl.e-popup.e-lib.e-control.e-popup-open .e-content.e-dropdownbase .e-list-parent.e-ul .e-active {
          background-color: #77818d !important; } }

/* ----- E-SCHEDULE CONTAINER SYNC FUSION ----- */
.e-schedule {
  /*Below styles ensure single line & multi line appointment text works in "more" popup.*/
  /*replaces existing height:32px style (take off important)*/ }
  .e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
  .e-schedule .e-schedule-toolbar .e-active-view .e-icons,
  .e-schedule .e-vertical-view .e-header-cells.e-current-day,
  .e-schedule .e-vertical-view .e-clone-time-indicator,
  .e-schedule .e-vertical-view .e-current-time,
  .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day,
  .e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day,
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      .e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
      .e-schedule .e-schedule-toolbar .e-active-view .e-icons,
      .e-schedule .e-vertical-view .e-header-cells.e-current-day,
      .e-schedule .e-vertical-view .e-clone-time-indicator,
      .e-schedule .e-vertical-view .e-current-time,
      .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
      .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day,
      .e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day,
      .e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
        color: #afb3b9 !important; } }
  .e-schedule .e-schedule-table.e-content-table .e-appointment.wm-schedule-declined-leave,
  .e-schedule .e-timeline-month-view .e-appointment.wm-schedule-declined-leave,
  .e-schedule .e-timeline-view .e-appointment.wm-schedule-declined-leave {
    background-color: #e31b1b !important; }
  .e-schedule .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-appointment:active, .e-schedule .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-active-appointment-agenda {
    background-color: #f0f1f2; }
  .e-schedule .e-more-popup-wrapper .e-appointment {
    height: auto; }
  .e-schedule .e-appointment .e-subject.wm-wrap-subject {
    height: auto !important;
    max-height: 42px; }
  .e-schedule .e-month-view .e-current-date .e-date-header {
    background-color: #7a8391; }
  .e-schedule .e-vertical-view .e-selected-cell {
    background-color: #cacdd1 !important; }
    @media (prefers-color-scheme: dark) {
      .e-schedule .e-vertical-view .e-selected-cell {
        background-color: #7e848e !important; } }
  @media (prefers-color-scheme: dark) {
    .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
      background-color: #25292d !important; } }
  @media (prefers-color-scheme: dark) {
    .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar {
      background-color: #25292d;
      border-color: #4e575f;
      color: inherit; }
      .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-header.e-month > .e-day.e-title {
        color: #c5c8cc !important; }
      .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-month .e-week-header tr th {
        color: #c0c9d3 !important; }
      .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-month .e-cell:not(.e-other-month) > span {
        color: white !important; }
      .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-month .e-cell span:hover {
        background-color: #c5c8cc !important; }
      .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-year .e-cell:not(.e-selected) .e-day {
        background-color: #4a525a !important; }
        .e-schedule .e-schedule-toolbar-container .e-header-popup .e-header-calendar .e-content.e-year .e-cell:not(.e-selected) .e-day:hover {
          background-color: #d0d2d6 !important;
          color: #edf2f3 !important; } }
  .e-schedule .e-timeline-view .e-selected-cell, .e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells), .e-schedule .e-timeline-month-view .e-selected-cell, .e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
    background-color: #e5e7e9 !important;
    color: #edf2f3 !important; }
  .e-schedule-toolbar-wrapper {
    background-color: white !important;
    overflow: auto; }
  .e-schedule-toolbar-pop {
    left: 0 !important;
    border-top: 1px solid #d5e0e3 !important; }
  .e-schedule-toolbar .e-_nav.e-hor-nav, .e-schedule-toolbar .e-_nav.e-hor-nav.e-nav-active {
    max-height: 31px !important;
    margin: 2px 2px !important; }
    @media (prefers-color-scheme: dark) {
      .e-schedule-toolbar .e-_nav.e-hor-nav, .e-schedule-toolbar .e-_nav.e-hor-nav.e-nav-active {
        background-color: #5f6872;
        border-color: #5f6872;
        color: #c0c9d3;
        border-radius: 4px; }
        .e-schedule-toolbar .e-_nav.e-hor-nav:hover, .e-schedule-toolbar .e-_nav.e-hor-nav:active, .e-schedule-toolbar .e-_nav.e-hor-nav.e-nav-active:hover, .e-schedule-toolbar .e-_nav.e-hor-nav.e-nav-active:active {
          background-color: #ced1d6 !important; }
        .e-schedule-toolbar .e-_nav.e-hor-nav > div::before, .e-schedule-toolbar .e-_nav.e-hor-nav.e-nav-active > div::before {
          color: white !important; } }
  .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button {
    width: 100% !important;
    background-color: transparent !important; }
    .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button.e-tbar-btn:active {
      background-color: transparent !important; }
    .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button .e-tbar-btn-text {
      width: 100% !important;
      background-color: #e6e6e6;
      padding: 6px 8px !important;
      border-radius: 2px;
      transition: all .5s ease; }
      @media (prefers-color-scheme: dark) {
        .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button .e-tbar-btn-text {
          background-color: #5f6872;
          color: #c0c9d3 !important; } }
      .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button .e-tbar-btn-text:hover, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item > button .e-tbar-btn-text:active {
        background-color: #ced1d6;
        color: white !important;
        padding: 6px 8px !important; }
  .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-right > .e-toolbar-item.e-active-view > button .e-tbar-btn-text {
    background-color: #7a8391;
    color: white !important; }
  @media (prefers-color-scheme: dark) {
    .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-next > .e-tbar-btn, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-prev > .e-tbar-btn, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-date-range > .e-tbar-btn {
      background-color: #25292d !important; }
      .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-next > .e-tbar-btn span, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-next > .e-tbar-btn span::before, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-prev > .e-tbar-btn span, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-prev > .e-tbar-btn span::before, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-date-range > .e-tbar-btn span, .e-schedule-toolbar > .e-toolbar-items > .e-toolbar-left > .e-toolbar-item.e-date-range > .e-tbar-btn span::before {
        color: #edf2f3 !important; } }
  @media (prefers-color-scheme: dark) {
    .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open {
      border-color: #2e3338 !important; }
      .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tbar-btn {
        background-color: #363a40 !important; }
        .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tbar-btn:hover {
          background-color: #545b63 !important; }
        .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tbar-btn span, .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tbar-btn span::before {
          color: #edf2f3 !important; }
      .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item.e-active-view .e-tbar-btn {
        background-color: #464c53 !important; }
      .e-schedule-toolbar .e-toolbar-pop.e-control.e-popup.e-lib.e-popup-open > .e-toolbar-item .e-tip-content {
        color: #c0c9d3 !important; } }

#appointment-scheduler {
  border-radius: 2px; }
  @media (prefers-color-scheme: dark) {
    #appointment-scheduler {
      background-color: #25292d;
      border-color: #4e575f;
      color: inherit; } }
  #appointment-scheduler .e-appointment.e-lib.e-draggable {
    border-radius: 3px; }
  @media (prefers-color-scheme: dark) {
    #appointment-scheduler .e-table-container .e-left-indent-wrap .e-header-cells,
    #appointment-scheduler .e-table-container .e-date-header-wrap .e-header-cells {
      background-color: #25292d !important; }
      #appointment-scheduler .e-table-container .e-left-indent-wrap .e-header-cells .e-header-day, #appointment-scheduler .e-table-container .e-left-indent-wrap .e-header-cells .e-header-date, #appointment-scheduler .e-table-container .e-left-indent-wrap .e-header-cells span,
      #appointment-scheduler .e-table-container .e-date-header-wrap .e-header-cells .e-header-day,
      #appointment-scheduler .e-table-container .e-date-header-wrap .e-header-cells .e-header-date,
      #appointment-scheduler .e-table-container .e-date-header-wrap .e-header-cells span {
        color: #c0c9d3 !important; }
    #appointment-scheduler .e-table-container .e-left-indent-wrap .e-all-day-cells,
    #appointment-scheduler .e-table-container .e-date-header-wrap .e-all-day-cells {
      background-color: transparent !important; } }
  @media (prefers-color-scheme: dark) {
    #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table {
      background-color: #25292d; }
      #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-time-slots,
      #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-time-cells {
        background-color: #25292d;
        border-color: #4e575f;
        color: transparent; }
        #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-time-slots > span,
        #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-time-cells > span {
          color: #c0c9d3 !important; }
      #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-work-cells,
      #appointment-scheduler .e-table-container .e-time-cells-wrap .e-schedule-table .e-alternate-cells {
        background-color: #171a1c; } }
  @media (prefers-color-scheme: dark) {
    #appointment-scheduler .e-content-wrap {
      background: #25292d !important; }
      #appointment-scheduler .e-content-wrap .e-agenda-cells > div {
        color: #c0c9d3 !important; } }

#scheduleSvg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  pointer-events: none; }

.e-scheduler-green-capacity {
  background: green !important;
  font-weight: bolder;
  text-align: center;
  vertical-align: bottom !important; }

.e-scheduler-yellow-capacity {
  background: yellow !important;
  font-weight: bolder;
  text-align: center;
  color: #000 impot !important;
  vertical-align: bottom !important; }

.e-scheduler-red-capacity {
  background: red !important;
  font-weight: bolder;
  text-align: center;
  vertical-align: bottom !important; }

.std-work-cell.e-work-days:hover {
  background-color: #a3a3a3 !important; }

.std-work-cell:not(.e-work-days) {
  background-color: #ebebeb !important; }

.std-work-cell.e-work-hours:hover {
  background-color: #a3a3a3 !important; }

.std-work-cell.e-work-days.e-selected-cell {
  background-color: #a3a3a3 !important; }

@media (prefers-color-scheme: dark) {
  .std-work-cell.e-work-days {
    background-color: #292e32 !important; }
  .std-work-cell.e-work-days:hover {
    background-color: #3c4044 !important; }
  .std-work-cell:not(.e-work-days) {
    background-color: #2c2c2c !important; }
  .std-work-cell.e-work-hours {
    background-color: #292e32 !important; }
  .std-work-cell.e-work-hours:hover {
    background-color: #3c4044 !important; }
  .std-work-cell.e-work-days.e-selected-cell {
    background-color: #3c4044 !important; }
  .e-header-cells.e-date-header {
    background: #25292d !important; }
  .e-resource-left-td {
    background: #25292d !important; }
  .e-resource-cells {
    background: #25292d !important; } }

@media (prefers-color-scheme: dark) {
  .e-schedule {
    border-color: #4e575f !important; }
    .e-schedule .e-vertical-view .e-work-hours:not(.e-selected-cell),
    .e-schedule .e-schedule .e-vertical-view .e-work-cells:not(.e-selected-cell),
    .e-schedule .e-time-cells-wrap table td:not(.e-selected-cell) {
      background-color: transparent !important;
      border-color: #4e575f !important; }
    .e-schedule .e-agenda-view {
      background-color: transparent !important; }
    .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view {
      background-color: #31353a !important; }
      .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-active-appointment-agenda {
        background-color: #5b636c !important; }
      .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-appointment:hover {
        background-color: #484e56 !important; }
      .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-subject {
        color: #edf2f3; }
      .e-schedule-table.e-content-table .e-agenda-item.e-agenda-view .e-date-time {
        color: #c0c9d3; }
    .e-schedule-table.e-content-table .e-agenda-cells .e-day-date-header.e-current-day .e-m-date,
    .e-schedule-table.e-content-table .e-agenda-cells .e-day-date-header.e-current-day .e-m-day {
      color: #d0d2d6; }
    .e-schedule .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-btn-icon::before {
      color: #c0c9d3; }
    .e-schedule .e-resource-left-td,
    .e-schedule .e-child-node,
    .e-schedule .e-date-header-wrap table td {
      background-color: transparent;
      border-color: #4e575f; }
  .e-work-cells.e-work-days {
    background-color: #171a1c; }
  .e-work-cells:not(.e-work-days) {
    background-color: #373d43; }
  .e-work-cells .e-date-header.e-navigate {
    color: #c0c9d3 !important; }
  .e-work-cells.e-selected-cell {
    background-color: #7e848e; }
  .e-control.e-richtexteditor .e-content.e-lib.e-keyboard {
    background-color: #363a40 !important;
    color: #c0c9d3 !important; }
    .e-control.e-richtexteditor .e-content.e-lib.e-keyboard > p {
      color: #edf2f3 !important; }
  .e-control.e-richtexteditor .e-rte-toolbar {
    background-color: #484e56 !important; }
    .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav {
      background-color: #515861 !important; }
      .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav.e-nav-active {
        border-bottom: 1px solid #edf2f3 !important; }
      .e-control.e-richtexteditor .e-rte-toolbar .e-email_message_body_toolbar_nav > div::before {
        color: #edf2f3 !important; }
    .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended, .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended .e-toolbar-item > .e-tbar-btn {
      background-color: #484e56 !important; }
      .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended .e-btn-icon::before, .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended .e-toolbar-item > .e-tbar-btn .e-btn-icon::before {
        color: #c0c9d3 !important; }
      .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended .e-tbar-btn-text svg, .e-control.e-richtexteditor .e-rte-toolbar .e-toolbar-pop.e-toolbar-extended .e-toolbar-item > .e-tbar-btn .e-tbar-btn-text svg {
        fill: #c0c9d3 !important; }
  .e-control.e-richtexteditor .e-toolbar-wrapper {
    background-color: #484e56 !important; }
    .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items, .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button {
      background-color: #484e56 !important; }
      .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items, .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items > span::before, .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button, .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button > span::before {
        color: #c0c9d3 !important; }
      .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items svg, .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button svg {
        fill: #c0c9d3 !important; }
    .e-control.e-richtexteditor .e-toolbar-wrapper .e-toolbar-items .e-toolbar-item > button:hover {
      background-color: #5b636c !important; }
  .e-schedule-table.e-outer-table,
  .e-schedule-resource-toolbar {
    background-color: #25292d !important;
    border-color: #4e575f !important; }
  .e-schedule .e-vertical-view .e-header-cells {
    background-color: transparent !important; } }

@media (prefers-color-scheme: dark) {
  #orgchart_diagramLayer_div {
    background: #292e32 !important; }
  path {
    stroke: #fff !important; } }

.uploaded-item-thumb {
  width: auto;
  height: auto;
  display: block;
  opacity: 1;
  backface-visibility: hidden;
  transition: .4s ease;
  width: 100px;
  height: 100px;
  object-fit: scale-down; }
  .uploaded-item-thumb-container {
    position: relative; }
    .uploaded-item-thumb-container:hover img {
      opacity: 0.3; }
    .uploaded-item-thumb-container:hover .overlay-middle {
      opacity: 1; }
    .uploaded-item-thumb-container .wm-document-image-view img {
      max-width: 100%;
      max-height: 100%; }
  .uploaded-item-thumb.web-link, .uploaded-item-thumb.mime-type {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a0aec0 !important;
    font-size: 2.027em !important; }

@media (prefers-color-scheme: dark) {
  .uploaded-item-container {
    background-color: #363a40 !important; } }

.uploaded-item-container > div:first-child {
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100%; }

.uploaded-item-container .info-tooltip {
  display: inline; }

.uploaded-item-container .activity-time {
  float: right; }

.uploaded-item-container .wm-uploaded-document-title {
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  word-break: break-all; }
  @media only screen and (max-width: 47.9375em) {
    .uploaded-item-container .wm-uploaded-document-title {
      width: 20ch;
      white-space: nowrap; } }
  @media only screen and (max-width: 35.9375em) {
    .uploaded-item-container .wm-uploaded-document-title {
      width: 25ch;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  @media only screen and (max-width: 23.9375em) {
    .uploaded-item-container .wm-uploaded-document-title {
      width: 18ch; } }
  .uploaded-item-container .wm-uploaded-document-title a {
    transition: all 0.3s ease; }
    @media (prefers-color-scheme: dark) {
      .uploaded-item-container .wm-uploaded-document-title a {
        color: #edf2f3 !important; } }
    .uploaded-item-container .wm-uploaded-document-title a:hover {
      color: #33353b !important; }
      @media (prefers-color-scheme: dark) {
        .uploaded-item-container .wm-uploaded-document-title a:hover {
          color: #cacdd1 !important; } }

@media only screen and (min-width: 62em) {
  .uploaded-item-container .wm-web-action-container {
    display: none; } }

@media only screen and (max-width: 61.9375em) {
  .uploaded-item-container .wm-web-action-container {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: unset !important; } }

.uploaded-item-container:hover .uploaded-document-controls-cont {
  display: inline-block; }

.uploaded-document-controls-cont {
  display: none;
  transition: all 1.2s linear;
  position: absolute;
  bottom: 8px;
  right: 10px; }
  .uploaded-document-controls-cont i {
    animation: showTab 300ms ease-in-out both; }
  .uploaded-document-controls-cont > a.text-cool.document-btn-control:hover .fa {
    color: #93a2b4; }

.wm-document-image-view {
  display: flex !important; }

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

.wm-document-image-container {
  width: auto;
  height: inherit;
  margin: auto; }

.overlay-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: .4s ease;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  background: rgba(175, 179, 185, 0.48);
  font-size: 1.5rem;
  text-align: center;
  color: #33353b; }

@media only screen and (min-width: 62em) {
  .wm-document-upload-container .wm-web-actions-icons {
    bottom: 1px;
    right: 6px; } }

.wm-document-upload-container .wm-web-actions-icons .wm-web-action-dropdown.dropdown-menu.dropdown-menu-left.wm-sub-menu {
  position: absolute !important;
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.2) !important; }

.wm-document-upload-container .wm-web-actions-icons .dropdown-toggle.wm-web-action.wm-pointer::after {
  display: none !important; }

@media only screen and (min-width: 62em) {
  .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(1) a span svg, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(1) a span i, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(2) a span svg, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(2) a span i, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(5) a span svg, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(5) a span i {
    padding: 1px; } }

@media only screen and (min-width: 62em) {
  .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(1) .wm-icon, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(2) .wm-icon, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(3) .wm-icon, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(4) .wm-icon, .wm-document-upload-container .wm-web-actions-icons > .wm-web-action-icon:nth-child(5) .wm-icon {
    width: 22px;
    height: 22px;
    font-size: 16px; } }

.wm-document-upload-container .wm-collection-card {
  border-radius: 4px; }
  .wm-document-upload-container .wm-collection-card .wm-dropdown.wm-web-actions-menu.wm-pointer {
    margin-top: 10px;
    padding-left: 10px; }

.wm-uploaded-doc-icon {
  width: 40px;
  height: 40px;
  fill: #77818d; }

@media only screen and (max-width: 47.9375em) {
  .wm-uploaded-document-title {
    margin-top: 7px; } }

@media (prefers-color-scheme: dark) {
  .wm-document-punchout > a:hover {
    color: #e5e7e9; } }

@media only screen and (max-width: 1110px) and (min-width: 992px) {
  #loadedtabwidgetstandard_documents .section-title .wm-section-container.wm-section-header-left {
    flex-direction: column; }
    #loadedtabwidgetstandard_documents .section-title .wm-section-container.wm-section-header-left .wm-section-title-container {
      margin-bottom: 8px; }
    #loadedtabwidgetstandard_documents .section-title .wm-section-container.wm-section-header-left .wm-section-actions > div:first-child {
      margin-right: auto !important; } }

.document-btn-control.dropdown-toggle::after {
  display: none !important; }

.document-btn-control.dropdown-toggle:hover .fa {
  cursor: pointer; }

.upload-description {
  max-width: 85ch;
  overflow: hidden; }

iframe {
  width: 100%;
  height: 500px;
  display: block;
  transform-origin: center top;
  backface-visibility: hidden;
  transition: transform .05s linear;
  border: 1px solid #edf2f3;
  box-sizing: border-box; }

@media only screen and (max-width: 1110px) and (min-width: 992px) {
  #loadedtabwidgetstandard_documents div[data-widget-name="DocumentCardView"] .wm-select.wm-control .e-ddl {
    margin-left: 16px;
    width: 90% !important; } }

@media only screen and (max-width: 28.9375em) {
  #loadedtabwidgetstandard_documents div[data-widget-name="ActivityList"] .d-flex.wm-section-container {
    flex-wrap: nowrap; } }

@media only screen and (max-width: 35.9375em) {
  #loadedtabwidgetstandard_documents div[data-widget-name="ActivityList"] .wm-section-inner .timeline-panel {
    min-width: 180px; } }

#loadedtabwidgetstandard_documents div[data-widget-name="ActivityList"] .wm-section-inner .timeline-panel .wm-expanding-text.wm-display-label.wm-expanding-text-after {
  height: auto !important; }

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

#loadedtabwidgetstandard_documents .wm-action-button-group {
  margin-left: 8px !important; }

.wm-query-container > .d-flex {
  align-items: baseline; }
  .wm-query-container > .d-flex .wm-query-name {
    margin-right: auto; }

@media only screen and (min-width: 48em) {
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .wm-query-container > .d-flex {
    position: relative !important;
    width: 100%; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .dropdown.btn-group {
    top: 0;
    right: 94px; } }
  @media only screen and (min-width: 48em) and (max-width: 23.9375em) {
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .dropdown.btn-group {
      right: 74px; } }

@media only screen and (min-width: 48em) {
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .dropdown.btn-group, body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .dropdown.btn-group + .btn-standard.wm-button.wm-query-apply.wm-query-button {
      position: absolute !important; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .btn-standard.wm-button.wm-query-apply.wm-query-button {
    top: 0;
    right: 14px; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .wm-query-container {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: inherit;
    margin: 10px 0 0 0;
    width: 98%; }
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .wm-query-container .wm-query-name > .wm-control-class {
      margin-left: -18px !important; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field .e-rule-value {
    position: relative !important;
    min-width: unset !important; }
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field .e-rule-value > i {
      top: 8px !important; } }

@media only screen and (max-width: 1597px) and (min-width: 768px) {
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field {
    align-items: flex-start;
    flex-direction: column; }
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field .e-rule-filter, body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field .e-rule-operator {
      margin-bottom: 12px; }
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-rule-field .e-rule-value {
      min-width: unset !important; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .wm-query-sort-column {
    align-items: flex-start;
    flex-direction: column; }
    body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .wm-query-sort-column .sort-column-field {
      margin-bottom: 12px; } }

@media only screen and (max-width: 1144px) and (min-width: 768px) {
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .dropdown.btn-group {
    right: 14px; }
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .btn-standard.wm-button.wm-query-apply.wm-query-button {
    top: 46px; } }

@media only screen and (max-width: 47.9375em) {
  body:not(.modal-open) div[name="DocumentCardView"] .wm-document-upload-container .wm-queryfilterdiv .e-query-builder .e-group-header .e-group-action {
    margin-top: -10px !important; } }

.email-body-text {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px; }

.email-message-content {
  max-width: 80%; }

.wm-email-recipients-container {
  margin-left: 5px;
  position: relative;
  top: 4px; }
  .wm-email-recipients-container .wm-display-label {
    color: #4a5568 !important; }
    @media (prefers-color-scheme: light) {
      .wm-email-recipients-container .wm-display-label {
        color: #4a5568 !important; } }
    @media (prefers-color-scheme: dark) {
      .wm-email-recipients-container .wm-display-label {
        color: #edf2f7 !important; } }

.wm-email-recipients-item {
  display: inline-block;
  margin-right: 3px;
  border-radius: 4px;
  background-color: #7a8391;
  color: white; }
  .wm-email-recipients-item:last-child {
    margin-right: 0px; }
  .wm-email-recipients-item-inner {
    padding-left: 10px;
    padding-right: 10px; }
    .wm-email-recipients-item-inner > span {
      position: relative;
      top: -2px; }
    .wm-email-recipients-item-inner .wm-icon {
      fill: white !important;
      color: white !important;
      padding-top: 5px; }
      .wm-email-recipients-item-inner .wm-icon:hover {
        opacity: .7; }

.wm-delete-emailrecipient :hover {
  text-decoration: none;
  cursor: pointer; }

.wm-delete-emailrecipient i {
  font-size: 10px; }

.card-body.email {
  height: 70px; }

#tab-content-emails .wm-collection-card .card-body .email-message-content {
  font-size: 14px;
  margin-bottom: 0 !important; }

@media only screen and (max-width: 504px) {
  #email_message #RECIPIENTSEARCH_REGIONS > .rowdiv:first-child {
    margin-bottom: 12px; } }

.modal {
  animation: fadeInRight cubic-bezier(0.4, 0, 0.2, 1) 225ms; }
  .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 {
    margin: 0.5rem;
    border-radius: 1rem; }
    .modal .modal-dialog.wm-feedback-modal {
      margin-top: 5%; }
      @media only screen and (max-width: 47.9375em) {
        .modal .modal-dialog.wm-feedback-modal {
          margin-top: 25%; } }
      .modal .modal-dialog.wm-feedback-modal iframe {
        height: 800px; }
    .modal .modal-dialog.notification-modal-dialog, .modal .modal-dialog.settings-modal-dialog, .modal .modal-dialog.chatbot-modal-dialog {
      position: fixed;
      right: 0px;
      width: 350px;
      height: calc(100% - 1rem);
      transition: all 0.3s ease; }
      @media only screen and (max-width: 35.9375em) {
        .modal .modal-dialog.notification-modal-dialog, .modal .modal-dialog.settings-modal-dialog, .modal .modal-dialog.chatbot-modal-dialog {
          right: 0px;
          width: calc(100% - 1rem) !important; } }
    @media only screen and (max-width: 35.9375em) {
      .modal .modal-dialog.settings-modal-dialog .modal-header {
        overflow: initial; } }
  .modal-dialog .modal-header {
    background-color: white !important;
    position: relative;
    border-radius: 1rem 1rem 0 0 !important;
    border-bottom: 0 !important;
    background: none !important; }
    @media (prefers-color-scheme: light) {
      .modal-dialog .modal-header {
        background-color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .modal-dialog .modal-header {
        background-color: #23262a !important; } }
    .modal-dialog .modal-header .modal-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 90%;
      color: #7a8391; }
      .modal-dialog .modal-header .modal-title span::after {
        content: " ";
        display: inline-block;
        line-height: 0;
        width: 0;
        height: 0; }
    @media (prefers-color-scheme: dark) {
      .modal-dialog .modal-header button span {
        color: #edf2f3 !important; } }
    .modal-dialog .modal-header .modal-header-content {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #e2e8f0;
      width: 100%;
      padding-bottom: 0.75rem; }
      @media (prefers-color-scheme: dark) {
        .modal-dialog .modal-header .modal-header-content {
          border-bottom: 1px solid #4a5568; } }
  .modal-dialog .modal-footer .modal-footer-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    border-top: 1px solid #e2e8f0;
    width: 100%;
    padding-top: 0.75rem; }
    @media (prefers-color-scheme: dark) {
      .modal-dialog .modal-footer .modal-footer-content {
        border-top: 1px solid #4a5568; } }
  @media (prefers-color-scheme: dark) {
    .modal-dialog #tag-quick-add-button .wm-icon.wm-icon-small {
      fill: #dbdcdf !important;
      color: #dbdcdf !important; } }
  .modal-dialog .page-actions.module-actions {
    padding-right: 0; }
  .modal-dialog.modal-form-dialog {
    border: 0 !important; }
    .modal-dialog.modal-form-dialog .wm-layout-table.wm-section-header {
      margin-top: 10px;
      padding-bottom: 10px; }
      .modal-dialog.modal-form-dialog .wm-layout-table.wm-section-header .wm-section-title {
        font-size: 1.1rem;
        color: #4a5568; }
        @media (prefers-color-scheme: dark) {
          .modal-dialog.modal-form-dialog .wm-layout-table.wm-section-header .wm-section-title {
            color: #f7fafc; } }
    .modal-dialog.modal-form-dialog .inter-draw--top, .modal-dialog.modal-form-dialog .inter-draw--bottom, .modal-dialog.modal-form-dialog .inter-right--top, .modal-dialog.modal-form-dialog .inter-right--bottom {
      background-color: #e5ecee !important; }
      @media (prefers-color-scheme: light) {
        .modal-dialog.modal-form-dialog .inter-draw--top, .modal-dialog.modal-form-dialog .inter-draw--bottom, .modal-dialog.modal-form-dialog .inter-right--top, .modal-dialog.modal-form-dialog .inter-right--bottom {
          background-color: #e5ecee !important; } }
      @media (prefers-color-scheme: dark) {
        .modal-dialog.modal-form-dialog .inter-draw--top, .modal-dialog.modal-form-dialog .inter-draw--bottom, .modal-dialog.modal-form-dialog .inter-right--top, .modal-dialog.modal-form-dialog .inter-right--bottom {
          background-color: #23262a !important; } }
    .modal-dialog.modal-form-dialog .modal-body {
      background-color: white; }
      @media (prefers-color-scheme: dark) {
        .modal-dialog.modal-form-dialog .modal-body {
          background-color: #23262a; } }
    .modal-dialog.modal-form-dialog .modal-footer-buttons {
      left: 1rem;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 1rem;
      width: calc(100% - 2rem);
      padding: 0.75rem 0; }
      @media (prefers-color-scheme: dark) {
        .modal-dialog.modal-form-dialog .modal-footer-buttons {
          border-top: 1px solid #4a5568;
          background-color: #23262a; } }
      .modal-dialog.modal-form-dialog .modal-footer-buttons:before {
        content: '';
        position: absolute;
        z-index: 999;
        top: -32px;
        display: block;
        border-bottom: 1px solid #e2e8f0;
        width: 100%;
        height: 2rem;
        background: linear-gradient(to top, white 0%, transparent 100%); }
        @media (prefers-color-scheme: dark) {
          .modal-dialog.modal-form-dialog .modal-footer-buttons:before {
            border-bottom: 1px solid #4a5568;
            background: linear-gradient(to top, #23262a 0%, transparent 100%); } }
  .modal-dialog.notification-modal-dialog .modal-title {
    font-weight: 400; }
  .modal-dialog.notification-modal-dialog .modal-body {
    background-color: white; }
    @media (prefers-color-scheme: dark) {
      .modal-dialog.notification-modal-dialog .modal-body {
        background-color: #23262a !important; } }
  .modal-dialog.notification-modal-dialog .modal-footer {
    width: 100%;
    height: 80px !important;
    position: fixed;
    bottom: 0;
    border: 0;
    border-radius: 0 0rem 1rem 1rem; }
  @media (prefers-color-scheme: dark) {
    .modal-dialog.settings-modal-dialog .modal-title {
      font-weight: 400; }
    .modal-dialog.settings-modal-dialog #loadedtabwidgetpick_sites .wm-widget-body {
      background-color: #272b30; } }
  .modal-dialog.settings-modal-dialog .DTFC_RightHeadWrapper {
    margin-top: 5px !important; }
  .modal-dialog.chatbot-modal-dialog .modal-body {
    background-color: #e5ecee !important;
    padding-top: 0; }
    @media (prefers-color-scheme: light) {
      .modal-dialog.chatbot-modal-dialog .modal-body {
        background-color: #e5ecee !important; } }
    @media (prefers-color-scheme: dark) {
      .modal-dialog.chatbot-modal-dialog .modal-body {
        background-color: #23262a !important; } }
  .modal-dialog .e-control.e-pdfviewer.e-lib {
    height: calc(100vh - 170px) !important; }
  .modal-dialog .documentiframe {
    height: calc(100vh - 200px) !important; }
  .modal-dialog .wm-text-area-input.form-control {
    color: #4c5c68 !important;
    font-size: 14px; }
    @media (prefers-color-scheme: light) {
      .modal-dialog .wm-text-area-input.form-control {
        color: #4c5c68 !important; } }
    @media (prefers-color-scheme: dark) {
      .modal-dialog .wm-text-area-input.form-control {
        color: #ece7e7 !important; } }
    .modal-dialog .wm-text-area-input.form-control:focus {
      border-color: #7a8391 !important; }
  .modal-dialog .linear-background .inter-row-1, .modal-dialog .linear-background .inter-row-2, .modal-dialog .linear-background .inter-row-3, .modal-dialog .linear-background .inter-row-4, .modal-dialog .linear-background .inter-row-5, .modal-dialog .linear-background .inter-crop, .modal-dialog .linear-background .inter-crop-1, .modal-dialog .linear-background .inter-crop-2, .modal-dialog .linear-background .inter-crop-3 {
    background-color: #e5ecee !important; }
    @media (prefers-color-scheme: light) {
      .modal-dialog .linear-background .inter-row-1, .modal-dialog .linear-background .inter-row-2, .modal-dialog .linear-background .inter-row-3, .modal-dialog .linear-background .inter-row-4, .modal-dialog .linear-background .inter-row-5, .modal-dialog .linear-background .inter-crop, .modal-dialog .linear-background .inter-crop-1, .modal-dialog .linear-background .inter-crop-2, .modal-dialog .linear-background .inter-crop-3 {
        background-color: #e5ecee !important; } }
    @media (prefers-color-scheme: dark) {
      .modal-dialog .linear-background .inter-row-1, .modal-dialog .linear-background .inter-row-2, .modal-dialog .linear-background .inter-row-3, .modal-dialog .linear-background .inter-row-4, .modal-dialog .linear-background .inter-row-5, .modal-dialog .linear-background .inter-crop, .modal-dialog .linear-background .inter-crop-1, .modal-dialog .linear-background .inter-crop-2, .modal-dialog .linear-background .inter-crop-3 {
        background-color: #23262a !important; } }
  .modal-dialog .wm-section {
    border-radius: 8px; }
  .modal-body {
    overflow-y: overlay;
    margin-bottom: 80px;
    height: calc(100% - 72px - 80px); }
    .modal-body#modal-form-body {
      margin-bottom: 1rem;
      border-radius: 1rem;
      height: 100%;
      padding-bottom: 0; }
      .modal-body#modal-form-body:has(.modal-footer-buttons) {
        margin-bottom: 4rem;
        padding-bottom: 1.5rem; }
    .modal-body > .module-top-nav > .row:not(.no-border) {
      border-bottom: 1px solid #edf2f3; }
    .modal-body .wm-module-dropdown .wm-web-action-dropdown.dropdown-menu.dropdown-menu-right .dropdown-menu-left.wm-sub-menu {
      top: 90% !important; }
    .modal-body .wm-partial .wm-label,
    .modal-body .wm-layout-table .wm-label {
      margin-top: 8px;
      margin-bottom: 2px; }
    .modal-body .wm-widget-container .wm-widget-panel .wm-section {
      padding: 0 !important; }
    .modal-body .wm-widget-container-body .wm-collapsible-section {
      background: none; }
      .modal-body .wm-widget-container-body .wm-collapsible-section .wm-queryfilterdiv .sort-container {
        border: none !important; }
    .modal-body .card-block {
      background-color: #e5ecee !important; }
      @media (prefers-color-scheme: dark) {
        .modal-body .card-block {
          background-color: #23262a !important; } }
    .modal-body .wm-container-parent .wm-control .wm-display-label {
      word-break: break-word; }
    .modal-body .wm-title,
    .modal-body .wm-subtitle {
      max-width: 95%; }
    .modal-body .module-top-nav {
      margin-top: 0px !important;
      margin-bottom: 1.5rem;
      box-shadow: none !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: #fafafa; }
      .modal-body .wm-view-switch .btn:hover, .modal-body .wm-view-switch .btn:active {
        background-color: #f2f2f2; }
      .modal-body .wm-view-switch .btn.active {
        background-color: #dbdcdf; }
    .modal-body .wm-datatable tbody td .wm-checkbox,
    .modal-body .wm-datatable thead th .wm-checkbox {
      margin-top: -1px !important; }
    .modal-body .advanced-search .wm-row.wm-search-column-row {
      margin: 0 auto;
      padding: 1rem 0 !important;
      background-color: #edf2f3 !important; }
    .modal-body #setting .tab-content .d-flex,
    .modal-body #settingmaintain .tab-content .d-flex {
      align-items: center; }
      .modal-body #setting .tab-content .d-flex > label,
      .modal-body #settingmaintain .tab-content .d-flex > label {
        margin: 6px 0 !important; }
      .modal-body #setting .tab-content .d-flex > span,
      .modal-body #settingmaintain .tab-content .d-flex > span {
        display: flex;
        margin-left: 12px !important; }
      .modal-body #setting .tab-content .d-flex + div,
      .modal-body #settingmaintain .tab-content .d-flex + div {
        margin-bottom: 12px; }
      .modal-body #setting .tab-content .d-flex ~ .mapcollapsesection,
      .modal-body #settingmaintain .tab-content .d-flex ~ .mapcollapsesection {
        margin-top: -16px; }
    .modal-body #report > #tab-content-preview.initialload {
      height: calc(100% - 50px) !important; }
  .modal-content {
    border: none;
    border-radius: 1rem;
    background-color: white !important; }
    @media (prefers-color-scheme: dark) {
      .modal-content {
        background-color: #23262a !important; } }
    .modal-content .tab-pane {
      position: relative;
      animation: fadeInUp 225ms cubic-bezier(0.4, 0, 0.2, 1) both; }
    .modal-content .wm-section {
      box-shadow: none; }
    .modal-content #settingmaintain .alert {
      margin-top: 0 !important; }
    .modal-content .info-tooltip-content.show {
      margin-left: unset !important; }
    .modal-content #WidgetLayout_Default_Documents .wm-document-upload-container .wm-queryfilterdiv .sort-container .e-add-btn {
      margin-top: -15px; }
    .modal-content .wm-queryfilterdiv {
      margin-top: -10px; }
      .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-collapsible-section {
        margin-top: -12px !important; }
        @media only screen and (max-width: 47.9375em) {
          .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-collapsible-section .e-group-header > .e-group-action {
            margin-top: 10px !important; } }
        .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-collapsible-section .e-rule-field .e-rule-value {
          min-width: unset !important; }
        @media only screen and (min-width: 48em) {
          .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-collapsible-section .e-rule-field .e-removerule.e-rule-delete {
            top: -6px;
            right: -2px; } }
      .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls:first-child .wm-layout-table.wm-section-header, .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-layout-table.wm-section-header {
        padding-bottom: 0 !important; }
      .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container {
        margin-top: 30px !important; }
        .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section {
          margin-top: 20px !important; }
          @media only screen and (max-width: 28.9375em) and (min-width: 24em) {
            .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section {
              margin-top: 15px !important; } }
          .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section .e-add-btn {
            margin-top: 5px; }
          .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section .wm-query-sort-column {
            margin-bottom: 10px; }
            .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section .wm-query-sort-column .sort-column-field, .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-collapsible-section .wm-query-sort-column .sort-column-direction {
              padding: 0 !important; }
        @media only screen and (max-width: 28.9375em) {
          .modal-content .wm-queryfilterdiv > .wm-section.wm-section-title-with-no-controls.sort-container .wm-layout-table.wm-section-header {
            padding-bottom: 4px !important; } }
      .modal-content .wm-queryfilterdiv ~ .dataTables_wrapper {
        margin-top: 10px; }
    .modal-content div[name="DocumentCardView"] .wm-collapsible-section {
      margin-top: 0 !important; }
      .modal-content div[name="DocumentCardView"] .wm-collapsible-section .e-group-container {
        padding-top: 6px !important; }
      .modal-content div[name="DocumentCardView"] .wm-collapsible-section .wm-query-container {
        top: 8px !important; }
    .modal-content #loadedtabwidgetstandard_tasks .wm-collapsible-section .e-group-container {
      padding-top: 4px !important; }
    .modal-content #loadedtabwidgetstandard_tasks .wm-collapsible-section .wm-query-container {
      top: 8px; }
    .modal-content #loadedtabwidgetstandard_tasks .wm-collapsible-section .sort-container .e-add-btn {
      margin-top: -15px !important; }
    .modal-content .alert {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      margin-top: 12px; }
  .modal .timeline-heading .pull-right > .row,
  .modal .timeline-heading .wm-pointer > .row {
    margin: 0 !important; }
  .modal-form-dialog .modal-header .modal-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;
    color: #7a8391; }
  .modal-form-dialog .wm-content-container > .row {
    border-top: none !important; }
  .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.2) !important; }
    .modal-backdrop.show {
      opacity: unset; }
    .modal-backdrop ~ .modal-backdrop {
      background-color: rgba(0, 0, 0, 0) !important; }
  .modal.fade .modal-form-dialog,
  .modal.disable-overlay .modal-form-dialog {
    position: fixed;
    right: 0px;
    height: calc(100% - 1rem); }
    @media only screen and (max-width: 47.9375em) {
      .modal.fade .modal-form-dialog,
      .modal.disable-overlay .modal-form-dialog {
        width: calc(100% - 1rem) !important; } }
  .modal.disable-overlay .modal-form-dialog {
    opacity: 0.4; }
  .modal.fade .modal-form-dialog .modal.disable-overlay .modal-form-dialog {
    transform: translate(25%, 0);
    transition: transform 0.3s ease-out; }
  .modal .modal-content {
    box-shadow: -30px 0 30px -30px rgba(0, 0, 0, 0.2);
    height: 100%; }
  .modal.show .modal-form-dialog {
    transform: translate(0, 0); }
  .modal .modal-form-dialog {
    width: 750px;
    max-width: 100%; }
    .modal .modal-form-dialog.modal-sm {
      width: 500px; }
      @media screen and (max-width: 516px) {
        .modal .modal-form-dialog.modal-sm {
          width: calc(100% - 1rem); } }
    .modal .modal-form-dialog.modal-lg {
      width: 1000px; }
      @media screen and (max-width: 1016px) {
        .modal .modal-form-dialog.modal-lg {
          width: calc(100% - 1rem); } }
    .modal .modal-form-dialog.modal-xl {
      width: 1500px; }
      @media screen and (max-width: 1516px) {
        .modal .modal-form-dialog.modal-xl {
          width: calc(100% - 1rem); } }
    .modal .modal-form-dialog.modal-full {
      width: calc(100% - 1rem); }
  .modal-footer-buttons {
    background-color: white !important;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px; }
    @media (prefers-color-scheme: light) {
      .modal-footer-buttons {
        background-color: white !important; } }
    @media (prefers-color-scheme: dark) {
      .modal-footer-buttons {
        background-color: #23262a !important; } }
  .modal .notification-modal-dialog .modal-content,
  .modal .settings-modal-dialog .modal-content,
  .modal .chatbot-modal-dialog .modal-content {
    box-shadow: -9px 3px 5px -6px rgba(0, 0, 0, 0.2);
    border: none !important; }
  @media only screen and (min-width: 62em) {
    .modal-lg {
      width: 800px; } }

#custommodal.modal {
  z-index: 1052; }
  #custommodal.modal .modal-body {
    top: 0 !important;
    bottom: 0 !important;
    margin-bottom: 0px !important; }

.wm-modal-tab-content {
  width: 100%; }

.wm-action-button-group.modal-footer-buttons {
  margin-left: 0 !important; }
  .wm-action-button-group.modal-footer-buttons .btn {
    height: 33px; }

.wm-serializable-list.wm-userjobpositionsalaries-list .job-position-salary-controls {
  flex-grow: 1; }

@media only screen and (max-width: 28.9375em) {
  .wm-serializable-list.wm-userjobpositionsalaries-list .d-flex {
    flex-direction: column !important; } }

.wm-serializable-list.wm-userjobpositionsalaries-list .wm-delete {
  margin-bottom: 30px; }
  @media only screen and (max-width: 28.9375em) {
    .wm-serializable-list.wm-userjobpositionsalaries-list .wm-delete {
      margin-bottom: 0; } }

@media only screen and (max-width: 28.9375em) {
  .wm-serializable-list.wm-userjobpositionbenefits-list .d-flex {
    flex-direction: column !important; } }

.wm-serializable-list.wm-userjobpositionbenefits-list .job-position-benefit-controls {
  flex-grow: 1; }

.wm-serializable-list .wm-communicationvalues.wm-ignore-serialization {
  display: flex;
  justify-content: space-between; }
  .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-inline-search {
    min-width: 184px;
    position: relative;
    z-index: 1; }
  @media only screen and (min-width: 36em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-input {
      margin-left: 26px; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-input {
      margin-bottom: 8px; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-inline-search,
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-input {
      max-width: 380px; } }
  @media only screen and (max-width: 28.9375em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-inline-search,
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-input {
      max-width: 260px; } }
  @media only screen and (max-width: 23.9375em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-inline-search,
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent .wm-input {
      max-width: 170px;
      min-width: unset; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent.col-sm-7 {
      margin-top: -10px; } }
  @media only screen and (min-width: 36em) {
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .wm-container-parent.col-sm-7 > .wm-label {
      margin-left: 28px; } }
  .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .row.wm-row:last-child {
    align-items: center; }
    .wm-serializable-list .wm-communicationvalues.wm-ignore-serialization .row.wm-row:last-child .wm-delete {
      float: right;
      margin-top: 20px !important; }

@media only screen and (max-width: 23.9375em) {
  .wm-serializable-list {
    top: 88px; } }

@media only screen and (max-width: 35.9375em) {
  #user_roles .wm-serializable-list,
  #user_group .wm-serializable-list {
    top: 42px; }
    #user_roles .wm-serializable-list .wm-inline-search,
    #user_group .wm-serializable-list .wm-inline-search {
      margin-bottom: 8px !important; } }

#user_roles .wm-serializable-list .wm-ignore-serialization,
#user_group .wm-serializable-list .wm-ignore-serialization {
  margin-bottom: 10px !important; }

.swal-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 #2e3338;
      background-color: #353b40; }
      .swal-modal .swal-title {
        color: #e5e7e9; }
      .swal-modal .swal-content p {
        color: #c0c9d3; }
        .swal-modal .swal-content p > a {
          color: #f04d4d; }
          .swal-modal .swal-content p > a:hover {
            color: #f37373 !important; }
      .swal-modal .swal-text {
        color: #c0c9d3; }
      .swal-modal .swal-icon--success:before, .swal-modal .swal-icon--success:after {
        background: #353b40 !important; }
      .swal-modal .swal-icon--success__hide-corners {
        background: #353b40 !important; }
      .swal-modal .wm-reportframe {
        background-color: #292e32 !important;
        border-color: #535c65 !important; } }
  .swal-modal-modal.modal-full {
    width: 95%; }
  .swal-modal .swal2-close {
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    color: #c0c9d3;
    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 #e2e8f0;
    border-radius: 0.66rem;
    outline: none;
    cursor: pointer;
    font-size: 40px;
    font-family: serif; }
    @media (prefers-color-scheme: dark) {
      .swal-modal .swal2-close {
        border-color: #474a4c; } }
    .swal-modal .swal2-close:hover {
      border-color: 1px solid #718096;
      background-color: #edf2f7;
      color: #718096; }
      @media (prefers-color-scheme: dark) {
        .swal-modal .swal2-close:hover {
          background-color: rgba(237, 242, 247, 0.05);
          color: white;
          color: #93a2b4; } }
  .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 #edf2f7;
    background-color: #f7fafc; }
    @media (prefers-color-scheme: dark) {
      .swal-modal .swal-footer {
        border: 1px solid #2e3338;
        background-color: #292e32; } }
    .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: #f04d4d; }
    .swal-modal .swal-button.swal-button--ok {
      background-color: #9098a3; }

#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: #c0c9d3; } }
  #modal-dialog [data-render-type="Grid"] .e-icons.e-frame, #modal-form-dialog [data-render-type="Grid"] .e-icons.e-frame, #modal-secondary-form-dialog [data-render-type="Grid"] .e-icons.e-frame {
    border-radius: 4px !important; }
  #modal-dialog .wm-section, #modal-form-dialog .wm-section, #modal-secondary-form-dialog .wm-section {
    padding: 0 !important; }
  #modal-dialog .bg-white, #modal-form-dialog .bg-white, #modal-secondary-form-dialog .bg-white {
    background-color: transparent !important;
    border-color: transparent !important; }
  #modal-dialog .dataTables_paginate,
  #modal-dialog .dataTables_paginate .btn, #modal-dialog .dataTables_info.btn,
  #modal-dialog .dataTables_info.btn .btn, #modal-form-dialog .dataTables_paginate,
  #modal-form-dialog .dataTables_paginate .btn, #modal-form-dialog .dataTables_info.btn,
  #modal-form-dialog .dataTables_info.btn .btn, #modal-secondary-form-dialog .dataTables_paginate,
  #modal-secondary-form-dialog .dataTables_paginate .btn, #modal-secondary-form-dialog .dataTables_info.btn,
  #modal-secondary-form-dialog .dataTables_info.btn .btn {
    border-radius: 0 !important;
    height: 35px !important; }
  #modal-dialog .dataTables_info.btn, #modal-form-dialog .dataTables_info.btn, #modal-secondary-form-dialog .dataTables_info.btn {
    border: none; }
  @media only screen and (max-width: 61.9375em) {
    #modal-dialog #tabs, #modal-form-dialog #tabs, #modal-secondary-form-dialog #tabs {
      margin-bottom: 12px; } }
  #modal-dialog .e-group-container, #modal-form-dialog .e-group-container, #modal-secondary-form-dialog .e-group-container {
    background-color: #e5ecee !important; }
    @media (prefers-color-scheme: light) {
      #modal-dialog .e-group-container, #modal-form-dialog .e-group-container, #modal-secondary-form-dialog .e-group-container {
        background-color: #e5ecee !important; } }
    @media (prefers-color-scheme: dark) {
      #modal-dialog .e-group-container, #modal-form-dialog .e-group-container, #modal-secondary-form-dialog .e-group-container {
        background-color: #23262a !important; } }
  #modal-dialog .e-query-builder, #modal-form-dialog .e-query-builder, #modal-secondary-form-dialog .e-query-builder {
    border: none !important; }
  #modal-dialog .wm-widget-data > .wm-select.wm-control, #modal-form-dialog .wm-widget-data > .wm-select.wm-control, #modal-secondary-form-dialog .wm-widget-data > .wm-select.wm-control {
    margin-left: 15px; }
  #modal-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; }

@media only screen and (max-width: 28.9375em) {
  #appointment #tab-content-attendees div[name="appointment_addappointment_section_appointmentmembercardview"] .wm-section-action-btn > .row.wm-row {
    margin-left: 0 !important; } }

#appointment #tab-content-attendees .wm-container-parent .wm-button-group {
  margin-bottom: 12px; }

#checktaxrate #loadedtabwidgetdashboard .card {
  background-color: #edf2f3;
  border-color: #edf2f3 !important; }

#taxrate {
  margin-bottom: 12px; }

@media only screen and (max-width: 35.9375em) {
  #licencecontract {
    margin-bottom: 100px !important; } }

.e-input-group-icon {
  padding: 0px 8px 0px 4px !important; }

#modal-form-body #tab-content-standard_documents .wm-widget-panel .wm-collapsible-section,
#modal-secondary-form-body #tab-content-standard_documents .wm-widget-panel .wm-collapsible-section {
  margin-top: 15px; }

#modal-form-body form .wm-layout-table-control > .btn-group > .btn.btn-sm.btn-primary.wm-button:not(.dropdown-toggle),
#modal-secondary-form-body form .wm-layout-table-control > .btn-group > .btn.btn-sm.btn-primary.wm-button:not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: white !important; }
  #modal-form-body form .wm-layout-table-control > .btn-group > .btn.btn-sm.btn-primary.wm-button:not(.dropdown-toggle):hover,
  #modal-secondary-form-body form .wm-layout-table-control > .btn-group > .btn.btn-sm.btn-primary.wm-button:not(.dropdown-toggle):hover {
    opacity: 0.8 !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
    border-color: #a7adb6 !important;
    border-right-color: white !important;
    background-color: #acb2bb !important; }

#modal-form-body form .wm-layout-table-control > .btn-group > .dropdown-toggle,
#modal-secondary-form-body form .wm-layout-table-control > .btn-group > .dropdown-toggle {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: 0 !important; }
  #modal-form-body form .wm-layout-table-control > .btn-group > .dropdown-toggle:hover::after,
  #modal-secondary-form-body form .wm-layout-table-control > .btn-group > .dropdown-toggle:hover::after {
    transform: translateY(0) !important; }

#modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group,
#modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group {
  background-color: #7a8391; }
  #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group > .btn.btn-sm.btn-primary.wm-button.wm-web-action.wm-pointer:not(#DEFAULT),
  #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group > .btn.btn-sm.btn-primary.wm-button.wm-web-action.wm-pointer:not(#DEFAULT) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right-color: white !important;
    transition: all 0.2s ease;
    margin: 0 !important; }
    #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group > .btn.btn-sm.btn-primary.wm-button.wm-web-action.wm-pointer:not(#DEFAULT):hover,
    #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group > .btn.btn-sm.btn-primary.wm-button.wm-web-action.wm-pointer:not(#DEFAULT):hover {
      opacity: 0.8 !important;
      transform: translateY(0) !important;
      box-shadow: none !important;
      border-color: #a7adb6 !important;
      border-right-color: white !important;
      background-color: #acb2bb !important; }
  #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-1_SEND_GROUP .wm-button.dropdown-toggle,
  #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-A_SAVE_GROUP .wm-button.dropdown-toggle,
  #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-1_SEND_GROUP .wm-button.dropdown-toggle,
  #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-A_SAVE_GROUP .wm-button.dropdown-toggle {
    margin-right: 0 !important; }
    #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-1_SEND_GROUP .wm-button.dropdown-toggle:hover,
    #modal-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-A_SAVE_GROUP .wm-button.dropdown-toggle:hover,
    #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-1_SEND_GROUP .wm-button.dropdown-toggle:hover,
    #modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > .dropdown.btn-group #ButtonGroup-A_SAVE_GROUP .wm-button.dropdown-toggle:hover {
      background-color: #9098a3 !important;
      border-color: #8b939f !important;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important; }

#modal-form-body form ~ .page-actions > .modal-footer-buttons > div[name="DISCARD"],
#modal-secondary-form-body form ~ .page-actions > .modal-footer-buttons > div[name="DISCARD"] {
  margin-left: 8px; }

#B_CANCEL_GROUP + .dropdown.btn-group {
  background-color: #e6e6e6 !important; }

#tab-content-processschedule .wm-schedule-maintenance {
  margin-top: -20px;
  margin-bottom: 46px; }

#ModuleActionsTree > .e-list-parent.e-ul > .e-list-item.e-node-focus, #ModuleActionsTree > .e-list-parent.e-ul > .e-list-item.e-node-focus.e-active {
  background-color: transparent !important; }

#ModuleActionsTreeSave, #ModuleActionsTreeCancel {
  width: 80px !important;
  cursor: pointer !important; }

#ModuleActionsTreeCancel {
  background-color: white !important;
  border-color: #afb3b9 !important;
  margin-left: 8px !important; }

#site_view #tab-content-sitesettings > #loadedtabwidgetsitesettings .e-list-item.e-node-focus, #site_view #tab-content-sitesettings > #loadedtabwidgetsitesettings .e-list-item.e-node-collapsed {
  background-color: transparent !important; }

#structureversion td .wm-row,
#loadedtabwidgetsummary td .wm-row {
  background-color: transparent !important; }

div[data-field-name="MassChangeTypeId"] > .wm-button-group {
  margin-bottom: 6px; }

.per-label {
  padding-right: 0 !important; }

#accountingYearPeriodsContainter .has-data-rownumber label {
  margin-top: 8px; }
  @media only screen and (max-width: 23.9375em) {
    #accountingYearPeriodsContainter .has-data-rownumber label {
      margin-top: 0; } }

#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .input-group {
  margin-bottom: 20px;
  width: 180px !important; }

#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .e-treeview .e-ul .e-active,
#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .e-treeview .e-ul .e-node-focus,
#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .e-treeview .e-ul .e-hover,
#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .e-treeview .e-ul .e-node-collapsed {
  background-color: transparent !important; }

#loadedtabwidgetsitesettings #ConfigureSettings2 .wm-treecontainer .e-treeview .e-ul .e-node-focus:not(.e-node-collapsed) > .e-text-content > .e-list-text {
  color: #7a8391 !important;
  font-weight: 600 !important; }

.e-treeview .e-list-text:hover {
  padding: 0px;
  background: #7a8391 !important; }

#maintainnotificationeventsubscription .wm-row:last-child {
  margin-bottom: 12px; }

@media only screen and (max-width: 35.9375em) {
  .wm-usergrouprole-control-labels label {
    margin-top: -6px !important;
    margin-bottom: 16px !important; } }

@media only screen and (min-width: 36em) {
  #contact div[data-field-name="ItemValue.item_value"] {
    margin-right: 8px; }
  #appointment div[data-field-name="appointment.start_date"],
  label[for="appointment_start_date"] {
    margin-left: 8px; }
  #account #tab-content-details > .wm-row > .col-sm-6:nth-child(2) {
    padding-left: 8px; }
  .exp-display {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-direction: column;
    margin-bottom: 1px !important; } }

#notificationModal .notification-item {
  margin-top: 0.5rem;
  border-radius: 1rem;
  background-color: #edf2f7; }
  @media (prefers-color-scheme: dark) {
    #notificationModal .notification-item {
      background-color: #2e3338; } }
  #notificationModal .notification-item .wm-expanding-text-more:after {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #e5ecee 100%); }
    @media (prefers-color-scheme: dark) {
      #notificationModal .notification-item .wm-expanding-text-more:after {
        background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #23262a 100%); } }
  @media (prefers-color-scheme: dark) {
    #notificationModal .notification-item .font-12.text-muted {
      color: #a0aec0 !important; } }
  #notificationModal .notification-item:first-child {
    margin-top: 0; }
  #notificationModal .notification-item:hover .wm-expanding-text-more:after {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #f2f2f2 100%); }
    @media (prefers-color-scheme: dark) {
      #notificationModal .notification-item:hover .wm-expanding-text-more:after {
        background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #373d43 100%); } }

.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: #4a5568 !important; }
      @media (prefers-color-scheme: light) {
        .wm-notification-items > .notification-item .closeAndMarkNotificationRead i:hover {
          color: #4a5568 !important; } }
      @media (prefers-color-scheme: dark) {
        .wm-notification-items > .notification-item .closeAndMarkNotificationRead i:hover {
          color: #edf2f7 !important; } }
  .wm-notification-items > .notification-item:hover {
    background: #f2f2f2;
    cursor: pointer; }
    .wm-notification-items > .notification-item:hover .closeAndMarkNotificationRead {
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
      display: inline-block; }
      @media (prefers-color-scheme: dark) {
        .wm-notification-items > .notification-item:hover .closeAndMarkNotificationRead i {
          color: #cbd5e0 !important; } }
  .wm-notification-items > .notification-item:first-child {
    padding-top: 0; }

.wm-notification-items .wm-notification-subject {
  color: #333333; }

.wm-notification-items .dropdown-item:active div, .wm-notification-items .dropdown-item:active span, .wm-notification-items .dropdown-item:active p {
  color: white !important; }

.wm-toast-link {
  color: white;
  font-size: 12px; }

.favourites-base {
  position: relative;
  z-index: 1024; }

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

.delay-halfsecond {
  animation-delay: .5s; }

.delay-1s {
  animation-delay: 1s; }

.popover-header {
  padding-bottom: 0;
  background-color: transparent;
  border: none; }
  .popover-header h5 {
    font-weight: 500; }

.popover-body .shortcut:nth-child(n+2) {
  margin-top: 10px; }

.CodeMirror {
  border: 1px solid #edf2f3 !important;
  height: 100%; }
  .CodeMirror .cm-tasklog-error {
    background: red;
    color: white; }
    @media (prefers-color-scheme: dark) {
      .CodeMirror .cm-tasklog-error {
        background: #ff4d4d; } }
  .CodeMirror .cm-tasklog-info {
    color: blue; }
    @media (prefers-color-scheme: dark) {
      .CodeMirror .cm-tasklog-info {
        color: #9999ff; } }
  .CodeMirror .cm-tasklog-startend {
    color: green; }
    @media (prefers-color-scheme: dark) {
      .CodeMirror .cm-tasklog-startend {
        color: #00b300; } }
  .CodeMirror .cm-tasklog-warn {
    color: goldenrod; }
    @media (prefers-color-scheme: dark) {
      .CodeMirror .cm-tasklog-warn {
        color: #ebc975; } }
  @media (prefers-color-scheme: dark) {
    .CodeMirror {
      border: 1px solid #9caaba !important; }
      .CodeMirror-cursor {
        border-left: 1px solid white !important; }
      .CodeMirror .CodeMirror-lines .cm-atom, .CodeMirror .CodeMirror-lines .cm-attribute {
        color: #6eb6e0 !important; }
      .CodeMirror .CodeMirror-lines .cm-tag {
        color: #3fc73f !important; }
      .CodeMirror .CodeMirror-lines .cm-string {
        color: #f69999 !important; }
      .CodeMirror .CodeMirror-line {
        /*test*/ }
        .CodeMirror .CodeMirror-line .cm-variable-2 {
          color: #c5c8cc !important; }
        .CodeMirror .CodeMirror-line .cm-keyword {
          color: #f079a6 !important; }
        .CodeMirror .CodeMirror-line .cm-number {
          color: #6ed56e !important; }
        .CodeMirror .CodeMirror-line .cm-email-placeholder,
        .CodeMirror .CodeMirror-line .cm-email-placeholder-content {
          background: #7e7e08; }
        .CodeMirror .CodeMirror-line .cm-builtin {
          color: #3c9dd5 !important; }
        .CodeMirror .CodeMirror-line .cm-property.cm-error, .CodeMirror .CodeMirror-line .cm-error {
          color: #ee4f4f !important; }
        .CodeMirror .CodeMirror-line .cm-comment {
          color: #545b64 !important; }
        .CodeMirror .CodeMirror-line .cm-qualifier {
          color: #a1a8b0 !important; }
        .CodeMirror .CodeMirror-line .cm-meta {
          color: #77818d !important; } }
  .CodeMirror .cm-workflow-placeholder {
    color: #32ab32; }
  .CodeMirror .cm-email-placeholder,
  .CodeMirror .cm-email-placeholder-content {
    background: #f1f114; }
  .CodeMirror .CodeMirror .cm-email-placeholder-content {
    background: #f1f114;
    font-weight: bold; }
  .CodeMirror-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 9;
    margin-top: 22px !important; }

.wm-shortcuts-popover, .wm-expand-wide, .wm-indent-pagelayout {
  color: #77818d; }

.wm-indent-pagelayout.expanded {
  z-index: 99999999;
  position: fixed;
  top: 4px;
  left: 58px; }

.wm-shortcuts-popover:focus {
  outline: 0; }

.wm-shortcuts-label {
  margin-right: .5rem; }

.wm-show-me-how {
  color: #7a8391; }
  .wm-show-me-how:hover {
    color: #33353b; }

.key {
  background: #c0c9d3;
  line-height: 1.6rem;
  padding: 0.2rem .5rem;
  border-radius: 4px; }

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

.module-content .wm-module-tabs.nav.nav-tabs .tab a {
  position: relative;
  color: #4b4e56 !important; }
  @media (prefers-color-scheme: dark) {
    .module-content .wm-module-tabs.nav.nav-tabs .tab a {
      color: #babdc3 !important; } }
  .module-content .wm-module-tabs.nav.nav-tabs .tab a::after {
    content: "";
    position: absolute;
    top: 32px;
    left: 0;
    display: block;
    opacity: 0;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out;
    border-radius: 50px;
    width: 100%;
    height: 3px;
    background-color: #a1a6ad !important; }
    @media (prefers-color-scheme: dark) {
      .module-content .wm-module-tabs.nav.nav-tabs .tab a::after {
        background-color: #e5e7e9 !important; } }
  .module-content .wm-module-tabs.nav.nav-tabs .tab a:hover {
    color: #565a64 !important; }
    @media (prefers-color-scheme: dark) {
      .module-content .wm-module-tabs.nav.nav-tabs .tab a:hover {
        color: #d5d7da !important; } }
  .module-content .wm-module-tabs.nav.nav-tabs .tab a.active {
    color: #a1a6ad !important; }
    @media (prefers-color-scheme: dark) {
      .module-content .wm-module-tabs.nav.nav-tabs .tab a.active {
        color: #e5e7e9 !important; } }
  .module-content .wm-module-tabs.nav.nav-tabs .tab a:hover:not(::after) {
    opacity: 0.7;
    text-decoration: none; }
  .module-content .wm-module-tabs.nav.nav-tabs .tab a.active.show::after {
    opacity: 1;
    transform: scaleX(1);
    border-radius: 50px; }

.module-content .wm-module-tabs.nav.nav-tabs .tab:not(:last-child) {
  margin-right: 16px; }
  @media only screen and (max-width: 61.9375em) {
    .module-content .wm-module-tabs.nav.nav-tabs .tab:not(:last-child) {
      margin-right: 12px; } }

@media only screen and (max-width: 47.9375em) {
  .module-content .wm-module-tabs.nav.nav-tabs.wm-popup-tabs li:first-child {
    margin-left: 0px; } }

.module-content .wm-module-tabs.nav.nav-tabs .dropdown.responsivetabs-more.show .tab.active .active {
  font-weight: 500; }
  .module-content .wm-module-tabs.nav.nav-tabs .dropdown.responsivetabs-more.show .tab.active .active::after {
    display: none; }

.module-content .wm-module-tabs .responsivetabs-more ul.dropdown-menu li {
  padding: 0.45rem 0.6rem; }
  .module-content .wm-module-tabs .responsivetabs-more ul.dropdown-menu li a {
    color: #515962; }

.module-content .wm-module-tabs .responsivetabs-more .dropdown-toggle {
  color: currentColor; }

@media only screen and (min-width: 62em) {
  .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs {
    border-radius: 1rem;
    padding: 0.5rem; }
    .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs:not(:has(li)) {
      display: none; }
    .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li {
      margin: 0; }
      .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab {
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem; }
        .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a {
          display: block;
          border-radius: 0.5rem;
          padding: 0.5rem; }
          .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a:after {
            content: unset; }
  .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs {
    position: fixed;
    display: inline-table;
    margin-left: calc(-194px - 0.5rem) !important;
    box-shadow: -9px 4px 15px rgba(0, 0, 0, 0.2);
    border: 1px solid #d6e1e4;
    border-right: 0;
    width: 178px;
    padding: 0.5rem;
    background-color: white; } }
  @media only screen and (min-width: 62em) and (prefers-color-scheme: dark) {
    .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs {
      border: 1px solid #171a1c;
      background-color: #1c1f22; } }

@media only screen and (min-width: 62em) {
    .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab {
      border-radius: 0.5rem; }
      .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab a {
        display: block;
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem;
        padding: 0.5rem;
        color: #7a8391; }
        .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab a:hover {
          transform: translateY(-2px);
          box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
          background-color: #afb3b9;
          color: white !important; } }
        @media only screen and (min-width: 62em) and (prefers-color-scheme: dark) {
          .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab a:hover {
            box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important;
            background-color: #7a8391; } }

@media only screen and (min-width: 62em) {
      .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab.active a {
        background-color: rgba(175, 179, 185, 0.24);
        color: #7a8391; } }
      @media only screen and (min-width: 62em) and (prefers-color-scheme: dark) {
        .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab.active a {
          background-color: rgba(122, 131, 145, 0.24); } }

@media only screen and (min-width: 62em) {
        .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs .tab.active a:hover {
          background-color: #afb3b9;
          color: white; }
    .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .nav-tabs.wm-popup-tabs > li.tab:nth-last-child(2) {
      margin-right: 0px !important; }
  .modal-form-dialog:not(.modal-sm):not(.modal-xl):not(.modal-lg):not(.modal-full) .wm-tab-count.badge {
    position: absolute;
    top: 5px;
    right: 5px; } }

@media only screen and (min-width: 1700px) and (min-width: 62em) {
  .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs {
    border-radius: 1rem;
    padding: 0.5rem; }
    .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs:not(:has(li)) {
      display: none; }
    .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li {
      margin: 0; }
      .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab {
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem; }
        .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a {
          display: block;
          border-radius: 0.5rem;
          padding: 0.5rem; }
          .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a:after {
            content: unset; }
    .modal-form-dialog:not(.modal-full).modal-xl .wm-module-tabs.wm-popup-tabs.nav.nav-tabs > li.tab:nth-last-child(2) {
      margin-right: 0px !important; }
  .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs {
    border: 1px solid #d6e1e4;
    background-color: #dce5e8;
    position: fixed;
    display: inline-table;
    margin-left: calc(-194px - 0.5rem) !important;
    box-shadow: -9px 4px 15px rgba(0, 0, 0, 0.2);
    border-right: 0;
    width: 178px;
    padding: 0.5rem;
    background-color: white; } }
  @media only screen and (min-width: 1700px) and (min-width: 62em) and (prefers-color-scheme: dark) {
    .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs {
      border: 1px solid #171a1c;
      background-color: #1c1f22; } }

@media only screen and (min-width: 1700px) and (min-width: 62em) {
    .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab {
      border-radius: 0.5rem; }
      .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab a {
        display: block;
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem;
        padding: 0.5rem;
        color: #7a8391; }
        .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab a:hover {
          transform: translateY(-2px);
          box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
          background-color: #afb3b9;
          color: white !important; } }
        @media only screen and (min-width: 1700px) and (min-width: 62em) and (prefers-color-scheme: dark) {
          .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab a:hover {
            box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important;
            background-color: #7a8391; } }

@media only screen and (min-width: 1700px) and (min-width: 62em) {
      .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab.active a {
        background-color: rgba(175, 179, 185, 0.24);
        color: #7a8391; } }
      @media only screen and (min-width: 1700px) and (min-width: 62em) and (prefers-color-scheme: dark) {
        .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab.active a {
          background-color: rgba(122, 131, 145, 0.24); } }

@media only screen and (min-width: 1700px) and (min-width: 62em) {
        .modal-form-dialog:not(.modal-full).modal-xl .nav-tabs.wm-popup-tabs .tab.active a:hover {
          background-color: #afb3b9;
          color: white; }
  .modal-form-dialog:not(.modal-full).modal-xl .wm-tab-count.badge {
    position: absolute;
    top: 5px;
    right: 5px; } }

@media only screen and (min-width: 1200px) and (min-width: 62em) {
  .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs {
    border-radius: 1rem;
    padding: 0.5rem; }
    .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs:not(:has(li)) {
      display: none; }
    .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li {
      margin: 0; }
      .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab {
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem; }
        .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a {
          display: block;
          border-radius: 0.5rem;
          padding: 0.5rem; }
          .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a:after {
            content: unset; }
    .modal-form-dialog:not(.modal-full).modal-lg .wm-module-tabs.wm-popup-tabs.nav.nav-tabs > li.tab:nth-last-child(2) {
      margin-right: 0px !important; }
  .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs {
    border: 1px solid #d6e1e4;
    background-color: #dce5e8;
    position: fixed;
    display: inline-table;
    margin-left: calc(-194px - 0.5rem) !important;
    box-shadow: -9px 4px 15px rgba(0, 0, 0, 0.2);
    border-right: 0;
    width: 178px;
    padding: 0.5rem;
    background-color: white; } }
  @media only screen and (min-width: 1200px) and (min-width: 62em) and (prefers-color-scheme: dark) {
    .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs {
      border: 1px solid #171a1c;
      background-color: #1c1f22; } }

@media only screen and (min-width: 1200px) and (min-width: 62em) {
    .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab {
      border-radius: 0.5rem; }
      .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab a {
        display: block;
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem;
        padding: 0.5rem;
        color: #7a8391; }
        .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab a:hover {
          transform: translateY(-2px);
          box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
          background-color: #afb3b9;
          color: white !important; } }
        @media only screen and (min-width: 1200px) and (min-width: 62em) and (prefers-color-scheme: dark) {
          .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab a:hover {
            box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important;
            background-color: #7a8391; } }

@media only screen and (min-width: 1200px) and (min-width: 62em) {
      .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab.active a {
        background-color: rgba(175, 179, 185, 0.24);
        color: #7a8391; } }
      @media only screen and (min-width: 1200px) and (min-width: 62em) and (prefers-color-scheme: dark) {
        .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab.active a {
          background-color: rgba(122, 131, 145, 0.24); } }

@media only screen and (min-width: 1200px) and (min-width: 62em) {
        .modal-form-dialog:not(.modal-full).modal-lg .nav-tabs.wm-popup-tabs .tab.active a:hover {
          background-color: #afb3b9;
          color: white; }
  .modal-form-dialog:not(.modal-full).modal-lg .wm-tab-count.badge {
    position: absolute;
    top: 5px;
    right: 5px; } }

@media only screen and (min-width: 992px) and (min-width: 62em) {
  .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs {
    border-radius: 1rem;
    padding: 0.5rem; }
    .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs:not(:has(li)) {
      display: none; }
    .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li {
      margin: 0; }
      .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab {
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem; }
        .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a {
          display: block;
          border-radius: 0.5rem;
          padding: 0.5rem; }
          .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs li.tab a:after {
            content: unset; }
    .modal-form-dialog:not(.modal-full).modal-sm .wm-module-tabs.wm-popup-tabs.nav.nav-tabs > li.tab:nth-last-child(2) {
      margin-right: 0px !important; }
  .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs {
    border: 1px solid #d6e1e4;
    background-color: #dce5e8;
    position: fixed;
    display: inline-table;
    margin-left: calc(-194px - 0.5rem) !important;
    box-shadow: -9px 4px 15px rgba(0, 0, 0, 0.2);
    border-right: 0;
    width: 178px;
    padding: 0.5rem;
    background-color: white; } }
  @media only screen and (min-width: 992px) and (min-width: 62em) and (prefers-color-scheme: dark) {
    .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs {
      border: 1px solid #171a1c;
      background-color: #1c1f22; } }

@media only screen and (min-width: 992px) and (min-width: 62em) {
    .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab {
      border-radius: 0.5rem; }
      .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab a {
        display: block;
        transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
        border-radius: 0.5rem;
        padding: 0.5rem;
        color: #7a8391; }
        .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab a:hover {
          transform: translateY(-2px);
          box-shadow: 0px 8px 16px 0px rgba(175, 179, 185, 0.48) !important;
          background-color: #afb3b9;
          color: white !important; } }
        @media only screen and (min-width: 992px) and (min-width: 62em) and (prefers-color-scheme: dark) {
          .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab a:hover {
            box-shadow: 0px 8px 16px 0px rgba(51, 53, 59, 0.48) !important;
            background-color: #7a8391; } }

@media only screen and (min-width: 992px) and (min-width: 62em) {
      .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab.active a {
        background-color: rgba(175, 179, 185, 0.24);
        color: #7a8391; } }
      @media only screen and (min-width: 992px) and (min-width: 62em) and (prefers-color-scheme: dark) {
        .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab.active a {
          background-color: rgba(122, 131, 145, 0.24); } }

@media only screen and (min-width: 992px) and (min-width: 62em) {
        .modal-form-dialog:not(.modal-full).modal-sm .nav-tabs.wm-popup-tabs .tab.active a:hover {
          background-color: #afb3b9;
          color: white; }
  .modal-form-dialog:not(.modal-full).modal-sm .wm-tab-count.badge {
    position: absolute;
    top: 5px;
    right: 5px; } }

.wm-module-tabs.nav.nav-tabs .tab a {
  position: relative;
  color: #4b4e56 !important; }
  @media (prefers-color-scheme: dark) {
    .wm-module-tabs.nav.nav-tabs .tab a {
      color: #babdc3 !important; } }
  .wm-module-tabs.nav.nav-tabs .tab a::after {
    content: "";
    position: absolute;
    top: 22px;
    left: 0;
    display: block;
    opacity: 0;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out;
    border-radius: 50px;
    width: 100%;
    height: 3px;
    background-color: #a1a6ad !important; }
    @media (prefers-color-scheme: dark) {
      .wm-module-tabs.nav.nav-tabs .tab a::after {
        background-color: #e5e7e9 !important; } }
  .wm-module-tabs.nav.nav-tabs .tab a:hover {
    color: #565a64 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-module-tabs.nav.nav-tabs .tab a:hover {
        color: #d5d7da !important; } }
  .wm-module-tabs.nav.nav-tabs .tab a.active {
    color: #a1a6ad !important; }
    @media (prefers-color-scheme: dark) {
      .wm-module-tabs.nav.nav-tabs .tab a.active {
        color: #e5e7e9 !important; } }
  .wm-module-tabs.nav.nav-tabs .tab a:hover:not(::after) {
    opacity: 0.7;
    text-decoration: none; }
  .wm-module-tabs.nav.nav-tabs .tab a.active.show::after {
    opacity: 1;
    transform: scaleX(1);
    border-radius: 50px; }

.wm-module-tabs.nav.nav-tabs .tab:not(:last-child) {
  margin-right: 16px; }
  @media only screen and (max-width: 61.9375em) {
    .wm-module-tabs.nav.nav-tabs .tab:not(:last-child) {
      margin-right: 12px; } }

@media only screen and (max-width: 47.9375em) {
  .wm-module-tabs.nav.nav-tabs.wm-popup-tabs li:first-child {
    margin-left: 0px; } }

.wm-module-tabs.nav.nav-tabs .dropdown.responsivetabs-more.show .tab.active .active {
  font-weight: 500; }
  .wm-module-tabs.nav.nav-tabs .dropdown.responsivetabs-more.show .tab.active .active::after {
    display: none; }

.wm-module-tabs .responsivetabs-more ul.dropdown-menu li {
  padding: 0.45rem 0.6rem; }
  .wm-module-tabs .responsivetabs-more ul.dropdown-menu li a {
    color: #515962; }

.wm-module-tabs .responsivetabs-more .dropdown-toggle {
  color: currentColor; }

.wm-module-tabs.wm-popup-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 8px 0; }

@media (prefers-color-scheme: dark) {
  .dropdown.responsivetabs-more.show .dropdown-menu.dropdown-menu-right.show {
    background-color: #363a40;
    border-color: #4d535b;
    color: #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: #c0c9d3 !important; } }

.nav-tabs {
  position: relative;
  border-bottom: none !important; }
  .nav-tabs > li.tab:nth-last-child(2) {
    margin-right: 20px !important; }

.wm-tab-count-zero {
  display: none !important; }

.wm-tab-count.badge {
  position: absolute;
  top: -6px;
  right: -12px;
  border: 0;
  padding: 1px 4px;
  font-weight: 400;
  color: white !important; }

.wm-module-tabs.nav.nav-tabs ul.dropdown-menu li.tab:not(:last-child) {
  margin-right: 0px !important; }

.wm-module-tabs.nav.nav-tabs ul.dropdown-menu li.tab .wm-tab-count {
  position: relative;
  right: -6px; }

#tab-content-tags-maintain {
  display: flex;
  flex-direction: column; }

.timeline {
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: 1.4em;
  list-style: none; }
  .timeline-info {
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 .5em 0;
    white-space: nowrap;
    letter-spacing: 3px; }
    .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: #101012; }
    .timeline-item-highlight .text-muted {
      color: #4c5c68; }
    .timeline-item:not(.period):hover .timeline-marker:before, .timeline-item-inverted:not(.period):hover .timeline-marker:before {
      background-color: transparent;
      border: 3px solid #FF6B6B; }
    .timeline-item:not(.period):hover .timeline-webaction, .timeline-item-inverted:not(.period):hover .timeline-webaction {
      opacity: 1; }
  .timeline-marker {
    bottom: 0;
    width: 15px;
    position: absolute;
    top: 0;
    left: 0; }
    .timeline-marker::before {
      width: 15px;
      height: 15px;
      position: absolute;
      top: 4px;
      left: 0;
      background-color: #FF6B6B;
      border: 3px solid transparent;
      content: "";
      display: block;
      transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
      border-radius: 100%; }
    .timeline-marker::after {
      position: absolute;
      top: 24px;
      left: 6px;
      content: "";
      bottom: 0;
      display: block;
      width: 3px;
      background: #CCD5DB; }
  .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: #d0d2d6; } }
    @media (prefers-color-scheme: dark) {
      .timeline-content i.wm-icon {
        color: #d0d2d6; } }
  @media only screen and (max-width: 61.9375em) {
    .timeline-heading .wm-page-badges {
      padding-left: 40px; } }
  .timeline-heading .wm-timeline-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: unset;
    text-align: left; }
  .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: #edf2f3; } }
  @media only screen and (max-width: 47.9375em) {
    .timeline-block::after {
      position: absolute;
      top: 0;
      left: 5%;
      content: "";
      display: none;
      margin-left: -3px;
      height: 100%;
      background-color: #2e3338; } }
  @media only screen and (max-width: 47.9375em) {
    .timeline-block .r-event .event-body::after,
    .timeline-block .l-event .event-body::after {
      position: absolute;
      top: 0;
      left: -30%;
      content: "";
      box-shadow: 1px 1px 1px white;
      border-radius: 4px;
      width: 6px;
      height: 100%;
      background-color: #7a8391; } }
  .timeline > li,
  .timeline > li > .timeline-content {
    position: relative; }
  .timeline > li::after {
    clear: both; }
  .timeline > li::after, .timeline > li::before {
    content: " ";
    display: table; }
  .timeline > li > .timeline-panel {
    float: left;
    border: 1px solid #edf2f3;
    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 {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    text-transform: none;
    color: #93a2b4 !important; }
  .timeline-badge > .glyphicon {
    margin-right: 0px;
    color: white; }
  .timeline-badge .wm-icon {
    width: 26px;
    height: 26px;
    fill: #93a2b4;
    font-size: 26px;
    color: #93a2b4; }
  .timeline-user {
    display: inline-block;
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      .timeline-user {
        color: #afb3b9 !important; } }
  .timeline.timeline-single-lane .activity-time {
    position: absolute;
    top: 2px;
    left: 30px; }
  .timeline.timeline-single-lane .wm-timeline-header-icon {
    display: none !important; }
    .timeline.timeline-single-lane .wm-timeline-header-icon.badge-milestone {
      display: inline-block !important; }
    .timeline.timeline-single-lane .wm-timeline-header-icon .wm-icon.wm-icon-small {
      fill: #93a2b4;
      color: #93a2b4; }
  .timeline.timeline-single-lane .timeline-sub-container .timeline-webaction-icon-only {
    position: absolute;
    top: 0;
    right: 0; }
  .timeline.timeline-single-lane .timeline-sub-container .wm-web-action-icon {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
  .timeline.timeline-single-lane .timeline-content {
    padding-bottom: 12px; }
  .timeline.timeline-single-lane .timeline-heading {
    padding: 30px 0 0 30px; }
    .timeline.timeline-single-lane .timeline-heading .timeline-user.text-muted {
      font-size: 14px;
      line-height: normal;
      font-weight: 500;
      text-transform: uppercase;
      position: relative;
      letter-spacing: 1px;
      color: #a9afb7; }
      @media (prefers-color-scheme: dark) {
        .timeline.timeline-single-lane .timeline-heading .timeline-user.text-muted {
          color: #c0c9d3; } }
    .timeline.timeline-single-lane .timeline-heading .wm-icon.wm-icon-small:hover {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
  .timeline.timeline-single-lane .timeline-sub-container {
    margin-top: 10px; }
  .timeline.timeline-single-lane .timeline-description {
    display: none; }
  .timeline.timeline-two-lanes {
    /*HACK!! This hides the timeline title on the comminication widget*/ }
    .timeline.timeline-two-lanes .timeline-marker::before {
      display: none; }
    .timeline.timeline-two-lanes .timeline-marker::after {
      top: 32px;
      bottom: 3px; }
    .timeline.timeline-two-lanes li:last-child .timeline-marker::after {
      bottom: 0; }
    @media only screen and (min-width: 62em) {
      .timeline.timeline-two-lanes .timeline-info,
      .timeline.timeline-two-lanes .timeline-content {
        width: 50%; }
      .timeline.timeline-two-lanes .timeline-item .timeline-info {
        float: right;
        text-align: left;
        padding-left: 30px; }
      .timeline.timeline-two-lanes .timeline-item .timeline-content {
        float: right;
        text-align: right;
        padding-right: 30px; }
        .timeline.timeline-two-lanes .timeline-item .timeline-content .timeline-heading .two-swimlane-date-container {
          text-align: right; }
        .timeline.timeline-two-lanes .timeline-item .timeline-content .wm-timeline-header-icon {
          text-align: right !important; }
          .timeline.timeline-two-lanes .timeline-item .timeline-content .wm-timeline-header-icon .activity-and-user-container {
            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 {
        float: left;
        text-align: left;
        padding-left: 30px; }
      .timeline.timeline-two-lanes .timeline-item, .timeline.timeline-two-lanes .timeline-item-inverted {
        padding-bottom: 20px; }
      .timeline.timeline-two-lanes .timeline-marker {
        position: absolute;
        left: 50%;
        margin-left: -7.5px; } }
    .timeline.timeline-two-lanes .timeline-title:empty {
      position: absolute;
      top: 0;
      left: 0; }
    .timeline.timeline-two-lanes .timeline-item:not(.period):hover .text-info .rounded-circle, .timeline.timeline-two-lanes .timeline-item-inverted:not(.period):hover .text-info .rounded-circle {
      transform: scale(0.9);
      transition: all .2s;
      border-radius: 50%; }
    .timeline.timeline-two-lanes .timeline-item .timeline-heading .timeline-user.text-muted, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .timeline-user.text-muted {
      font-size: 14px;
      line-height: normal;
      font-weight: 500;
      text-transform: uppercase;
      position: relative;
      letter-spacing: 1px;
      color: #a9afb7; }
      @media (prefers-color-scheme: dark) {
        .timeline.timeline-two-lanes .timeline-item .timeline-heading .timeline-user.text-muted, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .timeline-user.text-muted {
          color: #c0c9d3; } }
    .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container {
      display: flex;
      align-items: center; }
      .timeline.timeline-two-lanes .timeline-item .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv, .timeline.timeline-two-lanes .timeline-item-inverted .timeline-heading .badge-info-container .text-info > .wm-image-entity > .rowdiv {
        width: 35px;
        height: 35px;
        position: absolute;
        top: -58px;
        font-size: 15px; }
        @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 {
      position: absolute !important;
      top: -44px;
      display: none;
      font-size: 14px;
      color: #7a8391 !important; }
      @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 {
      position: absolute;
      top: 4px;
      right: 10px;
      display: none !important; }
  .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 {
  position: relative;
  top: 1px;
  margin-right: 3px; }

.wm-timeline-title-container .wm-icon {
  width: 16px;
  height: 16px;
  font-size: 16px; }

.wm-view-more {
  font-size: 13px; }
  .wm-view-more:hover {
    cursor: pointer;
    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%, white 100%); }
      @media (prefers-color-scheme: dark) {
        .wm-expanding-text-more:after {
          background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #292e32 100%); } }

#modal-form-dialog .wm-expanding-text-more:after,
#modal-secondary-form-dialog .wm-expanding-text-more:after {
  background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #e5ecee 100%); }
  @media (prefers-color-scheme: dark) {
    #modal-form-dialog .wm-expanding-text-more:after,
    #modal-secondary-form-dialog .wm-expanding-text-more:after {
      background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #23262a 100%); } }

@media only screen and (max-width: 61.9375em) {
  .timeline-item-inverted .wm-expanding-text-more:after {
    left: 13px; } }

.modal-body .timeline > li > .timeline-panel {
  border: 1px solid #93a2b4; }

.modal-body .timeline.timeline-single-lane::before {
  opacity: .2 !important;
  background-color: #c0c9d3; }

.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 #f7cc6e;
    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: #fcfdfd !important; }
  @media (prefers-color-scheme: dark) {
    .modal-body .timeline .timeline-panel,
    .modal-body .timeline .timeline-panel * {
      background-color: #3a4046 !important; } }

.modal-body .timeline .timeline-panel .wm-timeline-title-container > .row {
  margin: 0 !important; }

.wm-only-singlelane-info {
  vertical-align: top; }

@media only screen and (max-width: 47.9375em) {
  #timeline-wrapper .timeline-top {
    text-align: right;
    padding-right: 20%; } }

@media only screen and (min-width: 62em) {
  .timeline-two-lanes,
  .timeline-two-lanes .timeline-item,
  .timeline-two-lanes .timeline-info,
  .timeline-two-lanes .timeline-marker,
  .timeline-two-lanes .timeline-content {
    margin: 0;
    padding: 0;
    display: block; } }

@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 {
    z-index: 1069;
    width: max-content;
    font-weight: 400;
    background: white;
    opacity: 0;
    display: none;
    cursor: default;
    pointer-events: none;
    transition: opacity 0.3s 0.3s;
    box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    border: 1px solid #edf2f3;
    padding: 8px;
    position: absolute;
    left: 12px; }
    .info-tooltip-content .info-text {
      padding-top: 5px;
      display: block;
      font-size: 13px;
      line-height: normal;
      font-weight: 400;
      text-transform: none; }
      .info-tooltip-content .info-text.text-gray:hover {
        color: #33353b !important;
        cursor: pointer; }
      .info-tooltip-content .info-text.text-gray.remain-initial-value:hover {
        color: #596069 !important;
        cursor: unset !important; }
      .info-tooltip-content .info-text.wm-popup-phone-info {
        display: inline-block;
        padding: 5px 0 0 0; }
    .info-tooltip-content span:not(.label) {
      position: relative; }
    .info-tooltip-content .me {
      position: relative;
      top: 33px;
      right: -37px; }
    .info-tooltip-content .donut {
      margin-top: -30px; }
    .info-tooltip-content .btn.btn-sm.btn-standard.wm-button, .info-tooltip-content .btn.btn-sm.btn-standard.wm-button:hover {
      background-color: transparent !important;
      border: 0; }
    .info-tooltip-content .btn.btn-sm.btn-standard.wm-button.dropdown-toggle::after {
      color: white;
      margin-left: -2px; }
    .info-tooltip-content .btn.btn-sm.btn-standard.wm-button.dropdown-toggle:hover::after {
      color: #edf2f3 !important; }
    .info-tooltip-content .name {
      font-size: 15px;
      line-height: normal;
      font-weight: 500;
      text-transform: none; }
      .info-tooltip-content .name:hover {
        cursor: pointer; }
    .info-tooltip-content .role {
      font-size: 12px; }
    .info-tooltip-content .svg-inline--fa {
      color: #7a8391; }
    .info-tooltip-content a:hover .svg-inline--fa {
      color: #545b65; }
    .info-tooltip-content .rowdiv .rounded-circle {
      margin: auto; }
    .info-tooltip-content .wm-web-action-dropdown .dropdown-item {
      font-size: 14px;
      line-height: normal;
      font-weight: 400;
      text-transform: none;
      color: #54667a !important; }
      @media (prefers-color-scheme: light) {
        .info-tooltip-content .wm-web-action-dropdown .dropdown-item {
          color: #54667a !important; } }
      @media (prefers-color-scheme: dark) {
        .info-tooltip-content .wm-web-action-dropdown .dropdown-item {
          color: #dbd0d0 !important; } }
  .info-tooltip .info-tooltip-content.show {
    opacity: 1;
    pointer-events: auto;
    width: 333px;
    transition-delay: 0.3s;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media (prefers-color-scheme: dark) {
      .info-tooltip .info-tooltip-content.show {
        background-color: #292e32; }
        .info-tooltip .info-tooltip-content.show .info-tooltip-text a {
          color: #c0c9d3 !important; }
          .info-tooltip .info-tooltip-content.show .info-tooltip-text a:hover {
            color: #c0c9d3 !important; }
          .info-tooltip .info-tooltip-content.show .info-tooltip-text a[href] {
            color: #c0c9d3 !important; }
            .info-tooltip .info-tooltip-content.show .info-tooltip-text a[href]:hover {
              color: #afb3b9 !important; } }
    @media only screen and (max-width: 28.9375em) {
      .info-tooltip .info-tooltip-content.show .wm-image-medium {
        width: 32px !important;
        height: 32px !important; } }
  .info-tooltip-text {
    border-radius: 0.25rem; }
    .info-tooltip-text ul li:first-child {
      max-width: 200px !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important; }
      .info-tooltip-text ul li:first-child a {
        overflow: visible !important; }
    .info-tooltip-text:hover {
      overflow: visible; }
    .info-tooltip-text.text-primary .text-info .wm-display-label {
      color: #7a8391; }
      .info-tooltip-text.text-primary .text-info .wm-display-label :hover {
        color: #33353b;
        cursor: pointer; }
  .info-tooltip:hover .info-tooltip-text {
    transition-delay: 0s; }
  .info-tooltip:hover .info-tooltip-inner {
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0); }
  .info-tooltip-inner {
    color: #596069;
    min-height: 100px; }
  .info-tooltip.wm-tax-info-tooltip .info-tooltip-content .info-tooltip-text .wm-display-label {
    margin: 5px; }

.tooltip-text a {
  font-weight: bold; }
  .tooltip-text a.name.text-dark:hover {
    color: #33353b !important; }

.tooltip-text .dropdown.btn-group {
  height: 12px !important;
  margin-top: 0px !important; }
  .tooltip-text .dropdown.btn-group #ButtonGroup-DEFAULTGROUP {
    border-right: none !important; }

.tooltip:not(.bs-tooltip-auto) {
  opacity: 0;
  transition: 0.3s opacity ease; }
  .tooltip:not(.bs-tooltip-auto).show {
    opacity: 1; }

.wm-popup-phone-info label {
  margin-bottom: 0;
  color: #5b636c !important;
  font-weight: 400; }

.tooltip {
  pointer-events: none; }

.popover {
  color: white; }
  @media (prefers-color-scheme: dark) {
    .popover .wm-label {
      color: white; } }
  @media (prefers-color-scheme: dark) {
    .popover {
      border-color: #616b72; } }
  @media (prefers-color-scheme: dark) {
    .popover {
      background-color: #26292b; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="left"] .arrow:after {
      border-left-color: #26292b;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="left"] .arrow:before {
      border-left-color: #616b72;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="bottom"] .arrow:after {
      border-bottom-color: #26292b;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="bottom"] .arrow:before {
      border-bottom-color: #616b72;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="top"] .arrow:after {
      border-top-color: #26292b;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="top"] .arrow:before {
      border-top-color: #616b72;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="right"] .arrow:after {
      border-right-color: #26292b;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover[x-placement="right"] .arrow:before {
      border-right-color: #616b72;
      background-color: transparent; } }
  @media (prefers-color-scheme: dark) {
    .popover .popover-body {
      color: white; } }

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

.e-treeview-ul .wm-treeview-edit-icon,
.wm-tree-label .wm-treeview-edit-icon {
  position: relative;
  top: 2px;
  transform: scale(0.8);
  transition: all .2s ease-in-out; }
  .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 {
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  text-transform: none;
  position: relative;
  left: -5px;
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  color: #a1a8b0; }

.e-treeview-wrap .e-icon.e-minus:hover::before {
  font-weight: 600; }

.e-treeview-wrap .e-icon.e-plus::before {
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  text-transform: none;
  content: '\f054';
  font-family: 'Font Awesome 5 Pro';
  color: #a1a8b0; }

.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 {
    position: relative;
    top: 3px;
    fill: #a1a8b0;
    transition: all .2s ease-in-out;
    font-size: 17px;
    color: #a1a8b0; }
    .e-treeview ul .wm-tree-dropdown .wm-grid-icon .wm-icon:hover {
      transform: scale(1.2); }
  .e-treeview ul.e-list-parent.e-ul {
    background-color: transparent !important; }
    .e-treeview ul.e-list-parent.e-ul > .e-list-item {
      background-color: transparent !important; }
      .e-treeview ul.e-list-parent.e-ul > .e-list-item.e-active .e-text-content:hover {
        background-color: transparent !important; }
      .e-treeview ul.e-list-parent.e-ul > .e-list-item .wm-icon.wm-icon-small, .e-treeview ul.e-list-parent.e-ul > .e-list-item .wm-icon.wm-icon-large {
        fill: #7a8391 !important;
        color: #7a8391 !important; }
        @media (prefers-color-scheme: dark) {
          .e-treeview ul.e-list-parent.e-ul > .e-list-item .wm-icon.wm-icon-small, .e-treeview ul.e-list-parent.e-ul > .e-list-item .wm-icon.wm-icon-large {
            fill: #c5c8cc !important;
            color: #c5c8cc !important; } }
      .e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text > span:not(.dropdown):not(.wm-treeitem-name) {
        margin: 7px 6px 0 12px !important; }
      .e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text > span {
        margin-top: 4px !important; }
      .e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text > .wm-treeitem-name {
        color: #4c5c68; }
        @media (prefers-color-scheme: dark) {
          .e-treeview ul.e-list-parent.e-ul > .e-list-item .e-list-text > .wm-treeitem-name {
            color: #ece7e7; } }

.e-treeview .e-plus,
.e-treeview .e-minus,
.e-treeview .e-icon.e-load {
  padding-top: 5px; }

.e-treeview .e-treeview-ul {
  margin-left: 0; }

.e-treeview .e-node-hover, .e-treeview .e-node-focus {
  background-color: #edf2f3;
  border: 1px solid white; }

.e-treeview .e-active {
  background: #edf2f3; }

.e-treeview-ul li.e-item .e-text-wrap a.e-text div .wm-treeview-valueview {
  margin-bottom: 0; }

.e-treeview .e-ul {
  margin: 0;
  padding: 0;
  overflow: visible;
  overflow-x: auto; }

.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 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1; }
  @media (prefers-color-scheme: dark) {
    .e-treeview .e-list-text .wm-tree-label .undefined,
    .e-treeview .e-list-text .undefined.wm-treeitem-name,
    .e-treeview .e-list-text .null.wm-treeitem-name,
    .e-treeview .e-list-text .wm-tree-label.undefined,
    .e-treeview .e-list-text .wm-tree-label.null {
      color: #c0c9d3; } }
  .e-treeview .e-list-text .wm-tree-label .undefined:hover,
  .e-treeview .e-list-text .undefined.wm-treeitem-name:hover,
  .e-treeview .e-list-text .null.wm-treeitem-name:hover,
  .e-treeview .e-list-text .wm-tree-label.undefined:hover,
  .e-treeview .e-list-text .wm-tree-label.null:hover {
    color: #d0d2d6; }
  .e-treeview .e-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: #c0c9d3; }
    .e-treeview .e-text-content:hover,
    .e-treeview .e-text-content .e-fullrow:hover {
      border-color: #4c5c68 !important; }
      @media (prefers-color-scheme: light) {
        .e-treeview .e-text-content:hover,
        .e-treeview .e-text-content .e-fullrow:hover {
          border-color: #4c5c68 !important; } }
      @media (prefers-color-scheme: dark) {
        .e-treeview .e-text-content:hover,
        .e-treeview .e-text-content .e-fullrow:hover {
          border-color: #ece7e7 !important; } }
    @media (prefers-color-scheme: dark) {
      .e-treeview .e-text-content .e-icons::before,
      .e-treeview .e-text-content .e-fullrow .e-icons::before {
        color: #c0c9d3 !important; } }

.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
  border-color: #4c5c68 !important;
  background: none; }
  @media (prefers-color-scheme: light) {
    .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
      border-color: #4c5c68 !important; } }
  @media (prefers-color-scheme: dark) {
    .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
      border-color: #ece7e7 !important; } }

.e-treeview,
.e-treeview ul:first-child {
  min-height: 115px; }

.e-fullrow-wrap .e-li-hover > .e-fullrow, .e-fullrow-wrap .e-li-focus > .e-fullrow {
  background-color: #edf2f3;
  border: 1px solid white; }

.e-fullrow-wrap .e-li-active > .e-fullrow {
  background: #edf2f3; }

.e-list-item.e-level-1.e-active.e-node-focus.e-hover .e-text-content.e-icon-wrapper, .e-list-item.e-level-2.e-active.e-node-focus.e-hover .e-text-content.e-icon-wrapper {
  border-color: #c0c9d3 !important; }

.e-list-item.e-level-2 .e-text-content {
  padding: 0 0 0 0; }

.e-list-item .e-list-parent.e-ul .e-list-item.e-level-2 .e-text-content {
  border: 0 !important; }

.e-list-item .wm-treeview-edit-icon .wm-icon, .e-list-item .wm-treeview-clone-icon .wm-icon {
  position: relative;
  top: 4px; }

.e-list-item .wm-treeview-edit-icon .wm-icon, .e-list-item .wm-treeview-clone-icon .wm-icon, .e-list-item .wm-treeview-delete-icon .wm-icon {
  width: 14px;
  height: 14px;
  fill: #a1a8b0 !important;
  transition: all .2s ease-in-out !important;
  margin-right: 4px;
  font-size: 14px;
  color: #a1a8b0 !important; }
  .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: #77818d; }

.wm-widget-body .e-treeview {
  overflow: visible; }

.wm-treeview-valueview {
  margin: 0; }

.wm-treecontainer .e-list-item .wm-tree-label span {
  padding-right: 5px; }
  .wm-treecontainer .e-list-item .wm-tree-label span .wm-icon {
    position: relative;
    top: 4px; }

.tree-card-view {
  position: relative;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  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: 7px;
    right: -1px; }

#ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content {
  position: relative;
  border-radius: 0.5rem;
  padding: 0;
  background: #f7fafc; }
  @media (prefers-color-scheme: dark) {
    #ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content {
      background-color: #363a40 !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: #edf2f3; } }
    #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 #cbd5e0;
      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: #718096; } }
    #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: white; }
    #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: #718096; }
    @media (prefers-color-scheme: dark) {
      #ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content:before {
        color: #a0aec0; } }
  #ServiceJobTreeWidget.e-treeview ul.e-list-parent.e-ul > .e-list-item .e-text-content:hover:before {
    color: #edf2f3; }

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

.user-card {
  display: flex;
  align-items: center;
  box-sizing: border-box; }
  .user-card :hover {
    background: #edf2f3;
    cursor: pointer; }
  .user-card p, .user-card div {
    margin: 0;
    padding: 0; }
  .user-card .avatar, .user-card .avatar img, .user-card .avatar i {
    border-radius: 100%;
    width: 100%;
    height: 100%; }
  .user-card .avatar {
    font-size: 4em;
    color: #596069;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row; }
    .user-card .avatar i {
      display: flex !important;
      align-items: center;
      justify-content: center;
      flex-direction: row; }
  .user-card .details {
    width: 100%;
    text-overflow: ellipsis;
    display: flex !important;
    align-items: default;
    justify-content: center;
    flex-direction: column; }
    .user-card .details .name {
      font-size: 20px;
      color: black;
      margin: 0;
      padding: 0; }
    .user-card .details .holiday-details {
      color: #596069;
      margin-top: 10px;
      margin: 0;
      padding: 0;
      display: flex !important;
      align-items: center;
      justify-content: default;
      flex-direction: row; }
      .user-card .details .holiday-details i {
        margin-right: 5px; }

.wm-image-entity.managed-user-card-header .wm-circle-content {
  padding-top: 12px; }

.wm-upload-btn .wm-browse-button .e-selectpart.e-select.e-box.e-corner {
  margin: 0 !important; }

.wm-edit-user-profile-picture img, .wm-user-profile-picture img {
  border: 1px solid #c0c9d3; }

@media only screen and (max-width: 28.9375em) {
  .wm-edit-user-profile-picture {
    padding-left: 10px; } }

.accordion {
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-inline-start: 0; }
  .accordion li:last-child .option {
    border-bottom: 0; }
  .accordion li i.fa-chevron-down {
    /* right: 12px; */
    left: 1rem;
    font-size: 1.2em;
    position: absolute;
    top: 1.5em;
    left: 1rem;
    font-size: 1em;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer; }
    @media (prefers-color-scheme: dark) {
      .accordion li i.fa-chevron-down {
        color: #fff !important; } }
  .accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #ff5252; }
  .accordion li .option-item-webactions i {
    color: #fff; }
  .accordion li .option-item-webactions,
  .accordion li .option-webactions {
    cursor: pointer; }
  .accordion .header-container {
    display: flex;
    justify-content: space-between;
    padding: 1rem; }
  .accordion .option-item-expand {
    cursor: pointer; }

.accordion__list {
  background: #FFF;
  width: 100%; }
  @media (prefers-color-scheme: dark) {
    .accordion__list {
      background: #25292d  !important; } }
  .accordion__list .option {
    font-size: 0.85em;
    font-weight: 700;
    color: #37474F;
    border-bottom: 1px solid #ccc;
    display: block;
    position: relative;
    transition: all 0.4s ease; }
    @media (prefers-color-scheme: dark) {
      .accordion__list .option {
        border-bottom: 1px solid #3a3a3a !important; } }
  .accordion__list .option_name {
    padding-left: 4em;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: block;
    background-color: transparent;
    color: #37474F;
    font-weight: bold;
    font-size: 1.2em;
    cursor: pointer; }
    @media (prefers-color-scheme: dark) {
      .accordion__list .option_name {
        color: #fff !important; } }

.submenu {
  display: none;
  background: #444359;
  font-size: 0.95em;
  list-style: none;
  padding-inline-start: 0; }
  @media (prefers-color-scheme: dark) {
    .submenu {
      background: #2d2d2d !important; } }
  .submenu li {
    border-bottom: 1px solid #4b4a5e; }
  .submenu .submenu-container {
    display: flex;
    justify-content: space-between;
    color: #d9d9d9;
    padding: 1rem;
    align-items: center; }
    .submenu .submenu-container.dimensions {
      background: #2b2a39;
      color: #fff; }
      @media (prefers-color-scheme: dark) {
        .submenu .submenu-container.dimensions {
          background: #353535 !important; } }
      .submenu .submenu-container.dimensions svg {
        fill: #fff;
        width: 15px;
        height: 15px; }
        .submenu .submenu-container.dimensions svg:hover {
          fill: #77818d !important; }

.option-webactions {
  margin-left: 1em; }
  .option-webactions i {
    color: #37474F; }
  .option-webactions svg {
    width: 15px;
    height: 15px; }

.option-item-webactions svg {
  width: 15px;
  height: 15px; }

.option-item-dimensions {
  display: none;
  padding-inline-start: 0; }

.flex-center {
  display: flex;
  align-items: center; }

.wm-advanced-search-container {
  position: relative; }
  .wm-advanced-search-container > .row.wm-row > .wm-form-row:nth-child(2) {
    padding-left: 0 !important; }
  .wm-advanced-search-container .wm-layout-table.wm-section-header {
    border-bottom: none !important; }
  @media only screen and (max-width: 35.9375em) {
    .wm-advanced-search-container .advanced-search-text > .wm-input.wm-control {
      width: 70%; } }
  @media only screen and (max-width: 35.9375em) and (max-width: 28.9375em) {
    .wm-advanced-search-container .advanced-search-text > .wm-input.wm-control {
      width: 65%; } }
  @media only screen and (max-width: 35.9375em) and (max-width: 23.9375em) {
    .wm-advanced-search-container .advanced-search-text > .wm-input.wm-control {
      width: 60%; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-advanced-search-container > .row.wm-row > .wm-form-row.col-sm-2 > .wm-button {
      position: absolute;
      top: -32px;
      right: 16px; }
    .wm-advanced-search-container > .row.wm-row > .wm-form-row.col-sm-4 .wm-widget-data.wm-advanced-search {
      padding-left: 0;
      margin-top: 12px; }
      .wm-advanced-search-container > .row.wm-row > .wm-form-row.col-sm-4 .wm-widget-data.wm-advanced-search > .wm-select.wm-control {
        margin-left: 0 !important; }
        .wm-advanced-search-container > .row.wm-row > .wm-form-row.col-sm-4 .wm-widget-data.wm-advanced-search > .wm-select.wm-control > .e-input-group {
          width: 60% !important; }
    .wm-advanced-search-container #advanced-search-section-toggle-buttons {
      width: 36%;
      position: absolute;
      top: 46px;
      right: -12px; }
      .wm-advanced-search-container #advanced-search-section-toggle-buttons > .d-flex {
        position: relative;
        z-index: 1049; } }
  @media only screen and (max-width: 35.9375em) and (max-width: 23.9375em) {
    .wm-advanced-search-container #advanced-search-section-toggle-buttons {
      width: 40%; } }
  .wm-advanced-search-container > .wm-section, .wm-advanced-search-container > .wm-section > .wm-section-inner {
    margin-bottom: 0 !important; }
  .wm-advanced-search-container > .wm-section.sort-container .sort-column-delete {
    right: 20px; }
  .wm-advanced-search-container > .wm-section .wm-search-column-row, .wm-advanced-search-container > .wm-section .wm-query-sort-column {
    position: relative;
    padding: 12px 32px 12px 12px !important;
    background-color: #f8f8f8 !important;
    border-color: #eaeaea !important; }
    .wm-advanced-search-container > .wm-section .wm-search-column-row:not(:last-child), .wm-advanced-search-container > .wm-section .wm-query-sort-column:not(:last-child) {
      margin-bottom: 10px; }
    @media (prefers-color-scheme: dark) {
      .wm-advanced-search-container > .wm-section .wm-search-column-row, .wm-advanced-search-container > .wm-section .wm-query-sort-column {
        background-color: #42474d !important; } }
    .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-delete, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-delete, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-delete, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-delete {
      position: absolute;
      width: 32px; }
      .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-delete > .e-btn, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-delete > .e-btn, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-delete > .e-btn, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-delete > .e-btn {
        border-color: #edf2f3 !important; }
    .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-field, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-field, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-direction, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-field, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-field, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-direction {
      padding: 0 !important; }
      @media only screen and (max-width: 35.9375em) {
        .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-direction > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-direction > .e-input-group {
          width: 190px !important; } }
      @media only screen and (max-width: 23.9375em) {
        .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-direction > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-field > .e-input-group, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-direction > .e-input-group {
          width: 100% !important; } }
    .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-field, .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-field, .wm-advanced-search-container > .wm-section .wm-query-sort-column .search-column-field, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-field {
      padding-right: 12px !important; }
    @media only screen and (max-width: 35.9375em) {
      .wm-advanced-search-container > .wm-section .wm-search-column-row .sort-column-direction, .wm-advanced-search-container > .wm-section .wm-query-sort-column .sort-column-direction {
        padding: 12px 12px 0 0 !important; } }
  .wm-advanced-search-container > .wm-section .wm-search-column-row {
    padding-bottom: 2px !important; }
    .wm-advanced-search-container > .wm-section .wm-search-column-row > .wm-form-row {
      margin-bottom: 10px !important; }
    .wm-advanced-search-container > .wm-section .wm-search-column-row .search-column-delete {
      right: 34px; }
  .wm-advanced-search-container > .wm-row {
    align-items: center; }
  @media only screen and (max-width: 28.9375em) {
    .wm-advanced-search-container #advanced-filter-section.d-none + #advanced-sort-section {
      margin-top: 58px; } }
  @media only screen and (max-width: 28.9375em) {
    .wm-advanced-search-container #advanced-filter-section.d-none + #advanced-sort-section.d-none + #advanced-search-columns-section {
      margin-top: 58px; } }
  @media only screen and (max-width: 28.9375em) {
    .wm-advanced-search-container #advanced-filter-section .wm-collapsible-section > .wm-section-inner {
      margin-top: 10px; } }
  .wm-advanced-search-container #advanced-filter-section .wm-collapsible-section > .wm-section-inner .e-query-builder > .e-group-container {
    margin-top: -4px; }
  .wm-advanced-search-container #advanced-filter-section .wm-section-title-container {
    position: relative; }
    @media only screen and (min-width: 29em) {
      .wm-advanced-search-container #advanced-filter-section .wm-section-title-container .wm-section-title {
        margin-bottom: -20px;
        margin-top: -4px; } }
    @media only screen and (min-width: 48em) {
      .wm-advanced-search-container #advanced-filter-section .wm-section-title-container .wm-section-title {
        margin-bottom: -10px; } }
    @media only screen and (max-width: 28.9375em) {
      .wm-advanced-search-container #advanced-filter-section .wm-section-title-container .wm-section-title {
        z-index: 1;
        position: absolute;
        top: 52px;
        left: 222px; } }
  .wm-advanced-search-container #advanced-filter-section .wm-section-header {
    position: relative;
    z-index: 1; }
  @media (prefers-color-scheme: light) {
    .wm-advanced-search-container #advanced-filter-section .e-rule-container::before {
      border-color: #4c5c68 !important; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-advanced-search-container #advanced-filter-section .e-group-container {
      padding: 0 0 12px !important; } }
  .wm-advanced-search-container #advanced-search-section-toggle-buttons {
    padding-top: 5px; }
    .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle {
      margin: 0 6px; }
      .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle.active .wm-icon {
        fill: #7a8391 !important;
        color: #7a8391 !important; }
        @media (prefers-color-scheme: dark) {
          .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle.active .wm-icon {
            fill: #aaaeb4 !important;
            color: #aaaeb4 !important; } }
      .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon {
        width: 18px !important;
        height: 18px !important;
        fill: #afb3b9 !important;
        transition: all .2s ease-in;
        font-size: 18px !important;
        color: #afb3b9 !important; }
        @media (prefers-color-scheme: dark) {
          .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon {
            fill: #cccfd5 !important;
            color: #cccfd5 !important; } }
        .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon:hover {
          fill: #999ea6 !important;
          color: #999ea6 !important;
          transform: scale(1.1); }
          @media (prefers-color-scheme: dark) {
            .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon:hover {
              fill: #c5c8cc !important;
              color: #c5c8cc !important; } }
        @media only screen and (max-width: 23.9375em) {
          .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle .wm-icon {
            width: 16px !important;
            height: 16px !important;
            font-size: 16px !important; } }
      .wm-advanced-search-container #advanced-search-section-toggle-buttons .section-toggle:first-child .wm-icon {
        width: 16px !important;
        height: 16px !important;
        font-size: 16px !important; }
  .wm-advanced-search-container #advanced-search-filter-save-section {
    width: 324px !important;
    z-index: 1048;
    position: absolute;
    top: 50px;
    right: -16px; }
    @media only screen and (max-width: 47.9375em) {
      .wm-advanced-search-container #advanced-search-filter-save-section {
        right: 44px; } }
    @media only screen and (max-width: 35.9375em) {
      .wm-advanced-search-container #advanced-search-filter-save-section {
        right: 0; } }
    @media only screen and (max-width: 28.9375em) {
      .wm-advanced-search-container #advanced-search-filter-save-section {
        top: 54px; } }
    .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row {
      justify-content: space-between; }
      .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row {
        padding-right: 0 !important; }
        .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox {
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 47.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox {
              margin-left: 62px; } }
          @media only screen and (max-width: 35.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox {
              position: absolute;
              top: 11px;
              right: -100px; } }
          @media only screen and (max-width: 28.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox {
              margin-left: unset;
              left: 58px; } }
          @media only screen and (max-width: 28.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox {
              left: 98px; } }
          .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox > label {
            order: 1;
            margin: 6px 0 0 10px; }
            @media only screen and (max-width: 28.9375em) {
              .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-checkbox > label {
                margin: 6px 0 0 6px; } }
        .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
          width: 135px; }
          @media only screen and (max-width: 61.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
              margin-left: -32px; } }
          @media only screen and (max-width: 47.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
              margin-left: 0; } }
          @media only screen and (max-width: 35.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
              position: absolute;
              top: 10px;
              right: 31px; } }
          @media only screen and (max-width: 28.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
              width: 100px;
              height: 116px; } }
          @media only screen and (max-width: 23.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .wm-query-name .e-input-group.wm-control-class {
              width: 62px; } }
        @media only screen and (max-width: 35.9375em) {
          .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .dropdown.btn-group {
            position: absolute;
            top: 48px;
            right: 16px; } }
        @media only screen and (max-width: 28.9375em) {
          .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row .dropdown.btn-group {
            top: 10px; } }
        .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row:first-child .wm-container-parent {
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 47.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row:first-child .wm-container-parent {
              left: 64px; } }
          @media only screen and (max-width: 35.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row:first-child .wm-container-parent {
              top: 36px;
              left: 104px; } }
          @media only screen and (max-width: 28.9375em) {
            .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row:first-child .wm-container-parent {
              left: 98px; } }
          .wm-advanced-search-container #advanced-search-filter-save-section > .wm-section-inner > .collapse > .wm-section-inner > .wm-row > .wm-form-row:first-child .wm-container-parent > label {
            order: 1;
            margin: 6px 0 0 6px; }
    .wm-advanced-search-container #advanced-search-filter-save-section .dropdown.btn-group .wm-query-save {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-right-color: white !important; }
      .wm-advanced-search-container #advanced-search-filter-save-section .dropdown.btn-group .wm-query-save:hover {
        opacity: 0.8 !important;
        transform: translateY(0) !important;
        box-shadow: none !important;
        border-color: #a7adb6 !important;
        border-right-color: white !important;
        background-color: #acb2bb !important; }
  .wm-advanced-search-container .btn, .wm-advanced-search-container .e-btn, .wm-advanced-search-container .e-btn-group, .wm-advanced-search-container .e-input-group {
    border-radius: 3px !important; }
  .wm-advanced-search-container .wm-layout-table.wm-section-header {
    border-bottom: none;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important; }
  .wm-advanced-search-container .e-query-builder .e-group-container {
    padding-top: 0 !important; }
  .wm-advanced-search-container .e-query-builder .e-rule-container {
    padding-right: 54px !important; }
    @media (prefers-color-scheme: dark) {
      .wm-advanced-search-container .e-query-builder .e-rule-container {
        background-color: #42474d !important; } }
    .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field {
      position: relative; }
      .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-operator.e-operator {
        padding-top: 0; }
      .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value.e-value.e-show {
        min-width: 196px !important;
        width: 196px !important;
        padding-top: 0; }
        @media only screen and (max-width: 28.9375em) {
          .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value.e-value.e-show {
            width: 100% !important;
            min-width: unset !important;
            max-width: 196px !important; } }
        @media (prefers-color-scheme: dark) {
          .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value.e-value.e-show > .e-input-group {
            background-color: #363a40 !important;
            color: #edf2f3 !important; } }
      .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete > .e-removerule.e-btn {
        position: absolute;
        top: 2px;
        right: -52px;
        border-color: transparent !important;
        background-color: transparent !important; }
        .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete > .e-removerule.e-btn:hover::after {
          opacity: .8;
          transform: scale(1.08); }
        .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete > .e-removerule.e-btn::after {
          content: '\f00d';
          position: absolute;
          top: 4px;
          right: 8px;
          display: block;
          transition: all .3s ease-in;
          font-size: 18px;
          font-family: "Font Awesome 5 Pro";
          color: #403f43; }
          @media (prefers-color-scheme: dark) {
            .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete > .e-removerule.e-btn::after {
              color: white; } }
      .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary {
        position: absolute;
        top: 2px;
        right: -52px;
        border-color: transparent !important;
        background-color: transparent !important; }
        .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary:hover::after {
          opacity: .8;
          transform: scale(1.08); }
        .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
          content: '\f00d';
          position: absolute;
          top: 4px;
          right: 8px;
          display: block;
          transition: all .3s ease-in;
          font-size: 18px;
          font-family: "Font Awesome 5 Pro";
          color: #403f43; }
          @media (prefers-color-scheme: dark) {
            .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value-delete .e-removerule.e-rule-delete.e-flat.e-primary::after {
              color: white; } }
      @media (prefers-color-scheme: dark) {
        .wm-advanced-search-container .e-query-builder .e-rule-container .e-rule-field > .e-rule-value .e-label {
          color: #edf2f3; } }
  .wm-advanced-search-container .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
    padding: 12px 0 12px 12px !important;
    width: auto !important; }
  .wm-advanced-search-container .e-query-builder.e-device .e-rule-list .e-rule-container .e-operator, .wm-advanced-search-container .e-query-builder.e-device .e-rule-list .e-rule-container .e-value {
    padding: 0 0 12px 12px !important; }
  .wm-advanced-search-container .e-add-btn.e-btn {
    background-color: #7a8391 !important;
    border: none !important;
    color: white; }
    @media (prefers-color-scheme: dark) {
      .wm-advanced-search-container .e-add-btn.e-btn {
        background-color: #afb3b9 !important; } }
  .wm-advanced-search-container .sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib {
    position: absolute;
    top: -11px;
    right: -18px;
    border-color: transparent !important;
    background-color: transparent !important; }
    .wm-advanced-search-container .sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib:hover::after {
      opacity: .8;
      transform: scale(1.08); }
    .wm-advanced-search-container .sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
      content: '\f00d';
      position: absolute;
      top: 4px;
      right: 8px;
      display: block;
      transition: all .3s ease-in;
      font-size: 18px;
      font-family: "Font Awesome 5 Pro";
      color: #403f43; }
      @media (prefers-color-scheme: dark) {
        .wm-advanced-search-container .sort-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
          color: white; } }
  .wm-advanced-search-container .search-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib {
    position: absolute;
    top: -11px;
    right: -32px;
    border-color: transparent !important;
    background-color: transparent !important; }
    .wm-advanced-search-container .search-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib:hover::after {
      opacity: .8;
      transform: scale(1.08); }
    .wm-advanced-search-container .search-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
      content: '\f00d';
      position: absolute;
      top: 4px;
      right: 8px;
      display: block;
      transition: all .3s ease-in;
      font-size: 18px;
      font-family: "Font Awesome 5 Pro";
      color: #403f43; }
      @media (prefers-color-scheme: dark) {
        .wm-advanced-search-container .search-column-delete .e-css.e-btn.e-small.e-round.e-icon-btn.e-control.e-tooltip.e-lib::after {
          color: white; } }
  .wm-advanced-search-container .e-add-btn .e-btn-icon::before, .wm-advanced-search-container .wm-query-sort-column .sort-column-delete .e-delete-icon::before, .wm-advanced-search-container .wm-search-column-row .search-column-delete .e-delete-icon::before {
    content: "";
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    text-transform: none; }
  .wm-advanced-search-container .section-toggle {
    cursor: pointer;
    position: relative; }
    .wm-advanced-search-container .section-toggle .indicator {
      font-size: 7px;
      position: absolute;
      top: -4px;
      left: 17px; }
    .wm-advanced-search-container .section-toggle[data-related-section="advanced-sort-section"] .indicator,
    .wm-advanced-search-container .section-toggle[data-related-section="advanced-search-columns-section"] .indicator {
      left: 14px; }
  @media only screen and (max-width: 28.9375em) {
    .wm-advanced-search-container #advanced-sort-section > .wm-section-inner, .wm-advanced-search-container #advanced-search-columns-section > .wm-section-inner {
      position: relative; }
      .wm-advanced-search-container #advanced-sort-section > .wm-section-inner .section-title .wm-section-title, .wm-advanced-search-container #advanced-search-columns-section > .wm-section-inner .section-title .wm-section-title {
        position: absolute;
        left: 36px; }
    .wm-advanced-search-container #advanced-sort-section > .wm-section-inner .section-title .wm-section-title {
      top: -4px; }
    .wm-advanced-search-container #advanced-sort-section > .wm-section-inner .wm-collapsible-section > .wm-section-inner {
      margin-top: -40px !important; }
    .wm-advanced-search-container #advanced-search-columns-section > .wm-section-inner .section-title .wm-section-title {
      top: 6px; }
    .wm-advanced-search-container #advanced-search-columns-section > .wm-section-inner .wm-collapsible-section > .wm-section-inner {
      margin-top: -30px !important; } }
  .wm-advanced-search-container .e-btngroup-and-lbl, .wm-advanced-search-container .e-btngroup-or-lbl,
  .wm-advanced-search-container .e-qb-toggle {
    color: #90a0b1 !important;
    height: 28px !important; }
  .wm-advanced-search-container .e-qb-toggle {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .wm-advanced-search-container .e-btngroup-and-lbl {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .wm-advanced-search-container .e-btngroup-or-lbl {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }

.isTouch .wm-advanced-search-container .e-query-builder.e-device .e-rule-list .e-rule-container .e-value {
  padding: 0 0 0 12px !important; }

.alert {
  display: flex;
  border-radius: 0.5rem; }

.wm-carousel {
  margin: 0 auto; }
  .wm-carousel.standalone {
    box-shadow: 0 6px 9px rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
    @media (prefers-color-scheme: dark) {
      .wm-carousel.standalone {
        box-shadow: 0 6px 9px black;
        background-color: #292e32; } }
  .wm-carousel .carousel-item {
    overflow: hidden; }
    .wm-carousel .carousel-item .view-more-btn {
      display: block;
      margin: 0 auto;
      padding: 0.2rem 0.5rem; }
  .wm-carousel .carousel-item-inner {
    padding: 1.5em 5%;
    position: relative;
    overflow: hidden;
    word-break: break-word; }
    .wm-carousel .carousel-item-inner.view-more:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-image: linear-gradient(rgba(255, 255, 255, 0) 80%, white 100%); }
      @media (prefers-color-scheme: dark) {
        .wm-carousel .carousel-item-inner.view-more:after {
          background-image: linear-gradient(rgba(255, 255, 255, 0) 80%, #292e32 100%); } }
  .wm-carousel h2 {
    flex-grow: 1; }
  .wm-carousel .carousel-item-body {
    font-size: 1.1em; }
  .wm-carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 10px; }
  @media (prefers-color-scheme: light) {
    .wm-carousel .carousel-indicators li {
      border: 1px solid #909090; }
      .wm-carousel .carousel-indicators li.active {
        background-color: #000; } }
  .wm-carousel .carousel-control-prev,
  .wm-carousel .carousel-control-next {
    width: 5%; }
    @media (prefers-color-scheme: light) {
      .wm-carousel .carousel-control-prev i,
      .wm-carousel .carousel-control-next i {
        color: black; } }
  .wm-carousel .popup {
    position: fixed;
    z-index: 999999999;
    top: -100%;
    left: 0;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    margin-left: 0;
    width: 100%;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.7); }
    .wm-carousel .popup .popup-container {
      position: absolute;
      z-index: 100000;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      overflow: hidden;
      transition: 0.2s ease-in-out;
      margin: auto;
      width: 0;
      height: 0px; }
    .wm-carousel .popup.open {
      top: 0;
      opacity: 1;
      height: 100%; }
      .wm-carousel .popup.open .popup-container {
        overflow: auto;
        width: 100%;
        height: 80vh; }
      @media only screen and (min-width: 29em) {
        .wm-carousel .popup.open .popup-container {
          width: 100%; } }
      @media only screen and (min-width: 62em) {
        .wm-carousel .popup.open .popup-container {
          width: 80%; } }
      @media only screen and (min-width: 75em) {
        .wm-carousel .popup.open .popup-container {
          width: 50%; } }
    .wm-carousel .popup .close-button {
      position: absolute;
      z-index: 999;
      top: -8px;
      right: 6px;
      opacity: 0.5;
      transition: 0.2s;
      cursor: pointer;
      font-size: 36px;
      color: #777; }
    .wm-carousel .popup .close-button:hover {
      opacity: 1; }
    .wm-carousel .popup .sub-container {
      position: relative;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      overflow: auto;
      transition: .3s;
      width: 100%;
      height: 100%;
      padding: 2.2rem 1rem;
      background-color: white; }
      @media only screen and (min-width: 62em) {
        .wm-carousel .popup .sub-container {
          padding: 2.2rem 1.8rem; } }
      @media (prefers-color-scheme: dark) {
        .wm-carousel .popup .sub-container {
          background-color: #292e32; } }
      .wm-carousel .popup .sub-container .feature {
        height: auto !important; }
        .wm-carousel .popup .sub-container .feature .full-content-header {
          align-items: center;
          margin-bottom: 1rem; }
          .wm-carousel .popup .sub-container .feature .full-content-header h4, .wm-carousel .popup .sub-container .feature .full-content-header h3 {
            flex-grow: 1; }
        .wm-carousel .popup .sub-container .feature .single-feature,
        .wm-carousel .popup .sub-container .feature .feature-list li {
          opacity: 1 !important; }
  .wm-carousel [data-view-type="whatsnew"] .features .feature {
    border-radius: 5px;
    padding: 0.7rem 1rem;
    background-color: #f2f2f2;
    height: 170px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    overflow: hidden;
    overflow-x: auto; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature h3 em {
      font-style: normal;
      font-size: 0.8em;
      font-weight: 400;
      opacity: 0.7; }
    @media only screen and (max-width: 61.9375em) {
      .wm-carousel [data-view-type="whatsnew"] .features .feature {
        height: 194px; } }
    @media (prefers-color-scheme: dark) {
      .wm-carousel [data-view-type="whatsnew"] .features .feature {
        background-color: #252729; } }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .feature-icon .wm-icon {
      font-size: 40px;
      margin-right: 1rem;
      width: 52px; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .text-content {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      margin: auto 0; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .single-feature {
      opacity: 0.8;
      font-weight: 300; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .feature-list {
      margin: 0;
      padding-left: 0.5rem;
      list-style: disc; }
      .wm-carousel [data-view-type="whatsnew"] .features .feature .feature-list li {
        opacity: 0.8;
        font-weight: 300; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature ul.feature-list {
      padding-left: 1.2rem; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .feature-content {
      height: calc(100% - 40px);
      overflow: hidden; }
    .wm-carousel [data-view-type="whatsnew"] .features .feature .feature-icon {
      margin: auto 0;
      text-align: center; }
  .wm-carousel [data-view-type="whatsnew"] .features .feature + .feature {
    margin-top: 0.75rem; }
  .wm-carousel [data-view-type="whatsnew"] .details-link {
    color: #afb3b9;
    cursor: pointer;
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1rem; }
    .wm-carousel [data-view-type="whatsnew"] .details-link:hover {
      color: #c5c8cc; }

[data-widget-name="WhatsNew"] .wm-section {
  padding-bottom: 0 !important; }
  [data-widget-name="WhatsNew"] .wm-section.collapsed {
    padding-bottom: 1rem !important; }

[data-widget-name="WhatsNew"] .carousel-item-inner {
  padding: 0 5% !important; }

[data-widget-name="WhatsNew"] .carousel-control-prev {
  left: -10px; }

[data-widget-name="WhatsNew"] .carousel-control-next {
  right: -10px; }

div[data-widget-name="Chart"] .e-accumulationchart > svg > rect {
  fill: #292e32; }

/*
    Provides spacing and hover padding flicker correction for bold Bi tree structure.
*/
.wm-treecontainer .e-treeview .e-text-content {
  gap: 0.5rem; }
  .wm-treecontainer .e-treeview .e-text-content .e-list-text {
    padding: 0; }
    .wm-treecontainer .e-treeview .e-text-content .e-list-text:hover {
      padding: 0; }

.wm-treecontainer .e-treeview .e-list-item.e-level-2 {
  margin-top: 0.5rem; }

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: white;
    /*MJH added to allow cards to format as they were intended*/ }
    @media (prefers-color-scheme: dark) {
      body .wm-chat-message {
        background-color: #33383e; } }
    body .wm-chat-message .ac-adaptivecard {
      padding: 0 !important; }
    body .wm-chat-message.wm-source-bot {
      float: left; }
    body .wm-chat-message.wm-source-user {
      float: right;
      margin-right: 5px; }
    body .wm-chat-message div:not(.wm-chat-date) {
      color: black !important; }
      @media (prefers-color-scheme: dark) {
        body .wm-chat-message div:not(.wm-chat-date) {
          color: white !important; } }
    body .wm-chat-message p {
      color: inherit;
      font-size: inherit;
      line-height: normal;
      font-weight: inherit;
      text-transform: none; }
  body .wm-chat-sender {
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 1rem;
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      body .wm-chat-sender {
        color: #d0d2d6 !important; } }
  body .wm-chat-date {
    font-size: 0.7rem;
    line-height: normal;
    font-weight: 200;
    text-transform: none;
    display: inline-block;
    margin-bottom: 0; }
    @media (prefers-color-scheme: dark) {
      body .wm-chat-date {
        color: #a8b4c2 !important; } }
  body .wm-chat-toggle .fa-wifi {
    position: absolute;
    bottom: 110px;
    right: 21px;
    z-index: -1;
    color: #7a8391; }
  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 {
    position: fixed;
    bottom: 0;
    left: 0;
    resize: none;
    border: 0 !important;
    border-top: 1px solid #edf2f3 !important;
    border-radius: 0;
    height: 80px;
    background: white; }
    body .wm-chat .wm-text-area.wm-control .form-control:focus {
      box-shadow: none; }
    body .wm-chat .wm-text-area.wm-control .form-control::placeholder {
      opacity: .4; }
  body .wm-chat .ac-adaptivecard {
    background-color: transparent !important; }
    body .wm-chat .ac-adaptivecard .ac-actionset .ac-pushButton {
      background-color: transparent;
      border: 1px solid #7a8391;
      color: #7a8391;
      flex: inherit !important;
      transition: all .25s;
      outline: none !important;
      border-radius: 4px;
      font-size: 14px; }
      @media (prefers-color-scheme: dark) {
        body .wm-chat .ac-adaptivecard .ac-actionset .ac-pushButton {
          border-color: #f0f1f2; } }
      body .wm-chat .ac-adaptivecard .ac-actionset .ac-pushButton:not(:last-child) {
        margin-bottom: 6px; }
      body .wm-chat .ac-adaptivecard .ac-actionset .ac-pushButton:hover {
        transform: scale(1.02) translateY(-2px);
        box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.3);
        cursor: pointer; }
  body .wm-chat .ac-image img {
    width: 40px !important; }
  body .wm-chat .ac-input {
    width: 100%;
    height: 100%;
    color: #54667a !important;
    display: block;
    box-shadow: none;
    border: 1px solid #c0c9d3;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "Plus Jakarta Sans", sans-serif;
    line-height: 1.908em; }
    @media (prefers-color-scheme: light) {
      body .wm-chat .ac-input {
        color: #54667a !important; } }
    @media (prefers-color-scheme: dark) {
      body .wm-chat .ac-input {
        color: #dbd0d0 !important; } }
    @media (prefers-color-scheme: dark) {
      body .wm-chat .ac-input {
        background-color: #363a40 !important;
        color: #edf2f3 !important; }
        body .wm-chat .ac-input::placeholder {
          color: white !important; } }

body .wm-minimize-chat-window:hover {
  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 {
  height: 100%;
  width: 100%;
  display: flex;
  overflow-x: hidden;
  position: relative; }
  .configurator h3 {
    margin-bottom: 1.5em; }
  .configurator p {
    line-height: 1.2em;
    font-size: 0.8em; }
  .configurator .sidebar {
    width: 20%;
    background: #2d3036;
    display: flex;
    flex-direction: column; }
    @media (prefers-color-scheme: dark) {
      .configurator .sidebar {
        background: #242729 !important; } }
    .configurator .sidebar .product-header {
      background: rgba(0, 0, 0, 0.4);
      min-height: 60px;
      position: relative;
      display: flex;
      align-items: center; }
      .configurator .sidebar .product-header .product-code {
        margin-bottom: 0;
        color: #fff !important;
        font-size: 1.1em;
        word-wrap: break-word;
        margin-left: 15px; }
      .configurator .sidebar .product-header .close-sidebar {
        display: none; }
    .configurator .sidebar .option-list {
      color: #fff;
      font-size: 1.1em;
      overflow: auto;
      flex-grow: 1;
      padding: 1.5em 0; }
      .configurator .sidebar .option-list .configuration {
        color: rgba(255, 255, 255, 0.8);
        text-transform: uppercase;
        margin-bottom: 1em;
        margin-left: 15px; }
      .configurator .sidebar .option-list .option {
        display: flex;
        align-items: center;
        min-height: 2.8em;
        color: rgba(255, 255, 255, 0.6);
        position: relative;
        cursor: pointer; }
        .configurator .sidebar .option-list .option.completed, .configurator .sidebar .option-list .option.active {
          color: #fff; }
        .configurator .sidebar .option-list .option:not(.active):hover {
          background-color: #3f444c; }
        .configurator .sidebar .option-list .option.active {
          background-color: #626a76;
          font-weight: bold;
          letter-spacing: 1px; }
          .configurator .sidebar .option-list .option.active:before {
            position: absolute;
            content: ' ';
            height: 100%;
            width: 3px;
            background-color: #5BECC0;
            top: 0;
            left: 0;
            bottom: 0; }
        .configurator .sidebar .option-list .option .option-icon-container {
          margin-left: 15px;
          width: 20px;
          margin-right: 0.7em; }
          .configurator .sidebar .option-list .option .option-icon-container .completed-icon {
            display: none; }
            .configurator .sidebar .option-list .option .option-icon-container .completed-icon svg {
              height: 11px;
              width: 18px; }
              .configurator .sidebar .option-list .option .option-icon-container .completed-icon svg .checkbox-completed {
                fill: #5BECC0; }
          .configurator .sidebar .option-list .option .option-icon-container .warning-icon {
            display: none;
            margin-left: 7px; }
            .configurator .sidebar .option-list .option .option-icon-container .warning-icon svg {
              fill: #ff4242; }
        .configurator .sidebar .option-list .option.completed:not(.has-error) .completed-icon {
          display: block; }
        .configurator .sidebar .option-list .option.has-error .warning-icon {
          display: block; }
    .configurator .sidebar .console-header {
      background: rgba(0, 0, 0, 0.3);
      font-size: 1.3em;
      color: #fff;
      padding: 0.4em 0.9em;
      font-family: monospace;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (prefers-color-scheme: dark) {
        .configurator .sidebar .console-header {
          background: #373737 !important; } }
      .configurator .sidebar .console-header .console-toggle {
        font-size: 0.8em;
        transition: all 0.4s ease;
        transform: rotate(180deg);
        cursor: pointer; }
        .configurator .sidebar .console-header .console-toggle.collapsed {
          transform: rotate(0deg); }
    .configurator .sidebar .test-console {
      height: 40%;
      background: black;
      color: #fff;
      overflow-y: auto;
      position: relative; }
      .configurator .sidebar .test-console.collapsed {
        height: 4em !important; }
      .configurator .sidebar .test-console h3 {
        color: #fff !important;
        text-align: center;
        margin: 0.5em auto;
        font-family: monospace; }
      .configurator .sidebar .test-console .change-callstack {
        word-break: break-word;
        border-bottom: 1px solid #fff;
        padding: 0.5em 1em; }
        .configurator .sidebar .test-console .change-callstack .change-title {
          position: relative;
          padding: 0.5em 1em;
          font-family: monospace;
          font-size: 1.2em; }
          .configurator .sidebar .test-console .change-callstack .change-title:hover {
            background: #4c4c4c;
            cursor: pointer; }
  .configurator .main {
    width: 80%;
    display: flex;
    flex-direction: column; }
    .configurator .main .top-section {
      background: #fff;
      height: 60px;
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
      display: flex;
      padding: 0 1em;
      justify-content: unset; }
      @media (prefers-color-scheme: dark) {
        .configurator .main .top-section {
          background: #292e32 !important; } }
      .configurator .main .top-section .sidebar-toggle-icon {
        display: none; }
      .configurator .main .top-section .hidden-desktop {
        display: none; }
      .configurator .main .top-section .product-quantity {
        display: flex;
        align-items: center; }
        .configurator .main .top-section .product-quantity .product-quantity-numeric-input {
          width: 200px; }
      .configurator .main .top-section .price-container {
        display: flex;
        align-items: center;
        margin-left: 2em; }
    .configurator .main .main-content-wrapper {
      display: flex;
      height: 100%; }
      .configurator .main .main-content-wrapper .mobile-tabs {
        display: none; }
      .configurator .main .main-content-wrapper .title {
        font-weight: 400;
        font-size: 1.2em;
        position: relative; }
        .configurator .main .main-content-wrapper .title:after {
          position: absolute;
          bottom: -7px;
          left: 0;
          right: 0;
          width: 100%;
          height: 1px;
          background: #e8ecee;
          content: ''; }
      .configurator .main .main-content-wrapper h4 {
        margin-bottom: 1em; }
      .configurator .main .main-content-wrapper .option-details,
      .configurator .main .main-content-wrapper .component-container {
        background: #e8ecee;
        align-items: center;
        padding: 1em;
        width: 66%;
        height: 100%;
        display: none; }
        @media (prefers-color-scheme: dark) {
          .configurator .main .main-content-wrapper .option-details,
          .configurator .main .main-content-wrapper .component-container {
            background: #1d1f22 !important; } }
        .configurator .main .main-content-wrapper .option-details .option-content-container,
        .configurator .main .main-content-wrapper .component-container .option-content-container {
          display: flex;
          flex-direction: row;
          height: 100%;
          width: 100%; }
        .configurator .main .main-content-wrapper .option-details .option-dimension-select .form-group,
        .configurator .main .main-content-wrapper .component-container .option-dimension-select .form-group {
          padding: 0;
          margin-bottom: 10px !important; }
        .configurator .main .main-content-wrapper .option-details.show,
        .configurator .main .main-content-wrapper .component-container.show {
          display: inherit; }
        .configurator .main .main-content-wrapper .option-details .option-content,
        .configurator .main .main-content-wrapper .option-details .components,
        .configurator .main .main-content-wrapper .component-container .option-content,
        .configurator .main .main-content-wrapper .component-container .components {
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
          height: 100%;
          width: 50%;
          background: #fff;
          padding: 1em;
          overflow-y: auto; }
          .configurator .main .main-content-wrapper .option-details .option-content label,
          .configurator .main .main-content-wrapper .option-details .components label,
          .configurator .main .main-content-wrapper .component-container .option-content label,
          .configurator .main .main-content-wrapper .component-container .components label {
            margin-bottom: 0;
            font-size: 0.9em; }
          .configurator .main .main-content-wrapper .option-details .option-content .product-code,
          .configurator .main .main-content-wrapper .option-details .components .product-code,
          .configurator .main .main-content-wrapper .component-container .option-content .product-code,
          .configurator .main .main-content-wrapper .component-container .components .product-code {
            font-weight: 500; }
          .configurator .main .main-content-wrapper .option-details .option-content .error-message-container,
          .configurator .main .main-content-wrapper .option-details .components .error-message-container,
          .configurator .main .main-content-wrapper .component-container .option-content .error-message-container,
          .configurator .main .main-content-wrapper .component-container .components .error-message-container {
            margin-bottom: 1em;
            display: none;
            word-break: break-word; }
            .configurator .main .main-content-wrapper .option-details .option-content .error-message-container.show,
            .configurator .main .main-content-wrapper .option-details .components .error-message-container.show,
            .configurator .main .main-content-wrapper .component-container .option-content .error-message-container.show,
            .configurator .main .main-content-wrapper .component-container .components .error-message-container.show {
              display: block; }
          @media (prefers-color-scheme: dark) {
            .configurator .main .main-content-wrapper .option-details .option-content,
            .configurator .main .main-content-wrapper .option-details .components,
            .configurator .main .main-content-wrapper .component-container .option-content,
            .configurator .main .main-content-wrapper .component-container .components {
              background: #292e32 !important; } }
          .configurator .main .main-content-wrapper .option-details .option-content.summary,
          .configurator .main .main-content-wrapper .option-details .components.summary,
          .configurator .main .main-content-wrapper .component-container .option-content.summary,
          .configurator .main .main-content-wrapper .component-container .components.summary {
            width: 40%; }
          .configurator .main .main-content-wrapper .option-details .option-content.option-values .option-dimension-wrapper,
          .configurator .main .main-content-wrapper .option-details .components.option-values .option-dimension-wrapper,
          .configurator .main .main-content-wrapper .component-container .option-content.option-values .option-dimension-wrapper,
          .configurator .main .main-content-wrapper .component-container .components.option-values .option-dimension-wrapper {
            display: flex;
            align-items: center; }
            .configurator .main .main-content-wrapper .option-details .option-content.option-values .option-dimension-wrapper:not(:last-child),
            .configurator .main .main-content-wrapper .option-details .components.option-values .option-dimension-wrapper:not(:last-child),
            .configurator .main .main-content-wrapper .component-container .option-content.option-values .option-dimension-wrapper:not(:last-child),
            .configurator .main .main-content-wrapper .component-container .components.option-values .option-dimension-wrapper:not(:last-child) {
              margin-bottom: 1em; }
            .configurator .main .main-content-wrapper .option-details .option-content.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .option-details .components.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .component-container .option-content.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .component-container .components.option-values .option-dimension-wrapper .option-dimension-name {
              word-break: break-word;
              padding-right: 1em; }
            .configurator .main .main-content-wrapper .option-details .option-content.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .option-details .option-content.option-values .option-dimension-wrapper .option-dimension-value,
            .configurator .main .main-content-wrapper .option-details .components.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .option-details .components.option-values .option-dimension-wrapper .option-dimension-value,
            .configurator .main .main-content-wrapper .component-container .option-content.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .component-container .option-content.option-values .option-dimension-wrapper .option-dimension-value,
            .configurator .main .main-content-wrapper .component-container .components.option-values .option-dimension-wrapper .option-dimension-name,
            .configurator .main .main-content-wrapper .component-container .components.option-values .option-dimension-wrapper .option-dimension-value {
              width: 50%;
              margin-bottom: 0; }
          .configurator .main .main-content-wrapper .option-details .option-content:not(:last-child),
          .configurator .main .main-content-wrapper .option-details .components:not(:last-child),
          .configurator .main .main-content-wrapper .component-container .option-content:not(:last-child),
          .configurator .main .main-content-wrapper .component-container .components:not(:last-child) {
            margin-right: 1em; }
          .configurator .main .main-content-wrapper .option-details .option-content .e-chips,
          .configurator .main .main-content-wrapper .option-details .components .e-chips,
          .configurator .main .main-content-wrapper .component-container .option-content .e-chips,
          .configurator .main .main-content-wrapper .component-container .components .e-chips {
            background: #5c5b6c; }
          .configurator .main .main-content-wrapper .option-details .option-content .option-item-wrapper i,
          .configurator .main .main-content-wrapper .option-details .components .option-item-wrapper i,
          .configurator .main .main-content-wrapper .component-container .option-content .option-item-wrapper i,
          .configurator .main .main-content-wrapper .component-container .components .option-item-wrapper i {
            transform: translateY(20%); }
          .configurator .main .main-content-wrapper .option-details .option-content .option-item,
          .configurator .main .main-content-wrapper .option-details .components .option-item,
          .configurator .main .main-content-wrapper .component-container .option-content .option-item,
          .configurator .main .main-content-wrapper .component-container .components .option-item {
            border: 1px rgba(112, 112, 112, 0.25) solid;
            border-radius: 5px;
            padding: 5px 10px;
            text-align: center;
            cursor: pointer;
            flex-grow: 1; }
            @media (prefers-color-scheme: dark) {
              .configurator .main .main-content-wrapper .option-details .option-content .option-item,
              .configurator .main .main-content-wrapper .option-details .components .option-item,
              .configurator .main .main-content-wrapper .component-container .option-content .option-item,
              .configurator .main .main-content-wrapper .component-container .components .option-item {
                border: 1px rgba(112, 112, 112, 0.45) solid !important; } }
            .configurator .main .main-content-wrapper .option-details .option-content .option-item:not(.disabled):not(.selected):hover,
            .configurator .main .main-content-wrapper .option-details .components .option-item:not(.disabled):not(.selected):hover,
            .configurator .main .main-content-wrapper .component-container .option-content .option-item:not(.disabled):not(.selected):hover,
            .configurator .main .main-content-wrapper .component-container .components .option-item:not(.disabled):not(.selected):hover {
              background: white; }
              @media (prefers-color-scheme: dark) {
                .configurator .main .main-content-wrapper .option-details .option-content .option-item:not(.disabled):not(.selected):hover,
                .configurator .main .main-content-wrapper .option-details .components .option-item:not(.disabled):not(.selected):hover,
                .configurator .main .main-content-wrapper .component-container .option-content .option-item:not(.disabled):not(.selected):hover,
                .configurator .main .main-content-wrapper .component-container .components .option-item:not(.disabled):not(.selected):hover {
                  background: #3f444c !important; } }
            .configurator .main .main-content-wrapper .option-details .option-content .option-item:not(:last-child),
            .configurator .main .main-content-wrapper .option-details .components .option-item:not(:last-child),
            .configurator .main .main-content-wrapper .component-container .option-content .option-item:not(:last-child),
            .configurator .main .main-content-wrapper .component-container .components .option-item:not(:last-child) {
              margin-bottom: 1em; }
            .configurator .main .main-content-wrapper .option-details .option-content .option-item.selected,
            .configurator .main .main-content-wrapper .option-details .components .option-item.selected,
            .configurator .main .main-content-wrapper .component-container .option-content .option-item.selected,
            .configurator .main .main-content-wrapper .component-container .components .option-item.selected {
              background: #7d8693;
              color: #fff;
              font-size: 1.2em; }
            .configurator .main .main-content-wrapper .option-details .option-content .option-item.disabled,
            .configurator .main .main-content-wrapper .option-details .components .option-item.disabled,
            .configurator .main .main-content-wrapper .component-container .option-content .option-item.disabled,
            .configurator .main .main-content-wrapper .component-container .components .option-item.disabled {
              color: rgba(112, 112, 112, 0.25);
              cursor: not-allowed; }
            .configurator .main .main-content-wrapper .option-details .option-content .option-item.selected.disabled,
            .configurator .main .main-content-wrapper .option-details .components .option-item.selected.disabled,
            .configurator .main .main-content-wrapper .component-container .option-content .option-item.selected.disabled,
            .configurator .main .main-content-wrapper .component-container .components .option-item.selected.disabled {
              background: white; }
        .configurator .main .main-content-wrapper .option-details .components,
        .configurator .main .main-content-wrapper .component-container .components {
          width: 100%; }
          .configurator .main .main-content-wrapper .option-details .components .table thead th,
          .configurator .main .main-content-wrapper .component-container .components .table thead th {
            border-top: none; }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr:nth-of-type(odd):not(.total-row),
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr:nth-of-type(odd):not(.total-row) {
            background-color: #fbfbfb; }
            @media (prefers-color-scheme: dark) {
              .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr:nth-of-type(odd):not(.total-row),
              .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr:nth-of-type(odd):not(.total-row) {
                background-color: #161524 !important; } }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.nested td:first-child span.indent,
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.nested td:first-child span.indent {
            margin-left: 1.5rem !important; }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.nested td:not(:first-child) span.indent,
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.nested td:not(:first-child) span.indent {
            margin-left: 0.5rem !important; }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.nested td:not(:first-child) span.multiplier,
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.nested td:not(:first-child) span.multiplier {
            opacity: 0.8; }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.total-row,
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.total-row {
            background-color: #fff; }
            @media (prefers-color-scheme: dark) {
              .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.total-row,
              .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.total-row {
                background-color: #292e32 !important; } }
            .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr.total-row td,
            .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr.total-row td {
              font-size: 1.1em;
              font-weight: 600; }
          .configurator .main .main-content-wrapper .option-details .components .table-striped tbody tr:not(.nested) td span.price-value-transaction,
          .configurator .main .main-content-wrapper .component-container .components .table-striped tbody tr:not(.nested) td span.price-value-transaction {
            font-weight: bold; }
      .configurator .main .main-content-wrapper .summary-container {
        padding: 1em;
        background: #e8ecee;
        width: 34%;
        padding-left: 0;
        display: flex;
        flex-direction: column; }
        @media (prefers-color-scheme: dark) {
          .configurator .main .main-content-wrapper .summary-container {
            background: #1d1f22 !important; } }
        .configurator .main .main-content-wrapper .summary-container .summary {
          background: #fff;
          width: 100%;
          padding: 1em;
          flex-grow: 1; }
          @media (prefers-color-scheme: dark) {
            .configurator .main .main-content-wrapper .summary-container .summary {
              background: #292e32 !important; } }
          .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header {
            height: 3%;
            padding: 0 1em;
            background: #7a8391;
            align-items: center; }
            .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header i {
              font-size: 1em;
              cursor: pointer;
              color: #fff !important; }
            .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header .image-toggle {
              transition: all 0.4s ease;
              transform: rotate(180deg); }
              .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header .image-toggle.collapsed {
                transform: rotate(0deg); }
            .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header + .image-container {
              height: 20%;
              background: #fff;
              position: relative; }
              @media (prefers-color-scheme: dark) {
                .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header + .image-container {
                  background: #292e32 !important; } }
              .configurator .main .main-content-wrapper .summary-container .summary.has-image + .image-container-header + .image-container img {
                max-width: 100%;
                max-height: 100%;
                object-fit: contain;
                position: absolute; }
        .configurator .main .main-content-wrapper .summary-container .summary-card {
          background: none; }
          .configurator .main .main-content-wrapper .summary-container .summary-card .header {
            background: #7a8391;
            padding: 2px 1em;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .configurator .main .main-content-wrapper .summary-container .summary-card .header .option-name {
              font-size: 1.3em;
              color: #fff; }
            .configurator .main .main-content-wrapper .summary-container .summary-card .header .price-container {
              color: #fff;
              margin-left: 1em; }
          .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item {
            background: #eceef0;
            padding: 0.5em 1em; }
            @media (prefers-color-scheme: dark) {
              .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item {
                background: #161524 !important; } }
            .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item-header {
              display: flex;
              align-items: center; }
              .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item-header i {
                margin-right: 0.7em;
                transition: all 0.4s ease;
                transform: rotate(0deg);
                cursor: pointer; }
                .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item-header i.open {
                  transform: rotate(180deg); }
            .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item-name {
              margin-bottom: 0;
              flex-grow: 1; }
            .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .dimensions {
              margin-top: 0.7em;
              padding-left: calc(0.7em + 0.875rem);
              cursor: pointer; }
              .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .dimensions:hover {
                background: #f8f8f9; }
                @media (prefers-color-scheme: dark) {
                  .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .dimensions:hover {
                    background: #3f444c !important; } }
            .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .item-dimension {
              display: flex; }
              .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .item-dimension .name {
                flex-grow: 1; }
              .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .item-dimension .value {
                margin: 0 1em; }
            .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item .item-dimension + .item-dimension {
              margin-top: 0.3em; }
          .configurator .main .main-content-wrapper .summary-container .summary-card .body .summary-option-item + .summary-option-item {
            margin-top: 2px; }
        .configurator .main .main-content-wrapper .summary-container .summary-card + .summary-card {
          margin-top: 2em; }
    .configurator .main .footer {
      background: #fff;
      height: 60px;
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
      display: flex;
      padding: 0.5em 1em;
      position: relative;
      z-index: 100; }
      @media (prefers-color-scheme: dark) {
        .configurator .main .footer {
          background: #292e32 !important; } }
      .configurator .main .footer .icon {
        display: none; }
      .configurator .main .footer .btn {
        height: 36px;
        width: 135px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        font-size: 18px;
        background: #7a8391;
        border: 1px solid #747e8c;
        color: #fff;
        transition: all .25s ease-in-out; }
        .configurator .main .footer .btn.btn-inverse {
          border-width: 2px;
          color: #7a8391;
          background: none;
          opacity: 0.85; }
          .configurator .main .footer .btn.btn-inverse:hover {
            opacity: 1; }
          @media (prefers-color-scheme: dark) {
            .configurator .main .footer .btn.btn-inverse {
              border-width: 2px;
              color: #fff;
              background: none;
              border-color: #7a8391; } }
        .configurator .main .footer .btn:not(.disabled):hover {
          transform: scale(1.03) translateY(-1px);
          box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.2); }
      .configurator .main .footer .disabled .btn {
        background: #ced1d6;
        color: rgba(255, 255, 255, 0.6);
        cursor: not-allowed;
        border-color: #c5c9cf; }
        @media (prefers-color-scheme: dark) {
          .configurator .main .footer .disabled .btn {
            background: #e7e8eb !important; } }
        .configurator .main .footer .disabled .btn:hover {
          transform: none !important;
          box-shadow: none !important; }
      .configurator .main .footer .back-container,
      .configurator .main .footer .next-container,
      .configurator .main .footer .finish-container,
      .configurator .main .footer .finalise-container,
      .configurator .main .footer .go-back-container {
        display: flex;
        align-items: center; }
      .configurator .main .footer .back-container {
        flex-grow: 1; }
      .configurator .main .footer .next-container {
        justify-content: flex-end; }
      .configurator .main .footer .finish-container {
        margin-right: 2em; }
      .configurator .main .footer .finalise-container,
      .configurator .main .footer .go-back-sub-container,
      .configurator .main .footer .go-back-container {
        display: none; }

.configurator.completed .main .top-section {
  padding: 0 2em !important; }

.configurator.completed .main .option-details {
  display: none !important; }

.configurator.completed .main .component-container {
  display: inherit !important; }

.configurator.completed .main .footer .finalise-container,
.configurator.completed .main .footer .go-back-container {
  display: inherit !important; }

.configurator.completed .main .footer .back-container,
.configurator.completed .main .footer .finish-container,
.configurator.completed .main .footer .go-back-sub-container,
.configurator.completed .main .footer .next-container {
  display: none !important; }

.configurator.subconfigurator .main .footer .go-back-sub-container {
  display: inherit;
  align-items: center; }

#custommodal .modal-content .close[data-dismiss="modal"] {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 20px;
  z-index: 3000; }
  @media (prefers-color-scheme: dark) {
    #custommodal .modal-content .close[data-dismiss="modal"] {
      color: #fff !important; } }

@media only screen and (max-width: 813px) {
  #custommodal .modal-content .close[data-dismiss="modal"] {
    top: 27px; }
  .configurator .sidebar {
    position: absolute;
    height: 100%;
    width: 80%;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: all 0.3s ease-in;
    z-index: 5; }
    .configurator .sidebar .product-code {
      max-width: 80%; }
    .configurator .sidebar .close-sidebar {
      display: block !important;
      color: #fff !important;
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 1.5em;
      opacity: 0.5; }
    .configurator .sidebar.show {
      transform: translateX(0); }
  .configurator .main {
    width: 100%;
    flex-direction: column; }
    .configurator .main .top-section {
      height: 77px;
      padding: 28px 25px;
      justify-content: space-between; }
      .configurator .main .top-section .sidebar-toggle-icon {
        display: block; }
      .configurator .main .top-section .hidden-desktop {
        display: block; }
      .configurator .main .top-section .hidden-mobile {
        display: none; }
      .configurator .main .top-section .product-quantity {
        justify-content: center; }
        .configurator .main .top-section .product-quantity.no-price-in-header {
          margin-right: 6em; }
        .configurator .main .top-section .product-quantity .product-quantity-numeric-input {
          width: 200px; }
      .configurator .main .top-section .price-container {
        margin: 0 2em 0 0 !important; }
    .configurator .main .main-content-wrapper {
      flex-direction: column; }
      .configurator .main .main-content-wrapper .mobile-tabs {
        width: 100%;
        display: flex;
        height: 35px; }
        .configurator .main .main-content-wrapper .mobile-tabs .tab {
          width: 33.333333%;
          background-color: #88909d;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative; } }
        @media only screen and (max-width: 813px) and (prefers-color-scheme: dark) {
          .configurator .main .main-content-wrapper .mobile-tabs .tab {
            opacity: 0.5; } }

@media only screen and (max-width: 813px) {
          .configurator .main .main-content-wrapper .mobile-tabs .tab[data-target="components"] {
            display: none; }
          .configurator .main .main-content-wrapper .mobile-tabs .tab.active {
            background-color: #626a76; } }
          @media only screen and (max-width: 813px) and (prefers-color-scheme: dark) {
            .configurator .main .main-content-wrapper .mobile-tabs .tab.active {
              opacity: 1;
              background-color: #6d7684 !important; } }

@media only screen and (max-width: 813px) {
            .configurator .main .main-content-wrapper .mobile-tabs .tab.active:after {
              position: absolute;
              bottom: -2px;
              left: 0;
              right: 0;
              width: 100%;
              height: 4px;
              content: '';
              background-color: #5BECC0; }
            .configurator .main .main-content-wrapper .mobile-tabs .tab.active .tab-icon {
              fill: #fff; }
              .configurator .main .main-content-wrapper .mobile-tabs .tab.active .tab-icon .wm-icon {
                color: #fff !important; }
          .configurator .main .main-content-wrapper .mobile-tabs .tab .tab-icon {
            fill: rgba(255, 255, 255, 0.6);
            height: 16px;
            width: 16px; }
            .configurator .main .main-content-wrapper .mobile-tabs .tab .tab-icon .wm-icon {
              color: rgba(255, 255, 255, 0.6) !important; }
      .configurator .main .main-content-wrapper .title {
        display: none; }
      .configurator .main .main-content-wrapper .option-details,
      .configurator .main .main-content-wrapper .component-container {
        padding: 0.5em 0;
        width: 100%; }
        .configurator .main .main-content-wrapper .option-details :not(:last-child),
        .configurator .main .main-content-wrapper .component-container :not(:last-child) {
          margin-right: 0em; }
        .configurator .main .main-content-wrapper .option-details .option-content-container,
        .configurator .main .main-content-wrapper .component-container .option-content-container {
          width: 100%; }
        .configurator .main .main-content-wrapper .option-details .option-content,
        .configurator .main .main-content-wrapper .component-container .option-content {
          width: 100% !important;
          margin-right: 0 !important; }
          .configurator .main .main-content-wrapper .option-details .option-content:not(.show),
          .configurator .main .main-content-wrapper .component-container .option-content:not(.show) {
            display: none; }
        .configurator .main .main-content-wrapper .option-details.show,
        .configurator .main .main-content-wrapper .component-container.show {
          display: flex;
          flex-direction: column !important; }
      .configurator .main .main-content-wrapper .summary-container {
        display: none; }
        .configurator .main .main-content-wrapper .summary-container.show {
          display: flex;
          height: 100%;
          width: 100%;
          padding: 0.5em 0; }
  .configurator .footer {
    height: 55px !important; }
    .configurator .footer .btn {
      display: none !important; }
    .configurator .footer .disabled .icon .footer-icon {
      fill: #eaebed !important; } }
    @media only screen and (max-width: 813px) and (prefers-color-scheme: dark) {
      .configurator .footer .disabled .icon .footer-icon {
        fill: #868686 !important; } }

@media only screen and (max-width: 813px) {
    .configurator .footer .icon {
      display: block !important; }
      .configurator .footer .icon .footer-icon {
        fill: #7a8391; } }
      @media only screen and (max-width: 813px) and (prefers-color-scheme: dark) {
        .configurator .footer .icon .footer-icon {
          fill: #7a8391 !important; } }

@media only screen and (max-width: 813px) {
    .configurator .footer .back-container {
      width: auto !important;
      flex-grow: 1; }
    .configurator .footer .finish-container {
      flex-grow: 1;
      margin-right: 0 !important; }
    .configurator .footer .finalise-container,
    .configurator .footer .go-back-container,
    .configurator .footer .go-back-sub-container,
    .configurator .footer .finish-container {
      color: #7a8391; }
    .configurator .footer .next-summary-container {
      width: auto !important;
      align-items: flex-end; }
  .configurator.completed .main .top-section {
    padding: 28px 25px !important; }
  .configurator.completed .main .mobile-tabs .tab[data-target="option-item"], .configurator.completed .main .mobile-tabs .tab[data-target="option-item-values"] {
    display: none; }
  .configurator.completed .main .mobile-tabs .tab[data-target="components"] {
    display: flex;
    flex-grow: 1; }
  .configurator.completed .main .mobile-tabs .tab[data-target="summary"] {
    flex-grow: 1; }
  .configurator.completed .main .component-container {
    display: none !important; }
    .configurator.completed .main .component-container.show {
      display: block !important; }
  .configurator.completed .footer {
    flex-direction: row-reverse !important;
    justify-content: space-between !important; } }

@media only screen and (min-width: 376px) and (max-width: 500px) {
  .option-details {
    height: 90% !important; }
  .footer {
    height: 45px !important; }
    .footer .btn {
      height: 30px !important; } }

@media only screen and (min-width: 501px) and (max-width: 767px) {
  .footer {
    height: 10% !important; }
    .footer .btn {
      height: 30px !important;
      font-size: 15px !important; } }

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .main .footer {
    padding: 0.2em 0.8em !important;
    height: 8% !important; }
    .main .footer .btn {
      height: 25px !important; } }

.configurator-changes .e-list-parent.e-ul .e-list-item.e-active .e-text-content {
  background-color: transparent !important; }

.image-popup {
  position: fixed;
  z-index: 999999999;
  top: -100%;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  margin-left: 0;
  width: 100%;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.7); }
  .image-popup .popup-container {
    position: absolute;
    z-index: 100000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    transition: 0.2s ease-in-out;
    margin: auto;
    width: 0;
    height: 0px; }
  .image-popup.open {
    top: 0;
    opacity: 1;
    height: 100%; }
    .image-popup.open .popup-container {
      overflow: auto;
      width: 100%;
      height: 80vh; }
    @media only screen and (min-width: 29em) {
      .image-popup.open .popup-container {
        width: 100%; } }
    @media only screen and (min-width: 62em) {
      .image-popup.open .popup-container {
        width: 80%; } }
    @media only screen and (min-width: 75em) {
      .image-popup.open .popup-container {
        width: 50%; } }
  .image-popup .close-button {
    position: absolute;
    z-index: 999;
    top: -8px;
    right: 6px;
    opacity: 0.5;
    transition: 0.2s;
    cursor: pointer;
    font-size: 36px;
    color: #777; }
  .image-popup .close-button:hover {
    opacity: 1; }
  .image-popup .sub-container {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: auto;
    transition: .3s;
    width: 100%;
    height: 100%;
    padding: 2.2rem 1rem;
    background-color: white; }
    @media only screen and (min-width: 62em) {
      .image-popup .sub-container {
        padding: 2.2rem 1.8rem; } }
    @media (prefers-color-scheme: dark) {
      .image-popup .sub-container {
        background-color: #292e32; } }
    .image-popup .sub-container .feature {
      height: auto !important; }
      .image-popup .sub-container .feature .full-content-header {
        align-items: center;
        margin-bottom: 1rem; }
        .image-popup .sub-container .feature .full-content-header h4, .image-popup .sub-container .feature .full-content-header h3 {
          flex-grow: 1; }
      .image-popup .sub-container .feature .single-feature,
      .image-popup .sub-container .feature .feature-list li {
        opacity: 1 !important; }

.image-popup.open img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* ----- DATATABLES ----- */
.wm-datatable {
  --highlightColour: #afb3b9;
  --highlighBlur: 0px;
  --highlightWidth: 4px;
  border: 0; }
  .wm-datatable.dataTable {
    border-collapse: collapse !important; }
    .wm-datatable.dataTable tr.card-active {
      background: #edf2f3; }
    .wm-datatable.dataTable tr.card-selectable:hover {
      background: #edf2f3;
      cursor: pointer; }
    .wm-datatable.dataTable tr > td br {
      content: ' '; }
      .wm-datatable.dataTable tr > td br::after {
        content: ' '; }
    .wm-datatable.dataTable.dtr-column td.control {
      width: 20px; }
      @media only screen and (max-width: 47.9375em) {
        .wm-datatable.dataTable.dtr-column td.control {
          min-width: 20px; } }
    .wm-datatable.dataTable tr > td > span .wm-icon {
      cursor: default; }
    .wm-datatable.dataTable tbody > tr {
      line-height: unset; }
      .wm-datatable.dataTable tbody > tr .row-select-cell:hover {
        background-color: rgba(0, 0, 0, 0.1);
        cursor: pointer; }
        @media (prefers-color-scheme: dark) {
          .wm-datatable.dataTable tbody > tr .row-select-cell:hover {
            background-color: rgba(255, 255, 255, 0.2); } }
        @media (prefers-color-scheme: dark) {
          .wm-datatable.dataTable tbody > tr .row-select-cell:hover {
            border-right-color: #dee2e663 !important; } }
      .wm-datatable.dataTable tbody > tr .row-select-cell .wm-grid-row-selected-icon {
        opacity: 0.1; }
      .wm-datatable.dataTable tbody > tr .row-select-cell.selected .wm-grid-row-selected-icon {
        opacity: 1; }
  .wm-datatable-filter-icon {
    margin-left: 4.5px; }
    .wm-datatable-filter-icon svg.wm-icon {
      fill: #c0c9d3; }
    .wm-datatable-filter-icon i.wm-icon {
      color: #c0c9d3; }
  .wm-datatable-filter-container {
    width: 31px;
    height: 31px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    min-width: 31px;
    cursor: pointer; }
    .wm-datatable-filter-container:hover {
      background-color: transparent !important; }
      .wm-datatable-filter-container:hover > i {
        color: #7a8391 !important; }
  @media only screen and (max-width: 28.9375em) {
    .wm-datatable.responsive .child .dropdown.wm-dropdown.wm-web-actions-menu.wm-pointer {
      background-color: #f8f9fa;
      border: 1px solid #e9ecef !important;
      width: 30px; } }
  .wm-datatable .dropdown.wm-dropdown.wm-web-actions-menu.wm-pointer {
    padding-top: 4px;
    text-align: center; }
  .wm-datatable th,
  .wm-datatable td {
    border: 0;
    padding: 6px 8px !important;
    vertical-align: middle; }
  .wm-datatable td:focus {
    outline: none !important; }
  @media (prefers-color-scheme: dark) {
    .wm-datatable tbody tr:nth-child(odd) .wm-td-primary > a > .wm-datatable-column-drilldown,
    .wm-datatable tbody tr:nth-child(odd) .wm-td-primary > div > div,
    .wm-datatable tbody tr:nth-child(odd) .wm-td-primary span > div, .wm-datatable tbody tr.odd .wm-td-primary > a > .wm-datatable-column-drilldown,
    .wm-datatable tbody tr.odd .wm-td-primary > div > div,
    .wm-datatable tbody tr.odd .wm-td-primary span > div {
      color: #d0d2d6 !important; }
      .wm-datatable tbody tr:nth-child(odd) .wm-td-primary > a > .wm-datatable-column-drilldown:hover,
      .wm-datatable tbody tr:nth-child(odd) .wm-td-primary > div > div:hover,
      .wm-datatable tbody tr:nth-child(odd) .wm-td-primary span > div:hover, .wm-datatable tbody tr.odd .wm-td-primary > a > .wm-datatable-column-drilldown:hover,
      .wm-datatable tbody tr.odd .wm-td-primary > div > div:hover,
      .wm-datatable tbody tr.odd .wm-td-primary span > div:hover {
        color: #e5e7e9 !important; }
    .wm-datatable tbody tr:nth-child(odd) .wm-td-secondary, .wm-datatable tbody tr.odd .wm-td-secondary {
      color: #c0c9d3 !important; } }
  @media (prefers-color-scheme: light) {
    .wm-datatable tbody tr:nth-child(even), .wm-datatable tbody tr.even {
      background-color: white !important; }
      .wm-datatable tbody tr:nth-child(even):not(.wm-row-selected):hover, .wm-datatable tbody tr.even:not(.wm-row-selected):hover {
        background-color: white !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-datatable tbody tr:nth-child(even), .wm-datatable tbody tr.even {
      background-color: #191c1f !important; }
      .wm-datatable tbody tr:nth-child(even) .wm-td-primary > a > .wm-datatable-column-drilldown,
      .wm-datatable tbody tr:nth-child(even) .wm-td-primary > div > div,
      .wm-datatable tbody tr:nth-child(even) .wm-td-primary span > div, .wm-datatable tbody tr.even .wm-td-primary > a > .wm-datatable-column-drilldown,
      .wm-datatable tbody tr.even .wm-td-primary > div > div,
      .wm-datatable tbody tr.even .wm-td-primary span > div {
        color: #d0d2d6 !important; }
        .wm-datatable tbody tr:nth-child(even) .wm-td-primary > a > .wm-datatable-column-drilldown:hover,
        .wm-datatable tbody tr:nth-child(even) .wm-td-primary > div > div:hover,
        .wm-datatable tbody tr:nth-child(even) .wm-td-primary span > div:hover, .wm-datatable tbody tr.even .wm-td-primary > a > .wm-datatable-column-drilldown:hover,
        .wm-datatable tbody tr.even .wm-td-primary > div > div:hover,
        .wm-datatable tbody tr.even .wm-td-primary span > div:hover {
          color: #e5e7e9 !important; }
      .wm-datatable tbody tr:nth-child(even) .wm-td-secondary, .wm-datatable tbody tr.even .wm-td-secondary {
        color: #c0c9d3 !important; } }
  .wm-datatable tbody tr.wm-row-selected {
    background-color: white !important; }
    @media (prefers-color-scheme: dark) {
      .wm-datatable tbody tr.wm-row-selected {
        background-color: #626a76 !important; } }
  .wm-datatable a:hover {
    text-decoration: none; }
  .wm-datatable-column-drilldown {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 21px; }
    .wm-datatable-column-drilldown.wm-web-action.wm-pointer.wm-datatable-column-drilldown::after {
      width: 0;
      height: 0;
      content: " ";
      display: inline-block;
      line-height: 0; }
  .wm-datatable .wm-limit-width {
    word-break: break-word !important; }
    .wm-datatable .wm-limit-width > div {
      width: 100% !important; }
    .wm-datatable .wm-limit-width.text-nowrap {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.wm-table-hover-for-timeline .wm-datatable.dataTable tr:hover {
  cursor: pointer; }

.wm-task-table-action:hover .fa {
  cursor: pointer;
  color: #454d54; }

.wm-grid-footer, .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: #202427; }
      .wm-grid-footer .pagination > li:not(:first-child) > div,
      .wm-grid-footer .pagination > li:not(:first-child) > i, .wm-widget-footer .pagination > li:not(:first-child) > div,
      .wm-widget-footer .pagination > li:not(:first-child) > i {
        color: #edf2f3 !important;
        border: none !important; } }
  .wm-grid-footer .pagination > li:not(:first-child), .wm-grid-footer .pagination > li:not(:first-child):nth-child(2), .wm-grid-footer .pagination > li:not(:first-child):nth-child(4), .wm-widget-footer .pagination > li:not(:first-child), .wm-widget-footer .pagination > li:not(:first-child):nth-child(2), .wm-widget-footer .pagination > li:not(:first-child):nth-child(4) {
    background-color: transparent !important; }
    .wm-grid-footer .pagination > li:not(:first-child):hover > i, .wm-grid-footer .pagination > li:not(:first-child):nth-child(2):hover > i, .wm-grid-footer .pagination > li:not(:first-child):nth-child(4):hover > i, .wm-widget-footer .pagination > li:not(:first-child):hover > i, .wm-widget-footer .pagination > li:not(:first-child):nth-child(2):hover > i, .wm-widget-footer .pagination > li:not(:first-child):nth-child(4):hover > i {
      color: #c5c8cc !important; }
  .wm-grid-footer .wm-select.wm-control, .wm-widget-footer .wm-select.wm-control {
    margin-left: -20px;
    width: 100%; }
  .wm-grid-footer .e-input-group, .wm-widget-footer .e-input-group {
    height: 35px !important;
    min-width: 46px !important;
    margin: auto 8px !important; }

.wm-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 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 1000px !important; }
  .wm-td-primary .wm-datatable-column-drilldown br {
    display: none; }

.wm-td-secondary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #54667a !important;
  font-size: 12px; }
  @media (prefers-color-scheme: light) {
    .wm-td-secondary {
      color: #54667a !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-td-secondary {
      color: #dbd0d0 !important; } }

.wm-td-primary div[data-popup-url],
.wm-td-primary a[href],
.wm-td-secondary a.wm-datatable-column-drilldown[href] {
  transition: color .3s;
  transition-timing-function: ease;
  color: #afb3b9; }

.wm-td-primary div[data-popup-url]:hover,
.wm-td-primary a[href]:hover,
.wm-td-secondary a.wm-datatable-column-drilldown[href]:hover {
  color: #33353b; }

.wm-td-restrict-length-xl, .wm-td-restrict-length-l, .wm-td-restrict-length-m, .wm-td-restrict-length-s, .wm-td-restrict-length-xs {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .wm-td-restrict-length-xl > .btn-group, .wm-td-restrict-length-l > .btn-group, .wm-td-restrict-length-m > .btn-group, .wm-td-restrict-length-s > .btn-group, .wm-td-restrict-length-xs > .btn-group {
    width: 100%; }

.wm-pagesize-select {
  margin-left: -4px;
  margin-right: 10px;
  max-width: 95px; }
  .wm-pagesize-select .e-ddl .e-select {
    border-color: #edf2f3; }

.wm-select-grid-page-info {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 12px;
  line-height: normal;
  font-weight: 500;
  text-transform: none;
  margin-left: 16px;
  color: #77818d; }

.wm-select.wm-control .e-ddl {
  margin-right: -20px !important;
  height: 32px; }
  @media only screen and (max-width: 47.9375em) {
    .wm-select.wm-control .e-ddl {
      margin-right: -30px !important; } }
  .wm-select.wm-control .e-ddl .e-input {
    margin-top: -1px; }

.wm-grid-page-number div {
  color: #596069; }

.dataTables {
  margin-top: 0 !important; }
  .dataTables thead .sorting_asc,
  .dataTables thead .sorting_desc {
    position: relative; }
    .dataTables thead .sorting_asc::before, .dataTables thead .sorting_asc::after,
    .dataTables thead .sorting_desc::before,
    .dataTables thead .sorting_desc::after {
      position: absolute;
      bottom: 0.9em;
      display: block;
      margin-bottom: 4px;
      padding-left: 10px !important; }
    .dataTables thead .sorting_asc::before,
    .dataTables thead .sorting_desc::before {
      content: "\2191";
      right: -1px; }
    .dataTables thead .sorting_asc::after,
    .dataTables thead .sorting_desc::after {
      content: "\2193";
      right: -6px; }
  .dataTables thead .sorting_asc::before {
    opacity: 1; }
  .dataTables thead .sorting_asc::after {
    opacity: 0.3; }
  .dataTables thead .sorting_desc::before {
    opacity: 0.3; }
  .dataTables thead .sorting_desc::after {
    opacity: 1; }
  .dataTables.dtr-column > tbody > tr > td.control::before,
  .dataTables.dtr-column > tbody > tr > th.control::before {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-family: "Font Awesome 5 Pro" !important;
    background-color: transparent !important;
    border: none !important;
    color: #2e3338 !important;
    content: '\f138' !important;
    left: 80% !important;
    transition: all .1s ease-in;
    box-shadow: none !important;
    font-size: 16px !important; }
  .dataTables.dtr-column > tbody > tr > td.control:hover::before,
  .dataTables.dtr-column > tbody > tr > th.control:hover::before {
    transform: scale(1.1);
    color: #33353b !important; }
    @media (prefers-color-scheme: dark) {
      .dataTables.dtr-column > tbody > tr > td.control:hover::before,
      .dataTables.dtr-column > tbody > tr > th.control:hover::before {
        color: #afb3b9 !important; } }
  .dataTables.dtr-column > tbody > tr.parent td.control::before,
  .dataTables.dtr-column > tbody > tr.parent th.control::before {
    transform: rotate(90deg);
    transition: transform .1s ease-in;
    line-height: 20px; }
  .dataTables.dtr-column > tbody > tr.parent td.control:hover,
  .dataTables.dtr-column > tbody > tr.parent th.control:hover {
    transform: scale(1.1);
    color: #33353b !important; }
    @media (prefers-color-scheme: dark) {
      .dataTables.dtr-column > tbody > tr.parent td.control:hover,
      .dataTables.dtr-column > tbody > tr.parent th.control:hover {
        color: #afb3b9 !important; } }
  .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
  .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    background-color: transparent !important;
    border: none !important;
    color: #2e3338 !important;
    content: '\f138' !important;
    left: 10px !important;
    top: 16px !important;
    transition: all .1s ease-in;
    box-shadow: none !important;
    font-family: "Font Awesome 5 Pro" !important;
    font-size: 16px !important; }
  .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:hover::before,
  .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:hover::before {
    transform: scale(1.1);
    color: #33353b !important; }
    @media (prefers-color-scheme: dark) {
      .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:hover::before,
      .dataTables.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:hover::before {
        color: #afb3b9 !important; } }
  .dataTables.dtr-inline.collapsed > tbody > tr.parent td::before,
  .dataTables.dtr-inline.collapsed > tbody > tr.parent th::before {
    transform: rotate(90deg) scale(1.1) !important;
    transition: transform .1s ease-in;
    margin-top: -1px !important;
    margin-left: 5px !important;
    line-height: 20px !important;
    color: #33353b !important; }
  .dataTables thead .sorting::before,
  .dataTables thead .sorting::after,
  .dataTables thead .sorting_asc::before,
  .dataTables thead .sorting_asc::after,
  .dataTables thead .sorting_desc::before,
  .dataTables thead .sorting_desc::after,
  .dataTables thead .sorting_asc_disabled::before,
  .dataTables thead .sorting_asc_disabled::after,
  .dataTables thead .sorting_desc_disabled::before,
  .dataTables thead .sorting_desc_disabled::after {
    bottom: 0.2em; }
  .dataTables thead th[data-sort] {
    cursor: pointer; }
  .dataTables thead > tr > th.sorting,
  .dataTables thead table.dataTable thead > tr > td.sorting {
    padding-right: 2px; }
  .dataTables > tbody > tr.child .dtr-details {
    display: unset; }
    @media only screen and (max-width: 35.9375em) {
      .dataTables > tbody > tr.child .dtr-details {
        padding-left: 5px;
        padding-top: 5px; } }
    .dataTables > tbody > tr.child .dtr-details > li {
      display: flex;
      border: none !important; }
      .dataTables > tbody > tr.child .dtr-details > li .dtr-data {
        padding-left: 5px; }
        .dataTables > tbody > tr.child .dtr-details > li .dtr-data .wm-td-primary div.wm-image-entity {
          position: relative; }
  .dataTables > tbody > tr.child .dtr-title {
    min-width: 0;
    font-weight: lighter; }
  .dataTables_info {
    border: none !important;
    background-color: transparent !important; }
    @media (prefers-color-scheme: dark) {
      .dataTables_info > i {
        color: #edf2f3 !important; } }
  .dataTables_wrapper {
    padding-left: 0;
    padding-right: 0; }
    .dataTables_wrapper .dataTables_paginate ul.pagination {
      margin: 0 0 !important; }
    .dataTables_wrapper .wm-grid-footer {
      padding-top: 10px; }
    @media only screen and (max-width: 47.9375em) {
      .dataTables_wrapper.no-footer > .wm-grid-footer {
        padding-top: 0 !important; } }
    .dataTables_wrapper.no-footer > .wm-grid-footer i {
      margin-top: -10px; }
  .dataTables_paginate ul.pagination {
    align-items: center; }
    .dataTables_paginate ul.pagination.btn-group {
      margin: 0 0 !important;
      padding: 0;
      font-size: 12px; }
    .dataTables_paginate ul.pagination li a.text-info:hover {
      cursor: pointer; }
    .dataTables_paginate ul.pagination .e-in-wrap {
      border: 1px solid #edf2f3 !important;
      border-radius: 0.2rem !important; }

@media (prefers-color-scheme: dark) {
  .table.dataTable.display tbody tr:first-child td {
    border-top: none !important; }
  .table.dataTable.display tbody td {
    border-top: none !important; } }

.table.dataTable.display tbody tr:first-child td {
  border-top: 1px solid transparent; }

.table tr.child > td.child .dtr-details li .dtr-title {
  min-width: 130px !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row; }

@media only screen and (max-width: 47.9375em) {
  .table td.all .wm-web-action-container {
    min-width: 45px;
    margin: 0 !important; }
    .table td.all .wm-web-action-container .wm-web-action-icon.ml-1.d-inline-block {
      padding-left: 6px;
      margin-top: 5px; } }

.table-responsive {
  overflow-x: initial; }

.table-footer-info {
  font-size: .875rem; }

/*** DTFC Styles ***/
.DTFC_RightWrapper {
  margin-top: -11px; }
  .DTFC_RightWrapper .DTFC_RightHeadWrapper {
    top: 11px !important; }

.DTFC_LeftBodyWrapper {
  overflow: visible !important; }
  .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner {
    overflow: visible !important;
    width: 100% !important;
    overflow-y: visible !important; }

/*right overlay table needs shifting left*/
.DTFC_RightBodyLiner {
  overflow-y: unset !important;
  padding-right: 16px;
  height: 100% !important;
  max-height: 100% !important; }
  .DTFC_RightBodyLiner table {
    margin: 0px 1px 0px !important; }
    .DTFC_RightBodyLiner table tbody tr td.adjusted-border {
      box-shadow: 0 -1px 0 #e8dbdb; }
      @media (prefers-color-scheme: dark) {
        .DTFC_RightBodyLiner table tbody tr td.adjusted-border {
          box-shadow: none !important; } }

.DTFC_ScrollWrapper > .dataTables_scroll > .dataTables_scrollHead {
  margin-bottom: -11px; }
  .DTFC_ScrollWrapper > .dataTables_scroll > .dataTables_scrollHead thead tr th .dropdown-toggle-split {
    display: none; }

.DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr td.row-select-cell {
  background-color: rgba(0, 0, 0, 0.03); }
  @media (prefers-color-scheme: dark) {
    .DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr td.row-select-cell {
      background-color: #63616117 !important; } }

.DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr.selected td {
  background-color: white !important; }
  @media (prefers-color-scheme: dark) {
    .DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr.selected td {
      background-color: #363f43 !important; } }

.DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr.selected td.row-select-cell {
  position: relative; }
  .DTFC_ScrollWrapper .wm-datatable.dataTable tbody > tr.selected td.row-select-cell::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: var(--highlightWidth);
    height: 101%;
    background-color: #afb3b9; }

/*new datatables style*/
table.DTFC_Cloned thead,
table.DTFC_Cloned tfoot {
  background-color: transparent !important; }
  @media (prefers-color-scheme: light) {
    table.DTFC_Cloned thead,
    table.DTFC_Cloned tfoot {
      background-color: transparent !important; } }
  @media (prefers-color-scheme: dark) {
    table.DTFC_Cloned thead,
    table.DTFC_Cloned tfoot {
      background-color: transparent !important; } }

/*fix for showing right hand fixed menu popups outside of grid*/
.DTFC_RightBodyWrapper,
.DTFC_RightBodyLiner,
.wm-datatable .dropdown.wm-dropdown.wm-web-actions-menu {
  position: unset !important; }

/*unset the height, as it calculates incorrectly*/
.DTFC_ScrollWrapper {
  height: unset !important; }

.wm-generic-table-widget .dataTables_wrapper.no-footer {
  margin-bottom: 14px; }
  .wm-generic-table-widget .dataTables_wrapper.no-footer .dataTables_scroll .dataTables_scrollHead .wm-datatable {
    margin-bottom: -11px; }
  .wm-generic-table-widget .dataTables_wrapper.no-footer .dataTables_scroll .dataTables_scrollBody {
    border-bottom: none !important; }
    .wm-generic-table-widget .dataTables_wrapper.no-footer .dataTables_scroll .dataTables_scrollBody .wm-datatable > tbody {
      border-top: 1px solid rgba(0, 0, 0, 0.5) !important; }

.wm-generic-table-widget .wm-grid-footer .table-footer-info > i {
  margin-top: 5px; }

/*fix for showing popups outside of grid*/
.dataTables_scrollBody,
.dataTables_scrollBody .info-tooltip {
  position: unset !important; }

/*set widths of checkboxes to 32 in tables*/
.dataTables_scroll .wm-checkbox,
.dataTables_scroll .wm-include-checkbox,
.dataTables_scroll .wm-include-select-all-cont {
  width: 32px !important; }

.draggable {
  cursor: move;
  user-select: none; }

.placeholder {
  border: 2px dashed #cbd5e0;
  background-color: #edf2f7; }

.clone-table {
  border: none;
  border-collapse: collapse; }
  .clone-table th,
  .clone-table td {
    padding: 6px 8px !important;
    vertical-align: middle;
    font-size: 14px; }
  .clone-table td {
    border-top: 1px solid #ddd; }
    @media (prefers-color-scheme: dark) {
      .clone-table td {
        border-top: none !important; } }

.dragging {
  background: #fff;
  border-top: 1px solid #ccc;
  z-index: 999; }

html.isTouch i.wm-grid-row-drag-icon {
  display: none; }

.wm-widget-body[data-render-type="Grid"] {
  --border-radius: 5px;
  --header-BG: #fff;
  --column-fixed-width: 40px;
  position: relative; }
  .wm-widget-body[data-render-type="Grid"] .table-wrapper {
    overflow: auto; }
    .wm-widget-body[data-render-type="Grid"] .table-wrapper.has-grid-actions {
      width: calc(100% - var(--column-fixed-width)); }
  .wm-widget-body[data-render-type="Grid"] .wm-datatable {
    border-collapse: separate;
    border-spacing: 0 1px; }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable .wm-include-select-all-cont {
      width: 35px !important; }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable 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: #f7fafc;
      font-weight: 600;
      color: #718096; }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable th {
          background-color: #33383e !important;
          border-bottom: 1px solid #dddddd45;
          color: #edf2f7; }
          .wm-widget-body[data-render-type="Grid"] .wm-datatable th i {
            color: #e2e8f0; } }
      .wm-widget-body[data-render-type="Grid"] .wm-datatable th i {
        color: #a0aec0; }
      .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 #dddddd45;
          background-color: #33383e !important; } }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable tr {
      background-color: #fff !important; }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable tr {
          background-color: #33383e !important; } }
      .wm-widget-body[data-render-type="Grid"] .wm-datatable tr .e-icons.e-frame {
        border-radius: 4px !important; }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected {
          background-color: #434d58 !important; } }
      .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td.row-select-cell {
        position: relative; }
        .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td.row-select-cell::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: var(--highlightWidth);
          height: 101%;
          background-color: #afb3b9; }
      .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td,
      .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td.webactionCell {
        background-color: white !important; }
        @media (prefers-color-scheme: dark) {
          .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td,
          .wm-widget-body[data-render-type="Grid"] .wm-datatable tr.selected td.webactionCell {
            background-color: #434d58 !important; } }
      .wm-widget-body[data-render-type="Grid"] .wm-datatable tr:not(.selected):hover {
        background-color: #f5f5f5; }
        @media (prefers-color-scheme: dark) {
          .wm-widget-body[data-render-type="Grid"] .wm-datatable tr:not(.selected):hover {
            background-color: #394049 !important; } }
        .wm-widget-body[data-render-type="Grid"] .wm-datatable tr:not(.selected):hover td {
          background-color: #f5f5f5; }
          @media (prefers-color-scheme: dark) {
            .wm-widget-body[data-render-type="Grid"] .wm-datatable tr:not(.selected):hover td {
              background-color: #394049 !important; } }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable th.webactionTH,
    .wm-widget-body[data-render-type="Grid"] .wm-datatable td.webactionCell {
      position: absolute;
      top: auto;
      right: 0;
      width: var(--column-fixed-width); }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable th.webactionTH,
        .wm-widget-body[data-render-type="Grid"] .wm-datatable td.webactionCell {
          background-color: #33383e !important; } }
    .wm-widget-body[data-render-type="Grid"] .wm-datatable td.webactionCell {
      border-bottom: 1px solid #ddd; }
      @media (prefers-color-scheme: dark) {
        .wm-widget-body[data-render-type="Grid"] .wm-datatable td.webactionCell {
          border-bottom: 1px solid #dddddd45; } }
    @media (prefers-color-scheme: dark) {
      .wm-widget-body[data-render-type="Grid"] .wm-datatable th.webactionTH {
        border-bottom: 1px solid #dddddd45; } }
  .wm-widget-body[data-render-type="Grid"] .wm-grid-footer {
    padding-top: 10px !important; }
    .wm-widget-body[data-render-type="Grid"] .wm-grid-footer li[data-total-records] > .row {
      margin-left: 0; }
    .wm-widget-body[data-render-type="Grid"] .wm-grid-footer .wm-page-info {
      margin: 0 !important; }
  .wm-widget-body[data-render-type="Grid"] .quick-filter-modal {
    position: absolute;
    z-index: 1200;
    top: 0;
    left: 5px;
    display: none;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    min-width: 300px;
    max-height: 450px;
    background-color: #fff; }
    @media (prefers-color-scheme: dark) {
      .wm-widget-body[data-render-type="Grid"] .quick-filter-modal {
        box-shadow: 0px 5px 5px -3px black, 0px 8px 10px 1px rgba(0, 0, 0, 0.4), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
        background-color: #393e44; } }
    .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: space-around; }
      .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .close-modal {
        position: absolute;
        top: 5px;
        right: 0;
        display: flex;
        align-items: flex-start;
        flex-grow: 0;
        margin-right: 10px;
        height: 100%;
        cursor: pointer; }
        .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .close-modal svg {
          display: inline-block;
          flex-shrink: 0;
          fill: currentColor;
          transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          width: 1em;
          height: 1em;
          font-size: 1.25rem; }
      .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content {
        display: flex;
        align-content: stretch;
        align-items: flex-end;
        flex-grow: 1;
        justify-content: space-between;
        height: 100%;
        padding: 18px;
        padding-bottom: 0; }

@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
  .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .content input,
  .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .content .e-input-group {
    background-color: #363a40 !important;
    color: #edf2f3 !important; }
    .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .content input::placeholder,
    .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .content .e-input-group::placeholder {
      color: white !important; } }
        .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column {
          display: inline-flex;
          flex-direction: column;
          justify-content: space-evenly;
          width: 160px;
          height: 100%; }
          .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column + .filter-column {
            padding-left: 10px; }
          .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column label {
            margin-bottom: 6px;
            font-size: 0.75rem;
            color: rgba(0, 0, 0, 0.54); }
            @media (prefers-color-scheme: dark) {
              .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column label {
                color: #ffffffb3; } }
          .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column .e-input-group {
            border-radius: 0.5rem; }
            .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .main-content .filter-column .e-input-group input {
              border-radius: 0.5rem;
              height: 40px;
              background: none !important; }
      .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: auto;
        padding: 8px; }
        .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions button {
          justify-content: center;
          border-color: transparent;
          outline: none;
          border-radius: 0.25rem;
          padding: 6px 12px 4px;
          background-color: transparent;
          cursor: pointer;
          line-height: 1.143em;
          text-transform: uppercase;
          text-align: center;
          text-decoration: none; }
        .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter {
          flex-grow: 0;
          margin-right: 20px; }
          .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button {
            color: #7a8391; }
            @media (prefers-color-scheme: dark) {
              .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button {
                color: #d0d2d6 !important; } }
            .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button:hover, .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button:active {
              background-color: white; }
              @media (prefers-color-scheme: dark) {
                .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button:hover, .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .apply-filter button:active {
                  background-color: #263238; } }
        .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button {
          color: #eb1515; }
          @media (prefers-color-scheme: dark) {
            .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button {
              color: #fbb2b2; } }
          .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button:hover, .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button:active {
            background-color: #fde8e8; }
            @media (prefers-color-scheme: dark) {
              .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button:hover, .wm-widget-body[data-render-type="Grid"] .quick-filter-modal .quick-filter-body .actions .clear-filter button:active {
                background-color: #263238; } }

.wm-widget-footer {
  padding-top: 0 !important; }
  .wm-widget-footer .wm-pagesize-select {
    margin-left: -8px; }
  .wm-widget-footer .wm-select-grid-page-info {
    margin-top: -5px; }

.responsive.wm-datatable.dataTable.collapsed > tbody > tr.child {
  border: 1px solid #f0f0f0; }

.display.responsive.wm-datatable {
  width: 100% !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important; }

@media only screen and (max-width: 47.9375em) {
  .wm-widget-container-body .wm-widget-footer {
    padding-top: 0.5em !important; } }

.row.wm-grid-footer, .row.wm-cards-footer {
  border-top: 1px solid #edf2f3; }

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

.dropdown-menu {
  background-color: #eeeff1;
  border-color: #e0e2e5 !important;
  margin-top: 0.25rem !important;
  border-radius: 0.5rem;
  max-width: 600px;
  width: max-content;
  padding: 4px; }
  @media (prefers-color-scheme: dark) {
    .dropdown-menu {
      border-color: #4d535b !important;
      background-color: #363a40 !important; }
      .dropdown-menu .dropdown-item {
        /*@include color(darken($inverse-sd, 15%), $gray-white) &:hover {
                    background-color: darken($inverse-sd, 4%) !important;
                    cursor: pointer !important;
                }

                

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

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

                }*/ }
        .dropdown-menu .dropdown-item:hover {
          background-color: #50565e !important; }
          .dropdown-menu .dropdown-item:hover > a {
            color: #edf2f3 !important; }
      .dropdown-menu .dropdown-divider {
        border-color: #656d77 !important; } }
  .dropdown-menu:not(.wm-sub-menu) div:first-child.wm-web-action-divider {
    display: none; }
  @media (prefers-color-scheme: dark) {
    .dropdown-menu .wm-sub-menu.dropdown-menu .dropdown-item:hover {
      background-color: #d6d6d6 !important; }
      .dropdown-menu .wm-sub-menu.dropdown-menu .dropdown-item:hover > a {
        color: black !important; } }
  .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: #4d535b !important;
        background-color: #363a40 !important; }
        .dropdown-menu.show .dropdown-item {
          background-color: #363a40;
          color: #edf2f3; }
          .dropdown-menu.show .dropdown-item:hover {
            background-color: #50565e !important;
            cursor: pointer !important; }
          .dropdown-menu.show .dropdown-item > a {
            background-color: transparent !important;
            color: #edf2f3 !important;
            margin-left: 0 !important; }
            .dropdown-menu.show .dropdown-item > a.wm-web-action-disabled {
              color: #718096 !important; }
        .dropdown-menu.show .dropdown-divider {
          border-color: #656d77 !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: black !important; } }
      .dropdown-menu.show .dropdown-item:hover {
        background-color: #d6d6d6 !important; }
        @media (prefers-color-scheme: dark) {
          .dropdown-menu.show .dropdown-item:hover a {
            color: #2d3748 !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.wm-web-action.wm-pointer:active {
    background-color: #ebebeb !important;
    color: black; }
  .dropdown-item.wm-web-action.wm-pointer:focus {
    background-color: transparent !important; }
  @media (prefers-color-scheme: dark) {
    .dropdown-item.wm-web-action.wm-pointer:active {
      background-color: transparent !important;
      color: #edf2f3; } }
  .dropdown-item.wm-web-action.wm-pointer a:active {
    background-color: #ebebeb !important;
    color: black; }
  .dropdown-item.wm-web-action.wm-pointer a:focus {
    background-color: transparent !important; }
  @media (prefers-color-scheme: dark) {
    .dropdown-item.wm-web-action.wm-pointer a:active {
      background-color: transparent !important;
      color: #edf2f3; } }
  .dropdown-item.wm-web-action.wm-pointer a:hover {
    cursor: pointer; }
  @media (prefers-color-scheme: dark) {
    .dropdown-item.wm-web-action.show {
      background-color: #363a40 !important; }
      .dropdown-item.wm-web-action.show > a {
        color: #edf2f3 !important; } }

.dropdown.wm-web-actions-menu .wm-icon:hover {
  fill: #c0c9d3;
  color: #c0c9d3; }

/**
 * 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 {
    background-color: transparent !important;
    border: none !important;
    position: unset !important;
    width: 100%; }

.e-card .dropdown-menu {
  line-height: 23px !important; }

.card-body .dropdown-menu {
  position: absolute !important;
  top: unset !important;
  left: unset !important;
  right: 0;
  transform: unset !important; }
  .card-body .dropdown-menu .wm-sub-menu {
    margin: 2px 0 0;
    width: 100%; }

.wm-web-action-dropdown.dropdown-menu.dropdown-menu-right .dropdown-menu-left.wm-sub-menu {
  top: 94% !important;
  border-top: transparent !important; }

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

/* 
    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: #50565e !important; }
    .dropdown-menu.show > .dropdown-item:hover a,
    .dropdown-menu.show > .div-tooltip-enable > .dropdown-item:hover a {
      color: #edf2f3 !important; } }

@media (prefers-color-scheme: light) {
  .dropdown-menu.show > .dropdown-item:hover,
  .dropdown-menu.show > .div-tooltip-enable > .dropdown-item:hover {
    background-color: #d6d6d6 !important; }
    .dropdown-menu.show > .dropdown-item:hover a,
    .dropdown-menu.show > .div-tooltip-enable > .dropdown-item:hover a {
      color: black !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: #d6d6d6 !important; }
    .wm-sub-menu.show > .dropdown-item:hover a,
    .wm-sub-menu.show > .div-tooltip-enable > .dropdown-item:hover a {
      color: #2d3748 !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: #e6e6e6 !important; }
    .wm-sub-menu.show > .dropdown-item:hover a,
    .wm-sub-menu.show > .div-tooltip-enable > .dropdown-item:hover a {
      color: black !important; } }

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

.wm-recent-cards .wm-collection-card {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  border-radius: 0;
  margin-bottom: 0.8rem !important;
  padding-bottom: 0.8rem; }
  @media (prefers-color-scheme: dark) {
    .wm-recent-cards .wm-collection-card {
      border-bottom: 1px solid #77818d; } }

.wm-recent-cards .wm-widget-date-time {
  color: #77818d;
  font-size: 12px;
  line-height: normal;
  font-weight: 300;
  text-transform: none; }

.wm-recent-cards .widget-list-primary-text {
  color: #939ba4;
  display: flex;
  font-size: 13px;
  line-height: normal;
  font-weight: 300;
  text-transform: none; }
  .wm-recent-cards .widget-list-primary-text:hover {
    color: #7a8391 !important; }

.wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media only screen and (max-width: 93.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 240px; } }
  @media only screen and (max-width: 74.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 160px; } }
  @media only screen and (max-width: 47.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 380px; } }
  @media only screen and (max-width: 35.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 260px; } }
  @media only screen and (max-width: 28.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 180px; } }
  @media only screen and (max-width: 23.9375em) {
    .wm-recently-viewed-widget .widget-list-primary-text, .wm-bookmarks-widget .widget-list-primary-text, .wm-todays-agenda-widget .widget-list-primary-text {
      max-width: 130px; } }

.wm-recently-viewed-widget .wm-widget-body .wm-card-footer, .wm-bookmarks-widget .wm-widget-body .wm-card-footer, .wm-todays-agenda-widget .wm-widget-body .wm-card-footer {
  display: none; }

.wm-recently-viewed-widget .wm-section .wm-select .e-ddl, .wm-whos-off-widget .wm-section .wm-select .e-ddl, .wm-bookmarks-widget .wm-section .wm-select .e-ddl, .wm-upcoming-tasks-widget .wm-section .wm-select .e-ddl, .wm-notification-widget .wm-section .wm-select .e-ddl, .wm-todays-agenda-widget .wm-section .wm-select .e-ddl, .wm-weather-widget .wm-section .wm-select .e-ddl {
  width: 90% !important; }

.wm-whos-off-widget {
  /* lined up whos off widget */ }
  .wm-whos-off-widget .wm-whos-off-date {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    text-transform: none;
    color: #4a5568 !important; }
    @media (prefers-color-scheme: light) {
      .wm-whos-off-widget .wm-whos-off-date {
        color: #4a5568 !important; } }
    @media (prefers-color-scheme: dark) {
      .wm-whos-off-widget .wm-whos-off-date {
        color: #edf2f7 !important; } }
  .wm-whos-off-widget .wm-widget-data .wm-select {
    position: relative; }
    @media only screen and (max-width: 28.9375em) {
      .wm-whos-off-widget .wm-widget-data .wm-select .e-ddl {
        width: 50% !important;
        position: absolute !important;
        top: -32px;
        right: 34px; } }
    @media only screen and (max-width: 23.9375em) {
      .wm-whos-off-widget .wm-widget-data .wm-select .e-ddl {
        width: 40% !important; } }
  .wm-whos-off-widget .user-full-name .wm-web-action.wm-pointer::after {
    display: none; }
  .wm-whos-off-widget .wm-circle-content {
    margin-top: 2px !important; }
  .wm-whos-off-widget .widget-list-primary-text {
    margin-bottom: 0.325rem !important; }
  .wm-whos-off-widget .d-flex .user-full-name {
    margin-right: 2em; }
  .wm-whos-off-widget .d-flex .leave-type {
    flex: 1;
    min-width: 0;
    text-align: right; }
    .wm-whos-off-widget .d-flex .leave-type p.wm-whos-off-leave-type {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .wm-whos-off-widget .d-flex .leave-type p.wm-whos-off-leave-type.text-success {
        color: #2d9c2d !important; }
        @media (prefers-color-scheme: dark) {
          .wm-whos-off-widget .d-flex .leave-type p.wm-whos-off-leave-type.text-success {
            color: #99db99 !important; } }

.wm-booked-on-widget {
  width: 100%; }
  .wm-booked-on-widget-grid {
    width: 100%;
    border-collapse: collapse; }
    .wm-booked-on-widget-grid tr > td {
      height: 40px;
      padding-left: 0.5em; }
      .wm-booked-on-widget-grid tr > td p {
        margin: 0px; }
    .wm-booked-on-widget-grid tr {
      align-items: center; }
    .wm-booked-on-widget-grid th.bookedon-task-info {
      padding-left: 0.5em; }
    .wm-booked-on-widget-grid td.bookedon-icon {
      width: 30px; }
  .wm-booked-on-widget .bookedon-task-info {
    max-width: 16ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.wm-notifications-widget .d-flex .ml-auto, .wm-upcoming-tasks-widget .d-flex .ml-auto {
  min-width: 80px; }

.wm-upcoming-tasks-widget .d-flex .ml-auto label {
  float: right; }

.wm-homehub-cards {
  margin-top: -8px; }
  .wm-homehub-cards .wm-section {
    border-top: 6px solid;
    border-color: #9098a3;
    box-shadow: 0 1px 4px -1px rgba(46, 51, 56, 0.2); }
    @media (prefers-color-scheme: dark) {
      .wm-homehub-cards .wm-section {
        box-shadow: none !important; } }
    .wm-homehub-cards .wm-section .wm-collapsible-section .mCSB_inside > .mCSB_container {
      margin-right: 15px !important; }
    .wm-homehub-cards .wm-section .wm-collapsible-section .mCSB_scrollTools {
      right: -7px; }
    .wm-homehub-cards .wm-section .wm-collapsible-section:hover .mCSB_draggerContainer {
      opacity: 1; }
  .wm-homehub-cards .wm-widget-collection > .card-list-group .wm-collection-card {
    background-color: transparent !important; }
  .wm-homehub-cards .wm-widget-collection .card-list-group .last-row .wm-collection-card {
    border-bottom: none;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }

.wm-whos-off-widget .widget-list-primary-text,
.wm-whos-off-widget .wm-whos-off-leave-type,
.wm-todays-agenda-widget .wm-whos-off-text,
.wm-todays-agenda-widget .wm-whos-off-leave-type {
  line-height: 33px;
  margin-bottom: 0.5rem; }

.wm-todays-agenda-widget .widget-list-primary-text {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  text-transform: none;
  white-space: nowrap;
  margin-right: 5px; }

.wm-todays-agenda-widget .wm-widget-body > div:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important; }

.wm-whos-off-widget .widget-list-primary-text,
.wm-todays-agenda-widget .wm-whos-off-leave-type {
  font-weight: 400;
  color: #515962; }

.wm-whos-off-widget .wm-whos-off-leave-type, .wm-todays-agenda-widget .wm-whos-off-leave-type {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  text-transform: none; }

.wm-row-weather {
  display: flex;
  justify-content: center; }

.wm-content-container[data-controller="Home"] {
  margin-top: -12px; }

@media only screen and (max-width: 47.9375em) {
  .wm-collapsible-section.wm-scrollbar-content {
    height: auto !important;
    overflow: auto !important;
    touch-action: auto; } }

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

.date-time {
  color: #77818d;
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
  line-height: normal;
  font-weight: 200;
  text-transform: capitalize; }

@media only screen and (max-width: 47.9375em) {
  .weather-app {
    font-size: 90%; } }

@media only screen and (max-width: 23.9375em) {
  .weather-app {
    font-size: 80%; } }

@media only screen and (max-width: 47.9375em) {
  .weather-app:nth-child(2) {
    margin-top: 50px; } }

.weather-app #weather-icon {
  color: #7a8391;
  font-size: 5em; }

.weather-app .location-weather, .weather-app .weather-temp {
  font-size: 90%; }

.weather-app .location-weather .hovered > .set-icon {
  color: #77818d; }

.weather-app .location-weather .set-icon {
  color: #cedcdf;
  cursor: pointer;
  font-size: 1.5em;
  float: left;
  line-height: 1.5em;
  padding: 0 5px 0 0; }

.weather-app .location-weather .userCity:focus {
  outline: none;
  visibility: visible; }

.weather-app .location-weather .city {
  font-size: 2.5em;
  line-height: .9em; }

.weather-app .location-weather .forcast {
  color: #77818d;
  text-transform: capitalize;
  text-align: center;
  margin-top: 3px;
  font-size: 19px;
  line-height: normal;
  font-weight: 200;
  text-transform: none; }

.weather-app .location-weather .weather-status {
  margin-top: 10px; }

.weather-app .weather-temp .temperature {
  margin: 0 0 16px 16px;
  font-size: 5em;
  line-height: normal;
  font-weight: 500;
  text-transform: none; }
  .weather-app .weather-temp .temperature::after {
    content: "\00b0";
    font-size: .7em;
    line-height: 1.25em;
    vertical-align: text-top; }

.weather-app .weather-temp .high-low .high::after, .weather-app .weather-temp .high-low .low::after {
  content: "\00b0";
  font-size: .7em;
  line-height: 1.25em;
  vertical-align: text-top; }

.weather-app .weather-temp .high-low span {
  text-transform: uppercase; }

.weather-app .high-low {
  padding-top: 13px; }

div[name='home_index_section_whosoff'].section-title .wm-section-actions .wm-select .e-input-group {
  margin-top: -5px !important; }
  @media only screen and (max-width: 23.9375em) {
    div[name='home_index_section_whosoff'].section-title .wm-section-actions .wm-select .e-input-group {
      width: 50% !important;
      position: absolute;
      right: 142px; } }

div[data-widget-name="WhosOff"] .mCSB_inside > .mCSB_container {
  margin-right: 0 !important; }

@media (prefers-color-scheme: dark) {
  div[name="TodaysAgenda"] .wm-widget-body .d-flex .font-12 {
    color: #c5c8cc !important; }
    div[name="TodaysAgenda"] .wm-widget-body .d-flex .font-12:hover {
      color: #dbdcdf !important; } }

.wm-usergrouprole-control-labels .form-group.wm-container-parent .wm-label, .wm-userrole-control-labels .form-group.wm-container-parent .wm-label, .wm-userdefaultsites-control-labels .form-group.wm-container-parent .wm-label {
  padding: 0; }

@media only screen and (min-width: 36em) {
  .wm-licenceuser-control-labels {
    margin: 0 !important; } }

.wm-licenceuser.wm-ignore-serialization {
  margin-bottom: 10px; }
  @media only screen and (max-width: 35.9375em) {
    .wm-licenceuser.wm-ignore-serialization .wm-inline-search > .e-input-group {
      margin-bottom: 4px; } }

.wm-usergrouprole-control-labels .wm-usergrouprole-control-wmsys-label label.wm-label,
.wm-userrole-control-labels .wm-userrole-control-wmsys-label label.wm-label,
.wm-userdefaultsites-control-labels .wm-userdefaultsites-control-wmsys-label label.wm-label,
.wm-licenceuser-control-labels .wm-licenceuser-control-wmuser-label label.wm-label {
  position: relative;
  right: 15px; }

.wm-usergrouprole-control-labels .wm-usergrouprole-control-site-label label.wm-label,
.wm-userrole-control-labels .wm-userrole-control-site-label label.wm-label,
.wm-userdefaultsites-control-labels .wm-userdefaultsites-control-site-label label.wm-label,
.wm-licenceuser-control-labels .wm-licenceuser-control-site-label label.wm-label {
  position: relative;
  right: 25px; }

.wm-usergrouproles .wm-delete, .wm-userroles .wm-delete, .wm-userdefaultsites .wm-delete, .wm-licenceuser .wm-delete {
  padding: 4px; }
  .wm-usergrouproles .wm-delete .wm-icon.wm-icon-small, .wm-userroles .wm-delete .wm-icon.wm-icon-small, .wm-userdefaultsites .wm-delete .wm-icon.wm-icon-small, .wm-licenceuser .wm-delete .wm-icon.wm-icon-small {
    width: 13px;
    height: 13px;
    fill: white !important;
    font-size: 13px;
    color: white !important; }

.wm-usergrouproles ~ div > a.wm-add-field > span > .wm-icon.wm-icon-small, .wm-userroles ~ div > a.wm-add-field > span > .wm-icon.wm-icon-small, .wm-userdefaultsites ~ div > a.wm-add-field > span > .wm-icon.wm-icon-small, .wm-licenceuser ~ div > a.wm-add-field > span > .wm-icon.wm-icon-small {
  fill: white !important;
  color: white !important; }

@media only screen and (max-width: 35.9375em) {
  .wm-usergrouprole-control-labels .wm-usergrouprole-control-site-label label.wm-label,
  .wm-usergrouprole-control-labels .wm-usergrouprole-control-wmsys-label label.wm-label,
  .wm-userrole-control-labels .wm-userrole-control-site-label label.wm-label,
  .wm-userrole-control-labels .wm-userrole-control-wmsys-label label.wm-label,
  .wm-userdefaultsites-control-labels .wm-userdefaultsites-control-site-label label.wm-label,
  .wm-userdefaultsites-control-labels .wm-userdefaultsites-control-wmsys-label label.wm-label,
  .wm-licenceuser-control-labels .wm-licenceuser-control-site-label label.wm-label,
  .wm-licenceuser-control-labels .wm-licenceuser-control-wmuser-label label.wm-label {
    left: 0px; } }

.wm-ej1-only .reportviewer {
  border: 1px solid #eb1515; }

.wm-ej1-only .e-reportviewer {
  overflow: hidden !important;
  width: 100%; }
  .wm-ej1-only .e-reportviewer-viewer {
    padding-bottom: 40px; }

.wm-ej1-only .e-waitpopup-pane .e-image {
  margin: 10px auto !important;
  background-size: 25px 25px !important;
  top: -6px !important;
  width: 25px !important;
  height: 25px !important; }

.wm-reportframe {
  width: 100%;
  height: 100% !important; }

.e-reportviewer {
  width: 100%;
  height: 100%; }
  .e-reportviewer-viewer.e-reportviewer-scrollcontainer.e-reportviewer-viewercontainer.e-waitingpopup.e-js {
    height: unset !important;
    background-color: #292e32 !important; }

.e-responsive-toolbar.e-display-none.e-abs-position.e-reportviewer-toolbarcontainer.e-toolbar.e-js.e-widget.e-box.e-toolbarspan.e-rptviewer.e-tooltip {
  display: none !important; }

@media (prefers-color-scheme: dark) {
  .e-reportviewer-pageviewcontainer {
    background-color: #292e32 !important; } }

@media (prefers-color-scheme: dark) {
  .e-reportviewer-viewerblockcellcontent {
    background: #202225 !important; } }

@media (prefers-color-scheme: dark) {
  .e-wm-reportviewer_toolbarContainer_nav {
    background: #202225 !important; } }

@media (prefers-color-scheme: dark) {
  #wm-reportviewer_viewerContainer {
    background-color: #292e32 !important; } }

@media (prefers-color-scheme: dark) {
  .e-toolbar-center {
    background: #202225; } }

@media (prefers-color-scheme: dark) {
  .e-diagram {
    background: #292e32 !important; } }

@media (prefers-color-scheme: dark) {
  .e-tbar-btn {
    background: #202225 !important; } }

@media (prefers-color-scheme: dark) {
  .e-reportviewer-viewer .e-rv-native-rightToolbar {
    background: #202225 !important; } }

.report-preview {
  height: 100%; }
  .report-preview .wm-content-container {
    height: 100%; }
    .report-preview .wm-content-container .wm-module-content-row {
      height: 100%; }
      .report-preview .wm-content-container .wm-module-content-row .wm-main-content {
        height: 100%; }
        .report-preview .wm-content-container .wm-module-content-row .wm-main-content > div {
          height: 100%; }

.wm-sales-order-item-sidebar-widget-cont {
  margin-top: 2em !important;
  border-radius: 0.5rem !important;
  border-color: #cbd5e0 !important;
  background: #edf2f3; }
  .wm-sales-order-item-sidebar-widget-cont .wm-section {
    margin-bottom: 0 !important;
    background: none !important; }
    .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-layout-table.wm-section-header {
      border: 0 !important; }
    .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body {
      padding-top: 0 !important; }
      .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon {
        position: relative; }
        .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon .wm-expando.wm-icon {
          position: absolute;
          fill: #e5e7e9 !important;
          color: #e5e7e9 !important; }
          @media only screen and (min-width: 48em) {
            .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon .wm-expando.wm-icon {
              top: 50% !important;
              right: 50%;
              transform: translate(-550%, -20%); } }
          @media only screen and (max-width: 47.9375em) {
            .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon .wm-expando.wm-icon {
              top: 50%; } }
        .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon + .wm-collapse-child {
          margin-top: 16px !important;
          border-radius: 5px;
          padding: 10px;
          background-color: #c8d7db;
          text-align: center; }
          @media (prefers-color-scheme: dark) {
            .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .wm-layout-table-icon.wm-stock-status-collapse-icon + .wm-collapse-child {
              background-color: #1c1f22; } }
      .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body .card-block {
        padding: 4px; }
    .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-collapsible-section .wm-widget-body table tr td, .wm-sales-order-item-sidebar-widget-cont .wm-section .wm-layout-table .wm-buffer {
      font-size: 13px; }
    .wm-sales-order-item-sidebar-widget-cont .wm-section span[data-toggle="popover"] svg.wm-icon {
      width: 13px;
      height: 13px;
      fill: #7a8391; }
    .wm-sales-order-item-sidebar-widget-cont .wm-section span[data-toggle="popover"] i.wm-icon {
      font-size: 13px;
      color: #7a8391; }
  .wm-sales-order-item-sidebar-widget-cont p, .wm-sales-order-item-sidebar-widget-cont .card-title {
    text-align: center; }
  .wm-sales-order-item-sidebar-widget-cont p {
    font-size: 13px;
    color: #718096 !important; }
  .wm-sales-order-item-sidebar-widget-cont .card-title {
    margin-bottom: 0.25rem;
    font-size: 18px;
    color: #4a5568 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-sales-order-item-sidebar-widget-cont .card-title {
        color: #c0c9d3 !important; } }
  .wm-sales-order-item-sidebar-widget-cont .wm-stock-status-card {
    border-radius: 0.4rem;
    padding: 10px;
    background-color: #edf2f7; }
    @media (prefers-color-scheme: dark) {
      .wm-sales-order-item-sidebar-widget-cont .wm-stock-status-card {
        background-color: #1c1f22; } }
    .wm-sales-order-item-sidebar-widget-cont .wm-stock-status-card .card-title {
      word-break: break-all; }
  .wm-sales-order-item-sidebar-widget-cont #ProductPriceBreakCardViewWidget .wm-collapse-child .card-block {
    border-radius: 0.4rem;
    padding: 1rem !important;
    background-color: #edf2f7 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-sales-order-item-sidebar-widget-cont #ProductPriceBreakCardViewWidget .wm-collapse-child .card-block {
        background-color: #1c1f22 !important; } }
    .wm-sales-order-item-sidebar-widget-cont #ProductPriceBreakCardViewWidget .wm-collapse-child .card-block .last-row .col-md-12 {
      margin-bottom: 0 !important; }
    .wm-sales-order-item-sidebar-widget-cont #ProductPriceBreakCardViewWidget .wm-collapse-child .card-block .wm-row:first-child div[class^="col-"] {
      color: #4a5568; }
      @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: #c0c9d3 !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: #a1a8b0;
  transition: all .2s ease-in-out !important;
  margin-left: 5px; }
  .wm-sales-process-stage-header-item-editable .wm-stageheader-edit span svg.wm-icon:hover, .wm-sales-process-stage-header-item-editable .sales-process-stage-delete span svg.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-edit span svg.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-delete span svg.wm-icon:hover {
    fill: #7a8391 !important;
    transform: scale(1.1) !important;
    cursor: pointer; }
    @media (prefers-color-scheme: dark) {
      .wm-sales-process-stage-header-item-editable .wm-stageheader-edit span svg.wm-icon:hover, .wm-sales-process-stage-header-item-editable .sales-process-stage-delete span svg.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-edit span svg.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-delete span svg.wm-icon:hover {
        fill: #afb3b9 !important; } }

.wm-sales-process-stage-header-item-editable .wm-stageheader-edit-item-list .sales-process-item-delete span i.wm-icon, .wm-sales-process-stage-header-item-editable .sales-process-stage-delete-item-list .sales-process-item-delete span i.wm-icon, .wm-sales-process-item-list .sales-process-item-edit-item-list .sales-process-item-delete span i.wm-icon, .wm-sales-process-item-list .sales-process-item-delete-item-list .sales-process-item-delete span i.wm-icon {
  transition: all .2s ease-in-out !important;
  margin-left: 5px;
  color: #a1a8b0; }
  .wm-sales-process-stage-header-item-editable .wm-stageheader-edit-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-stage-header-item-editable .sales-process-stage-delete-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-edit-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-delete-item-list .sales-process-item-delete span i.wm-icon:hover {
    transform: scale(1.1) !important;
    cursor: pointer;
    color: #7a8391 !important; }
    @media (prefers-color-scheme: dark) {
      .wm-sales-process-stage-header-item-editable .wm-stageheader-edit-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-stage-header-item-editable .sales-process-stage-delete-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-edit-item-list .sales-process-item-delete span i.wm-icon:hover, .wm-sales-process-item-list .sales-process-item-delete-item-list .sales-process-item-delete span i.wm-icon:hover {
        color: #afb3b9 !important; } }

.wm-stock-status-collapse-icon {
  position: absolute;
  margin-left: 248px; }
  @media only screen and (max-width: 47.9375em) {
    .wm-stock-status-collapse-icon {
      margin-left: 48%; } }

.wm-tab-arrow {
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 48em) {
    .wm-tab-arrow {
      display: table !important; } }
  .wm-tab-arrow .nav {
    display: block; }
    @media only screen and (min-width: 48em) {
      .wm-tab-arrow .nav {
        width: 100% !important;
        display: flex;
        justify-content: space-between; } }
    .wm-tab-arrow .nav li {
      display: flex !important;
      margin-bottom: 10px; }
      @media only screen and (min-width: 48em) {
        .wm-tab-arrow .nav li {
          width: 14%;
          display: list-item !important;
          text-align: center;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; } }
      .wm-tab-arrow .nav li a {
        font-size: calc(15px + 1 * ((100vw - 320px) / 680)) !important;
        color: #262626; }
        @media only screen and (min-width: 48em) {
          .wm-tab-arrow .nav li a {
            transition: 0.3s;
            text-align: center;
            margin-bottom: 12px !important; } }
        @media only screen and (max-width: 47.9375em) {
          .wm-tab-arrow .nav li a {
            display: flex !important;
            align-items: center; } }
        .wm-tab-arrow .nav li a span {
          margin-right: unset !important; }
        .wm-tab-arrow .nav li a:hover, .wm-tab-arrow .nav li a.active {
          color: #7a8391; }
      .wm-tab-arrow .nav li .wm-checkbox.wm-checkbox-header {
        margin-left: auto; }
        @media only screen and (min-width: 48em) {
          .wm-tab-arrow .nav li .wm-checkbox.wm-checkbox-header {
            display: block !important;
            margin: 10px auto 0 auto;
            width: fit-content;
            padding-left: 0 !important; } }
        @media only screen and (max-width: 47.9375em) {
          .wm-tab-arrow .nav li .wm-checkbox.wm-checkbox-header {
            margin-right: 12px !important; } }
    .wm-tab-arrow .nav .wm-sales-process-stage-header-item-editable {
      display: inline-block;
      width: auto; }

.wm-checkbox-header .e-icons.e-frame.e-check::before {
  font-size: 18px;
  line-height: 27px; }

.wm-checkbox-header .e-checkbox-wrapper .e-frame, .wm-checkbox-header .e-css.e-checkbox-wrapper .e-frame {
  width: 32px;
  height: 32px;
  border: #7a8391 3px solid;
  border-radius: 50%; }

.e-checkbox-wrapper .e-frame.e-check.e-check,
.e-checkbox-wrapper .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #7a8391 !important;
  border-color: #7a8391 !important; }

.e-checkbox-wrapper .e-checkbox:focus + .e-frame {
  border-color: #6b7280; }

#wm-sales-process-tabs::before {
  width: 86%;
  height: 5px;
  position: absolute;
  bottom: 0;
  content: "";
  top: 48px;
  margin-left: 7%;
  background-color: #7a8391; }
  @media only screen and (min-width: 1452px) {
    #wm-sales-process-tabs::before {
      top: 50px; } }
  @media only screen and (max-width: 74.9375em) {
    #wm-sales-process-tabs::before {
      width: 86%;
      margin-left: 58px; } }
  @media only screen and (max-width: 61.9375em) {
    #wm-sales-process-tabs::before {
      width: 85%;
      margin-left: 60px; } }
  @media only screen and (max-width: 47.9375em) {
    #wm-sales-process-tabs::before {
      display: none; } }

#wm-sales-process-tabs li a.active {
  color: #afb3b9 !important; }

@media (prefers-color-scheme: dark) {
  .wm-stageheader-name {
    color: #c0c9d3; }
  .wm-sales-process-stage-header-item-editable .sales-process-stage-delete {
    margin-left: 6px; }
  .wm-sales-process-stage-header-item-editable .wm-stageheader-edit {
    margin-left: 16px; } }

::-webkit-scrollbar {
  width: 7px;
  height: 10px; }

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  cursor: pointer; }
  @media (prefers-color-scheme: light) {
    ::-webkit-scrollbar-thumb {
      background: #a4aab4; } }
  @media (prefers-color-scheme: dark) {
    ::-webkit-scrollbar-thumb {
      background: #565d68; } }

::-webkit-scrollbar-track {
  border-radius: 8px; }
  @media (prefers-color-scheme: light) {
    ::-webkit-scrollbar-track {
      background: white; } }
  @media (prefers-color-scheme: dark) {
    ::-webkit-scrollbar-track {
      background: #666f7c; } }

.wm-widget[data-name="ReleaseFeatures"] .release-header {
  align-items: flex-start; }

.wm-widget[data-name="ReleaseFeatures"] .release-feature + .release-feature {
  margin-top: 2.7rem; }

.wm-widget[data-name="ReleaseFeatures"] .feature + .feature {
  margin-top: 1.5rem; }

.wm-widget[data-name="ReleaseFeatures"] .feature .header {
  align-items: flex-start; }
  .wm-widget[data-name="ReleaseFeatures"] .feature .header h5 {
    font-weight: 400; }

.wm-widget[data-name="ReleaseFeatures"] .release-feature {
  position: relative; }

.wm-widget[data-name="ReleaseFeatures"] .feature-details {
  font-weight: 300; }
  .wm-widget[data-name="ReleaseFeatures"] .feature-details p {
    color: #2c2b2e !important;
    font-size: 0.875rem; }
    @media (prefers-color-scheme: dark) {
      .wm-widget[data-name="ReleaseFeatures"] .feature-details p {
        color: #fff !important; } }

.wm-widget[data-name="ReleaseFeatures"] .release-feature:not(:last-child):after {
  content: '';
  position: absolute;
  bottom: -1.35rem;
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
  display: inline-block; }
  @media (prefers-color-scheme: dark) {
    .wm-widget[data-name="ReleaseFeatures"] .release-feature:not(:last-child):after {
      background-color: #e2e2e224 !important; } }

#wmdisplay_support_case_external_reference {
  padding-top: 20px; }

.person-search-widget .card .wm-card-dropdown-action {
  display: none; }

.person-search-widget .card:hover .wm-card-dropdown-action {
  display: inline-block; }

.person-search-widget .card.wm-collection-card .wm-web-actions-icons {
  bottom: -5px;
  right: 3px; }
  .person-search-widget .card.wm-collection-card .wm-web-actions-icons .wm-icon {
    width: 12px;
    height: 12px;
    font-size: 12px; }

.e-schedule .e-more-popup-wrapper .e-appointment {
  position: inherit; }

.e-schedule .e-appointment .e-subject.wm-wrap-subject {
  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 !important;
    max-height: 518px; }

.e-schedule .e-timeline-month-view tr:last-child > .e-resource-cells {
  border-bottom: none; }

.e-schedule .e-timeline-month-view .e-work-cells, .e-schedule .e-timeline-month-view .e-date-header-wrap table col, .e-schedule .e-timeline-month-view .e-content-wrap table col {
  width: auto; }

.e-schedule .e-timeline-month-view .e-content-wrap {
  overflow: inherit;
  overflow-x: inherit;
  overflow-y: auto; }

.e-schedule .e-schedule-table 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: #195419 !important;
  color: #fff; }

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

.category-filter-item.list-group-item {
  background-color: #e2e8f0;
  border: none;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  border-radius: 0.5rem;
  padding: 5px 10px;
  list-style-type: none; }
  @media (prefers-color-scheme: dark) {
    .category-filter-item.list-group-item {
      background-color: #4a525a; }
      .category-filter-item.list-group-item > div {
        transition: all 0.2s 0.2s;
        color: #edf2f3 !important; }
      .category-filter-item.list-group-item:hover {
        background-color: #4a525a !important; }
      .category-filter-item.list-group-item.active > div {
        font-weight: 500;
        color: #33353b !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: #a0aec0; }
  .category-filter-item.list-group-item > div {
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    transition: all 0.2s 0.2s;
    color: #2c2b2e; }
  .category-filter-item.list-group-item.active > div {
    font-weight: 500;
    color: white; }
  .category-filter-item.list-group-item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #c0c9d3;
    content: "";
    transform: scaleY(0);
    transition: transform 0.2s, width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s;
    border-radius: 0.5rem; }
  .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: #77818d; }

.wm-mini-widget-primary-text {
  font-size: 30px;
  line-height: normal;
  text-transform: none;
  color: #2e3338;
  display: block; }

.wm-mini-widget-primary-icon {
  margin-bottom: 45px;
  border-radius: 3px;
  padding: 10px;
  background: #c0c9d3; }

.wm-icon-small {
  text-align: center; }

.wm-icon-medium {
  margin-right: 8px; }

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

.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: #edf2f3 !important; }
    .wm-main-page .module-content.wm-content-container .wm-widget-kpi .wm-section .wm-kpi-header .wm-secondary-kpi-title {
      color: #c0c9d3 !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: .7rem 1rem .7rem 1rem; }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-primary-text {
    color: #4a5568 !important;
    display: block;
    margin-top: 10px;
    padding-left: 1rem;
    padding-bottom: 0.9rem;
    font-size: calc(13px + 0.6vw);
    white-space: pre-line; }
    @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: #4a5568 !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: #edf2f7 !important; } }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-secondary-text {
    font-size: calc(13px + 0.3vw);
    line-height: normal;
    text-transform: uppercase;
    color: #77818d;
    padding-top: 10px;
    text-align: center; }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text {
    color: #4a5568 !important;
    display: block;
    margin-top: 10px;
    padding-bottom: 0.9rem;
    padding-left: 1rem;
    padding-right: 1rem; }
    @media (prefers-color-scheme: light) {
      .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-2 .wm-kpi-text {
        color: #4a5568 !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: #edf2f7 !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: #77818d; }
  .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 {
    font-size: 27px;
    line-height: normal;
    font-weight: 500;
    text-transform: none;
    color: #333333; }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-numbers-cont {
    position: relative !important;
    z-index: 10 !important;
    margin-top: -100px;
    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 {
    font-size: 11px;
    line-height: normal;
    font-weight: 300;
    text-transform: uppercase;
    animation-duration: 1s;
    animation-delay: 1s;
    color: #77818d; }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-kpi-primary-text {
    font-size: 13px;
    line-height: normal;
    font-weight: 300;
    text-transform: uppercase;
    white-space: pre-line;
    color: #77818d; }
  .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 {
    width: 8px;
    height: 8px;
    margin-top: 5px;
    border-radius: 50%; }
    .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: #0077bc; }
    .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: #89c1e1; }
    .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: #dbecf8; }
    .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: #b3e3ff; }
    .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: #e6f6ff; }
  .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: #77818d; }
  @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: #edf2f3 !important; }
    .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-layout-3 .wm-secondary-kpi-title {
      color: #c0c9d3 !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-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: #edf2f3 !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: #edf2f3 !important;
    color: #edf2f3 !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: 16px;
    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: #c0c9d3 !important; }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-good > .wm-kpi-header {
    background-color: #1b5c1b; }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-good > .wm-kpi-primary-text {
    color: #7ad87a !important; }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-bad > .wm-kpi-header {
    background-color: #760a0a; }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout.wm-kpi-bad > .wm-kpi-primary-text {
    color: #f47c7c !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 {
    font-size: 18px;
    font-weight: 400;
    color: #eb1515;
    line-height: 22px; }
  .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 {
    font-size: 26px;
    line-height: 25px;
    text-transform: none;
    color: #596069;
    white-space: pre-line; }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout-1 .wm-kpi-secondary-text {
    font-size: 13px;
    font-weight: 300;
    color: #77818d;
    margin-top: 2px;
    text-align: right; }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout-1 .wm-primary-kpi-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    text-transform: none;
    color: #333333; }
  .wm-main-page .module-content.wm-content-container .wm-kpi-layout-1 .wm-secondary-kpi-title {
    font-size: 13px;
    font-weight: 300;
    color: #77818d;
    margin-top: 5px; }
  .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 {
    background-color: #c0c9d3;
    color: #7a8391;
    padding: 0.2rem 0.5rem;
    border-radius: 5px; }

.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 {
  width: 20px;
  height: 20px;
  background-color: #afb3b9;
  color: #7a8391 !important;
  position: unset;
  display: inline-block;
  transition: all 0.3s;
  border-radius: 5px; }
  .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: white; }

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

.svgChartTemp {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  background: #7a8391; }

@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: #1b1c20; }
  .donut.wm-progress-donut.dark .donut-ring {
    stroke: #c6e1f4; }

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

@media only screen and (max-width: 47.9375em) {
  #HolidayAllowanceSummary {
    margin-bottom: 1rem; } }

@media (prefers-color-scheme: dark) {
  #HolidayAllowanceSummary .wm-primary-kpi-title {
    color: #edf2f3; }
  #HolidayAllowanceSummary .wm-kpi-numbers-total {
    color: #c0c9d3; } }

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

@media (prefers-color-scheme: dark) {
  #LeaveHeatMap > .wm-widget-panel .wm-collapsible-section .wm-section-inner {
    background-color: #292e32 !important; }
    #LeaveHeatMap > .wm-widget-panel .wm-collapsible-section .wm-section-inner .e-control.e-heatmap svg > rect {
      fill: #292e32 !important; } }
  @media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
    #LeaveHeatMap > .wm-widget-panel .wm-collapsible-section .wm-section-inner .e-control.e-heatmap svg > g:not(:last-child) > rect {
      opacity: .7; } }

.modulesearch {
  z-index: 1049;
  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 #e2e8f0;
  border-radius: 50px;
  width: 250px;
  background: white; }
  @media (prefers-color-scheme: dark) {
    .modulesearch {
      background: transparent;
      border: 1px solid transparent; } }
  @media only screen and (max-width: 47.9375em) {
    .modulesearch {
      margin-left: 0; } }
  @media only screen and (max-width: 35.9375em) {
    .modulesearch {
      width: 150px; } }
  @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: #a0aec0; }
    @media only screen and (max-width: 23.9375em) {
      .modulesearch .search-icon {
        left: 0.25rem; } }
  .modulesearch-form {
    width: 100%;
    height: 36px;
    position: relative;
    transition-property: width, height, transform;
    transition-duration: 225ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    margin: 0 auto; }
    @media only screen and (max-width: 35.9375em) {
      .modulesearch-form {
        height: 28px; } }
    @media only screen and (max-width: 28.9375em) {
      .modulesearch-form {
        height: 24px; } }
  .modulesearch-input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    transition: font-size 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;
    /* remove cross in IE */ }
    @media only screen and (max-width: 23.9375em) {
      .modulesearch-input {
        padding-inline-start: 1.75rem;
        padding-right: 5px; } }
    @media (prefers-color-scheme: dark) {
      .modulesearch-input {
        background: #1d1f22 !important; }
        .modulesearch-input, .modulesearch-input::placeholder {
          color: #b1bcc9 !important;
          font-weight: normal;
          font-style: normal; } }
    .modulesearch-input::-ms-clear {
      display: none; }
  .modulesearch-submit:focus {
    outline: none; }
  .modulesearch.open {
    position: absolute;
    top: -60px;
    left: 0px;
    border: 0;
    width: 100%;
    min-height: auto; }
    @media (prefers-color-scheme: dark) {
      .modulesearch.open {
        background-color: #1d1f22; } }
    .modulesearch.open .search-icon {
      display: none; }
    .modulesearch.open .modulesearch-form {
      width: 85%;
      height: 70px;
      top: 5px;
      left: 5px;
      transform: translate3d(0, 3em, 0);
      background-color: #1d1f22 !important; }
    .modulesearch.open .modulesearch-input {
      border-radius: 0px;
      padding-left: 0;
      background: white !important;
      font-size: 2em; }
      @media (prefers-color-scheme: dark) {
        .modulesearch.open .modulesearch-input {
          background-color: #1d1f22 !important;
          color: #c0c9d3 !important; } }
      @media only screen and (max-width: 61.9375em) {
        .modulesearch.open .modulesearch-input {
          font-size: 24px !important; } }
      @media only screen and (max-width: 47.9375em) {
        .modulesearch.open .modulesearch-input {
          font-size: 20px !important; } }
      @media only screen and (max-width: 28.9375em) {
        .modulesearch.open .modulesearch-input {
          font-size: 16px !important; } }
      .modulesearch.open .modulesearch-input:focus {
        outline: none; }
        @media only screen and (max-width: 61.9375em) {
          .modulesearch.open .modulesearch-input:focus {
            font-size: 26px !important; } }
        @media only screen and (max-width: 47.9375em) {
          .modulesearch.open .modulesearch-input:focus {
            font-size: 22px !important; } }
        @media only screen and (max-width: 28.9375em) {
          .modulesearch.open .modulesearch-input:focus {
            font-size: 18px !important; } }
    .modulesearch.open .modulesearch-submit {
      opacity: 1;
      transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
      transition: opacity 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 {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    opacity: 0;
    transform: scale3d(0, 0, 1);
    overflow: hidden;
    pointer-events: none;
    cursor: pointer;
    text-indent: 100%; }
    .modulesearch-close:hover.modulesearch-close::before, .modulesearch-close:hover.modulesearch-close::after {
      opacity: 1;
      background: #404040; }
    .modulesearch-close::before {
      transform: rotate(45deg); }
    .modulesearch-close::after {
      transform: rotate(-45deg); }
    .modulesearch-close::before, .modulesearch-close::after {
      position: absolute;
      top: 0;
      left: 50%;
      width: 4px;
      height: 100%;
      content: '';
      border-radius: 3px;
      background: #77818d; }
      @media only screen and (max-width: 28.9375em) {
        .modulesearch-close::before, .modulesearch-close::after {
          height: 85%; } }
  .modulesearch.hideInput .modulesearch-input {
    transition: color 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: #edf2f3;
  border-color: #7a8391;
  color: initial !important; }

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

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

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

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

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

.wm-section {
  border-radius: 4px;
  box-shadow: 0 1px 6px -1px rgba(46, 51, 56, 0.2);
  padding: 1.5rem 1rem;
  /* expand section icons*/ }
  @media only screen and (max-width: 28.9375em) {
    .wm-section:not(.sort-container) {
      border-radius: 0 !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-section {
      box-shadow: none !important; } }
  .wm-section-header .section-title .wm-expand {
    vertical-align: middle; }
  .wm-section-header .section-title .wm-section-collapse-icon {
    padding-right: 8px; }
    @media (prefers-color-scheme: dark) {
      .wm-section-header .section-title .wm-section-collapse-icon > .wm-icon.wm-pointer {
        fill: #d8dadf !important;
        color: #d8dadf !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-section-expand-icon > svg {
      fill: #d0d2d6 !important; } }
  @media (prefers-color-scheme: dark) {
    .wm-section-expand-icon > i {
      color: #d0d2d6 !important; } }
  .wm-section-collapse-icon {
    margin-bottom: 0; }
    .wm-section-collapse-icon .wm-icon.wm-pointer.wm-expando.wm-icon-extrasmall {
      transform: rotate(0deg);
      transition: transform .3s ease-in-out;
      display: inline-block; }
    .wm-section-collapse-icon.collapsed .wm-icon.wm-pointer.wm-expando.wm-icon-extrasmall {
      transform: rotate(-90deg); }
  .wm-section-title {
    margin-bottom: 0;
    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: #939ba4; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        &.dropdown-toggle {
            &::after {
                content: $content !important;
                display: flex;
                align-items: center;
                justify-content: center;
                //margin-left: 0 !important;
                //margin-top: 2px !important;
                margin-top: 0;
                margin-left: 0;
                border: none;
                font-size: 0.9rem;
                font-family: 'Font Awesome 6 Pro';
                vertical-align: middle;
                            }
        }*/ }
    .wm-section-inner .wm-section-actions .wm-action-button-group .btn-group .wm-button.btn: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: .5rem !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar {
  gap: 1rem;
  flex-wrap: nowrap; }
  @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: white;
      margin-left: auto;
      margin-right: auto; }
    .navbar-brand .winmancloud-logo {
      width: 140px;
      height: 22px;
      display: inline; }
      @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 {
      width: 41.5px;
      height: 22px;
      display: none; }
      @media only screen and (max-width: 35.9375em) {
        .navbar-brand .winmancloud-icon {
          display: inline; } }
  .navbar-dark.fixed-top {
    backdrop-filter: blur(1rem);
    border-color: #edf2f3;
    /*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: white; }
        @media (prefers-color-scheme: dark) {
          .navbar-right.wm-page-menu .notifications a i {
            color: #f7fafc; } }
      .navbar-right.wm-page-menu .notifications a .notification-count {
        display: none; }
        .navbar-right.wm-page-menu .notifications a .notification-count.new, .navbar-right.wm-page-menu .notifications a .notification-count.some, .navbar-right.wm-page-menu .notifications a .notification-count.many {
          position: absolute;
          top: 0.5rem;
          right: 0.5rem;
          display: flex;
          align-items: center;
          justify-content: center;
          animation: background-gradient 2.5s linear infinite;
          border-radius: 50px;
          background: linear-gradient(-45deg, #f56565, #ff3b30, #ff453a, #f56565, #fc8181);
          background-size: 600%;
          color: white; }
        .navbar-right.wm-page-menu .notifications a .notification-count.new {
          width: 11px;
          height: 11px; }
        .navbar-right.wm-page-menu .notifications a .notification-count.some {
          top: 0;
          right: 0;
          width: 24px;
          height: 24px;
          padding: 0.5rem; }
        .navbar-right.wm-page-menu .notifications a .notification-count.many {
          top: 0;
          right: -0.5rem;
          width: 32px;
          height: 24px; }
      .navbar-right.wm-page-menu .notifications a .wm-notification-icon {
        border-radius: 50px;
        padding: 1rem;
        color: white; }
      .navbar-right.wm-page-menu .notifications a:hover {
        transform: translateY(-2px);
        background: rgba(255, 255, 255, 0.85); }
        .navbar-right.wm-page-menu .notifications a:hover i {
          color: #afb3b9;
          font-weight: 500; }
    .navbar-right.wm-page-menu .notifications a,
    .navbar-right.wm-page-menu .avatar .wm-image-small,
    .navbar-right.wm-page-menu .system-locale .wm-image-small {
      transform: translateY(0px);
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
      width: 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 {
      padding-left: 1rem;
      border-left: 1px solid rgba(255, 255, 255, 0.5); }
    .navbar-right.wm-page-menu ul.dropdown-menu.show {
      padding: 10px; }
  .navbar .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: white; }
      .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: #edf0f2; }
    #mainNav.fixed-top.navbar-light .sidenav-toggler a i {
      color: rgba(0, 0, 0, 0.5); }
  #mainNav.fixed-top.navbar-dark .sidenav-toggler {
    min-height: 70px;
    background-color: white; }
    #mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
      font-size: 20px;
      font-weight: 900;
      color: #b2b7bf; }
  #mainNav .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: #1a202c; }
        #mainNav .navbar-collapse .nav-item {
          padding-left: 8px; } }
    #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
      cursor: pointer; }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
      position: relative;
      min-width: 45px; }
      #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link::after {
        content: '\f105';
        float: right;
        border: none;
        width: auto;
        font-family: 'FontAwesome'; }
      #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
        position: absolute;
        top: 5px;
        left: 21px;
        font-size: 10px; }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link::after {
      content: '\f107'; }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
      overflow: hidden;
      max-width: 300px;
      white-space: normal; }
    #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: .15rem;
  border-radius: .2rem; }

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

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

.topbar-status-dropdown > .dropdown-menu > .dropdown-header {
  font-size: 18px;
  font-weight: 500;
  color: #212529;
  padding: .5rem .5rem; }
  @media (prefers-color-scheme: dark) {
    .topbar-status-dropdown > .dropdown-menu > .dropdown-header {
      color: #edf2f7; } }

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

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

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

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

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

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

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

.nav-link-text {
  position: relative;
  top: 0px;
  color: #edf2f3; }
  .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: #babdc3 !important; } }

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

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

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

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

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

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

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

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

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

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

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

.dropdown-submenu {
  position: relative; }

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

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

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

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

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

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

.modulesearch-content {
  width: 100%;
  height: auto;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  color: #2c2b2e; }
  @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: #33383e !important; } }
    .modulesearch-content .card-columns {
      column-count: 4;
      column-gap: 1em;
      margin-top: .5em !important; }
      @media only screen and (max-width: 74.9375em) {
        .modulesearch-content .card-columns {
          column-count: 3 !important; } }
      @media only screen and (max-width: 61.9375em) {
        .modulesearch-content .card-columns {
          column-count: 2 !important; } }
      @media only screen and (max-width: 47.9375em) {
        .modulesearch-content .card-columns {
          column-count: 1 !important; } }
      .modulesearch-content .card-columns .wm-card-list {
        padding-left: 0 !important; }
        @media (prefers-color-scheme: dark) {
          .modulesearch-content .card-columns .wm-card-list a li {
            color: #dddfe3 !important; }
            .modulesearch-content .card-columns .wm-card-list a li:hover {
              color: #d0d2d6 !important; } }
      .modulesearch-content .card-columns .card {
        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: #edf2f3; }
        @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: #ccd3db !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 {
    opacity: 1; }
  @media only screen and (max-width: 61.9375em) {
    .modulesearch.open .modulesearch-close {
      width: 25px;
      height: 25px;
      top: 22px; } }
  @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 {
    color: #4c5c68 !important;
    line-height: 3.0em;
    text-decoration: none; }
    @media (prefers-color-scheme: light) {
      .card-body.module-card li {
        color: #4c5c68 !important; } }
    @media (prefers-color-scheme: dark) {
      .card-body.module-card li {
        color: #ece7e7 !important; } }

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

.round {
  border-radius: 50%; }

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

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

a.search-wmore-btn {
  display: block;
  margin-top: 15px !important;
  padding-left: 8px; }
  @media (prefers-color-scheme: dark) {
    a.search-wmore-btn {
      color: #c0c9d3 !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 {
  background-color: rgba(255, 255, 255, 0.25);
  border: none;
  color: #edf2f3;
  border-radius: 2px; }

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

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, #1a202c calc(1rem + 1px)); }
    @media (prefers-color-scheme: dark) {
      body main:before, body main:after {
        background-image: radial-gradient(circle at 100% 100%, transparent 1rem, #282b2f 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: #1a202c; }
  @media (prefers-color-scheme: dark) {
    .navbar-sidenav {
      border-right: 1px solid #5b636c;
      background-color: #282b2f; } }
  .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: #1a202c !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: #282b2f !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: white !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: #ef9449 !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 .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 {
      position: absolute;
      right: -1rem;
      top: 50% !important;
      opacity: 0;
      transform: translateY(-50%);
      transition: all cubic-bezier(0.4, 0, 0.2, 1) 225ms;
      padding-left: 5px;
      background: transparent; }
      @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: #718096; }
        .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: white; }
    .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: #cbd5e0;
        padding: 0.4rem 2.4rem 0.4rem 0.4rem !important; }
      .navbar-sidenav li.nav-item.navigation-item:hover .sidebar-link-hover-icon-container {
        position: absolute;
        right: 0;
        opacity: 1; }
        @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: .7; }
  .navbar-sidenav li.nav-item.nav-category {
    font-size: 0.9rem;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
    letter-spacing: 1px;
    color: #c0c9d3; }
    .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 {
        font-size: 1rem;
        font-weight: 600;
        color: #fbfbfc !important;
        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"; }
        .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: #232c3c;
    white-space: nowrap; }
    @media (prefers-color-scheme: dark) {
      .navbar-sidenav .fav-navbar-nav,
      .navbar-sidenav .recent-navbar-nav {
        background-color: #1d1f22; } }
    .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: #fff; }
  .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, #1a202c calc(1rem + 1px)); }
    @media (prefers-color-scheme: dark) {
      .navbar-sidenav:before, .navbar-sidenav:after {
        background-image: radial-gradient(circle at 100% 100%, transparent 1rem, #282b2f 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 {
      width: 30px;
      height: 30px;
      margin: 4px 0 30px 2px;
      padding: 4px;
      position: relative;
      z-index: 1000;
      display: block;
      fill: white !important;
      transition: transform .3s ease-in;
      border-radius: 50%;
      background-color: #373d43; }
      .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: #fbfbfc !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 #c0c9d3;
    color: #2e3338 !important; }
  .e-ddl.e-popup[id^='ItemValue_communication_method_id_'] .wm-inline-suggestion-note {
    margin: 1rem 8px 8px 8px;
    border-radius: 0.25rem;
    padding: 0.5rem;
    background: #edf2f3;
    color: #77818d !important; }

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

.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: calc(50% - 80% / 2);
    left: calc(50% - 80% / 2);
    mix-blend-mode: hard-light;
    width: 80%;
    height: 80%; }
  .default-aiassistview .g1 {
    top: calc(50% - 80% / 2 + 50px);
    left: calc(50% - 80% / 2 - 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(50% - 80% / 2 + 200px);
    left: calc(50% - 80% / 2 - 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: calc(50% - 80% / 2);
    left: calc(50% - 80% / 2);
    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: calc(50% - 80%);
    left: calc(50% - 80%);
    opacity: 1;
    transform-origin: calc(50% - 800px) calc(50% + 200px);
    animation: moveInCircle 20s ease infinite;
    width: calc(80% * 2);
    height: calc(80% * 2);
    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 #e2e8f0;
  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: white; }
    @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: #4d485d !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: #d8c1f9 !important; } }
    @media (prefers-color-scheme: dark) {
      #aiAssistView .e-view-header .e-toolbar .e-toolbar-item.e-active:after {
        background-color: #d8c1f9 !important; } }
  #aiAssistView .e-view-content {
    border-radius: 0.5rem;
    padding: 3rem 0.5rem 0.5rem;
    color: #2d3748 !important; }
    @media (prefers-color-scheme: dark) {
      #aiAssistView .e-view-content {
        color: white !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: #0000 !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: white !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 #edf2f7;
        border-radius: 0.66rem;
        height: 70px;
        padding-bottom: 1rem;
        background: rgba(247, 250, 252, 0.48);
        color: #4a5568; }
        @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: #f7fafc; } }
        #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: white; }
        #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: #040404; }
          #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: #e2e8f0; }
        @media (prefers-color-scheme: dark) {
          #aiAssistView .e-view-content .e-views .e-prompt-text {
            border-color: transparent;
            background: #4a5568;
            color: white !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 #a0aec0;
            border-radius: 50px;
            padding: 0.25rem;
            font-size: 1rem;
            color: #4a5568; }
            @media (prefers-color-scheme: dark) {
              #aiAssistView .e-view-content .e-views .e-output-container .response-header .e-assistview-icon {
                color: #edf2f7 !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 #e2e8f0;
            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, calc(0.863rem + 0.0535vw), 1.266em) !important; }
          #aiAssistView .e-view-content .e-views .e-output-container .responseContent h5 {
            font-size: clamp(1rem, calc(0.988rem + 0.0535vw), 1.125em) !important; }
          #aiAssistView .e-view-content .e-views .e-output-container .responseContent h6 {
            font-size: clamp(0.875rem, calc(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, calc(0.863rem + 0.0535vw), 1rem) !important;
            font-weight: 400;
            color: #2d3748 !important; }
            @media (prefers-color-scheme: dark) {
              #aiAssistView .e-view-content .e-views .e-output-container .responseContent p {
                color: white !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: #2d3748;
            font-size: .875em;
            font-weight: 400;
            line-height: 1.7142857;
            color: white; }
            @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: #0b0d12; } }
            #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: #e2e8f0;
            font-size: 0.875em;
            font-weight: 500; }
            @media (prefers-color-scheme: dark) {
              #aiAssistView .e-view-content .e-views .e-output-container .responseContent code {
                background: #4a5568;
                color: #edf2f7; } }
          #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 #cbd5e0;
              border-bottom: 1px solid #cbd5e0;
              border-left: 1px solid #cbd5e0;
              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 {
                  background-color: rgba(255, 255, 255, 0.1);
                  border-color: rgba(255, 255, 255, 0.2); } }
              #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 #e2e8f0;
                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: #718096; } }
            #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 #cbd5e0;
              border-left: 1px solid #e2e8f0;
              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 #e2e8f0;
                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(1.4rem + 1.4rem + calc(1px * 2));
          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: white; } }
        #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 #e2e8f0, inset 0px 0px 10px white;
          border-color: #cbd5e0 !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: white; }
        #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: #718096; }

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

@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: white !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 #e2e8f0 !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: #4a5568 !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: #f7fafc !important;
    padding: 1rem !important; }
    @media (prefers-color-scheme: dark) {
      #loadedtabwidgetservicerates div[data-widget-name="CarrierIntegrationServiceCardView"] .card .card-header {
        background-color: #363a40 !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 #e2e8f0 !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: #4a5568 !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: white !important; }
    @media (prefers-color-scheme: dark) {
      #loadedtabwidgetservicerates div[data-widget-name="CarrierIntegrationServiceCardView"] .card .card-body {
        background-color: #23262a !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: #e5f3ff; }
    @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: #0188ff !important;
      color: #e5f3ff !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: #0a84ff !important;
          color: #ebf8ff !important; } }
    #loadedtabwidgetservicerates div[data-widget-name="CarrierIntegrationServiceCardView"] .card:has(.wm-card-footer-badges):before {
      outline: 1px solid #cbd5e0; }
  #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 #23262a !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: white !important; } }
    @media (prefers-color-scheme: dark) {
      #loadedtabwidgetservicerates div[data-widget-name="CarrierIntegrationServiceCardView"] .card.selected-service:before {
        outline-color: white !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 #e2e8f0;
    background-color: rgba(74, 85, 104, 0.06); }
    @media (prefers-color-scheme: dark) {
      #loadedtabwidgetservicerates div[data-widget-name="CarrierIntegrationServiceCardView"] .card:before {
        outline-color: #a0aec0;
        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: white; }

/*# sourceMappingURL=style.css.map */