@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700;800;900');

@font-face {
    font-family: 'Kitab Regular';
    src: url('https://s3.amazonaws.com/appforest_uf/f1611775306454x218505169972623040/Kitab-Regular.ttf');
}

body {
    --uicolor-1: #243f55;
    --uicolor: #243f55;
    --uicolor-1-hover: #d33638;
    --uicolor-2: #ec851f;
    --uicolor-1-light: #eb3e4024;
    --uicolor-1-border: #c1c3d1;
    --uicolor-1-textlight: #4857df;
    --uicolor-1-textbold: #2c6af9;
    --gradient-uicolor: linear-gradient(30deg, #12324b, #0a273e);
    --codearea: #10141C;
    --drawer-color: #F6F7F9;
    --primary-text: #12324b;
    --whatsapp: #31a24c;
    --box-shadow-hover: 0 0 7px #0000001c;
    --uicolor-dark: #344054;
    --uicolor-dark-darker: #2a3445;
    --border-defult-hover: #e5eaef52;
    --uicolor-dark-hover: #2a3445;
    --avatar-default-color: #4c4f48;
    --tooltip: #161518eb;
    --al-shadow: 0 0 10px rgba(60, 72, 88, .15);
    --tooltip-text: white;
    --scroll-thumb: #bcc0c4;
    --label-color: #E6EBF0;
    --label-text: #4B5865;
    --light-accent: #F5F7FA;
    --light-accent-2: #fafbfd;
    --light-accent-text: #747A85;
    --light-accent-focus: #e5e7eb;
    --fsize: 14px;
    --bgcolor: white;
    --ffamily: Alexandria;
    --ffamilystrong: Lalezar;
    --lheight: 1.45;
    --hr: #e3eaf8;
    --basic-textcolor: var(
    --uicolor-3);
    --transition-out: cubic-bezier(0, 0, 1, 1);
    --transition-in: cubic-bezier(0, 0, 1, 1);
    --bghover: #70e1a90a;
    --gap: 14px;
    --headings-color: #0775d6;
    --uitrans: #0099ff0f;
    --divider-hover: #87868d;
    --divider: #d0d5dd;
    --second-text-color: #5c5e66;
    --divider-light-2: #e1e4e7;
    --transition-time: all 200ms ease-in-out;
    --divider-light-3: #CED7E3;
    --alphabg: white;
    --alphabg-trans-light2: #ffffffd1;
    --alphabg-trans-light3: #ffffffeb;
    --alphabg-trans-light4: #fffffff0;
    --main-border: 1px solid #00000014;
    --alphabg-trans-light-blur: #ffffff2e;
    --alphabg-trans-light-blur-text: white;
    --shadow-high: 0px 4px 10px -20px var(
    --shadow-2);
    --alphabg-trans: #ffffffeb;
    --transparent1: linear-gradient(var(
    --alphabg-trans-light2), var(--alphabg-trans-light2));
    --alphabg-trans-light: #ededed8f;
    --divider-light: #F3F3F3;
    --inputs: #f4f4f7;
    --v-activated-opacity: 0.06;
    --divider-focused: #c6cad5;
    --miniradius: 16px;
    --largeradius: 18px;
    --radius-avg: 0.5rem;
    --circularradius: 35px;
    --secondarytext: #5D6874;
    --secondarytext-2: #9ba2b1;
    --shadow-1: #0206591c;
    --shadow-2: #05092e42;
    --disable-text: #9ea9bd;
    --disable-button: #d2d9e6;
    --positive: #4bcf73;
    --positive-contrast: #43b578;
    --negative: #d75656;
    --alinks: #2c1c1c;
    --heading-spacing: -.02em;
    --textcolor: #161518;
    --textcolor-2: #344054;
    --shadow-glue: 0 10px 10px 1px var(--v-shadow-key-umbra-opacity), 0 9px 8px var(--v-shadow-key-penumbra-opacity), 0 1px 6px 4px var(--v-shadow-key-ambient-opacity);
    --shadow-elevated-hover: 0 10px 10px 1px var(--v-shadow-key-umbra-opacity), 0 9px 8px var(--v-shadow-key-penumbra-opacity), 0 1px 6px 4px var(--v-shadow-key-ambient-opacity);
    --shadow-elevated: 0 4px 6px rgba(16,24,40,.05);
    --v-shadow-key-penumbra-opacity: rgba(var(
    --v-theme-on-surface), 0.02);
    --v-shadow-key-ambient-opacity: rgba(var(
    --v-theme-on-surface), 0.01);
    --v-theme-on-surface: 51, 48, 60;
    --v-shadow-key-umbra-opacity: rgba(var(
    --v-theme-on-surface), 0.03)
}
::placeholder {
    color: currentcolor;
    opacity: 0.6;
}

:focus::placeholder {
    opacity: 0.3;
}
hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentcolor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500
}

.unline:hover {
    text-decoration: underline
}

.activable:active {filter: brightness(0.9);}

.activable.hoverable:active::after {
    opacity: .08;
    transition: all 0s ease 0s
}

.activable.hoverable:focus::after {
    opacity: .15
}

.hoverable.hoverableselect:hover::after {
    background: var(--media-hover)
}

.hoverable.hoverableselect::after {
    transition: all 0ms ease 0s
}

.hoverable {
    position: relative
}

.hoverable::after {
    position: absolute;
    border-radius: inherit;
    background: currentcolor;
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 250ms ease 0s
}

.hoverable:hover::after {
    opacity: .04;
    transition: all 50ms ease 0s
}

.activable {
    user-select: none;
    cursor: pointer
}

.disabled,
.disabled * {
    user-select: none;
    cursor: not-allowed !important
}

.activableopac:active {
    opacity: .7
}
h1 {
    font-size: calc(1.34375rem + 1.125vw)
}

@media(min-width:1200px) {
    h1 {
        font-size: 2.1875rem
    }
}

h2 {
    font-size: calc(1.3rem + 0.6vw)
}

@media(min-width:1200px) {
    h2 {
        font-size: 1.75rem
    }
}

h3 {
    font-size: calc(1.27813rem + 0.3375vw)
}

@media(min-width:1200px) {
    h3 {
        font-size: 1.53125rem
    }
}

h4 {
    font-size: calc(1.25625rem + 0.075vw)
}

@media(min-width:1200px) {
    h4 {
        font-size: 1.3125rem
    }
}

h5 {
    font-size: 1.09375rem
}

h6 {
    font-size: .875rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    vertical-align: top;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
}

.-flex-1 {
    flex: 1;
}

.-uipriority-resolved, [priority-label="resolved"] {--color: #63d15c;--colortxt: white;}
.-uipriority-can-wait, [priority-label="can-wait"] {--color: #4a6683;--colortxt: white;}
.-uipriority-urgent, [priority-label="urgent"] {--color: #f1783a;--colortxt: white;}
.-uipriority-critical, [priority-label="critical"] {--color: #f73a3a;--colortxt: white;}
.-uipriority-important, [priority-label="important"] {--color: #ffc100;--colortxt: #2b2200;}

strong {}


svg#L9>path {
    fill: currentcolor
}

svg * {
}

input {
    border: 0;
    background: 0 0;
    padding: 8px 12px;
    color: var(--textcolor)
}

[scrollkit]::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

[scrollkit]::-webkit-scrollbar-thumb {
    background: 0px 0px;
    border-radius: 23px;
}

[scrollkit]::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
}

[scrollkit]::-webkit-scrollbar-track {
    background: 0px 0px;
}

html body {
    font-family: var(--ffamily);
    line-height: var(--lheight);
    color: var(--textcolor);
    -webkit-font-smoothing: antialiased;
    background: var(--bgcolor);
    font-size: var(--fsize);
    font-weight: 400;
    --current-drawer-w: 280px;
    --letter-spacing: 1.5px;
    --drawer-height: 0px;
}

body.-minimal-header .-waqf-rootpage-body-tabs {
}

@keyframes fromBottom {
    0% {
        transform: translate(0px, 20px);
        opacity:0;
    }
}

@keyframes opacity {
    0% {
        opacity:0;
    }
}


.-button-ui.-ui-upgrade {
    --color: #e74d4d;
    background-color: var(--color);
    color: #fff;
    border: 1px solid var(--color);
}
.-button-ui.-ui-color1 {
    background: var(--gradient-uicolor);
    color: #fff;
    box-shadow: inset 0 1px #ffffff29;
    width: fit-content;
}

a.-button-ui.-ui-color1.-ui-color1-purchase {
    --gradient-uicolor: linear-gradient(70deg, var(--uicolor-1), #8335ff);
}

a.-button-ui.-ui-color1.-solid {
    background: var(--uicolor-1);
}
.-button-ui.-ui-color1-secondary {
    border: 1px solid var(--divider);
    color: var(--textcolor-2);
    box-shadow: var(
    --shadow-elevated);
    background: transparent;
}

button.-button-ui.-ui-color1-secondary[disabled] {
    background: transparent !important;
    color: var(--secondarytext) !important;
    border-color: transparent !important;
    box-shadow: 0 0 0 !important;
    opacity: .6;
}
.-button-ui.-ui-color1-dark {
    background-color: var(--uicolor-dark);
    border: 1px solid var(--uicolor-dark);
    color: #fff;
}

.-button-ui.-ui-light {
    background-color: transparent;
    border: 0;
    color: var(--secondarytext);
    box-shadow: 0 0 0;
}

.-button-ui[disabled] {
    background: var(--disable-button) !important;
    color: var(--disable-text) !important;
    border-color: var(--divider-light-2) !important;
    cursor: not-allowed !important;
    transition: 0s all ease !important;
}

.-button-ui.-ui-color1:hover {
    background-color: var(--uicolor-1-hover);
    border-color: var(--uicolor-1-hover);
}

.-button-ui.-ui-color1:focus, .-button-ui.-ui-color1:active {
    background-color: var(--uicolor-1);
    box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 0 0 4px var(--uicolor-1-light);
}

.-button-ui.-ui-color1-dark:hover {
    background-color: var(--uicolor-dark-hover);
    border-color: var(--uicolor-dark-hover);
}

.-button-ui.-ui-color1-dark:focus {
    background-color: var(--uicolor-dark);
    box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 0 0 4px rgba(16,24,40,.05);
}

.-button-ui.-ui-negative {
    background-color: #f4405f17;
    border: 0;
    color: var(--negative);
}
.-button-ui.-ui-positive {
    background-color: #ddf9ee;
    border: 0;
    color: #288757;
}

.-button-ui.-ui-negative-light {
    background-color: transparent;
    border: 0px solid transparent;
    box-shadow:0 0 0;
    color: #e9574e;
}

.-button-ui.-ui-negative-bold {
    background-color: var(--negative);
    border: 0px solid transparent;
    box-shadow:0 0 0;
    color: #fff;
}

.-button-ui.-ui-negative:hover {
    color: var(--negative);
    background-color: #f4405f2e;
    border-color: #fdada8;
}
.-button-ui.-ui-negative-light:hover {
    color: #e9574e;
    background-color: #e8433614;
    border-color: #fdada8;
}
.-button-ui.-ui-negative:focus, .-button-ui.-ui-negative:active {
    background-color: #fff;
    box-shadow: 0 0 0 5px #b4231824;
}

.-button-ui {
    grid-column-gap: 0.5rem;
    text-align: center;
    white-space: nowrap;
    border-radius: var(--miniradius);
    justify-content: center;
    align-items: center;
    padding: 0.625rem 1.525rem;
    font-weight: 500;
    border: none;
    font-size: 15px;
    transition: 100ms all ease;
    display: flex;
    box-shadow: 0 1px 2px rgba(16,24,40,.05);
    cursor: pointer;
    user-select: none;
}

.-button-ui.-ui-color1-light {
    border: 1px solid var(--uicolor-1);
    color: var(--uicolor-1-textlight);
    background: var(--uicolor-1-light);
}

.-button-ui.disabled {
    background: var(--disable-button) !important;
    border-color: var(--disable-button) !important;
    color: var(--disable-text) !important;
    box-shadow: 0 0 0 !important;
}

.-justify-self-start {
    margin-inline-end: auto;
}

.-button-ui.-ui-light-negative {
    color: var(--negative);
    box-shadow: 0 0 0;
}

.-button-ui.-just-icon {
    padding-inline: 0.625rem;
    border-radius: 50px;
    font-size: 16px;
}

.-button-ui > svg {
    zoom: 1.2;
}

.-button-ui > svg#-waqf-svg-loading {
    zoom: 2;
    margin-block: -3px;
    margin-inline-start: -4px;
    margin-inline-end: -3px;
}

.-button-ui.-ui-secondary {
    opacity: 0.9;
    background-image: var(--gradient-uicolor);
    color: #fff;
}

a.-button-ui.-ui-secondary.-ui-secondary-blued {
    background-image: linear-gradient(to bottom, #ffffffeb, #f5f7fae3);
    border: 1px solid #d2d4e1;
    color: #384191;
    background-color: var(--uicolor-1);
}

.-button-ui.-ui-secondary:hover {
    color: #1d2939;
    background-color: #f9fafb;
}
.-button-ui.-ui-secondary:focus, .-button-ui.-ui-secondary:active {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 0 0 4px #f2f4f7;
}

.-button-ui.-ui-secondary-nobg {
    background-color: #fff;
    border: 0;
    color: var(--textcolor-2);
    box-shadow: 0 0 0;
}

.-button-ui.-ui-secondary-nobg:hover {
    color: #1d2939;
    background-color: #f9fafb;
}
.-button-ui.-ui-secondary-nobg:focus, .-button-ui.-ui-secondary-nobg:active {
    background-color: #eceef0;
}


[inputkit] {
    height: auto;
    min-height: 2.75rem;
    color: #101828;
    background-color: var(--alphabg);
    border: 1px solid var(--divider);
    border-radius: 0.5rem;
    margin-bottom: 0;
    padding: 0.5rem 0.875rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: all .3s;
    box-shadow: var(--shadow-elevated);
    align-self: start;
}

[inputkit][type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: var(--uicolor-1-light);
  border-radius: 5px;
  border: 0;
  margin-top: 5px;
}
[inputkit][type="range"]::-webkit-slider-thumb {
  height: 16px;
  width: 16px;
  background: var(--uicolor-1-textlight);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
  box-shadow: 0 0 0 1px var(--bgcolor);
  border-radius: 50px;
}

[inputkit][type="range"]:focus::-webkit-slider-thumb {
    background: var(--uicolor-1);
}
[inputkit][type="range"]:focus::-webkit-slider-runnable-track {
  background: var(--divider-light-2);
}
[inputkit][type="range"] {
    box-shadow: 0 0 0 !important;
    padding: 0 !important;
    border: 0;
    position: relative;
    -webkit-appearance: none;
}

textarea[inputkit] {
    padding-block: 12px;
}

[inputkit][disabled] {
    cursor: not-allowed;
}
[inputkit][readonly]:not([readonly-light-ui]) {
    background: var(--disable-button);
}

[inputkit]:focus {
    color: #101828;
    border-color: var(--uicolor-1-border);
    box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 0 0 4px var(--uicolor-1-light);
}


.-separator {
    height: 14px;
}

.alert.alert-danger {
    --border-color: #E7A69D;
    --bgcolor: #FEFBFA;
    color: #BC3E28;
}

.alert.alert-success {
    --border-color: #5eb354;
    --bgcolor: #fafefa;
    color: #2c8e29;
}

.alert {
    margin-bottom: 20px;
    border-radius: var(--miniradius);
    font-weight: 600;
    padding: 14px 20px;
    display: flex;
    background: var(--bgcolor);
    font-size: 15px;
    border: 1px solid var(--border-color);
}

.alert.button-alert {
    align-items: center;
    padding: 10px 17px;
    padding-inline-end: 10px;
}

.alert.button-alert > * {
    margin: 3px;
}

.alert.button-alert > a {
    padding: 8px 12px;
}

.alert.button-alert > p {
    flex: 1;
}

.alert > p {
    margin: 0;
    line-height: 1.5;
}

.alert > i {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid currentColor;
    border-radius: var(--circularradius);
    margin-inline-end: 18px;
    box-shadow: 0 0 0 4px var(--bgcolor), 0 0 0 7px var(--alphabg-trans-light2), 0 0 0 6px currentColor, 0 0 0 10px var(--bgcolor), 0 0 0 12px var(--alphabg-trans-light3), 0 0 0 11px currentColor;
    margin-top: 2px;
    font-size: 12px;
    font-weight: 900;
}

.alert > .-alert-body {
    flex: 1;
    align-self: center;
}

.alert > .-alert-body > .alert-line {
    margin-bottom: 2px;
}

.alert > .-alert-body > .alert-line:last-child {
    margin-bottom: 0;
}

.-input-withlabel {
    display: block;
    margin-bottom: 20px;
}

.-instantform-body .-input-withlabel {
    margin-bottom: 25px;
}

.-instantform-body > .-input-withlabel:last-child {
    margin-bottom: 0;
}

.-input-withlabel > [inputkit] {
    width: 100%;
}

label.-input-withlabel > textarea[inputkit] {
    height: 80px;
}

.-input-withlabel > span {
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
}

.-instantform-body .-input-withlabel > span {
    font-size: 16px;
    margin-bottom: 5px;
}

.-instantform-body .-input-withlabel > p.-input-withlabel-description {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: -3px;
    color: var(--secondarytext);
}

required-mark {
    font-weight: 900;
    color: var(--negative);
}

optional-mark {
    font-weight: 400;
    color: var(--secondarytext-2);
}

a.-underline:hover {
    text-decoration:underline;
}
a {
    text-decoration:none;
    color: var(--alinks);
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {color: #101828;border-color: var(--uicolor-1-border);box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 0 0 4px var(--uicolor-1-light);}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.bootstrap-select>.dropdown-toggle {height: auto;min-height: 2.75rem;color: #101828;background-color: var(--bgcolor);border: 1px solid #d0d5dd;border-radius: 0.5rem;margin-bottom: 0;padding: 0.5rem 0.875rem;font-size: 1rem;line-height: 1.5;transition: all .3s;box-shadow: 0 1px 2px rgba(16,24,40,.05);width: 100%;display: flex;align-items: center;}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.btn-light {
    color: #212529;
    background: transparent;
    border: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0;
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner span.-check {
    display: none;
}
.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}
.bs-actionsbox, .bs-donebutton, .bs-searchbox {
    padding: 4px 8px;
}

.bs-searchbox {
    padding-bottom: 10px;
    padding-inline: 13px;
}
.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
}
.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}
.bootstrap-select .dropdown-menu li {
    position: relative;
}

.bootstrap-select .dropdown-menu li.dropdown-header {
    padding-inline: 15px;
    font-weight: 500;
    color: var(--uicolor-1-textlight);
    padding-block: 10px;
}
.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bootstrap-select .dropdown-menu li a span.-check {
    width: 20px;
    display: inline-flex;
    vertical-align: 1px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--divider);
    border-radius: var(--miniradius);
    font-size: 13px;
    color: transparent;
    margin-inline-end: 8px;
}

.bootstrap-select .dropdown-menu li a.dropdown-item.selected span.-check {
    background: white;
    border-color: white;
    color: var(--uicolor-1);
}

.bootstrap-select .dropdown-menu li a.dropdown-item.selected {
    color: var(--uicolor-1-textlight);
    background: var(--uicolor-1-light) !important;
}
.dropdown-item.active {
    color: var(--uicolor-1-textlight);
    text-decoration: none;
    background-color: #e1e4f7 !important;
}

.bootstrap-select .dropdown-menu li a.dropdown-item:active {
    background: var(--light-accent-focus) !important;
    color: var(--textcolor);
}

.bootstrap-select .dropdown-menu li a.dropdown-item:hover {
    background: var(--light-accent);
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 7px 14px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 15px;
}

.dropdown-item.disabled {
    background: transparent !important;
    font-weight: 500;
    font-size: 14px;
    color: var(--uicolor-1-textlight) !important;
}

.bootstrap-select .dropdown-menu li.disabled {
    pointer-events: none;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
}
.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0;
}
.bootstrap-select.fit-width {
    width: auto!important;
}
.bootstrap-select {
    width: 220px\0;
    vertical-align: middle;
}
.dropdown, .dropleft, .dropright, .dropup {
    position: relative;
}
.bootstrap-select>select {
    position: absolute!important;
    bottom: 0;
    left: 50%;
    display: block!important;
    width: 0.5px!important;
    height: 100%!important;
    padding: 0!important;
    opacity: 0!important;
    border: none;
    z-index: 0!important;
}
.bootstrap-select .no-results {
    padding: 5px 15px 10px;
    margin: 0;
    white-space: nowrap;
    font-size: 14px;
    color: var(--secondarytext);
}
.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.4em solid currentColor;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
}

[fileinputkit] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: var(--radius-avg);
    background-color: var(--bgcolor);
    border: 2px dashed #d0d5dd;
    box-shadow: 0 1px 2px rgba(16,24,40,.05);
    position: relative;
}

[fileinputkit] > .remove {
    position: absolute;
    top: 0;
    right: 0;
    margin: 13px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--negative);
    color: white;
    border-radius: var(--circularradius);
    z-index: 11;
}

[fileinputkit].-selected > i {
    display: none;
}

[fileinputkit].-selected > .-image-preview {
    margin-bottom: 8px;
}

[fileinputkit].-selected > .-image-preview > img {
    max-width: 140px;
}

[fileinputkit]:hover {
    border-color: var(--divider-hover);
}

[fileinputkit] > input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
}

[fileinputkit] > i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--uicolor-dark);
    color: white;
    font-size: 18px;
    border-radius: var(--circularradius);
    margin-bottom: 8px;
    font-weight: 400;
}

[fileinputkit] > strong {
    font-weight: 600;
    color: var(--textcolor-2);
    font-size: 14px;
}
.minicolors {
  position: relative;
}

.minicolors-sprite {
  background-image: url(./img/minicolors.png?v1);
}

.minicolors-swatch {
  position: absolute;
  vertical-align: middle;
  background-position: -80px 0;
  cursor: text;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.minicolors-swatch-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.minicolors input[type=hidden] + .minicolors-swatch {
  width: 28px;
  position: static;
  cursor: pointer;
}

.minicolors input[type=hidden][disabled] + .minicolors-swatch {
  cursor: default;
}

/* Panel */
.minicolors-panel {
  position: absolute;
  width: 173px;
  background: white;
  border: solid 1px #CCC;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  z-index: 99999;
  box-sizing: content-box;
  display: none;
}

.minicolors-panel.minicolors-visible {
  display: block;
}

/* Panel positioning */
.minicolors-position-top .minicolors-panel {
  top: -154px;
}

.minicolors-position-right .minicolors-panel {
  right: 0;
}

.minicolors-position-bottom .minicolors-panel {
  top: auto;
}

.minicolors-position-left .minicolors-panel {
  left: 0;
}

.minicolors-with-opacity .minicolors-panel {
  width: 194px;
}

.minicolors .minicolors-grid {
  position: relative;
  top: 1px;
  left: 1px;
  width: 150px;
  height: 150px;
  background-position: -120px 0;
  cursor: crosshair;
}

.minicolors .minicolors-grid-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
}

.minicolors-slider-saturation .minicolors-grid {
  background-position: -420px 0;
}

.minicolors-slider-saturation .minicolors-grid-inner {
  background-position: -270px 0;
  background-image: inherit;
}

.minicolors-slider-brightness .minicolors-grid {
  background-position: -570px 0;
}

.minicolors-slider-brightness .minicolors-grid-inner {
  background-color: black;
}

.minicolors-slider-wheel .minicolors-grid {
  background-position: -720px 0;
}

.minicolors-slider,
.minicolors-opacity-slider {
  position: absolute;
  top: 1px;
  left: 152px;
  width: 20px;
  height: 150px;
  background-color: white;
  background-position: 0 0;
  cursor: row-resize;
}

.minicolors-slider-saturation .minicolors-slider {
  background-position: -60px 0;
}

.minicolors-slider-brightness .minicolors-slider {
  background-position: -20px 0;
}

.minicolors-slider-wheel .minicolors-slider {
  background-position: -20px 0;
}

.minicolors-opacity-slider {
  left: 173px;
  background-position: -40px 0;
  display: none;
}

.minicolors-with-opacity .minicolors-opacity-slider {
  display: block;
}

/* Pickers */
.minicolors-grid .minicolors-picker {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 12px;
  height: 12px;
  border: solid 1px black;
  border-radius: 10px;
  margin-top: -6px;
  margin-left: -6px;
  background: none;
}

.minicolors-grid .minicolors-picker > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: solid 2px white;
  box-sizing: content-box;
}

.minicolors-picker {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 2px;
  background: white;
  border: solid 1px black;
  margin-top: -2px;
  box-sizing: content-box;
}

/* Swatches */
.minicolors-swatches,
.minicolors-swatches li {
  margin: 5px 0 3px 5px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.minicolors-swatches .minicolors-swatch {
  position: relative;
  float: left;
  cursor: pointer;
  margin:0 4px 0 0;
}

.minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
  margin-inline-end: 7px;
}

.minicolors-swatch.selected {
  border-color: #000;
}

/* Inline controls */
.minicolors-inline {
  display: inline-block;
}

.minicolors-inline .minicolors-input {
  display: none !important;
}

.minicolors-inline .minicolors-panel {
  position: relative;
  top: auto;
  left: auto;
  box-shadow: none;
  z-index: auto;
  display: inline-block;
}

/* Default theme */
.minicolors-theme-default .minicolors-swatch {
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
}
.minicolors-theme-default .minicolors-swatches .minicolors-swatch {
  margin-bottom: 2px;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
  left: auto;
  right: 5px;
}
.minicolors-theme-default.minicolors {
  width: auto;
  display: inline-block;
}
.minicolors-theme-default .minicolors-input {
  height: 20px;
  width: auto;
  display: inline-block;
  padding-left: 26px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-input {
  padding-right: 26px;
  padding-left: inherit;
}

/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch {
  z-index: 2;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: var(--circularradius);
  transform: translate(0, -50%);
  cursor: pointer;
  background-image: url(./img/colorpicker-label.png);
  background-size: cover;
  background-position: center;
}
.minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
  margin-bottom: 2px;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}
.minicolors-theme-bootstrap .minicolors-swatch-color {
  border-radius: inherit;
}
.minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
  left: auto;
  right: 3px;
}
.minicolors-theme-bootstrap .minicolors-input {
  float: none;
  padding-left: 44px;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
  padding-right: 44px;
  padding-left: 12px;
}
.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
  top: 4px;
  left: 4px;
  width: 37px;
  height: 37px;
  border-radius: 5px;
}
.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
  width: 24px;
  height: 24px;
}
.minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
  width: 18px;
  height: 18px;
}
.input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Semantic Ui theme */
.minicolors-theme-semanticui .minicolors-swatch {
  top: 0;
  left: 0;
  padding: 18px;
}
.minicolors-theme-semanticui input {
  text-indent: 30px;
}
title--tooltip {
    font-weight: 200;
    padding: 4px 8px;
    border-radius: 4px;
    position: fixed;
    background: var(--tooltip);
    color: rgb(255, 255, 255);
    font-size: 13px;
    margin: 2px 0px;
    z-index: 99999;
    pointer-events: none;
    margin-block: 5px;
}

.-instant-form-popup::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}

.-instant-form-popup::-webkit-scrollbar-thumb {
    background: 0px 0px;
    border-radius: 23px;
}

.-instant-form-popup:hover::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
}

.-instant-form-popup::-webkit-scrollbar-track {
    background: 0px 0px;
}
.-instant-form-popup {
    position: fixed;
    inset: 0px;
    background: #00000054;
    z-index: 1000;
    backface-visibility: hidden;
    display: flex;
    overflow: auto;
    height: 100%;
    width: 100%;
    padding: 20px;
    padding-top: 110px;
}

.-instant-form-popup.-visible {
    padding-top: 20px;
    transition: 200ms all ease;
}
.-instant-form-popup > .-instant-form-popup-inner {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
    opacity: 0;
    background: var(--alphabg);
    width: calc(100% - 40px);
    max-width: 580px;
    box-shadow: var(--shadow-high);
    overscroll-behavior: contain;
    border-radius: var(--miniradius);
    backface-visibility: hidden;
    margin: auto;
    position: relative;
}

.-instant-form-popup.-model-wide > .-instant-form-popup-inner {
    max-width: 1410px;
}

.-instant-form-popup.-model-3 .-instant-form-popup-inner {
    max-width: 800px;
}

.-instant-form-popup.-visible > .-instant-form-popup-inner {
    opacity: 1;
}

.-instant-form-popup-container {
    opacity: 0;
    visibility: hidden;
    min-height: 180px;
}

.-instant-form-popup.-visible > .-instant-form-popup-inner .-instant-form-popup-container.-show {
    visibility: visible;
    opacity: 1;
    transition: 150ms 200ms all ease;
}

.-instant-form-popup-loader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: var(--uicolor-1);
}

.-instantform-body {
    padding-inline: 24px;
    padding-block: 12px 30px;
}

.-instantform-header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 0px 24px;
    padding-block-start: 22px;
}

.-instantform-header.-search-formula {
    justify-content: start;
    padding: 0;
    margin: 24px;
    position: relative;
}

.-instantform-header.-search-formula > .-instantform-header-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--secondarytext);
    pointer-events: none;
}

.-instantform-header.-search-formula > .-instantform-header-search {
    flex: 1;
}

.-instantform-header.-search-formula > .-instantform-header-search > input {
    padding-inline-start: 46px;
    width: 100%;
}

.-instant-form-popup.-model-wide > .-instant-form-popup-inner .-instantform-header {
    justify-content: center;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 7px;
}

.-instantform-footer {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0px 24px;
    padding-block-end: 22px;
}

.-instantform-header > .-instantform-header-content {
    flex: 1;
}

.-instantform-header > .-instantform-header-content.-add-ons-heading {
    display: flex;
    align-items: center;
    margin-top: -12px;
    flex-wrap: wrap;
    padding-inline-end: 40px;
}

.-instant-form-popup.-model-wide .-instantform-header > .-instantform-header-content.-add-ons-heading > h2 {
    text-align: start;
    font-size: 26px;
    margin: 0;
    margin-inline-end: 30px;
}

.-instantform-header > .-instantform-header-content > h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 4px;
}

.-instantform-header > .-instantform-header-content > h2 > i {
    vertical-align: 0;
}

.-instant-form-popup.-model-wide > .-instant-form-popup-inner .-instantform-header h2 {
    font-size: 40px;
    font-weight: 800;
}

.-instantform-header > .-instantform-header-content > h2 > svg {
    font-size: 35px;
    margin-bottom: -4px;
    vertical-align: text-top;
}

.-instantform-header > .-instantform-header-content > h2 > svg.-youtube-icon {
    margin-bottom: -4px;
    vertical-align: -5px;
    margin-inline-end: 6px;
}

.-instantform-header > .-instantform-header-content > h2:last-child {
    margin-bottom: 0;
}

.-instantform-header > .-instantform-header-content > h3 {
    margin: 0;
    font-size: 14px;
    color: var(--secondarytext);
}

.-instantform-footer > .-instantform-footer-buttons {
    display: flex;
    margin: -4px;
}

.-instantform-footer > .-instantform-footer-buttons > * {
    margin: 4px;
    font-size: 15px;
}

.-instant-ajax-form-submitting-loader {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 16px;
    background: white;
    border-radius: var(--miniradius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    height: 54px;
}

p.-confirmation-paragraph {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 0;
}
.rangeslider,.rangeslider__fill{display:block;border-radius:10px}.rangeslider{background: var(--light-accent);position:relative;direction: ltr;}.rangeslider--horizontal{height: 12px;width:100%}

.-bandwidth-selector-range > .-bandwidth-selector-range-body > .-bandwidth-selector-range-input .rangeslider {
    height: 7px;
    background: var(--divider);
    width: auto;
}.rangeslider--vertical{width:20px;min-height:150px;max-height:100%}.rangeslider--disabled{filter:alpha(Opacity=40);opacity:.4}.rangeslider__fill{background: var(--uicolor-dark-hover);position:absolute}.rangeslider--horizontal .rangeslider__fill{top:0;height:100%}.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}.rangeslider__handle{background: var(--bgcolor);cursor:pointer;display:inline-block;width: 32px;height: 32px;position:absolute;background-size:100%;border-radius: 50%;border: 3px solid var(--uicolor-dark-hover);}

.rangeslider__handle[label]:before {
    content: Attr(label);
    position: absolute;
    top: 100%;
    white-space: nowrap;
    right: 50%;
    transform: translate(50%, 0);
    color: var(--uicolor-dark-hover);
    font-weight: 600;
    margin-top: 8px;
}.rangeslider__handle:after{content:"";display:block;width: 8px;height: 8px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0,0,0,.13)),color-stop(100%,rgba(255,255,255,0)));background-image:-moz-linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));background-image:-webkit-linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));background-image:linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.rangeslider--active .rangeslider__handle,.rangeslider__handle:active{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.12)));background-image:-moz-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));background-image:-webkit-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12))}.rangeslider--horizontal .rangeslider__handle{top: -10px;touch-action:pan-y;-ms-touch-action:pan-y}.rangeslider--vertical .rangeslider__handle{left:-10px;touch-action:pan-x;-ms-touch-action:pan-x}input[type=range]:focus+.rangeslider .rangeslider__handle{-moz-box-shadow:0 0 8px rgba(255,0,255,.9);-webkit-box-shadow:0 0 8px rgba(255,0,255,.9);box-shadow:0 0 8px rgba(255,0,255,.9)}/*# sourceMappingURL=rangeslider.min.css.map */

group-input-kit {
    display: flex;
    flex-direction: column;
}

group-input-kit > group-input-kit-container {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

form.-formsets-model .-formsets-row > label group-input-kit > group-input-kit-container > [inputkit]:last-child {
    margin-bottom: 8px;
}

form.-formsets-model .-formsets-row > label group-input-kit > group-input-kit-add {
    background: var(--uicolor-1-light);
    border-color: var(--uicolor-1);
    color: var(--uicolor-1-textlight);
    padding: 5px 10px;
    min-height: auto;
    grid-column-gap: 5px;
    box-shadow: 0 0 0 !important;
}

form.-formsets-model .-formsets-row > label group-input-kit > group-input-kit-add:hover {
    color: var(--uicolor-1);
}

form.-formsets-model .-formsets-row > label group-input-kit > group-input-kit-add > i {}

group-input-kit > group-input-kit-add {
    align-self: end;
    min-height: 40px;
    margin: 0;
    flex: 1;
    width: calc(100% + 50px);
}

group-input-kit > group-input-kit-container > [inputkit] {
    margin-bottom: 10px;
    transition: 0s all ease;
    min-width: calc(100% - 100px);
    flex: 1;
}

group-input-kit > group-input-kit-container > [inputkit]:last-child {
    margin-bottom: 0;
}
group-input-kit > group-input-kit-container > group-input-kit-remove {
    padding: 14px !important;
    margin-bottom: 10px !important;
    font-size: 16px;
    color: var(--negative);
    width: 32px;
    box-shadow: 0 0 0 !important;
    align-self: center;
    height: 32px;
    border-radius: var(--circularradius) !important;
    margin-inline-end: 10px;
}

group-input-kit > group-input-kit-container > [inputkit] + group-input-kit-remove {
    margin-inline-start: -42px;
}

group-input-kit > group-input-kit-container > group-input-kit-customize-email {
    padding: 8px !important;
    margin-bottom: 10px !important;
    font-size: 18px;
    color: var(--uicolor-1-textlight);
    margin-inline-end: 0;
    width: 32px;
    box-shadow: 0 0 0 !important;
    border-radius: var(--circularradius) !important;
    align-self: center;
    height: 32px;
    margin-inline-start: -74px;
}

group-input-kit > group-input-kit-container > group-input-kit-customize-email.-edit {
    color: var(--uicolor-dark);
    font-size: 22px;
}

group-input-kit > group-input-kit-container > group-input-kit-customize-email > i {
    font-weight: 300 !important;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: var(--ffamily);
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: flex;
  align-items: center;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
  vertical-align: 0;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: var(--light-accent);
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--uicolor-1);
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px 4px;
  border-top: 1px solid var(--divider-light-2);
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 14px;
  margin-inline-end: auto;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  grid-column-gap: 0.5rem;
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  font-weight: 600;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16,24,40,.05);
  cursor: pointer;
  border: 0;
  background: transparent;
}

.daterangepicker .drp-buttons .btn.btn-default {
    background-color: #fff;
    border: 1px solid #d0d5dd;
    color: var(--textcolor-2);
}
.daterangepicker .drp-buttons .btn.btn-primary {
    background-color: var(--uicolor-1);
    border: 1px solid var(--uicolor-1);
    color: #fff;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

.-popover-kit {
    position: relative;
}

.-popover-kit > .-popover-kit-button {
    min-width: 44px;
    height: 44px;
    cursor: pointer;
    border-radius: var(--circularradius);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--textcolor-2);
    font-size: 13px;
}

.-popover-kit.-bookmark-this-video > .-popover-kit-button {
    height: 100%;
    width: 100%;
    min-width: 100%;
    font-size: 22px;
}

.-popover-kit.-bookmark-this-video > .-popover-kit-button.-bookmarked {
    color: #ff7800;
}

.-table-ui-td.-videos-bookmarking > .-popover-kit.-bookmark-this-video > .-popover-kit-button > svg {
    font-size: inherit;
}

.-popover-kit.-open > .-popover-kit-button {
    background: transparent !IMPORTANT;
    color: var(--textcolor);
    border-color: var(--divider-hover) !important;
}

.-popover-kit > .-popover-kit-button > svg {
    font-size: 24px;
}

.-popover-kit > .-popover-kit-dropdown {
    position: absolute;
    right: 0;
    transform-origin: top right;
    width: 280px;
    background: var(--alphabg);
    box-shadow: var(--shadow-elevated-hover);
    border: 1px solid var(--divider-light-2);
    border-radius: var(--largeradius);
    margin-top: 10px;
    top: 100%;
    --padding: 20px;
    text-align: start;
    display: none;
}

div#popover-change-log .-popover-kit-dropdown {
    width: 400px;
    max-width: calc(100vw - 140px);
    max-height: calc(100vh - 110px);
    overflow: auto;
}

.-popover-kit > .-popover-kit-dropdown > * {
    opacity: 0;
}

@keyframes fadeFromBottom {
    0% {
        transform:scale(.9);
        opacity:0;
    }
}

.-popover-kit.-open > .-popover-kit-dropdown {
    transition: 120ms all ease;
    z-index: 100;
    display: block;
    animation: fadeFromBottom 120ms ease;
}

.-popover-kit.-open > .-popover-kit-dropdown > * {
    opacity: 1;
    transition: 200ms 150ms opacity ease;
}

.-popover-kit > .-popover-kit-dropdown > .-popover-kit-dropdown-userbox {
    display: flex;
    align-items: center;
    padding: var(--padding);
}

.-popover-kit > .-popover-kit-dropdown > .-popover-kit-dropdown-menu {
    padding-block-end: 10px;
}

.-popover-kit > .-popover-kit-dropdown > .-popover-kit-dropdown-menu:first-child {
    padding-block: 10px;
}

.-popover-kit > .-popover-kit-dropdown > .-popover-kit-dropdown-menu > a {
    display: flex;
    padding-inline: var(--padding);
    padding-block: 9px;
    color: var(--textcolor-2);
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
}

.-popover-kit > .-popover-kit-dropdown > .-popover-kit-dropdown-menu > a.-delete {
    color: var(--negative);
}

.-popover-kit > .-popover-kit-dropdown > .-popover-kit-dropdown-menu > a.-logout {
    color: var(--negative);
}

.-popover-kit > .-popover-kit-dropdown > .-popover-kit-dropdown-menu > a > span {
    flex: 1;
}

.-popover-kit > .-popover-kit-dropdown > .-popover-kit-dropdown-menu > a > i {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-inline-end: 11px;
}
.custom-toast-container {
    position: fixed;
    right: 1rem;
    bottom: 0;
    z-index: 1050;
    margin-bottom: 1rem;
}

.custom-toast {
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.3s, transform 0.3s;
    width: 330px;
    height: auto;
    padding: 13px 15px;
    background-color: #ffffff;
    border-radius: 140px;
    box-shadow: 0 9px 10px var(--shadow-2);
    margin-inline-end: 1rem;
    align-items: center;
    display: flex;
    margin-bottom: 0.5rem;
    border: 1px solid var(--divider-light-2);
}

.custom-toast.show {
    opacity: 1;
    transform: translateY(0);
}

.custom-toast .icon-container {
    display: flex;
    align-items: center;
    margin-inline-end: 18px;
    font-size: 30px;
}

.custom-toast .icon-container > svg {
    height: 34px;
}

.custom-toast .content-container {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.custom-toast .content-container .title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 2px;
}

.custom-toast .content-container .message {
    font-size: 14px;
    font-weight: 400;
    color: #111215;
    margin: 0;
}

.custom-toast > button {
    background-color: transparent;
    font-size: 25px;
    color: #9b9dab;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    height: 34px;
    width: 34px;
}

.custom-toast.success .icon-container > svg {
    fill: #45b353;
}

.custom-toast.success .content-container .title {
    color: #45b353;
}

.custom-toast.error .icon-container > svg {
    fill: #ff355b;
}

.custom-toast.error .content-container .title {
    color: #ff355b;
}

.custom-toast.info .icon-container > svg {
    fill: #2F86EB;
}

.custom-toast.info .content-container .title {
    color: #2F86EB;
}

.custom-toast.warning .icon-container > svg {
    fill: #FFC021;
}

.custom-toast.warning .content-container .title {
    color: #FFC021;
}

.custom-toast-container .custom-toast:last-child {
    margin-bottom: 1rem;
}

@media (max-width: 568px) {
    .custom-toast {
        margin: auto 0.5rem;
        left: 0;
        right: 0;
        width: calc(100% - 1rem);
        margin-bottom: 0.5rem;
    }

    .custom-toast-container {
        margin: 0;
    }
}

[checkboxkitv2] {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    user-select: none;
    font-size: 14px;
}

[checkboxkitv2] > input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
}

[checkboxkitv2] > checkbox-label-switch {
    width: 45px;
    height: 22px;
    display: flex;
    box-shadow: var(--shadow-elevated);
    border: 2px solid var(--uicolor-dark);
    border-radius: var(--circularradius);
    margin-inline-start: 10px;
    transition: 100ms all ease;
}

[checkboxkitv2] > input:checked ~ checkbox-label-switch {
    border-color: var(--uicolor-1);
}

[checkboxkitv2] > input:checked ~ checkbox-label-switch > em {
    background: var(--uicolor-1);
    transform: translate(23px, 0px);
}

[checkboxkitv2] > checkbox-label-switch > em {
    width: 14px;
    height: 14px;
    background: var(--uicolor-dark);
    border-radius: var(--circularradius);
    margin: 2px;
    transition: 100ms all ease;
}

[checkboxkitv2] > checkbox-label-status {
    display: none;
    font-weight: 500;
    =:
    uppercase;
}

[checkboxkitv2] > input:checked ~ checkbox-label-status[checked] {
    display: block;
    color: var(--uicolor-1-textlight);
    animation: opacity 250ms ease;
    font-weight: 600;
}

[checkboxkitv2] > input:not(:checked) ~ checkbox-label-status[unchecked] {
    display: block;
    color: var(--textcolor-2);
    animation: opacity 100ms ease;
}
.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.bootstrap-datetimepicker-widget ul, .bootstrap-datetimepicker-widget li {
    list-style: none;
}

rangeinputkit {
    display: flex;
    align-items: center;
}

rangeinputkit > input {
    flex: 1;
    align-self: center !important;
}

rangeinputkit > counter-label {
    min-width: 49px;
    display: flex;
    align-items: center;
    cursor: text;
    justify-content: center;
    margin-inline-start: 10px;
    font-weight: 600;
    color: var(--uicolor-1-textlight);
    background: var(--uicolor-1-light);
    height: 22px;
    border-radius: var(--circularradius);
    font-size: 12px;
}

rangeinputkit > counter-label:focus {
    box-shadow: 0 0 0 1px var(--uicolor-1), 0 0 0 7px #5c6cff12;
    background: transparent;
}


.-container {
    max-width: 1575px;
    margin: 0 auto;
    padding-inline: 50px;
}