@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

:root {
   --c-white: #ffffff;
   --c-black: #0e0d0d;
   --c-light: #f1f1f1;
   --c-light-gray: #e4e4e4;
   --c-gray: #bababa;
   --c-dark-gray: #6b6b6b;
   --c-light-blue: #cadef1;
   --c-blue: #125197;
   --c-dark-blue: #042952;
   --c-light-orange: #ffd3bb;
   --c-orange: #F07A39;
   --c-dark-orange: #c74904;
   --c-light-green: #ddfbce;
   --c-green: #7FD059;
   --c-dark-green: #457c2a;
   --c-light-red: #ffc3c3;
   --c-red: #f02222;
   --c-dark-red: #c70000;

   --h-light-white: rgba(255 255 255 / 5%);
   --h-white: rgba(255 255 255 / 10%);
   --h-light-black: rgba(0 0 0 / 5%);
   --h-black: rgba(0 0 0 / 10%);
}

*,
*::before,
*::after {
   box-sizing: border-box;
}

html,
body {
   padding: 0;
   margin: 0;
   font-family: "Nunito Sans", sans-serif;
   color: #0a210f;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background: #f1f1f1;
}

.nunito-sans {font-family: "Nunito Sans", sans-serif;}


::-webkit-scrollbar {
   height: 4px;
   width: 4px;
}

::-webkit-scrollbar-track {
   background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
   background: var(--c-orange);
   border-radius: 0em;
}

::-webkit-scrollbar-thumb:hover {
   background: #fe9a63;
}

.mini-scrollbar::-webkit-scrollbar {
   width: 4px;
   height: 4px;
}

.hover {
   cursor: pointer;
}

.scrolled {
   transition: box-shadow 250ms ease-in-out;
   box-shadow: 0 5px 25px -15px rgba(0, 0, 0, 0.623);
}
.inset-scrolled {
   transition: box-shadow 250ms ease-in-out;
   box-shadow: inset 0 5px 10px -10px rgb(0, 0, 0);
   border-top: 1px solid #d4d4d4;
}
form {
   width: 100%;
}
a {
   text-decoration: none !important;
   color: inherit;
}
p, label {
   margin-bottom: 0px;
}
ul.clean-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}


.page-title {
   color: var(--c-dark);
   font-weight: bold;
   font-size: 1.1em;
}
.sub-text {
   color: var(--c-gray);
   font-size: 0.8em;
}
.grand-text {
    font-size: 3.5em;
}
.xxl-text {
   font-size: 2em;
}
.xl-text {
   font-size: 1.4em;
}
.lg-text {
   font-size: 1.2em;
}
.md-text {
   font-size: 1em;
}
.sm-text {
   font-size: 0.9em;
}
.xs-text {
   font-size: 0.8em;
}
.xxs-text {
   font-size: 0.7em;
}
.xxs-rtext {
   font-size: 0.7rem;
}
.xxl-rtext {
   font-size: 2rem;
}
.xl-rtext {
   font-size: 1.4rem;
}
.lg-rtext {
   font-size: 1.2rem;
}
.md-rtext {
   font-size: 1rem;
}
.sm-rtext {
   font-size: 0.9rem;
}
.xs-rtext {
   font-size: 0.8rem;
}
.xxs-rtext {
   font-size: 0.7rem;
}


.text-white {
    color: var(--c-white);
}
.text-black {
    color: var(--c-black);
}
.text-light {
    color: var(--c-light);
}
.text-light-gray {
    color: var(--c-light-gray);
}
.text-gray {
    color: var(--c-gray);
}
.text-dark-gray {
    color: var(--c-dark-gray);
}
.text-light-blue {
    color: var(--c-light-blue);
}
.text-blue {
    color: var(--c-blue);
}
.text-light-orange {
    color: var(--c-light-orange);
}
.text-orange {
    color: var(--c-orange);
}
.text-light-green {
    color: var(--c-light-green);
}
.text-green {
    color: var(--c-green);
}
.text-light-red {
    color: var(--c-light-red);
}
.text-red {
    color: var(--c-red);
}


.bg-white {
    background: var(--c-white);
}
.bg-black {
    background: var(--c-black);
}
.bg-light {
    background: var(--c-light);
}
.bg-light-gray {
    background: var(--c-light-gray);
}
.bg-gray {
    background: var(--c-gray);
}
.bg-dark-gray {
    background: var(--c-dark-gray);
}
.bg-light-blue {
    background: var(--c-light-blue);
}
.bg-blue {
    background: var(--c-blue);
}
.bg-light-orange {
    background: var(--c-light-orange);
}
.bg-orange {
    background: var(--c-orange);
}
.bg-light-green {
    background: var(--c-light-green);
}
.bg-green {
    background: var(--c-green);
}
.bg-light-red {
    background: var(--c-light-red);
}
.bg-red {
    background: var(--c-red);
}



.custom-field-group {
    position: relative;
    display: block;
}


.custom-btn {
   border: 0px;
   padding: 1em 1.2em;
   font-size: 0.9em;
   border-radius: 1em;
   display: inline-block;
   font-family: "Nunito Sans", sans-serif;
}
.custom-btn.large,
.custom-field.large {
   padding: 1.2em 1.7em;
   font-size: 1em;
}
.custom-btn.mini,
.custom-field.mini {
   padding: 0.45em 0.5em;
   font-size: 0.9em;
}
.custom-btn.tiny,
.custom-field.tiny {
   padding: 0.3em 0.4em;
   font-size: 0.8em;
}
.custom-btn:disabled {
   cursor: initial !important;
}



.btn-white {
   border: 1px solid var(--c-white);
   background: var(--c-white);
   color: var(--c-black);
}
.btn-black {
   border: 1px solid var(--c-black);
   background: var(--c-black);
   color: var(--c-white);
}
.btn-light-gray {
   border: 1px solid var(--c-light-gray);
   background: var(--c-light-gray);
   color: var(--c-dark-gray);
}
.btn-gray {
   border: 1px solid var(--c-gray);
   background: var(--c-gray);
   color: var(--c-white);
}
.btn-dark-gray {
   border: 1px solid var(--c-dark-gray);
   background: var(--c-dark-gray);
   color: var(--c-white);
}
.btn-light-blue {
   border: 1px solid var(--c-light-blue);
   background: var(--c-light-blue);
   color: var(--c-blue);
}
.btn-blue {
   border: 1px solid var(--c-blue);
   background: var(--c-blue);
   color: var(--c-white);
}
.btn-light-orange {
   border: 1px solid var(--c-light-orange);
   background: var(--c-light-orange);
   color: var(--c-orange);
}
.btn-orange {
   border: 1px solid var(--c-orange);
   background: var(--c-orange);
   color: var(--c-white);
}
.btn-light-green {
   border: 1px solid var(--c-light-green);
   background: var(--c-light-green);
   color: var(--c-green);
}
.btn-green {
   border: 1px solid var(--c-green);
   background: var(--c-green);
   color: var(--c-white);
}
.btn-light-red {
   border: 1px solid var(--c-light-red);
   background: var(--c-light-red);
   color: var(--c-red);
}
.btn-red {
   border: 1px solid var(--c-red);
   background: var(--c-red);
   color: var(--c-white);
}


[class*="btn-border"] {
   background: transparent;
}
.btn-border-white {
   border: 1px solid var(--c-white);
   color: var(--c-white);
}
.btn-border-black {
   border: 1px solid var(--c-black);
   color: var(--c-black);
}
.btn-border-light-gray {
   border: 1px solid var(--c-light-gray);
   color: var(--c-light-gray);
}
.btn-border-gray {
   border: 1px solid var(--c-gray);
   color: var(--c-gray);
}
.btn-border-dark-gray {
   border: 1px solid var(--c-dark-gray);
   color: var(--c-dark-gray);
}
.btn-border-light-blue {
   border: 1px solid var(--c-light-blue);
   color: var(--c-light-blue);
}
.btn-border-blue {
   border: 1px solid var(--c-blue);
   color: var(--c-blue);
}
.btn-border-light-orange {
   border: 1px solid var(--c-light-orange);
   color: var(--c-light-orange);
}
.btn-border-orange {
   border: 1px solid var(--c-orange);
   color: var(--c-orange);
}
.btn-border-light-green {
   border: 1px solid var(--c-light-green);
   color: var(--c-light-green);
}
.btn-border-green {
   border: 1px solid var(--c-green);
   color: var(--c-green);
}
.btn-border-light-red {
   border: 1px solid var(--c-light-red);
   color: var(--c-light-red);
}
.btn-border-red {
   border: 1px solid var(--c-red);
   color: var(--c-red);
}

.custom-field {
   flex: auto;
   background: #ffffff;
   border: 1px solid var(--c-light-gray);
   border-radius: 1em;
   width: 100%;
   font-size: 1.1em;
   padding: 0.6em 1.2em;
   color: #565656;
   outline: none !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.custom-field:not(select):read-only {
    background: #e9ecf1 !important;
}
.custom-field:disabled {
    background: #f7e8e8 !important;
    cursor: default !important;
}
.custom-field.custom-loading {
    background: #fff
        url("/static/img/270-ring.svg")
        right 1em center/1em 1em no-repeat !important;
    padding-right: 3em;
    cursor: default !important;
}
.custom-field.custom-loading:disabled {
    background: #f7e8e8
        url("/static/img/270-ring.svg")
        right 1em center/1em 1em no-repeat !important;
    padding-right: 3em;
    cursor: default !important;
}
.custom-field::placeholder {
   color: #999ca2;
   font-size: 0.9em;
}
.custom-field:focus {
   border: 1px solid #8d9fbb;
   box-shadow: 0px 0px 0.1em 0.2em rgba(132, 191, 247, 0.15);
}
.custom-field.search-field,
.custom-field.select-field,
select.custom-field {
   padding-right: 3.2em;
}
.custom-field.filter-field {
   border: 0px;
   padding: 0.6em 1.3em;
}

.custom-field.search-field {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5   S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9   C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z' fill='%23999CA2'/></svg>")
      right 1em center/1em 1em no-repeat;
}
.custom-field.search-field:focus {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5   S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9   C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z' fill='%238d9fbb'/></svg>")
      right 1em center/1em 1em no-repeat;
}
.custom-field.search-field-l {
   padding-left: 3.2em;
}

.custom-field.search-field-l {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5   S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9   C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z' fill='%23999CA2'/></svg>")
      left 1em center/1em 1em no-repeat;
}
.custom-field.search-field-l:focus {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5   S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9   C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z' fill='%238d9fbb'/></svg>")
      left 1em center/1em 1em no-repeat;
}


.custom-field.select-field,
.custom-field.filter-field {
   cursor: pointer;
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 404.257 404.257' xmlns:xlink='http://www.w3.org/1999/xlink'><polygon points='386.257,114.331 202.128,252.427 18,114.331 0,138.331 202.128,289.927 404.257,138.331' fill='%23999CA2'/></svg>")
      right 1em center/1em 1em no-repeat;
}
.custom-field.select-field:focus,
.custom-field.filter-field:focus {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 404.257 404.257' xmlns:xlink='http://www.w3.org/1999/xlink'><polygon points='386.257,114.331 202.128,252.427 18,114.331 0,138.331 202.128,289.927 404.257,138.331' fill='%238d9fbb'/></svg>")
      right 1em center/1em 1em no-repeat;
}
.custom-field.sort-field {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 426.667 426.667'><g fill='%23999CA2'><polygon points='319.36,12.587 220.587,111.36 249.173,138.667 288.64,99.2 298.24,77.867 298.24,320 340.907,320 340.907,78.08 348.8,97.92 389.76,138.88 418.133,111.147'/><polygon points='176.64,288 136.32,328.107 127.573,350.933 127.573,106.667 84.907,106.667 84.907,350.72 75.52,327.253 36.053,287.787 8.533,316.373 106.453,414.293 204.16,316.587'/><rect x='84.907' width='42.667' height='64'/><rect x='298.24' y='362.667' width='42.667' height='64'/></g></svg>")
      right 1em center/1em 1em no-repeat;
}
.custom-field.sort-field:focus {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 426.667 426.667'><g fill='%238d9fbb'><polygon points='319.36,12.587 220.587,111.36 249.173,138.667 288.64,99.2 298.24,77.867 298.24,320 340.907,320 340.907,78.08 348.8,97.92 389.76,138.88 418.133,111.147'/><polygon points='176.64,288 136.32,328.107 127.573,350.933 127.573,106.667 84.907,106.667 84.907,350.72 75.52,327.253 36.053,287.787 8.533,316.373 106.453,414.293 204.16,316.587'/><rect x='84.907' width='42.667' height='64'/><rect x='298.24' y='362.667' width='42.667' height='64'/></g></svg>")
      right 1em center/1em 1em no-repeat;
}
.custom-field.location-field {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512'><g fill='%23999CA2'><path d='M425.951,89.021C386.864,32.451,324.917,0,256.006,0S125.148,32.451,86.061,89.021c-38.895,56.284-47.876,127.541-24.072,190.496c6.367,17.192,16.488,33.895,30.01,49.547l150.378,176.634c3.401,3.998,8.384,6.302,13.629,6.302c5.245,0,10.228-2.303,13.629-6.302l150.336-176.586c13.582-15.742,23.69-32.427,30.004-49.481C473.827,216.562,464.846,145.305,425.951,89.021z M416.451,267.093c-4.869,13.158-12.818,26.167-23.613,38.68c-0.03,0.03-0.06,0.06-0.084,0.096L256.006,466.487L119.174,305.768c-10.789-12.502-18.738-25.51-23.655-38.794c-19.686-52.065-12.215-110.981,19.991-157.592c32.307-46.76,83.519-73.578,140.496-73.578c56.976,0,108.182,26.817,140.49,73.578C428.708,155.993,436.185,214.909,416.451,267.093z'/><path d='M256.006,106.219c-55.276,0-100.252,44.97-100.252,100.252s44.97,100.252,100.252,100.252s100.252-44.97,100.252-100.C356.258,151.195,311.282,106.219,256.006,106.219z M256.006,270.918c-35.536,0-64.448-28.912-64.448-64.c0-35.536,28.912-64.448,64.448-64.448c35.536,0,64.448,28.912,64.448,64.448S291.542,270.918,256.006,270.918z'/></g></svg>")
      right 1em center/1em 1em no-repeat;
}
.custom-field.location-field:focus {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512'><g fill='%238d9fbb'><path d='M425.951,89.021C386.864,32.451,324.917,0,256.006,0S125.148,32.451,86.061,89.021c-38.895,56.284-47.876,127.541-24.072,190.496c6.367,17.192,16.488,33.895,30.01,49.547l150.378,176.634c3.401,3.998,8.384,6.302,13.629,6.302c5.245,0,10.228-2.303,13.629-6.302l150.336-176.586c13.582-15.742,23.69-32.427,30.004-49.481C473.827,216.562,464.846,145.305,425.951,89.021z M416.451,267.093c-4.869,13.158-12.818,26.167-23.613,38.68c-0.03,0.03-0.06,0.06-0.084,0.096L256.006,466.487L119.174,305.768c-10.789-12.502-18.738-25.51-23.655-38.794c-19.686-52.065-12.215-110.981,19.991-157.592c32.307-46.76,83.519-73.578,140.496-73.578c56.976,0,108.182,26.817,140.49,73.578C428.708,155.993,436.185,214.909,416.451,267.093z'/><path d='M256.006,106.219c-55.276,0-100.252,44.97-100.252,100.252s44.97,100.252,100.252,100.252s100.252-44.97,100.252-100.C356.258,151.195,311.282,106.219,256.006,106.219z M256.006,270.918c-35.536,0-64.448-28.912-64.448-64.c0-35.536,28.912-64.448,64.448-64.448c35.536,0,64.448,28.912,64.448,64.448S291.542,270.918,256.006,270.918z'/></g></svg>")
      right 1em center/1em 1em no-repeat;
}
.custom-field.calendar-field {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg height='512pt' viewBox='0 0 512 512' width='512pt' xmlns='http://www.w3.org/2000/svg'><g fill='%23999CA2'><path d='m482 292.25v-246.25c0-8.285156-6.714844-15-15-15h-76v-16c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v16h-60v-16c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v16h-60v-16c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v16h-60v-16c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v16h-76c-8.285156 0-15 6.714844-15 15v391c0 8.285156 6.714844 15 15 15h249.804688c24.25 36.152344 65.488281 60 112.195312 60 74.4375 0 135-60.5625 135-135 0-32.070312-11.25-61.5625-30-84.75zm-391-231.25v15c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-15h60v15c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-15h60v15c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-15h60v15c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-15h61v60h-422v-60zm-61 361v-271h422v113.804688c-21.464844-14.394532-47.269531-22.804688-75-22.804688-47.398438 0-89.164062 24.558594-113.257812 61.613281-2.027344-1.023437-4.3125-1.613281-6.742188-1.613281h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h22.722656c-3.386718 9.554688-5.730468 19.601562-6.882812 30h-15.839844c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h15.839844c1.152344 10.398438 3.492187 20.445312 6.882812 30zm347 60c-57.898438 0-105-47.101562-105-105s47.101562-105 105-105 105 47.101562 105 105-47.101562 105-105 105zm0 0'/><path d='m437 362h-45v-45c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v60c0 8.285156 6.714844 15 15 15h60c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0'/><path d='m136 182h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0'/><path d='m136 242h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0'/><path d='m136 302h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0'/><path d='m227 212h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15zm0 0'/><path d='m227 272h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15zm0 0'/><path d='m136 362h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0'/><path d='m347 212h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15zm0 0'/></g></svg>")
      right 1em center/1em 1em no-repeat;
}
.custom-field.calendar-field:focus {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg height='512pt' viewBox='0 0 512 512' width='512pt' xmlns='http://www.w3.org/2000/svg'><g fill='%238d9fbb'><path d='m482 292.25v-246.25c0-8.285156-6.714844-15-15-15h-76v-16c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v16h-60v-16c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v16h-60v-16c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v16h-60v-16c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v16h-76c-8.285156 0-15 6.714844-15 15v391c0 8.285156 6.714844 15 15 15h249.804688c24.25 36.152344 65.488281 60 112.195312 60 74.4375 0 135-60.5625 135-135 0-32.070312-11.25-61.5625-30-84.75zm-391-231.25v15c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-15h60v15c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-15h60v15c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-15h60v15c0 8.285156 6.714844 15 15 15s15-6.714844 15-15v-15h61v60h-422v-60zm-61 361v-271h422v113.804688c-21.464844-14.394532-47.269531-22.804688-75-22.804688-47.398438 0-89.164062 24.558594-113.257812 61.613281-2.027344-1.023437-4.3125-1.613281-6.742188-1.613281h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h22.722656c-3.386718 9.554688-5.730468 19.601562-6.882812 30h-15.839844c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h15.839844c1.152344 10.398438 3.492187 20.445312 6.882812 30zm347 60c-57.898438 0-105-47.101562-105-105s47.101562-105 105-105 105 47.101562 105 105-47.101562 105-105 105zm0 0'/><path d='m437 362h-45v-45c0-8.285156-6.714844-15-15-15s-15 6.714844-15 15v60c0 8.285156 6.714844 15 15 15h60c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0'/><path d='m136 182h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0'/><path d='m136 242h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0'/><path d='m136 302h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0'/><path d='m227 212h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15zm0 0'/><path d='m227 272h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15zm0 0'/><path d='m136 362h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15zm0 0'/><path d='m347 212h30c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15h-30c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15zm0 0'/></g></svg>")
      right 1em center/1em 1em no-repeat;
}

.custom-field.round-search-field {
   padding-left: 3.2em;
   border-radius: 1000px;
}
.custom-field.round-search-field {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5   S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9   C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z' fill='%23999CA2'/></svg>")
      left 1em center/1em 1em no-repeat;
}
.custom-field.round-search-field:focus {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5   S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9   C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z' fill='%238d9fbb'/></svg>")
      left 1em center/1em 1em no-repeat;
}

.custom-field.calendar-field::-webkit-calendar-picker-indicator {
   opacity: 0;
   background: transparent;
}
.custom-field.calendar-field::-webkit-calendar-picker-indicator:hover {
   cursor: pointer;
}

.custom-field.user-field {
   padding-left: 3em;
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 -256 1792 1792'><g fill='%23999CA2' transform='matrix(1,0,0,-1,197.42373,1300.6102)'><path d='M 1408,131 Q 1408,11 1335,-58.5 1262,-128 1141,-128 H 267 Q 146,-128 73,-58.5 0,11 0,131 0,184 3.5,234.5 7,285 17.5,343.5 28,402 44,452 q 16,50 43,97.5 27,47.5 62,81 35,33.5 85.5,53.5 50.5,20 111.5,20 9,0 42,-21.5 33,-21.5 74.5,-48 41.5,-26.5 108,-48 Q 637,565 704,565 q 67,0 133.5,21.5 66.5,21.5 108,48 41.5,26.5 74.5,48 33,21.5 42,21.5 61,0 111.5,-20 50.5,-20 85.5,-53.5 35,-33.5 62,-81 27,-47.5 43,-97.5 16,-50 26.5,-108.5 10.5,-58.5 14,-109 Q 1408,184 1408,131 z m -320,893 Q 1088,865 975.5,752.5 863,640 704,640 545,640 432.5,752.5 320,865 320,1024 320,1183 432.5,1295.5 545,1408 704,1408 863,1408 975.5,1295.5 1088,1183 1088,1024 z'/></g></svg>")
      left 1em center/1em 1em no-repeat;
}
.custom-field.user-field:focus {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 -256 1792 1792'><g fill='%238d9fbb' transform='matrix(1,0,0,-1,197.42373,1300.6102)'><path d='M 1408,131 Q 1408,11 1335,-58.5 1262,-128 1141,-128 H 267 Q 146,-128 73,-58.5 0,11 0,131 0,184 3.5,234.5 7,285 17.5,343.5 28,402 44,452 q 16,50 43,97.5 27,47.5 62,81 35,33.5 85.5,53.5 50.5,20 111.5,20 9,0 42,-21.5 33,-21.5 74.5,-48 41.5,-26.5 108,-48 Q 637,565 704,565 q 67,0 133.5,21.5 66.5,21.5 108,48 41.5,26.5 74.5,48 33,21.5 42,21.5 61,0 111.5,-20 50.5,-20 85.5,-53.5 35,-33.5 62,-81 27,-47.5 43,-97.5 16,-50 26.5,-108.5 10.5,-58.5 14,-109 Q 1408,184 1408,131 z m -320,893 Q 1088,865 975.5,752.5 863,640 704,640 545,640 432.5,752.5 320,865 320,1024 320,1183 432.5,1295.5 545,1408 704,1408 863,1408 975.5,1295.5 1088,1183 1088,1024 z'/></g></svg>")
      left 1em center/1em 1em no-repeat;
}
.custom-field.lock-field {
   padding-left: 3em;
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 486.733 486.733'><g fill='%23999CA2'><path d='M403.88,196.563h-9.484v-44.388c0-82.099-65.151-150.681-146.582-152.145c-2.225-0.04-6.671-0.04-8.895,0C157.486,1.494,92.336,70.076,92.336,152.175v44.388h-9.485c-14.616,0-26.538,15.082-26.538,33.709v222.632c0,18.606,11.922,33.829,26.539,33.829h321.028c14.616,0,26.539-15.223,26.539-33.829V230.272C430.419,211.646,418.497,196.563,403.88,196.563z M273.442,341.362v67.271c0,7.703-6.449,14.222-14.158,14.222H227.45c-7.71,0-14.159-6.519-14.159-14.222v-67.271c-7.477-7.36-11.83-17.537-11.83-28.795c0-21.334,16.491-39.666,37.459-40.513c2.222-0.09,6.673-0.09,8.895,0c20.968,0.847,37.459,19.179,37.459,40.513C285.272,323.825,280.919,334.002,273.442,341.362zM331.886,196.563h-84.072h-8.895h-84.072v-44.388c0-48.905,39.744-89.342,88.519-89.342c48.775,0,88.521,40.437,88.521,89.342V196.563z'/></g></svg>")
      left 1em center/1em 1em no-repeat;
}
.custom-field.lock-field:focus {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 486.733 486.733'><g fill='%238d9fbb'><path d='M403.88,196.563h-9.484v-44.388c0-82.099-65.151-150.681-146.582-152.145c-2.225-0.04-6.671-0.04-8.895,0C157.486,1.494,92.336,70.076,92.336,152.175v44.388h-9.485c-14.616,0-26.538,15.082-26.538,33.709v222.632c0,18.606,11.922,33.829,26.539,33.829h321.028c14.616,0,26.539-15.223,26.539-33.829V230.272C430.419,211.646,418.497,196.563,403.88,196.563z M273.442,341.362v67.271c0,7.703-6.449,14.222-14.158,14.222H227.45c-7.71,0-14.159-6.519-14.159-14.222v-67.271c-7.477-7.36-11.83-17.537-11.83-28.795c0-21.334,16.491-39.666,37.459-40.513c2.222-0.09,6.673-0.09,8.895,0c20.968,0.847,37.459,19.179,37.459,40.513C285.272,323.825,280.919,334.002,273.442,341.362zM331.886,196.563h-84.072h-8.895h-84.072v-44.388c0-48.905,39.744-89.342,88.519-89.342c48.775,0,88.521,40.437,88.521,89.342V196.563z'/></g></svg>")
      left 1em center/1em 1em no-repeat;
}
.custom-field.autocomplete-field {
   padding-right: 3em;
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg version='1.1' fill='%23999CA2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 209.025 209.025' style='enable-background:new 0 0 209.025 209.025;' xml:space='preserve'><path d='M112.013,28.467v98.546h23.742v15h-23.742v38.546c0,13.089,21.064,13.467,23.467,13.467v15 c-3.984,0-14.219-0.48-23.163-4.925c-3.03-1.506-5.638-3.34-7.804-5.453c-2.165,2.113-4.773,3.948-7.803,5.453 c-8.945,4.445-19.179,4.925-23.164,4.925v-15c2.402,0,23.467-0.378,23.467-13.467v-38.546H73.271v-15h23.742V28.467 C97.013,15.378,75.948,15,73.546,15V0c3.985,0,14.219,0.48,23.163,4.924c3.031,1.506,5.639,3.34,7.804,5.454 c2.165-2.113,4.773-3.948,7.804-5.454C121.261,0.48,131.495,0,135.479,0v15C133.077,15,112.013,15.378,112.013,28.467z'/></svg>")
      right 1em center/0.8em 0.8em no-repeat;
}
.custom-field.autocomplete-field:focus {
   background: #fff
      url("data:image/svg+xml;charset=utf8,<svg version='1.1' fill='%238d9fbb' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 209.025 209.025' style='enable-background:new 0 0 209.025 209.025;' xml:space='preserve'><path d='M112.013,28.467v98.546h23.742v15h-23.742v38.546c0,13.089,21.064,13.467,23.467,13.467v15 c-3.984,0-14.219-0.48-23.163-4.925c-3.03-1.506-5.638-3.34-7.804-5.453c-2.165,2.113-4.773,3.948-7.803,5.453 c-8.945,4.445-19.179,4.925-23.164,4.925v-15c2.402,0,23.467-0.378,23.467-13.467v-38.546H73.271v-15h23.742V28.467 C97.013,15.378,75.948,15,73.546,15V0c3.985,0,14.219,0.48,23.163,4.924c3.031,1.506,5.639,3.34,7.804,5.454 c2.165-2.113,4.773-3.948,7.804-5.454C121.261,0.48,131.495,0,135.479,0v15C133.077,15,112.013,15.378,112.013,28.467z'/></svg>")
      right 1em center/0.8em 0.8em no-repeat;
}
.custom-field.file-field {
    position: relative;
    text-align: right;
    justify-content: right;
}
::-webkit-file-upload-button {
  background: transparent;
}
.custom-field.file-field::-webkit-file-upload-button,
.custom-field.file-field::file-selector-button {
  color: #545454;
  padding: 0px;
  border: 0px;
  top: 0;
  left: 0;
  height: 100%;
  font-size: 0.8em;
  font-weight: bold;
  padding: 1em;
  margin: -1em 0px;
  cursor: pointer;
  background: transparent;
  transition: background 100ms ease-in-out;
}

.custom-field.file-field::-webkit-file-upload-button:hover,
.custom-field.file-field::-webkitupload-selector:hover {
    background: #b9d4ff;
}
.custom-checkbox-group {
    position: relative;
    margin-top: 0.6em;
}
.custom-checkbox {
   cursor: pointer;
   position: relative;
}
.custom-checkbox input[type="checkbox"],
.custom-checkbox input[type="radio"] {
   opacity: 0;
   height: 1;
   width: 1;
   border: 0px;
}

.custom-checkbox > span,
.custom-checkbox > span:after,
.custom-checkbox > span:before {
   transition: all 150ms ease-in-out;
}

.custom-checkbox > input[type="radio"] + span {
   padding-left: 0.5em;
}
.custom-checkbox > input[type="radio"] + span:before {
   font-family: "boxicons" !important;
   font-weight: 400;
   font-style: normal;
   content: "";
   background: #a3a3a3;
   border: 2px solid #a3a3a3;
   height: 1.1em;
   width: 1.1em;
   position: absolute;
   left: 0;
   top: calc(50% - 0.7em);
   border-radius: 0.6em;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 50ms ease-in-out;
}
.custom-checkbox > input[type="radio"]:checked + span:before {
   background: var(--c-blue);
   border: 0.3em solid var(--c-light-blue);
   color: white;
}
.custom-checkbox > input[type="checkbox"] + span {
   padding-left: 0.5em;
}
.custom-checkbox > input[type="checkbox"] + span:before {
   font-family: "boxicons" !important;
   font-weight: 400;
   font-style: normal;
   content: "";
   background: #a3a3a3;
   border: 2px solid #a3a3a3;
   height: 1em;
   width: 1em;
   position: absolute;
   left: 0;
   top: calc(50% - 0.5em);
   border-radius: 0.3em;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 50ms ease-in-out;
}
.custom-checkbox > input[type="checkbox"]:checked + span:before {
   content: "";
   background: var(--c-blue);
   border: 1px solid var(--c-light-blue);
   color: white;
}

.paginate-group,
.paginate-group > .paginate-navigator,
.paginate-group > .paginate-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    font-weight: light;
}
.paginate-group > .paginate-label {color: var(--c-gray); padding: 0em 1em;}
.paginate-group > .paginate-navigator {
    border: 1px solid var(--c-blue);
    width: 24px;
    height: 24px;
    background: var(--c-blue);
    color: white;
    border-radius: 0.3em;
}
.paginate-group > .paginate-navigator.disabled, .paginate-group > .paginate-navigator:disabled {border: 1px solid var(--c-gray); background: var(--c-gray); color: var(--c-white); cursor: default;}
.paginate-group > .paginate-navigator.disabled:active, .paginate-group > .paginate-navigator:disabled:active {box-shadow: none !important;}

.paginate-navigator.active {
    background: #0d164b;
}

.status-label {
   padding: 0.7em 1.3em;
   border-radius: 5em;
   font-size: 0.8em;
   white-space: nowrap;
}
.status-label.mini {
    padding: 0.3em 0.8em;
}
.status-label.status-published,
.status-label.status-approved,
.status-label.status-received,
.status-label.status-completed,
.status-label.status-sent-message,
.status-label.status-active {
   color: var(--c-dark-green);
   background: var(--c-light-green);
}
.status-label.status-denied,
.status-label.status-declined,
.status-label.status-canceled,
.status-label.status-inactive,
.status-label.status-failed-message,
.status-label.status-error {
   color: var(--c-dark-red);
   background: var(--c-light-red);
}
.status-label.status-unpublished,
.status-label.status-verifying,
.status-label.status-incomplete {
   color: var(--c-dark-gray);
   background: var(--c-light-gray);
}
.status-label.status-pending,
.status-label.status-pending-message,
.status-label.status-ongoing,
.status-label.status-recording,
.status-label.status-sent {
   color: var(--c-dark-orange);
   background: var(--c-light-orange);
}
.status-label.status-processing {
   color: var(--c-dark-blue);
   background: var(--c-light-blue);
}


.status-label.status-cold,
.status-label.status-returned {
   color: var(--c-dark-gray);
   background: var(--c-light-gray);
}

.status-label.status-warm {
   color: var(--c-dark-blue);
   background: var(--c-light-blue);
}

.status-label.status-hot {
   color: var(--c-white);
   background: var(--c-blue);
}

.status-label.status-won {
   color: var(--c-dark-green);
   background: var(--c-light-green);
}

.status-label.status-lost {
   color: var(--c-dark-red);
   background: var(--c-light-red);
}

.custom-modal-content {
    border-radius: 1.3em;
    border: 0px;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.1);
    overflow:hidden;
}
.custom-modal-body {padding: 0em; position: relative;}
.custom-modal-body > .custom-modal-heading-cont {padding: 3em 3em 2em 3em; background:var(--c-blue); position:relative; color:var(--c-white);}
.custom-modal-body > .custom-modal-content-cont {padding: 3em;}
.custom-modal-body .modal-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 15px;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    border: 0px;
    background: #f1f1f1;
    color: #4e4e4e;
    opacity: 0.5;
    display: inline-flex;
    align-items: center;
    line-height: 0;
    justify-content: center;
    transition: all 100ms ease-in-out;
}
.custom-modal-body .modal-close-btn:hover {
    opacity:0.75;
}
.custom-modal-body .modal-close-btn:active {opacity:1;}

.custom-modal-body .modal-icon {width:120px;}




.custom-dropdown {
   padding: 1em 0em;
   border-radius: 0.5em;
   border: 1px solid #f1f1f1;
   box-shadow: 0px 2px 15px rgba(0,0,0,0.1);
}
.dropdown-menu.custom-dropdown .dropdown-item {
   cursor: pointer;
   padding: 0.8em 1.5em 0.8em 1.3em;
   font-size: 0.9em;
   color: #5F5F5F;
}

.custom-dropdown > .dropdown-item:not([disabled]).active,
.custom-dropdown > .dropdown-item:not([disabled]):active {
   background-color: #f2f4f6;
   font-size: 0.85em;
   color: black;
}
.custom-dropdown > .dropdown-item[disabled] {
   background-color: #ffffff;
   color: #9c9c9c;
}
.custom-dropdown > .dropdown-item[disabled].active,
.custom-dropdown > .dropdown-item[disabled]:active {
   background-color: #ffffff;
   color: #9c9c9c;
}
.custom-dropdown > .dropdown-item .logout-btn {
   padding: 0px;
   border: none;
   background: transparent;
}

.min-height-500 {
    min-height: 500px;
}
table.custom-table {
   width: 100%;
   color: #6d6d6d;
   border-collapse: separate;
   border-spacing: 0;
   border-radius: 1em;
   min-height: 200px;
   padding-bottom: 3em;
}
table.custom-table.no-min-height {
   min-height: unset;
   padding-bottom: unset;
}
table.custom-table > thead {
   background: transparent;
   border: 0px;
}
table.custom-table > thead th {
   border: 0px;
   color: #424242;
   font-weight: bold;
   font-size: 0.9em;
   padding-top: 1.2em;
   padding-bottom: 1.2em;
}

table.custom-table > thead .align-top th,
table.custom-table > tbody .align-top td {
    vertical-align: top;
}

table.custom-table.compact > thead th {
   font-size: 0.8em;
}
table.custom-table > tbody {
   font-size: 0.8em;
}
table.custom-table > tbody > tr {
   background: transparent;
   border: 0px;
   border-radius: 0.3em;
}
table.custom-table > tbody > tr.spacer {
   height: 10px;
}
table.custom-table > tbody > tr.spacer-mini {
   height: 5px;
}

table.custom-table thead tr th.action-col,
table.custom-table thead tr th.avatar-col,
table.custom-table tbody tr td.action-col,
table.custom-table tbody tr td.avatar-col {
   width: 50px;
   min-width: 50px;
}
table.custom-table thead tr th.mod-col,
table.custom-table tbody tr td.mod-col {
   max-width: 250px;
}
table.custom-table thead tr th.avatar-col,
table.custom-table tbody tr td.avatar-col {
   padding-right: 0px;
}
table.custom-table tr > th,
table.custom-table tr > td {
   border: 0px;
   vertical-align: middle;
   border-style: solid none;
}

table.custom-table tr > th {
    padding: 1em;
}
table.custom-table tr > td {
   padding: 0.8em 1em;
}
table.custom-table.compact tr > th {
    padding: 0.5em 1em;
}
table.custom-table.compact tr > td {
   padding: 0.3em 1em;
}
table.custom-table tr:not(:last-child) > th,
table.custom-table tr:not(:last-child) > td {
   border-bottom-style: none;
}
table.custom-table tr > th:first-child,
table.custom-table tr > td:first-child {
   border-left-style: solid;
}
table.custom-table tr > th:last-child,
table.custom-table tr > td:last-child {
   border-right-style: solid;
}
table.custom-table.round-edge tr > th:first-child,
table.custom-table.round-edge tr > td:first-child {
   border-top-left-radius: 0.3em;
   border-bottom-left-radius: 0.3em;
}
table.custom-table.round-edge tr > th:last-child,
table.custom-table.round-edge tr > td:last-child {
   border-top-right-radius: 0.3em;
   border-bottom-right-radius: 0.3em;
}

table.custom-table th.action-col,
table.custom-table td.action-col {
   width: 50px;
}
table.custom-table td.img-col {
   width: 50px;
   padding-right: 0px;
}

table.custom-table.hover tbody tr{
    transition: background 100ms ease-in-out;
}
table.custom-table.hover tbody tr:hover {
   background: #e8edf3;
}

.td-heading {
    max-width: 220px;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.custom-panel {
   border-radius: 1em;
   padding: 2em;
}
.custom-panel.mini {
    padding: 1em 1.5em;
}
.custom-panel.panel-white {
   background: var(--c-white);
}
.custom-panel.panel-black {
   background: var(--c-black);
}
.custom-panel.panel-light-gray {
   background: var(--c-light-gray);
}
.custom-panel.panel-gray {
   background: var(--c-gray);
}
.custom-panel.panel-dark-gray {
   background: var(--c-dark-gray);
}
.custom-panel.panel-light-blue {
   background: var(--c-light-blue);
}
.custom-panel.panel-blue {
   background: var(--c-blue);
}
.custom-panel.panel-light-orange {
   background: var(--c-light-orange);
}
.custom-panel.panel-orange {
   background: var(--c-orange);
}
.custom-panel.panel-light-green {
   background: var(--c-light-green);
}
.custom-panel.panel-green {
   background: var(--c-green);
}
.custom-panel.panel-light-red {
   background: var(--c-light-red);
}
.custom-panel.panel-red {
   background: var(--c-red);
}

a.mini-panel {
    display: block;
    transition: all 100ms ease-in-out;
}
a.mini-panel:hover {
    transform:scale(103%);
}

.round {
    border-radius: 1000px;
}



.vertical-tab-group {
    display: grid;
    align-items: stretch;
    grid-template-columns: 25% 75%;
}

.vertical-tab-group > .nav-col {
    position: relative;
    border-right: 1px solid var(--c-light-gray);
    background: #f6f6f6;
    border-radius: 0.8em 0em 0em 0.8em;
    overflow-y: auto;
    overflow-x: hidden;
}
.vertical-tab-group > .tab-col {
    position: relative;
    border: 1px solid var(--c-light-gray);
    border-left: 0px;
    border-radius:  0em 1em 1em 0em;
    height: 100%;
}


.vertical-tab-group > .nav-col > .nav {
    display: block;
}

.vertical-tab-group > .nav-col > .nav .nav-link {
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    color: var(--c-dark-gray);
    padding: 1em 1.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.vertical-tab-group > .nav-col > .nav .nav-link.active {
    color: var(--c-blue);
    background: white;
    border: 1px solid var(--c-light-gray);
    border-right: 0px;
    border-radius: 1em 0em 0em 1em;
}

.vertical-tab-group > .nav-col > .nav .nav-link:hover {
    background: white;
    color: var(--c-blue);
}


.asd-toggle-btn {
    border: 0px;
    font-size: 0.8em;
    padding: 0.8em 1em;
    background: none;
    color: var(--c-blue);
}

.asd-toggle-btn[data-shown="false"] > .hidden-text {
    display: block;
}
.asd-toggle-btn[data-shown="false"] > .shown-text {
    display: none;
}

.asd-toggle-btn[data-shown="true"] > .hidden-text {
    display: none;
}
.asd-toggle-btn[data-shown="true"] > .shown-text {
    display: block;
}


.password-toggle-btn {
    border: 0px;
    font-size: 1.3em;
    height: 2em;
    width: 2em;
    border-radius: 1000px;
    background: none;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    right: 0;
    margin-top: -1em;
    margin-right: 0.2em;
    transition: all 100ms ease-in-out;
}
.password-toggle-btn[data-shown="false"] {
    background: var(--c-light-gray);
    color: var(--c-dark-gray);
}
.password-toggle-btn[data-shown="true"] {
    background: var(--c-blue);
    color: var(--c-white);
}

.password-toggle-btn[data-shown="false"] > .hidden-icon {
    display: block;
}
.password-toggle-btn[data-shown="false"] > .shown-icon {
    display: none;
}
.password-toggle-btn[data-shown="true"] > .hidden-icon {
    display: none;
}
.password-toggle-btn[data-shown="true"] > .shown-icon {
    display: block;
}

[data-required]{
    position: relative;
}
[data-required]:before{
    content: "*";
    color: var(--c-red);
    position: absolute;
    right: 0;
    margin-right: -1em;
}

.brand-thumbnail-cont {
    display: grid;
    gap: 1em;
}
.brand-thumbnail {
    display: block;
    position: relative;
    border: 1px solid var(--c-light-gray);
    border-radius: 0.5em;
    padding: 0.5em;
    box-shadow: 3px 0px 5px 0px rgba(0 0 0 / 3%);
    transition: all 100ms ease-in-out;
}


.brand-thumbnail > .thumbnail-img {
    width: 100%;
    height: 0%;
    padding-top: 100%;
    border-radius: 0.3em;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


.brand-thumbnail > .brand-name,
.brand-thumbnail > .manufacturer-name {
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.brand-thumbnail > .brand-name {
    font-size: 1em;
    color: var(--c-blue);
    font-weight: bold;
    margin-top: 0.5em;
}
.brand-thumbnail > .manufacturer-name {
    font-size: 0.8em;
    color: var(--c-gray);
}
.brand-thumbnail:hover {
    transform: scale(103%);
}

.bank-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.bank-list.grid-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 1em;
}
.bank-list > .bank-list-item {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0.5em 0em;
    border: 1px solid var(--c-light-gray);
    border-radius: 0.5em;
    padding: 0.5em;
    box-shadow: 3px 0px 5px 0px rgba(0 0 0 / 3%);
    transition: all 100ms ease-in-out;
}

.bank-list > .bank-list-item > .img-col {
    flex: 1;
    max-width: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bank-list > .bank-list-item > .img-col > .img {
    display: inline-block;
    width: 3em;
    width: 3em;
    height: 3em;
    border-radius: 0.5em;
    border: 1px solid var(--c-light-gray);
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.bank-list > .bank-list-item > .detail-col {
    flex: 1;
    position: relative;
    display: block;
    max-width: calc(100% - 40px);
    min-width: calc(100% - 40px);
    padding: 0em 0.5em;
}

.vehicle-selection-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.vehicle-selection-list > .vehicle-list-item {
    position: relative;
    display: flex;
    align-items: initial;
    margin: 0.5em 0em;
    border: 1px solid var(--c-light-gray);
    border-radius: 0.5em;
    padding: 0.5em;
    box-shadow: 3px 0px 5px 0px rgba(0 0 0 / 3%);
    transition: all 100ms ease-in-out;
}

.vehicle-selection-list  > .vehicle-list-item  > .img-col {
    flex: 1;
    max-width: 60px;
    min-width: 60px;
    display: flex;
    align-items: initial;
    justify-content: center;
}

.vehicle-selection-list  > .vehicle-list-item  > .img-col > .img {
    display: inline-block;
    width: 3em;
    height: 3em;
    border-radius: 0.5em;
    border: 1px solid var(--c-light-gray);
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.vehicle-selection-list  > .vehicle-list-item  > .detail-col {
    flex: 1;
    position: relative;
    display: block;
    max-width: calc(100% - 60px);
    min-width: calc(100% - 60px);
    padding: 0em 0.5em;
}
.vehicle-selection-list  > .vehicle-list-item  > .detail-col.full-width {
    max-width: 100%;
    min-width: 100%;
}





.brand-thumbnail:hover,
.bank-list-item:hover,
.vehicle-list-item:hover {
    transform: scale(102%);
}
.brand-thumbnail:hover .action-remove-btn,
.bank-list-item:hover .action-remove-btn,
.vehicle-list-item:hover .action-remove-btn {
    opacity: 50%;
}

.action-remove-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -0.5em;
    margin-right: -0.5em;
    font-size: 1em;
    height: 2em;
    width: 2em;
    border-radius: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--c-light-gray);
    color: var(--c-white);
    background: var(--c-red);
    transition: all 100ms ease-in-out;
    opacity: 0;
}
.action-remove-btn.gray-btn {
    background: var(--c-dark-gray);
}
.action-remove-btn:hover {
    opacity: 90%;
}

.selection-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.selection-list > .selection-item {
    display: flex;
    position: relative;
    border: 1px solid var(--c-light-gray);
    padding: 0.5em;
    border-radius: 0.3em;
    align-items: center;
    transition: all 100ms ease-in-out;
    margin: 0.5em auto;
}

.selection-list > .selection-item > .img-col {
    flex: 1;
    max-width: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.selection-list > .selection-item > .img-col > .img {
    display: inline-block;
    width: 3em;
    width: 3em;
    height: 3em;
    border-radius: 0.5em;
    border: 1px solid var(--c-light-gray);
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.selection-list > .selection-item > .detail-col {
    flex: 1;
    position: relative;
    display: block;
    max-width: calc(100% - 40px);
    min-width: calc(100% - 40px);
    padding: 0em 0.5em;
}

.selection-list > .selection-item > .detail-col.full-width {
    max-width: 100%;
    min-width: 100%;
}

.selection-list > .selection-item > .detail-col > .action-btn {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.5em;
    font-size: 1em;
    height: 3em;
    width: 3em;
    border-radius: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 100ms ease-in-out;
    opacity: 10%;
}

.selection-list > .selection-item > .detail-col > .dropdown {
    position: absolute;
     top: 0;
     right: 0;
}
.selection-list > .selection-item:hover {
    transform: scale(103%);
    z-index: 1;
}
.selection-list > .selection-item:hover > .detail-col > .action-btn {
    opacity: 50%;
}
.selection-list > .selection-item > .detail-col > .action-btn:hover {
    opacity: 90%;
}

.dropdown-action-btn {
    height: 2em;
    width: 2em;
    font-size: 1.5em;
    border-radius: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px;
    background: var(--c-light);
    color: var(--c-dark-gray);
    cursor: pointer;
    opacity: 40%;
    transition: all 100ms ease-in-out;
}
.dropdown-action-btn:hover {
    opacity: 100%;
}
.dropdown-action-btn:active {
    opacity: 60%;
}

.top-action-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0.5em;
    margin-right: 0.5em;
    font-size: 1.2em;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 50%;
    transition: all 100ms ease-in-out;
}

.top-action-btn:hover {
    opacity: 90%;
}



.item-grid-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 0.75em));
    gap: 1.5em;
}
.item-grid-list > .grid-list-item {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0em;
    border: 1px solid var(--c-light-gray);
    border-radius: 0.5em;
    padding: 0.5em;
    box-shadow: 3px 0px 5px 0px rgba(0 0 0 / 3%);
    transition: all 100ms ease-in-out;
    background: #fff;
}

.item-grid-list > .grid-list-item > .img-col {
    flex: 1;
    max-width: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-grid-list > .grid-list-item > .img-col > .img {
    display: inline-block;
    width: 3em;
    width: 3em;
    height: 3em;
    border-radius: 0.5em;
    border: 1px solid var(--c-light-gray);
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.item-grid-list > .grid-list-item > .detail-col {
    flex: 1;
    position: relative;
    display: block;
    max-width: calc(100% - 40px);
    min-width: calc(100% - 40px);
    padding: 0em 0.5em;
}
.grid-list-item:hover {
    transform: scale(102%);
    z-index: 2;
}
.grid-list-item:hover .action-remove-btn {
    opacity: 50%;
}




.qty-input-group {
    display: inline-flex;
    align-items: center;
    border: 1px solid #f1f1f1;
    height: 35px;
    width: 170px;
}
.qty-action-btn {
    flex: 1;
    height: 100%;
    min-width: 35px;
    max-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f1f1;
    border: 0px;
}
.qty-action-btn:active {
    background: var(--c-light-gray);
}
.qty-action-btn[data-action-type="minus"]{
    color: var(--c-dark-red);
}
.qty-action-btn[data-action-type="plus"]{
    color: var(--c-dark-green);
}
.qty-field {
    height: 100%;
    max-width: calc(100% - 70px);
    border: 0px;
    outline: none !important;
    text-align: right;
    padding: 0.3em 0.8em;
}
.qty-input-group:focus-within {
    border-color: var(--c-gray);
}

.image-link-marquee {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85em;
    white-space: nowrap;
    color: var(--c-blue);
}

.file-thumbnail {
    display: inline-block;
    position: relative;
    width: calc(100px + 1em);
    padding: 0.3em;
}
.file-thumbnail > .file-thumbnail-content {
    width: 100%;
    cursor: pointer;
    transition: all 100ms ease-in-out;
}
.file-thumbnail > .file-thumbnail-content > .icon-cont {
    background: var(--c-light);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    border-radius: 2rem;
    font-size: 4em;
    margin-bottom: 0.5rem;
}
.file-thumbnail > .file-thumbnail-content > .icon-cont > i {
    opacity: 0.75;
}
.file-thumbnail > .file-thumbnail-content > .text-cont {
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.8em;
    color: var(--c-dark-gray);
}

.file-thumbnail > .file-thumbnail-delete-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -0.5em;
    margin-right: -0.5em;
    font-size: 1em;
    height: 2em;
    width: 2em;
    border-radius: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 100ms ease-in-out;
    opacity: 0%;
    background: var(--c-red);
    color: var(--c-white);
    border: 0px;
    transition: all 100ms ease-in-out;
}

.file-thumbnail > .file-thumbnail-content:hover {
    transform: scale(103%);
}
.file-thumbnail:hover > .file-thumbnail-delete-btn {
    opacity: 50%;
}

.file-thumbnail:hover > .file-thumbnail-delete-btn:hover {
    opacity: 80%;
}

.toph-autocomplete-cont {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 2.6em;
    margin-left: 1em;
    width: 80%;
    max-width: 400px;
    z-index: 1;
}
.toph-autocomplete-cont > .tau-ul {
    border: 1px solid #f1f1f1;
    background: white;
    list-style: none;
    padding: 0em;
    border-radius: 0.5em;
    box-shadow: 0px 0px 0.1em 0.2em rgb(132 191 247 / 15%);
    font-size: 0.9em;
}
.toph-autocomplete-cont > .tau-ul > .tau-li{
    padding: 0.5em 1em;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: all 50ms ease-in-out;
}
.toph-autocomplete-cont > .tau-ul > .tau-li:hover {
    background: #f5f5f5;
}