/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./src/sass/messaging/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./src/sass/messaging/index.scss (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./src/sass/supplierCreditNote/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./src/sass/supplierCreditNote/index.scss (1) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./src/sass/supplierCreditNote/index.scss (2) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/Leads/sass/leadsSelfServiceForm/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/Leads/sass/leadsSelfServiceForm/index.scss (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/Leads/sass/leadsSelfServiceForm/index.scss (2) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/_components/custom-calendar.vue?vue&type=style&index=0&id=7470c777&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/UKEM/sass/ukemLeads/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/UKEM/sass/ukemLeads/index.scss (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/UKEM/sass/ukemLeads/index.scss (2) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/UKEM/sass/ukemLeads/index.scss (3) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/UKEM/sass/ukemLeads/index.scss (4) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/UKEM/sass/ukemSelfServiceForm/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/UKEM/sass/ukemSelfServiceForm/index.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/UKEM/sass/ukemSelfServiceForm/index.scss (2) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./src/sass/messaging/index.scss (2) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
/*** Typography ***/
/* COLORS */
:root {
  --gutter: 16px;
  --header__height: 80px;
  --main__header--height: 190px;
  --main__body__padding: var(--gutter) var(--gutter) 42px var(--gutter);
  --global__transition: all 200ms ease-in-out;
  --global__radius: 5px;
  --tap-target__size: 48px;
  --message__list__header__height: 54px;
  --message__chat__footer__height: 205px;
}
@media screen and (min-width: 400px) {
  :root {
    --gutter: 30px;
  }
}

:root {
  --color--text: #343434;
  --color--link: #0b6efc;
  --color--link--hover: #1356b4;
  --color--primary: #222d84;
  --color--primary--light: #f0f0f7;
  --color--page__title: #1b1e79;
  --color--message__title: var(--color--link);
  --color--tab__underline: var(--color--message__title);
  --color--blue--chaos: #559ef8;
  --color--focus: #337cff;
  --color--grey--light: #848484;
  --color--grey--lighter: #f5f3ec;
  --color--grey--lightest: #f7f7f7;
  --color--off-white: #f4f4f4;
  --color--green--beta: #579584;
  --color--border: #cbcbcb;
  --color--border--hover: #999;
  --color--alert: #c73c3c;
  --color--highlight--diff: rgba(222, 103, 103, 0.3);
  --color--efficiency--yellow: #ffd501;
  --color--efficiency--green: #8cce46;
  --color--positive: #8cce46;
  --color--positive--hover: #71a738;
}

.c-main {
  display: flex;
  flex-direction: column;
  width: 100vw;
}
@media screen and (min-width: 400px) {
  .c-main {
    width: calc(100vw - var(--nav__width));
    margin-left: var(--nav__width);
  }
}
.c-main .c-main__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  gap: var(--gutter);
  height: calc(100vh - 320px);
  padding-left: 0;
}
@media screen and (min-width: 800px) {
  .c-main .c-main__body {
    flex-direction: row;
  }
}

:root {
  --color--text: #343434;
  --color--link: #0b6efc;
  --color--link--hover: #1356b4;
  --color--primary: #222d84;
  --color--primary--light: #f0f0f7;
  --color--page__title: #1b1e79;
  --color--message__title: var(--color--link);
  --color--tab__underline: var(--color--message__title);
  --color--blue--chaos: #559ef8;
  --color--focus: #337cff;
  --color--grey--light: #848484;
  --color--grey--lighter: #f5f3ec;
  --color--grey--lightest: #f7f7f7;
  --color--off-white: #f4f4f4;
  --color--green--beta: #579584;
  --color--border: #cbcbcb;
  --color--border--hover: #999;
  --color--alert: #c73c3c;
  --color--highlight--diff: rgba(222, 103, 103, 0.3);
  --color--efficiency--yellow: #ffd501;
  --color--efficiency--green: #8cce46;
  --color--positive: #8cce46;
  --color--positive--hover: #71a738;
}

:root {
  --gutter: 16px;
  --header__height: 80px;
  --main__header--height: 190px;
  --main__body__padding: var(--gutter) var(--gutter) 42px var(--gutter);
  --global__transition: all 200ms ease-in-out;
  --global__radius: 5px;
  --tap-target__size: 48px;
  --message__list__header__height: 54px;
  --message__chat__footer__height: 205px;
}
@media screen and (min-width: 400px) {
  :root {
    --gutter: 30px;
  }
}

.c-message__list,
.c-message__chat {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  height: 100%;
  scrollbar-width: thin;
  border: 1px solid #cbcbcb;
  border: 1px solid var(--color--border);
  border-radius: 5px;
  border-radius: var(--global__radius);
  background-color: #fff;
}
.c-message__list > header,
.c-message__chat > header {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  border-radius: var(--global__radius) var(--global__radius) 0 0;
  border-bottom: 1px solid #cbcbcb;
  border-bottom: 1px solid var(--color--border);
}
.c-message__list > ul,
.c-message__chat > ul {
  display: flex;
  flex-direction: column;
  list-style: none;
}
.c-message__list .d-flex,
.c-message__chat .d-flex {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  top: 0;
}
.c-message__list .d-flex .spinner-border,
.c-message__chat .d-flex .spinner-border {
  display: flex;
  margin: 0 auto;
}

section > h2 {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  font-family: var(--font--body);
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  margin: 0 auto 20px;
  padding: 0 10px;
  background-color: #f5f3ec;
  background-color: var(--color--grey--lighter);
  border-radius: 20px;
}

.c-avatar {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f0f0f7;
  background-color: var(--color--primary--light);
}

:root {
  --color--text: #343434;
  --color--link: #0b6efc;
  --color--link--hover: #1356b4;
  --color--primary: #222d84;
  --color--primary--light: #f0f0f7;
  --color--page__title: #1b1e79;
  --color--message__title: var(--color--link);
  --color--tab__underline: var(--color--message__title);
  --color--blue--chaos: #559ef8;
  --color--focus: #337cff;
  --color--grey--light: #848484;
  --color--grey--lighter: #f5f3ec;
  --color--grey--lightest: #f7f7f7;
  --color--off-white: #f4f4f4;
  --color--green--beta: #579584;
  --color--border: #cbcbcb;
  --color--border--hover: #999;
  --color--alert: #c73c3c;
  --color--highlight--diff: rgba(222, 103, 103, 0.3);
  --color--efficiency--yellow: #ffd501;
  --color--efficiency--green: #8cce46;
  --color--positive: #8cce46;
  --color--positive--hover: #71a738;
}

.c-message__list {
  flex-basis: 100%;
}
@media screen and (min-width: 960px) {
  .c-message__list {
    flex-basis: 375px;
    flex-shrink: 0;
    min-width: 320px;
  }
}
.c-message__list.form-check {
  display: block;
  min-height: auto;
  padding-left: 0;
  margin-bottom: 0;
}
.c-message__list.form-check .form-check-input {
  width: 20px;
  height: 20px;
  float: none;
  margin-left: 0;
}
.c-message__list [data-message-read=false] .c-message__list__item__body h3,
.c-message__list [data-message-read=False] .c-message__list__item__body h3 {
  font-weight: bold;
}
.c-message__list [data-message-read=false] .c-message__list__item__body p,
.c-message__list [data-message-read=False] .c-message__list__item__body p {
  font-weight: bold;
}
.c-message__list .c-message__list__body {
  transform: translateY(-1px);
  height: calc(100% - 205px);
  height: calc(100% - var(--message__chat__footer__height));
}
.c-message__list .c-message__list__body ul {
  list-style: none;
}
.c-message__list > header {
  display: flex;
  flex-flow: column wrap;
  padding: 15px;
  width: auto;
}
.c-message__list > header .row {
  padding-bottom: -1px;
}
.c-message__list > header .row .c-selected {
  width: auto;
  flex-shrink: 0;
}
.c-message__list > header .row .c-selected .form-check-input {
  margin: 1px 5px 0 0;
}
.c-message__list > header .row .c-totals {
  margin-left: auto;
  margin-right: 3px;
  width: auto;
}
.c-message__list .c-message__list__item button {
  display: flex;
  position: relative;
  width: 100%;
  height: 90px;
  padding: 15px;
  border: none;
  border-top: 1px solid #cbcbcb;
  border-top: 1px solid var(--color--border);
  overflow: hidden;
  margin-top: -1px;
}
.c-message__list .c-message__list__item button:hover, .c-message__list .c-message__list__item button:focus {
  background-color: #f0f0f7;
  background-color: var(--color--primary--light);
}
.c-message__list .c-message__list__item button:focus {
  outline: none;
}
.c-message__list .c-message__list__item button .c-message__action {
  position: relative;
  left: -4px;
  top: -5px;
}
.c-message__list .c-message__list__item button .c-message__action:hover .c-message__action__icon {
  display: none;
}
.c-message__list .c-message__list__item button .c-message__action:hover .c-message__action__select {
  display: block;
  position: absolute;
}
.c-message__list .c-message__list__item button .c-avatar {
  margin-right: 12px;
}
.c-message__list .c-message__list__item button .c-message__list__item__body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.c-message__list .c-message__list__item button .c-message__list__item__body h3 {
  font-size: 16px;
  line-height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex-shrink: 0;
  margin-right: 4px;
  color: #0b6efc;
  color: var(--color--message__title);
}
.c-message__list .c-message__list__item button .c-message__list__item__body p {
  font-size: 14px;
  margin: 0;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3em;
  line-height: 1.5em;
}
.c-message__list .c-message__list__item button .c-time {
  align-self: flex-start;
  font-size: 14px;
  color: #848484;
  color: var(--color--grey--light);
  margin: 0 4px 0 auto;
}
.c-message__list .c-message__list__item button .c-message__action__icon:has(+ .checked) {
  display: none !important;
}
.c-message__list .c-message__list__item button .c-message__action__select {
  position: absolute;
  display: none;
  left: 3px;
  top: -2px;
}
.c-message__list .c-message__list__item button .c-message__action__select.checked {
  display: block !important;
}
.c-message__list .c-message__list__item:first-child button {
  border-top: none;
}
.c-message__list.multi-select .c-message__action__icon {
  display: none;
}
.c-message__list.multi-select .c-message__action__select {
  display: block !important;
}

:root {
  --color--text: #343434;
  --color--link: #0b6efc;
  --color--link--hover: #1356b4;
  --color--primary: #222d84;
  --color--primary--light: #f0f0f7;
  --color--page__title: #1b1e79;
  --color--message__title: var(--color--link);
  --color--tab__underline: var(--color--message__title);
  --color--blue--chaos: #559ef8;
  --color--focus: #337cff;
  --color--grey--light: #848484;
  --color--grey--lighter: #f5f3ec;
  --color--grey--lightest: #f7f7f7;
  --color--off-white: #f4f4f4;
  --color--green--beta: #579584;
  --color--border: #cbcbcb;
  --color--border--hover: #999;
  --color--alert: #c73c3c;
  --color--highlight--diff: rgba(222, 103, 103, 0.3);
  --color--efficiency--yellow: #ffd501;
  --color--efficiency--green: #8cce46;
  --color--positive: #8cce46;
  --color--positive--hover: #71a738;
}

:root {
  --gutter: 16px;
  --header__height: 80px;
  --main__header--height: 190px;
  --main__body__padding: var(--gutter) var(--gutter) 42px var(--gutter);
  --global__transition: all 200ms ease-in-out;
  --global__radius: 5px;
  --tap-target__size: 48px;
  --message__list__header__height: 54px;
  --message__chat__footer__height: 205px;
}
@media screen and (min-width: 400px) {
  :root {
    --gutter: 30px;
  }
}

@media screen and (max-width: 959px) {
  .c-message__chat {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .c-message__chat {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 320px;
  }
}
.c-message__chat > header {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 0;
}
.c-message__chat > header .c-avatar {
  margin-left: 12px;
  margin-right: 15px;
  padding: 0;
  width: auto;
}
.c-message__chat > header .c-contact-subject {
  display: flex;
  flex-direction: column;
  width: auto;
}
.c-message__chat > header .c-contact-subject p {
  margin: 0;
}
.c-message__chat > header .c-action {
  width: auto;
}
.c-message__chat > header .c-action #btnExpandCollapse span {
  color: #343434;
  font-size: 20px;
}
.c-message__chat > header .tab-pane {
  padding: 0;
}
.c-message__chat > header .tab-pane .messaging-navs {
  border-bottom: none;
  margin-bottom: 0;
  padding-left: 10px;
  margin-top: 10px;
}
.c-message__chat .c-message__chat__body {
  padding: 30px 9.834%;
  height: 100%;
  overflow-y: scroll;
}
.c-message__chat .c-message__chat__item {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 10px;
  padding: 20px 20px 10px 30px;
  margin-bottom: 20px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
  max-width: 66.666%;
}
.c-message__chat .c-message__chat__item[data-chat-direction=c-chat--in] {
  margin-right: auto;
}
.c-message__chat .c-message__chat__item[data-chat-direction=c-chat--out] {
  margin-left: auto;
}
.c-message__chat .c-message__chat__item[data-chat-type=c-chat--sms] {
  background-color: #f0f0f7;
  background-color: var(--color--primary--light);
}
.c-message__chat .c-message__chat__item[data-chat-type=c-chat--email], .c-message__chat .c-message__chat__item[data-chat-type=c-chat--messenger] {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-bottom: none;
}
.c-message__chat .c-message__chat__item[data-chat-type=c-chat--whatsapp] {
  background-color: #f5f3ec;
}
.c-message__chat .c-message__chat__item .c-chat__content p:not(:first-child) {
  margin-top: 16px;
}
.c-message__chat .c-message__chat__item .c-chat__toolbar {
  display: flex;
  align-items: start;
  justify-content: end;
  padding-top: 5px;
}
.c-message__chat .c-message__chat__item .c-chat__toolbar__time {
  margin-left: auto;
  font-size: 12px;
  color: #a2a2a9;
}
.c-message__chat .c-message__chat__item .c-chat__toolbar__status {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.c-message__chat .c-message__chat__item .c-chat__toolbar__status.bg-delivered {
  width: 16px;
  height: 9px;
  background: url("../../images/message_statuses.png") -10px -46px;
}
.c-message__chat .c-message__chat__item .c-chat__toolbar__status.bg-failed {
  width: 16px;
  height: 16px;
  background: url("../../images/message_statuses.png") -10px -10px;
}
.c-message__chat .c-message__chat__item .c-chat__toolbar__status.bg-read {
  width: 16px;
  height: 9px;
  background: url("../../images/message_statuses.png") -46px -46px;
}
.c-message__chat .c-message__chat__item .c-chat__toolbar__status.bg-sent {
  width: 16px;
  height: 14px;
  background: url("../../images/message_statuses.png") -46px -10px;
}
.c-message__chat .c-message__chat__footer {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 205px;
  height: var(--message__chat__footer__height);
  margin-top: auto;
  padding: 15px;
  background-color: #f7f7f7;
  background-color: var(--color--grey--lightest);
  border-top: 1px solid #cbcbcb;
  border-top: 1px solid var(--color--border);
  border-radius: 0 0 5px 5px;
  border-radius: 0 0 var(--global__radius) var(--global__radius);
}
.c-message__chat .c-message__chat__footer .c-message__text-area {
  resize: none;
  font-family: var(--font--body);
  border-radius: 5px;
  width: 100%;
  height: 175px;
  background-color: #fff;
  border: 1px solid #cbcbcb;
  border: 1px solid var(--color--border);
}
.c-message__chat .c-message__chat__footer .c-icon--plus {
  font-size: 19px;
}
.c-message__chat .c-message__chat__footer .c-icon--camera {
  font-size: 22px;
}
.c-message__chat .c-message__chat__footer .c-icon--mic {
  font-size: 22px;
}
.c-message__chat .c-templates {
  background-color: #f7f7f7;
  background-color: var(--color--grey--lightest);
  padding: 0 15px 15px;
}
.c-message__chat .c-templates .c-action {
  display: flex;
  flex-wrap: wrap;
}
.c-message__chat .c-templates .c-action .c-btn--primary {
  margin-left: 15px;
}
.c-message__chat .c-templates .c-action .select2 {
  min-width: 200px;
}
.c-message__chat .c-templates .c-action #showEmojiPicker {
  margin-left: 3px;
}
.c-message__chat .c-templates .c-spacer {
  flex-grow: 1;
}

.c-message__message-template {
  min-width: 300px;
}
.c-message__message-template label {
  font-weight: bold;
  margin-bottom: 5px;
}
.c-message__message-template__select {
  width: 100%;
}
.c-message__message-template__entity-merge-fields {
  margin-top: 5px;
}
.c-message__message-template__entity-merge-fields p {
  margin-bottom: 5px;
}
.c-message__message-template__entity-merge-fields #messageMergeFields {
  margin-bottom: 10px;
}

.c-message__action__icon,
.c-chat__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: absolute;
}
.c-message__action__icon [class^=c-icon--],
.c-message__action__icon [class*=" c-icon--"],
.c-chat__icon [class^=c-icon--],
.c-chat__icon [class*=" c-icon--"] {
  color: #fff;
}

.c-message__action__icon {
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
}
.c-message__action__icon [class^=c-icon--],
.c-message__action__icon [class*=" c-icon--"] {
  font-size: 15px;
}
.c-message__action__icon .c-select {
  display: none;
  position: relative;
  left: 5px;
}
.c-message__action__icon:hover .c-select {
  display: block;
}

.c-chat__icon {
  width: 35px;
  height: 35px;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}
.c-chat__icon [class^=c-icon--],
.c-chat__icon [class*=" c-icon--"] {
  font-size: 20px;
}

[data-message-type=c-message--sms] .c-message__action__icon,
[data-message-type=c-message--sms] .c-chat__icon,
[data-message-type=c-message--whatsapp] .c-message__action__icon,
[data-message-type=c-message--whatsapp] .c-chat__icon,
[data-chat-type=c-chat--sms] .c-message__action__icon,
[data-chat-type=c-chat--sms] .c-chat__icon,
[data-chat-type=c-chat--whatsapp] .c-message__action__icon,
[data-chat-type=c-chat--whatsapp] .c-chat__icon {
  background-color: #5cbc50;
}

[data-message-type=c-message--email] .c-message__action__icon,
[data-message-type=c-message--email] .c-chat__icon,
[data-chat-type=c-chat--email] .c-message__action__icon,
[data-chat-type=c-chat--email] .c-chat__icon {
  background-color: #0b6efc;
}

[data-message-type=c-message--messenger] .c-message__action__icon,
[data-message-type=c-message--messenger] .c-chat__icon,
[data-chat-type=c-chat--messenger] .c-message__action__icon,
[data-chat-type=c-chat--messenger] .c-chat__icon {
  background-color: #0a7cff;
}

.m-messaging {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

@font-face {
  font-family: Messaging;
  src: url(../font/Messaging.ttf) format("truetype"), url(../font/Messaging.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=c-icon--],
[class*=" c-icon--"] {
  font-family: Messaging !important;
}
[class^=c-icon--],
[class*=" c-icon--"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
}

.c-icon--wifi_calling::before {
  content: "\e900";
}

.c-icon--phone_enabled::before {
  content: "\e901";
}

.c-icon--phone_disabled::before {
  content: "\e902";
}

.c-icon--add_ic_call::before {
  content: "\e903";
}

.c-icon--settings_phone::before {
  content: "\e904";
}

.c-icon--perm_phone_msg::before {
  content: "\e905";
}

.c-icon--perm_camera_mic::before {
  content: "\e906";
}

.c-icon--phone_callback::before {
  content: "\e907";
}

.c-icon--phone_paused::before {
  content: "\e908";
}

.c-icon--phone_missed::before {
  content: "\e909";
}

.c-icon--phone_locked::before {
  content: "\e90a";
}

.c-icon--phone_in_talk::before {
  content: "\e90b";
}

.c-icon--phone_forwarded::before {
  content: "\e90c";
}

.c-icon--headset_mic::before {
  content: "\e90d";
}

.c-icon--add_call::before {
  content: "\e90e";
}

.c-icon--call_end::before {
  content: "\e90f";
}

.c-icon--missed_video_call::before {
  content: "\e910";
}

.c-icon--video_call::before {
  content: "\e911";
}

.c-icon--mic_off::before {
  content: "\e912";
}

.c-icon--mic_none::before {
  content: "\e913";
}

.c-icon--announcement::before {
  content: "\e914";
}

.c-icon--mic::before {
  content: "\e915";
}

.c-icon--call::before {
  content: "\e916";
}

.c-icon--whatsapp::before {
  content: "\e917";
}

.c-icon--camera::before {
  content: "\e918";
}

.c-icon--checkmark::before {
  content: "\e919";
}

.c-icon--chevron--down::before {
  content: "\e91a";
}

.c-icon--location-pin::before {
  content: "\e91b";
}

.c-icon--mic1::before {
  content: "\e91c";
}

.c-icon--minimise::before {
  content: "\e91d";
}

.c-icon--plus::before {
  content: "\e91e";
}

.c-icon--email::before {
  content: "\e91f";
}

.c-icon--bell::before {
  content: "\e920";
}

.c-icon--search::before {
  content: "\e921";
}

.c-icon--calendar::before {
  content: "\e922";
}

.c-icon--sms::before {
  content: "\e923";
}

.c-icon--messenger::before {
  content: "\e924";
}

.c-icon--expand::before {
  content: "\e98b";
}

.c-icon--collapse::before {
  content: "\e98c";
}

.c-icon--smile::before {
  content: "\e9e1";
}

.c-icon--paper-plane::before {
  content: "\e925";
}

.c-btn {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  height: 36px;
  padding: 0 15px;
  font-family: var(--font--body);
  border-radius: 5px;
  border-radius: var(--global__radius);
  border: none;
}

.c-btn--tall {
  height: 48px;
  padding: 0 20px;
  font-size: 20px;
}

.c-btn--primary {
  color: #fff;
  background-color: #0b6efc;
  background-color: var(--color--link);
}
.c-btn--primary:hover {
  background-color: #1356b4;
  background-color: var(--color--link--hover);
}

.c-btn--secondary {
  color: #0b6efc;
  color: var(--color--link);
  border: 1px solid #0b6efc;
  border: 1px solid var(--color--link);
}
.c-btn--secondary:hover {
  color: #fff;
  background-color: #0b6efc;
  background-color: var(--color--link);
}

.c-btn--tertiary {
  transition: border 200ms ease-in-out;
  width: 40px;
  height: var(--form-control__height);
  background-color: #fff;
  border: 1px solid #cbcbcb;
  border: 1px solid var(--color--border);
  border-radius: 5px;
  border-radius: var(--global__radius);
}
.c-btn--tertiary [class^=c-icon--],
.c-btn--tertiary [class*=" c-icon--"] {
  font-size: 18px;
}
.c-btn--tertiary:hover {
  border-color: #999;
  border-color: var(--color--border--hover);
}

.c-btn--positive {
  color: #fff;
  background-color: #8cce46;
  background-color: var(--color--positive);
}
.c-btn--positive:hover {
  background-color: #71a738;
  background-color: var(--color--positive--hover);
}

.c-btn--icon {
  width: 36px;
  border-radius: 50%;
  padding: 0;
  color: #559ef8;
  color: var(--color--blue--chaos);
}
.c-btn--icon:hover {
  color: #0b6efc;
  color: var(--color--link);
}

.c-btn--link {
  padding: 0;
  height: auto;
  color: #0b6efc;
  color: var(--color--link);
}

.c-list--horizontal button {
  border-radius: 18px;
  padding: 7px 15px;
  font-size: 16px;
  font-family: var(--font--headings);
}
.c-list--horizontal button:focus {
  outline: none;
}
.c-list--horizontal .c-list__item--active button {
  font-family: var(--font--body);
  background-color: #f0f0f7;
  background-color: var(--color--primary--light);
}

/* ==========================================================================
Components
  > Actions 
========================================================================== */
.c-action {
  display: flex;
  margin-left: auto;
  flex-shrink: 0;
}

.c-action--primary .c-btn {
  margin-left: 15px;
}

.c-action--tertiary {
  margin-top: 0;
  margin-right: 0;
}

/* ==========================================================================
   Tools
     > Hidden
   ========================================================================== */
.sr-only {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

/* ==========================================================================
   #RESET
   ========================================================================== */
/**
 * A very simple reset that sits on top of Normalize.css.
 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
p,
pre,
dl,
dd,
ol,
ul,
figure,
hr,
fieldset,
legend {
  margin: 0;
  padding: 0;
}

pre {
  position: relative;
  z-index: 1;
}

/**
 * Remove trailing margins from nested lists.
 */
li > ol,
li > ul {
  margin-bottom: 0;
}

/**
 * Remove default table spacing.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
 *    on fieldsets.
 */
fieldset {
  min-width: 0; /* [1] */
  border: 0;
}

button {
  background-color: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
}

.swal2-icon-content::before {
  content: "" !important;
}

.come-from-modal.right.messaging-modal {
  width: 100% !important;
}

.come-from-modal.right.messaging-modal {
  padding: 0;
}
.come-from-modal.right.messaging-modal .modal-dialog {
  margin: 0 0 0 auto !important;
  width: 90% !important;
  max-width: 90% !important;
}
.come-from-modal.right.messaging-modal .modal-dialog {
  height: 100%;
}
.come-from-modal.right.messaging-modal .modal-dialog .modal-content {
  font-weight: normal !important;
}
.come-from-modal.right.messaging-modal .modal-dialog .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  border: none;
}

.partial {
  padding: 0 !important;
}
.partial .messaging-filter {
  margin: 0;
}
.partial .messaging-filter__actions {
  margin-top: 20px;
  margin-bottom: 20px;
}
.partial .c-main__body {
  margin-top: 20px;
  height: calc(100vh - 185px);
}

.leads-modal__table.partial {
  margin-bottom: 0;
}
.leads-modal__table.partial .c-main__body {
  font-weight: normal;
}

/*** Typography ***/
/* COLORS */
.daterangepicker {
  border-radius: 10px !important;
  padding: 10px 20px !important;
}
.daterangepicker {
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
}

.table-condensed thead tr {
  padding-top: 20px !important;
}
.table-condensed thead tr .prev span, .table-condensed thead tr .next span {
  border: solid var(--primary) !important;
  border-width: 0 2px 2px 0 !important;
}
.table-condensed thead tr:nth-child(1) {
  height: 50px;
}
.table-condensed thead tr:nth-child(1) th {
  color: #4d4f5c;
  text-transform: capitalize;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.table-condensed thead tr:nth-child(2) th {
  font-size: 9px !important;
}
.table-condensed thead tr:nth-child(2) th {
  /* background: #b6ff00; */
  color: #343434;
  text-transform: uppercase;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-weight: 600;
}
.table-condensed tbody tr td {
  border: 1px solid #cfcfd4 !important;
  padding: 2px !important;
  border-radius: 0 !important;
}
.table-condensed tbody tr td {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--primary);
}

.drp-buttons {
  border-top: none !important;
}

.drp-buttons {
  height: 50px;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

span.select2 {
  width: 100% !important;
}

span.select2 {
  max-width: 100%;
}
span.select2 .select2-selection {
  min-height: 37px;
  display: flex;
  align-items: center;
  border: 1px solid #cbcbcb;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC");
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  padding-right: 25px;
  padding-left: 6px;
}
span.select2 .select2-selection__clear {
  margin-right: 0 !important;
}
span.select2 .select2-selection__rendered {
  margin: 0;
}
span.select2 .select2-selection__rendered .select2-selection__choice {
  display: inline-flex;
  background: var(--primary-lighter);
  border-color: transparent;
  border-radius: 3px;
  height: 23px;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button {
  border-radius: 2px 0 0 2px !important;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button {
  height: 100%;
  border-color: #fff;
  font-size: 0.75rem;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button:hover span {
  color: #343434 !important;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button span {
  color: var(--primary-font-color);
}
span.select2 .select2-selection__rendered .select2-selection__choice > span {
  height: 100%;
  color: var(--primary-font-color);
  padding: 1px 7px 0 4px;
  font-size: 0.75rem;
  font-weight: 400;
}
span.select2 .select2-selection__arrow {
  display: none;
}

.select2-container--default.select2-container--focus .select2-selection {
  border-color: rgba(var(--primary), 0.5) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--primary), 0.25) !important;
}

.select2-container--default.select2-container--focus .select2-selection {
  outline: none;
}

.select2-container--default.select2-container--disabled .select2-selection {
  background-color: #E9ECEF;
}

.select2-search__field {
  min-height: 22px !important;
}
.select2-search__field::-moz-placeholder {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  color: #343434;
}
.select2-search__field::placeholder {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  color: #343434;
}
.select2-search--inline {
  width: 100%;
}

.select2-dropdown {
  border-color: #cbcbcb;
}
.select2-dropdown .select2-search__field {
  border: 1px solid #cbcbcb !important;
  color: #343434 !important;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif !important;
  font-weight: 400 !important;
}
.select2-dropdown .select2-search__field::-moz-placeholder {
  color: #343434;
}
.select2-dropdown .select2-search__field::placeholder {
  color: #343434;
}
.select2-dropdown .select2-search__field::-webkit-select-placeholder {
  color: #fff !important;
}

.select2-results__option--highlighted {
  background-color: var(--primary) !important;
}

/* DataTables Global Style Overrides */
.logic-custom-datatables #tableHeaderColVis {
  position: absolute;
  right: -2px;
  top: -73px;
  z-index: 2;
}
.logic-custom-datatables #tableHeaderActions .dataTables_select {
  order: 0 !important;
}
.logic-custom-datatables #tableHeaderActions .dataTables_length-icons label {
  display: inline !important;
}
.logic-custom-datatables #tableHeaderActions .dt-length .dt-input {
  background-color: #FFF !important;
}
.logic-custom-datatables table.dataTable thead td:first-of-type span.dt-column-title {
  padding: 0 8px !important;
}
.logic-custom-datatables table.dataTable thead td:first-of-type span.dt-column-title {
  position: relative;
  top: 2px;
}
.logic-custom-datatables table.dataTable th.dt-type-numeric, .logic-custom-datatables table.dataTable th.dt-type-date, .logic-custom-datatables table.dataTable td.dt-type-numeric, .logic-custom-datatables table.dataTable td.dt-type-date {
  text-align: left !important;
}
.logic-custom-datatables table.dataTable tbody .dt-empty > div {
  display: grid !important;
}
.logic-custom-datatables table.dataTable tbody .dt-empty > div {
  align-items: center;
  grid-row-gap: 10px;
  text-align: center;
  align-content: center;
  justify-content: center;
  place-content: center;
  margin: 20px;
}
.logic-custom-datatables table.dataTable tbody .dt-empty > div > img, .logic-custom-datatables table.dataTable tbody .dt-empty > div > span, .logic-custom-datatables table.dataTable tbody .dt-empty > div > a {
  margin: auto;
}
.logic-custom-datatables .bottom {
  margin: 10px 0 30px;
}
.logic-custom-datatables .bottom .dt-paging {
  color: #343434;
  margin-top: 10px;
  margin-bottom: 50px;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}
.logic-custom-datatables .bottom .dt-paging nav.pagination {
  text-align: right;
}
.logic-custom-datatables .bottom .dt-paging > a {
  color: #B9B9B9 !important;
}
.logic-custom-datatables .bottom .dt-paging > a:first-of-type {
  margin: 0 10px 0 0 !important;
}
.logic-custom-datatables .bottom .dt-paging > a:last-of-type {
  margin: 0 0 0 10px !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button {
  border-radius: 5px !important;
  background: #fff !important;
  color: #343434 !important;
  border: 1px solid #CFCFCF !important;
  margin: 0 5px 0 0 !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button {
  padding: 5px 10px;
  cursor: pointer;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button:last-child {
  margin-right: 0 !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button:hover {
  color: #343434 !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button.current {
  background: var(--primary) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button.current:hover {
  color: #fff !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button.disabled {
  color: #B9B9B9 !important;
}

div.dt-button-collection {
  right: 0;
  left: auto;
}

.filters-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 30px 0 25px;
  position: relative;
  z-index: 2;
}
.filters-actions__search-area {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 100%;
}
.filters-actions__action-area {
  display: flex;
  align-items: flex-start;
}
.filters-actions__table-search {
  margin: 0 10px 10px 0;
  max-width: 300px;
  width: 100%;
  position: relative;
}
.filters-actions__table-search input {
  width: 100%;
  color: #4d4f5c;
  padding-right: 30px;
}
.filters-actions__table-search svg {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 9px;
  pointer-events: none;
}
.filters-actions__call-button {
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  background: #fff;
  margin-left: 10px;
  padding: 5px 6px;
}
.filters-actions__call-button svg {
  width: 20px;
  height: 20px;
  stroke: #343434;
}
.filters-actions__datepicker {
  margin: 0 10px 10px 0;
}
.filters-actions__datepicker .searchsort__advancedsearch--content--datepicker {
  width: 175px;
  height: 34px;
  max-height: 34px;
  background: #fff;
  border: 1px solid #ced4da;
}
.filters-actions__datepicker .searchsort__advancedsearch--content--datepicker article {
  padding: 0 5px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.filters-actions__datepicker .searchsort__advancedsearch--content--datepicker article label {
  font-weight: 300;
}
.filters-actions__datepicker .searchsort__advancedsearch--content--datepicker article p {
  margin-top: 4px;
  font-weight: 500;
  font-size: 12px;
  color: #525252;
}
.filters-actions__datepicker .searchsort__advancedsearch--content--datepicker .datepickerseparator {
  height: 32px;
}
.filters-actions__select {
  max-width: 190px;
  width: 100%;
  margin: 0 10px 10px 0;
}
.filters-actions__select > select {
  display: none;
}
.filters-actions__select-lg {
  max-width: 210px;
  width: 100%;
  margin: 0 10px 10px 0;
}
.filters-actions__actions {
  margin: 0 0 10px;
  display: flex;
}
.filters-actions__actions select {
  width: 100%;
  max-width: 140px;
}
.filters-actions__actions a.btn, .filters-actions__actions button.btn {
  padding-top: 4px;
  padding-bottom: 4px;
}
.filters-actions .select2-container--default .select2-selection--single .select2-selection__placeholder, .filters-actions .select2-search__field {
  color: #999 !important;
}

.messaging-header {
  margin: 25px 0 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.messaging-header__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.messaging-header__title h1 {
  color: var(--primary);
  font-size: 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin: 0;
}
.messaging-header__title a {
  align-items: center;
  justify-content: center;
  display: none;
}
.messaging-header__title a svg {
  margin-right: 10px;
  width: 15px;
  height: 15px;
  fill: #fff;
}

.messaging-navs {
  width: 100%;
  border-bottom: 1px solid #B9B9B9;
  margin-bottom: 25px;
}
.messaging-navs::after {
  content: "";
  border-bottom: 1px solid #B9B9B9;
  width: 100%;
}
.messaging-navs button {
  all: unset;
  padding: 10px 15px 5px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-size: 0.875rem;
}
.messaging-navs--active {
  border-bottom: 3px solid var(--primary) !important;
  font-weight: 700 !important;
}

.messaging-filter {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 25px;
  position: relative;
  z-index: 2;
}
.messaging-filter > article {
  display: flex;
  align-items: flex-start;
}
.messaging-filter > article:first-child {
  flex-wrap: wrap;
  flex: 1 0 auto;
}
.messaging-filter__table-search {
  margin: 0 10px 10px 0;
  max-width: 270px;
  width: 100%;
  position: relative;
}
.messaging-filter__table-search input {
  width: 100%;
  min-height: 32px;
  border-radius: 3px;
  padding: 0 25px 0 5px;
  border: 1px solid #ced4da;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #4d4f5c;
}
.messaging-filter__table-search svg {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 8px;
}
.messaging-filter__datepicker {
  margin: 0 10px 10px 0;
}
.messaging-filter__datepicker .datepicker {
  width: 175px;
  max-width: 270px;
  max-height: 32px;
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.messaging-filter__datepicker .datepicker .datepickerseparator {
  height: 32px;
  width: 1px;
  background: #ced4da;
}
.messaging-filter__datepicker .datepicker input {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.messaging-filter__datepicker .datepicker article {
  padding: 0 7px 0 5px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.messaging-filter__datepicker .datepicker article label {
  font-weight: 300;
}
.messaging-filter__datepicker .datepicker article p {
  margin-top: 4px;
  font-weight: 700;
  font-size: 12px;
  color: #4d4f5c;
}
.messaging-filter__user, .messaging-filter__status {
  max-width: 190px;
  width: 100%;
  margin: 0 10px 10px 0;
}
.messaging-filter__user span.select2, .messaging-filter__status span.select2 {
  width: 100% !important;
}
.messaging-filter__user span.select2, .messaging-filter__status span.select2 {
  max-width: 280px;
}
.messaging-filter__user span.select2 .select2-container--default.select2-container--focus .select2-selection--multiple, .messaging-filter__status span.select2 .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ced4da;
}
.messaging-filter__user span.select2 .select2-selection, .messaging-filter__status span.select2 .select2-selection {
  min-height: 32px;
  display: flex;
  align-items: center;
  border: 1px solid #ced4da;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC");
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-size: 10px;
}
.messaging-filter__user span.select2 .select2-selection .select2-selection__rendered, .messaging-filter__status span.select2 .select2-selection .select2-selection__rendered {
  margin: 0;
}
.messaging-filter__user span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice, .messaging-filter__status span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice {
  background: #6c74b2;
  border-color: #fff;
  height: 20px;
  display: inline-flex;
}
.messaging-filter__user span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice button, .messaging-filter__status span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice button {
  border-color: #fff;
  font-size: 0.75rem;
}
.messaging-filter__user span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice button:hover span, .messaging-filter__status span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice button:hover span {
  color: #4d4f5c;
}
.messaging-filter__user span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice span, .messaging-filter__status span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice span {
  color: var(--primary-font-color);
  font-size: 0.75rem;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
}
.messaging-filter__user span.select2 .select2-selection .select2-search .select2-search__field, .messaging-filter__status span.select2 .select2-selection .select2-search .select2-search__field {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #4d4f5c !important;
}
.messaging-filter__user span.select2 .select2-selection .select2-search .select2-search__field::-moz-placeholder, .messaging-filter__status span.select2 .select2-selection .select2-search .select2-search__field::-moz-placeholder {
  color: #4d4f5c;
}
.messaging-filter__user span.select2 .select2-selection .select2-search .select2-search__field::placeholder, .messaging-filter__status span.select2 .select2-selection .select2-search .select2-search__field::placeholder {
  color: #4d4f5c;
}
.messaging-filter__user span.select2 .select2-selection .select2-search .select2-search__field::-webkit-select-placeholder, .messaging-filter__status span.select2 .select2-selection .select2-search .select2-search__field::-webkit-select-placeholder {
  color: #FFF !important;
}
.messaging-filter__actions {
  max-width: 100px;
  margin: 0 0 10px;
}
.messaging-filter__actions select {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC");
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  max-width: 100px;
  min-height: 32px;
  border-radius: 3px;
  padding: 0 5px;
  border: 1px solid #ced4da;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #4d4f5c;
}

.bulk-message {
  padding-top: 20px;
}
.bulk-message label {
  font-weight: bold;
  margin-bottom: 5px;
}
.bulk-message select {
  width: 100%;
}
.bulk-message textarea {
  display: block;
  width: 100%;
}
.bulk-message p, .bulk-message__message-type, .bulk-message__message-template, .bulk-message__preview, .bulk-message__body {
  margin-bottom: 20px;
}
.bulk-message__entity-merge-fields p {
  margin-bottom: 5px;
}
.bulk-message__entity-merge-fields #bulkMessageMergeFields {
  margin-bottom: 20px;
}
.bulk-message__summary {
  background-color: #f3f3f3;
  padding: 12px;
  border-radius: 5px;
}
.bulk-message__summary__count {
  font-size: 17pt;
  margin-bottom: 15px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./src/sass/supplierCreditNote/index.scss (3) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*** Typography ***/
/* COLORS */
.detailed-customers-header {
  margin: 20px 0 35px;
  display: flex;
  justify-content: space-between;
}
.detailed-customers-header__title {
  flex: 1 0 40%;
}
.detailed-customers-header__title > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.detailed-customers-header__title > ul li a {
  display: inline-flex;
  align-items: center;
  color: var(--primary-darkest);
  font-size: 1rem;
  font-weight: 600;
}
.detailed-customers-header__title > ul li a svg {
  width: 15px;
  height: 20px;
  margin-right: 5px;
  color: var(--primary-darkest);
}
.detailed-customers-header__title h1 {
  display: flex;
  align-items: center;
  margin: 0 0 8px;
  color: var(--primary-darkest);
  font-size: calc(1.325rem + 0.9vw);
  font-weight: 400;
}
@media (min-width: 1200px) {
  .detailed-customers-header__title h1 {
    font-size: 2rem;
  }
}
.detailed-customers-header__title h1 > small {
  margin-left: 15px;
  color: var(--primary-lighter);
  font-size: 1.25rem;
  font-weight: 700;
}
.detailed-customers-header__title p {
  color: var(--primary-darkest);
  font-family: "Avenir", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}
.detailed-customers-header__info {
  flex: 1 0 60%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 50px;
}
.detailed-customers-header__info > aside {
  display: flex;
  align-items: center;
}
.detailed-customers-header__info > aside > svg {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  color: var(--primary-lighter);
}
.detailed-customers-header__info > aside > svg.from-commerce-alert {
  width: 25px;
  height: 25px;
  color: #ffb427;
}
.detailed-customers-header__info > aside div h6 {
  color: var(--primary-lighter);
  line-height: 15px;
  font-size: 0.875rem;
  font-weight: 600;
}
.detailed-customers-header__info > aside div p {
  margin: 0;
  color: #343434;
  line-height: 28px;
  word-break: break-all;
  max-width: 350px;
  font-size: 1.25rem;
  font-weight: 600;
}
.detailed-customers-header__info > aside button svg {
  width: 15px;
  height: 15px;
  color: var(--primary);
  margin-left: 5px;
}
.detailed-customers-header__info > aside button .spinner-border {
  width: 15px;
  height: 15px;
  margin-left: 5px;
  border: 2px solid currentcolor;
  border-color: var(--primary-darkest);
  border-right-color: transparent;
}

.customer-navigation-tab {
  width: 100%;
  border-bottom: 1px solid #cbcbcb;
  margin: 40px 0;
}
.customer-navigation-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  gap: 30px;
}
.customer-navigation-tab ul li {
  padding: 5px 0;
}
.customer-navigation-tab ul li a {
  padding: 5px;
  color: #343434;
  border-bottom: 3px solid transparent;
  font-size: 1rem;
}
.customer-navigation-tab ul li a:hover {
  border-bottom: 3px solid var(--primary);
}
.customer-navigation-tab ul li svg {
  width: 22px;
  height: 22px;
  margin-left: 5px;
}
.customer-navigation-tab ul li svg.error-alert {
  color: #dc3545;
}
.customer-navigation-tab--actived {
  border-bottom: 3px solid var(--primary) !important;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

span.select2 {
  width: 100% !important;
}

span.select2 {
  max-width: 100%;
}
span.select2 .select2-selection {
  min-height: 37px;
  display: flex;
  align-items: center;
  border: 1px solid #cbcbcb;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC");
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  padding-right: 25px;
  padding-left: 6px;
}
span.select2 .select2-selection__clear {
  margin-right: 0 !important;
}
span.select2 .select2-selection__rendered {
  margin: 0;
}
span.select2 .select2-selection__rendered .select2-selection__choice {
  display: inline-flex;
  background: var(--primary-lighter);
  border-color: transparent;
  border-radius: 3px;
  height: 23px;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button {
  border-radius: 2px 0 0 2px !important;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button {
  height: 100%;
  border-color: #fff;
  font-size: 0.75rem;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button:hover span {
  color: #343434 !important;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button span {
  color: var(--primary-font-color);
}
span.select2 .select2-selection__rendered .select2-selection__choice > span {
  height: 100%;
  color: var(--primary-font-color);
  padding: 1px 7px 0 4px;
  font-size: 0.75rem;
  font-weight: 400;
}
span.select2 .select2-selection__arrow {
  display: none;
}

.select2-container--default.select2-container--focus .select2-selection {
  border-color: rgba(var(--primary), 0.5) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--primary), 0.25) !important;
}

.select2-container--default.select2-container--focus .select2-selection {
  outline: none;
}

.select2-container--default.select2-container--disabled .select2-selection {
  background-color: #E9ECEF;
}

.select2-search__field {
  min-height: 22px !important;
}
.select2-search__field::-moz-placeholder {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  color: #343434;
}
.select2-search__field::placeholder {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  color: #343434;
}
.select2-search--inline {
  width: 100%;
}

.select2-dropdown {
  border-color: #cbcbcb;
}
.select2-dropdown .select2-search__field {
  border: 1px solid #cbcbcb !important;
  color: #343434 !important;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif !important;
  font-weight: 400 !important;
}
.select2-dropdown .select2-search__field::-moz-placeholder {
  color: #343434;
}
.select2-dropdown .select2-search__field::placeholder {
  color: #343434;
}
.select2-dropdown .select2-search__field::-webkit-select-placeholder {
  color: #fff !important;
}

.select2-results__option--highlighted {
  background-color: var(--primary) !important;
}

/*** Typography ***/
/* COLORS */
.daterangepicker {
  border-radius: 10px !important;
  padding: 10px 20px !important;
}
.daterangepicker {
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
}

.table-condensed thead tr {
  padding-top: 20px !important;
}
.table-condensed thead tr .prev span, .table-condensed thead tr .next span {
  border: solid var(--primary) !important;
  border-width: 0 2px 2px 0 !important;
}
.table-condensed thead tr:nth-child(1) {
  height: 50px;
}
.table-condensed thead tr:nth-child(1) th {
  color: #4d4f5c;
  text-transform: capitalize;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.table-condensed thead tr:nth-child(2) th {
  font-size: 9px !important;
}
.table-condensed thead tr:nth-child(2) th {
  /* background: #b6ff00; */
  color: #343434;
  text-transform: uppercase;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-weight: 600;
}
.table-condensed tbody tr td {
  border: 1px solid #cfcfd4 !important;
  padding: 2px !important;
  border-radius: 0 !important;
}
.table-condensed tbody tr td {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--primary);
}

.drp-buttons {
  border-top: none !important;
}

.drp-buttons {
  height: 50px;
}

/*** Typography ***/
/* COLORS */
.contentheader {
  padding: 25px 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 60px;
  align-items: center;
}
.contentheader h1 {
  color: var(--primary);
  margin: 0;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
}
.contentheader--borderbottom {
  border-bottom: 1px solid rgba(95, 95, 95, 0.3);
  padding: 25px 0;
}
.contentheader__firstbox {
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.contentheader__firstbox h5 {
  color: var(--primary);
  opacity: 0.5;
  margin: 0;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
}
.contentheader__firstbox h2 {
  color: var(--primary);
  margin: 0;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
}
.contentheader__secondbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.contentheader__secondbox--tag-commerce {
  margin-right: 25px;
  display: flex;
  align-items: center;
}
.contentheader__secondbox--tag-commerce span {
  background-color: #ffb427;
  margin-right: 6px;
  border-radius: 100%;
  color: white;
  font-size: 20px;
  padding: 1px;
}
.contentheader__secondbox--tag-commerce p {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}
.contentheader__secondbox--refresh svg {
  color: var(--primary-darkest) !important;
  width: 20px !important;
  height: 25px !important;
}
.contentheader__secondbox svg {
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #B1B4CF;
}
.contentheader__secondbox span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 0 0 6px;
}
.contentheader__secondbox span h5 {
  padding: 0;
  color: #9c9cb2;
  margin: 0;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.contentheader__secondbox span h2 {
  color: #4d4f5c;
  margin: 0;
  line-height: 22px;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
}
.contentheader__secondbox button {
  background: none;
  border: none;
  cursor: pointer;
}
.contentheader__secondbox button span {
  color: var(--primary);
  padding: 0;
}
.contentheader__secondbox button .animate {
  animation: rotate 1s linear infinite;
}
.contentheader__steps {
  width: 20%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.contentheader__steps__1, .contentheader__steps__2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 40px;
  border-radius: 4px;
  color: var(--primary);
  text-transform: uppercase;
  border: 3px solid var(--primary);
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.contentheader__steps__1 span, .contentheader__steps__2 span {
  margin-left: 8px;
}
.contentheader__steps__1--primary, .contentheader__steps__2--primary {
  color: #fff;
  border: 3px solid var(--primary);
  background: var(--primary);
}
.contentheader__steps__1--success, .contentheader__steps__2--success {
  color: #fff;
  border: 3px solid #46b51d;
  background: #46b51d;
}
.contentheader__steps__2 {
  margin-left: 20px;
  position: relative;
}
.contentheader__steps__2::before {
  content: " ";
  position: absolute;
  left: -23px;
  width: 20px;
  height: 4px;
  background: var(--primary);
}

/* END CONTENT HEADER */
.outsideform {
  padding: 0 40px !important;
}

/*
POP-UP HEADER NOTIFICATIONS BEGIN
*/
.mainpanelheader__row--todo {
  background-color: #f0f0f7;
}
.mainpanelheader__row--todo__checkbox {
  flex: 1 0 28%;
  width: 100%;
  margin: 15px 30px 15px 0;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mainpanelheader__row--todo__checkbox input[type=checkbox] {
  width: auto;
  display: none;
  position: absolute;
  right: -9px;
  top: 4px;
  z-index: 5;
}
.mainpanelheader__row--todo__checkbox label {
  position: relative;
  min-height: 34px;
  display: block;
  padding-left: 40px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  vertical-align: sub;
}
.mainpanelheader__row--todo__checkbox label::after {
  content: "";
  display: block;
  width: 16px;
  height: 8px;
  border-bottom: 4px solid #449b29;
  border-left: 4px solid #449b29;
  transform: rotate(-45deg) scale(0);
  transition: transform ease 0.25s;
  will-change: transform;
  position: absolute;
  top: 12px;
  left: 10px;
  border-radius: 2px;
}
.mainpanelheader__row--todo__checkbox label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 28px;
  height: 28px;
  transition: transform 0.28s ease;
  border-radius: 3px;
  border: 2px solid #dadae1;
}
.mainpanelheader__row--todo__checkbox label span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.mainpanelheader__row--todo__checkbox input[type=checkbox]:checked ~ label::before {
  border: 2px solid #449b29;
  background-color: white;
}
.mainpanelheader__row--todo__checkbox input[type=checkbox]:checked ~ label::after {
  transform: rotate(-45deg) scale(1);
}
.mainpanelheader__row--todo__checkbox input[type=checkbox]:focus + label::before {
  outline: 0;
}

.credit-note-header {
  position: relative;
  padding-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.credit-note-header__back {
  display: inline-flex;
  align-items: center;
  color: var(--primary-darkest);
  margin: 30px 0 0;
  font-size: 1rem;
  font-weight: 600;
}
.credit-note-header__back svg {
  width: 15px;
  height: 20px;
  margin-right: 5px;
  color: var(--primary);
}
.credit-note-header__actions {
  margin-top: 40px;
}
.credit-note-header__actions select {
  width: 100%;
  max-width: 110px;
}

.credit-note-content {
  background: #fff;
  border: 1px solid #cbcbcb;
  box-shadow: 0 14px 26px rgba(205, 205, 229, 0.35);
  border-radius: 5px;
  margin-bottom: 30px;
}
.credit-note-content__credit-note-date {
  position: relative;
}
.credit-note-content__credit-note-date input {
  padding-left: 38px;
}
.credit-note-content__credit-note-date svg {
  position: absolute;
  left: 20px;
  top: 10px;
  color: var(--primary);
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.credit-note-content__order-details {
  width: 100%;
  border-bottom: 1px solid #e1e1ef;
  padding: 30px 30px 20px;
}
.credit-note-content__order-details h2 {
  color: #343434;
  margin-bottom: 15px;
  font-size: 1.25rem;
  font-weight: 500;
}
.credit-note-content__order-details > div {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.credit-note-content__order-details > div label {
  color: #343434;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 500;
}
.credit-note-content__order-details > div select {
  min-width: 160px;
}
.credit-note-content__table-lines {
  border-bottom: 1px solid #e1e1ef;
}
.credit-note-content__table-lines header {
  padding: 30px 30px 5px;
}
.credit-note-content__table-lines header label {
  color: #343434;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
}
.credit-note-content__table-lines header .col {
  padding-right: 25px;
}
.credit-note-content__table-lines header .col:last-child {
  padding-right: 0;
}
.credit-note-content__table-lines header .remove-button {
  flex: 0 0 60px;
}
.credit-note-content__table-lines article {
  padding: 10px 30px;
}
.credit-note-content__table-lines article form {
  margin-bottom: 20px;
}
.credit-note-content__table-lines article .col {
  padding-right: 25px;
}
.credit-note-content__table-lines article .col.remove-button {
  flex: 0 0 60px;
}
.credit-note-content__table-lines article .col.remove-button svg {
  width: 25px;
  height: 25px;
  stroke: #525252;
}
.credit-note-content__table-lines article .col:last-child {
  padding-right: 0;
}
.credit-note-content__table-lines footer {
  padding: 0 30px 30px;
}
.credit-note-content__footer-subtotal {
  padding: 30px 30px 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.credit-note-content__footer-subtotal h4 {
  color: #343434;
  margin-bottom: 5px;
  font-size: 0.875rem;
}
.credit-note-content__footer-subtotal h4 span {
  font-size: 1rem;
}
.credit-note-content__footer-subtotal h4 span:first-child {
  margin-left: 15px;
}
.credit-note-content__footer-subtotal h3 {
  color: #343434;
  margin-bottom: 5px;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: right;
}
.credit-note-content__footer-subtotal h3 span {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 400;
}
@media (min-width: 1200px) {
  .credit-note-content__footer-subtotal h3 span {
    font-size: 1.5rem;
  }
}
.credit-note-content__footer-subtotal > hr {
  width: 225px;
  margin: 20px 0;
}
.credit-note-content__footer-buttons {
  padding: 15px 30px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.credit-note-tagging {
  margin-bottom: 50px;
}
.credit-note-tagging h5 {
  color: #343434;
  margin-bottom: 25px;
  font-size: 1rem;
  font-weight: 500;
}

.credit-note-doc-upload {
  margin-top: -15px;
}
.credit-note-doc-upload h5 {
  color: #343434;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 500;
}
.credit-note-doc-upload .dropzone {
  padding: 0 !important;
}
.credit-note-doc-upload .dropzone {
  width: 100%;
  min-height: auto;
  border: 1px dashed var(--primary);
  border-radius: 5px;
  background: var(--primary-light-opaque);
  color: var(--primary-darkest);
}
.credit-note-doc-upload footer {
  margin: 25px 0;
  display: flex;
  justify-content: flex-end;
}
.credit-note-doc-upload footer button {
  margin-left: 10px;
  min-width: 60px;
}

.credit-note-email-modal .modal-dialog {
  width: 950px;
  max-width: 950px;
}
.credit-note-email-modal .modal-dialog .modal-content {
  border: none;
}
.credit-note-email-modal__header {
  padding: 30px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.credit-note-email-modal__header h3 {
  color: #343434;
  margin-bottom: 0;
  font-weight: 900;
}
.credit-note-email-modal__header button {
  background: transparent;
  border: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--primary);
  font-size: 1rem;
  font-weight: 600;
}
.credit-note-email-modal__content {
  padding: 0 20px;
}
.credit-note-email-modal__footer {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.credit-note-email-modal__footer button:first-child {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1rem;
}

.credit-note-send-email-content {
  background: #f9f9f9;
  padding: 30px 20px;
}
.credit-note-send-email-content > aside {
  margin-bottom: 20px;
}
.credit-note-send-email-content > aside label {
  color: #343434;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 500;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/Leads/sass/leadsSelfServiceForm/index.scss (3) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Imports */ /*** Typography ***/
/* COLORS */
/*** Typography ***/
/* COLORS */
.daterangepicker {
  border-radius: 10px !important;
  padding: 10px 20px !important;
}
.daterangepicker {
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
}

.table-condensed thead tr {
  padding-top: 20px !important;
}
.table-condensed thead tr .prev span, .table-condensed thead tr .next span {
  border: solid var(--primary) !important;
  border-width: 0 2px 2px 0 !important;
}
.table-condensed thead tr:nth-child(1) {
  height: 50px;
}
.table-condensed thead tr:nth-child(1) th {
  color: #4d4f5c;
  text-transform: capitalize;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.table-condensed thead tr:nth-child(2) th {
  font-size: 9px !important;
}
.table-condensed thead tr:nth-child(2) th {
  /* background: #b6ff00; */
  color: #343434;
  text-transform: uppercase;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-weight: 600;
}
.table-condensed tbody tr td {
  border: 1px solid #cfcfd4 !important;
  padding: 2px !important;
  border-radius: 0 !important;
}
.table-condensed tbody tr td {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--primary);
}

.drp-buttons {
  border-top: none !important;
}

.drp-buttons {
  height: 50px;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

span.select2 {
  width: 100% !important;
}

span.select2 {
  max-width: 100%;
}
span.select2 .select2-selection {
  min-height: 37px;
  display: flex;
  align-items: center;
  border: 1px solid #cbcbcb;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC");
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  padding-right: 25px;
  padding-left: 6px;
}
span.select2 .select2-selection__clear {
  margin-right: 0 !important;
}
span.select2 .select2-selection__rendered {
  margin: 0;
}
span.select2 .select2-selection__rendered .select2-selection__choice {
  display: inline-flex;
  background: var(--primary-lighter);
  border-color: transparent;
  border-radius: 3px;
  height: 23px;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button {
  border-radius: 2px 0 0 2px !important;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button {
  height: 100%;
  border-color: #fff;
  font-size: 0.75rem;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button:hover span {
  color: #343434 !important;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button span {
  color: var(--primary-font-color);
}
span.select2 .select2-selection__rendered .select2-selection__choice > span {
  height: 100%;
  color: var(--primary-font-color);
  padding: 1px 7px 0 4px;
  font-size: 0.75rem;
  font-weight: 400;
}
span.select2 .select2-selection__arrow {
  display: none;
}

.select2-container--default.select2-container--focus .select2-selection {
  border-color: rgba(var(--primary), 0.5) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--primary), 0.25) !important;
}

.select2-container--default.select2-container--focus .select2-selection {
  outline: none;
}

.select2-container--default.select2-container--disabled .select2-selection {
  background-color: #E9ECEF;
}

.select2-search__field {
  min-height: 22px !important;
}
.select2-search__field::-moz-placeholder {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  color: #343434;
}
.select2-search__field::placeholder {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  color: #343434;
}
.select2-search--inline {
  width: 100%;
}

.select2-dropdown {
  border-color: #cbcbcb;
}
.select2-dropdown .select2-search__field {
  border: 1px solid #cbcbcb !important;
  color: #343434 !important;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif !important;
  font-weight: 400 !important;
}
.select2-dropdown .select2-search__field::-moz-placeholder {
  color: #343434;
}
.select2-dropdown .select2-search__field::placeholder {
  color: #343434;
}
.select2-dropdown .select2-search__field::-webkit-select-placeholder {
  color: #fff !important;
}

.select2-results__option--highlighted {
  background-color: var(--primary) !important;
}
@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/* Variables */
/* Styles */
.leads-form .placeholder-menu-sidebar, .leads-form .menu-sidebar-nav, .leads-form .header-navigation {
  display: none;
}
.leads-form .content-width {
  background: #F8FCFA;
  font-family: "Roboto", sans-serif;
}

.selfservice-main-header {
  height: 80px;
  background: #7C9F53;
  padding: 15px;
  position: relative;
  z-index: 2;
}
@media (max-width: 991.98px) {
  .selfservice-main-header {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.selfservice-main-header svg {
  width: 145px;
  height: 50px;
}

.placeholder-sidebar {
  background: #4D6D47;
  top: 0;
  bottom: 0;
  position: fixed;
  width: 55px;
  left: 0;
  z-index: 0;
}
@media (max-width: 991.98px) {
  .placeholder-sidebar {
    display: none;
  }
}

.selfservice {
  padding: 0 15px 0 70px;
}
@media (max-width: 991.98px) {
  .selfservice {
    padding: 0 0 100px 0;
  }
}
.selfservice__progress {
  max-width: 350px;
  margin-top: 45px;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  .selfservice__progress {
    max-width: 100%;
    margin-top: 25px;
  }
}
.selfservice__progress p {
  color: #70AF49;
  font-size: 1.125rem;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  .selfservice__progress p {
    font-size: 0.875rem;
  }
}
.selfservice__progress .progress {
  border: 1px solid #BEBEBE;
  background: #fff;
  border-radius: 50px;
  height: 14px;
}
.selfservice__progress .progress .progress-bar {
  border-radius: 50px;
  background-color: #70AF49;
}
.selfservice__title {
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  .selfservice__title {
    margin-bottom: 20px;
  }
}
.selfservice__title h1 {
  margin-bottom: 10px;
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 600;
}
@media (min-width: 1200px) {
  .selfservice__title h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 991.98px) {
  .selfservice__title h1 {
    margin-bottom: 5px;
  }
}
.selfservice__title p {
  font-size: 1.125rem;
}
.selfservice__title--invalid {
  min-height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 150px;
  text-align: center;
  border: 1px solid #e1e1ef;
  box-shadow: 1px 1px 20px rgba(225, 225, 239, 0.5);
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .selfservice__title--invalid {
    padding: 0 40px;
  }
}
.selfservice__title--invalid svg {
  color: #ffb427;
  width: 80px;
  height: 80px;
  margin-bottom: 30px;
}
.selfservice__title--invalid h1 {
  font-size: calc(1.35rem + 1.2vw);
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .selfservice__title--invalid h1 {
    font-size: 2.25rem;
  }
}
.selfservice__title--completed {
  min-height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 150px;
  text-align: center;
  border: 1px solid #e1e1ef;
  box-shadow: 1px 1px 20px rgba(225, 225, 239, 0.5);
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .selfservice__title--completed {
    padding: 0 40px;
  }
}
.selfservice__title--completed svg {
  fill: #70AF49;
  width: 70px;
  height: 70px;
  margin-bottom: 30px;
  border: 6px solid #70AF49;
  border-radius: 50%;
  padding: 12px;
}
.selfservice__title--completed h1 {
  font-size: calc(1.35rem + 1.2vw);
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .selfservice__title--completed h1 {
    font-size: 2.25rem;
  }
}
.selfservice__content label {
  color: #343434;
  margin-bottom: 5px;
  font-size: 1rem;
}
.selfservice__content input, .selfservice__content select, .selfservice__content textarea {
  border-radius: 0;
  border: 1px solid #343434;
}
.selfservice__content input:focus, .selfservice__content select:focus, .selfservice__content textarea:focus {
  box-shadow: 0 0 0 0.25rem rgba(112, 175, 73, 0.25);
  border-color: #70AF49;
}
.selfservice__content input:checked[type=radio] {
  background-image: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}
.selfservice__content input:checked[type=radio] {
  border-color: #343434;
  background-color: #2477B4;
}
.selfservice__content .dropzone {
  border: 2px dashed #525252;
  border-radius: 5px;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selfservice__footer-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-top: 50px;
  border-top: 1px solid #525252;
}
@media (max-width: 991.98px) {
  .selfservice__footer-actions {
    background: #fff;
    max-width: 100vw;
    padding-left: 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    padding-left: 18px;
    padding-right: 18px;
  }
}
.selfservice__footer-actions .btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(112, 175, 73, 0.25);
}
.selfservice__footer-actions div a {
  color: #343434;
  border-radius: 0;
}
.selfservice__footer-actions div a:hover {
  color: #70AF49;
}
.selfservice__footer-actions div a svg {
  width: 12px;
  height: 12px;
  stroke: #343434;
  transform: rotate(90deg);
  margin-right: 5px;
  margin-bottom: 2px;
}
.selfservice__footer-actions > button {
  border-radius: 0;
  background: #2477B4;
  border-bottom: 3px solid #000;
}
.selfservice__footer-actions > button:hover, .selfservice__footer-actions > button:active {
  border-bottom: 3px solid #000 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./bin/Debug/net9.0/src/_components/custom-filter.vue?vue&type=style&index=0&id=646ed430&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.custom-filter {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}
.custom-filter__input-list {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.custom-filter .form-select {
  min-width: 240px;
}
.custom-filter__search-btn {
  padding: 6px 21px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/_components/custom-calendar.vue?vue&type=style&index=0&id=7470c777&lang=scss (1) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*** Typography ***/
/* COLORS */
.custom-calendar {
  position: relative;
}
.custom-calendar .fc-header-toolbar button {
  background-color: var(--primary);
  border-color: var(--primary);
}
.custom-calendar .fc-header-toolbar button.fc-button-active {
  background-color: var(--primary-darker);
  border-color: var(--primary-darker);
}
.custom-calendar .fc-header-toolbar button:hover {
  background-color: var(--primary-darker);
  border-color: var(--primary-darker);
}
.custom-calendar .fc-header-toolbar .fc-toolbar-title {
  font-weight: 700;
  font-size: 1.25rem;
}
.custom-calendar .fc-scrollgrid-section-sticky > * {
  background-color: #e1e1ef;
  border-color: #B9B9B9;
}
.custom-calendar .fc-theme-standard td .fc-daygrid-day-frame,
.custom-calendar .fc-theme-standard th .fc-daygrid-day-frame {
  background-color: rgba(255, 255, 255, 0.5);
}
.custom-calendar .fc-theme-standard td .fc-col-header-cell .fc-col-header-cell-cushion,
.custom-calendar .fc-theme-standard th .fc-col-header-cell .fc-col-header-cell-cushion {
  font-size: 0.875rem;
}
.custom-calendar .fc-event {
  cursor: pointer;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/UKEM/sass/ukemLeads/index.scss (5) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/*** Typography ***/
/* COLORS */
.daterangepicker {
  border-radius: 10px !important;
  padding: 10px 20px !important;
}
.daterangepicker {
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
}

.table-condensed thead tr {
  padding-top: 20px !important;
}
.table-condensed thead tr .prev span, .table-condensed thead tr .next span {
  border: solid var(--primary) !important;
  border-width: 0 2px 2px 0 !important;
}
.table-condensed thead tr:nth-child(1) {
  height: 50px;
}
.table-condensed thead tr:nth-child(1) th {
  color: #4d4f5c;
  text-transform: capitalize;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.table-condensed thead tr:nth-child(2) th {
  font-size: 9px !important;
}
.table-condensed thead tr:nth-child(2) th {
  /* background: #b6ff00; */
  color: #343434;
  text-transform: uppercase;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-weight: 600;
}
.table-condensed tbody tr td {
  border: 1px solid #cfcfd4 !important;
  padding: 2px !important;
  border-radius: 0 !important;
}
.table-condensed tbody tr td {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--primary);
}

.drp-buttons {
  border-top: none !important;
}

.drp-buttons {
  height: 50px;
}
@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/*** Typography ***/
/* COLORS */
/* DataTables Global Style Overrides */
.logic-custom-datatables #tableHeaderColVis {
  position: absolute;
  right: -2px;
  top: -73px;
  z-index: 2;
}
.logic-custom-datatables #tableHeaderActions .dataTables_select {
  order: 0 !important;
}
.logic-custom-datatables #tableHeaderActions .dataTables_length-icons label {
  display: inline !important;
}
.logic-custom-datatables #tableHeaderActions .dt-length .dt-input {
  background-color: #FFF !important;
}
.logic-custom-datatables table.dataTable thead td:first-of-type span.dt-column-title {
  padding: 0 8px !important;
}
.logic-custom-datatables table.dataTable thead td:first-of-type span.dt-column-title {
  position: relative;
  top: 2px;
}
.logic-custom-datatables table.dataTable th.dt-type-numeric, .logic-custom-datatables table.dataTable th.dt-type-date, .logic-custom-datatables table.dataTable td.dt-type-numeric, .logic-custom-datatables table.dataTable td.dt-type-date {
  text-align: left !important;
}
.logic-custom-datatables table.dataTable tbody .dt-empty > div {
  display: grid !important;
}
.logic-custom-datatables table.dataTable tbody .dt-empty > div {
  align-items: center;
  grid-row-gap: 10px;
  text-align: center;
  align-content: center;
  justify-content: center;
  place-content: center;
  margin: 20px;
}
.logic-custom-datatables table.dataTable tbody .dt-empty > div > img, .logic-custom-datatables table.dataTable tbody .dt-empty > div > span, .logic-custom-datatables table.dataTable tbody .dt-empty > div > a {
  margin: auto;
}
.logic-custom-datatables .bottom {
  margin: 10px 0 30px;
}
.logic-custom-datatables .bottom .dt-paging {
  color: #343434;
  margin-top: 10px;
  margin-bottom: 50px;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}
.logic-custom-datatables .bottom .dt-paging nav.pagination {
  text-align: right;
}
.logic-custom-datatables .bottom .dt-paging > a {
  color: #B9B9B9 !important;
}
.logic-custom-datatables .bottom .dt-paging > a:first-of-type {
  margin: 0 10px 0 0 !important;
}
.logic-custom-datatables .bottom .dt-paging > a:last-of-type {
  margin: 0 0 0 10px !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button {
  border-radius: 5px !important;
  background: #fff !important;
  color: #343434 !important;
  border: 1px solid #CFCFCF !important;
  margin: 0 5px 0 0 !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button {
  padding: 5px 10px;
  cursor: pointer;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button:last-child {
  margin-right: 0 !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button:hover {
  color: #343434 !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button.current {
  background: var(--primary) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button.current:hover {
  color: #fff !important;
}
.logic-custom-datatables .bottom .dt-paging .dt-paging-button.disabled {
  color: #B9B9B9 !important;
}

div.dt-button-collection {
  right: 0;
  left: auto;
}

.filters-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 30px 0 25px;
  position: relative;
  z-index: 2;
}
.filters-actions__search-area {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 100%;
}
.filters-actions__action-area {
  display: flex;
  align-items: flex-start;
}
.filters-actions__table-search {
  margin: 0 10px 10px 0;
  max-width: 300px;
  width: 100%;
  position: relative;
}
.filters-actions__table-search input {
  width: 100%;
  color: #4d4f5c;
  padding-right: 30px;
}
.filters-actions__table-search svg {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 9px;
  pointer-events: none;
}
.filters-actions__call-button {
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  background: #fff;
  margin-left: 10px;
  padding: 5px 6px;
}
.filters-actions__call-button svg {
  width: 20px;
  height: 20px;
  stroke: #343434;
}
.filters-actions__datepicker {
  margin: 0 10px 10px 0;
}
.filters-actions__datepicker .searchsort__advancedsearch--content--datepicker {
  width: 175px;
  height: 34px;
  max-height: 34px;
  background: #fff;
  border: 1px solid #ced4da;
}
.filters-actions__datepicker .searchsort__advancedsearch--content--datepicker article {
  padding: 0 5px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.filters-actions__datepicker .searchsort__advancedsearch--content--datepicker article label {
  font-weight: 300;
}
.filters-actions__datepicker .searchsort__advancedsearch--content--datepicker article p {
  margin-top: 4px;
  font-weight: 500;
  font-size: 12px;
  color: #525252;
}
.filters-actions__datepicker .searchsort__advancedsearch--content--datepicker .datepickerseparator {
  height: 32px;
}
.filters-actions__select {
  max-width: 190px;
  width: 100%;
  margin: 0 10px 10px 0;
}
.filters-actions__select > select {
  display: none;
}
.filters-actions__select-lg {
  max-width: 210px;
  width: 100%;
  margin: 0 10px 10px 0;
}
.filters-actions__actions {
  margin: 0 0 10px;
  display: flex;
}
.filters-actions__actions select {
  width: 100%;
  max-width: 140px;
}
.filters-actions__actions a.btn, .filters-actions__actions button.btn {
  padding-top: 4px;
  padding-bottom: 4px;
}
.filters-actions .select2-container--default .select2-selection--single .select2-selection__placeholder, .filters-actions .select2-search__field {
  color: #999 !important;
}

.notesmodal {
  padding: 40px 50px 30px;
  min-width: 43%;
  border-radius: 20px;
}
.notesmodal.stockmodalwidth {
  padding: 30px;
  min-width: 0;
  min-width: initial;
}
.notesmodal h2 {
  color: #4d4f5c;
  width: 100%;
  text-align: left;
  margin: 0;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.notesmodal__content {
  text-align: left !important;
}
.notesmodal__content {
  color: #343434;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.notesmodal__content form {
  margin-top: 30px;
}
.notesmodal__content form .modal-input {
  margin: 15px 0;
}
.notesmodal__content textarea:focus {
  border: none !important;
}
.notesmodal__btns {
  width: 100%;
  justify-content: flex-end;
  margin-top: 10px;
  padding: 5px 20px;
}
.notesmodal__btns button:nth-child(1) {
  margin-right: 10px;
}
.notesmodal__btn-primary {
  display: inline-block !important;
  cursor: pointer !important;
  border-radius: 0.25rem !important;
  color: #fff !important;
  background-color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  padding: 0.375rem 0.75rem !important;
}
.notesmodal__btn-primary {
  /* 
      - All styles below matchs with Bootstrap button styles;
      - @extends doesn't work in this case so it's just a copy/paste from Bootstrap;
      - TODO - notesmodal__btns--primary & notesmodal__btns--ghost should be removed;
  */
  line-height: 1.5;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-weight: 600;
  min-width: 100px;
}
.notesmodal__btn-outline-primary {
  display: inline-block !important;
  cursor: pointer !important;
  border-radius: 0.25rem !important;
  color: var(--primary) !important;
  background-color: transparent !important;
  border: 1px solid var(--primary) !important;
  padding: 0.375rem 0.75rem !important;
}
.notesmodal__btn-outline-primary {
  /* 
      - All styles below matchs with Bootstrap button styles;
      - @extends doesn't work in this case so it's just a copy/paste from Bootstrap;
      - TODO - notesmodal__btns--primary & notesmodal__btns--ghost should be removed;
  */
  line-height: 1.5;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-weight: 600;
  min-width: 100px;
}
.notesmodal__btn-outline-primary:hover {
  background: var(--primary) !important;
  color: #fff !important;
}

.swal2-styled:focus {
  box-shadow: none !important;
}

.notes-modal .modal-dialog {
  width: 650px;
  max-width: 650px;
}
.notes-modal .modal-dialog .modal-content {
  border: none;
}
.notes-modal__header {
  padding: 30px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notes-modal__header h3 {
  color: #343434;
  margin-bottom: 0;
  font-weight: 600;
}
.notes-modal__header button {
  font-weight: 600;
}
.notes-modal__content {
  padding: 0 20px;
}
.notes-modal__footer {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notes-modal__footer button.btn-link {
  padding: 0;
  font-weight: 600;
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
  * Header and footer styles
  */
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("/img/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("/img/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("/img/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("/img/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("/img/sort_desc_disabled.png");
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody tr {
  background-color: #fff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  color: #333 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  cursor: pointer;
  *cursor: hand;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #979797; /* Chrome,Safari4+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* Modern browsers */
  background-color: white; /* Fallback */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #666 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border: 1px solid #111; /* Chrome,Safari4+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%); /* Modern browsers */
  background-color: #585858; /* Fallback */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none; /* Chrome,Safari4+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* Modern browsers */
  background-color: #2b2b2b; /* Fallback */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background-color: white;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper::after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
/*** Typography ***/
/* COLORS */
.searchsort {
  display: flex;
  justify-content: space-between;
  /* margin-bottom: 30px; */
  position: relative;
  z-index: 2;
  width: 60%;
}
.searchsort__search {
  background: transparent !important;
}
.searchsort__search {
  width: 72.5%;
  display: inline-flex;
  align-items: center;
}
.searchsort__search__input {
  width: 60%;
  position: relative;
}
.searchsort__search__input input {
  background: #fff !important;
  padding-left: 40px !important;
  border: none !important;
}
.searchsort__search__input input {
  width: 100%;
}
.searchsort__search__input svg {
  width: 18px;
  height: 18px;
  fill: #343434;
  position: absolute;
  right: 15px;
  top: 35px;
}
.searchsort__search__input label {
  margin: 2px 0;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.searchsort__search div {
  transform-origin: 657.382px center 0;
}
.searchsort__search i {
  left: 10px !important;
}
.searchsort__advancedsearch {
  position: relative !important;
}
.searchsort__advancedsearch {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -4%;
  /* &--overlay {
      background: rgba(0, 0, 0, 0.4);
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      display: none;
      z-index: 10;
  } */
}
.searchsort__advancedsearch--active {
  background: #FFF;
  border-radius: 5px 5px 0 0;
  z-index: 11;
  position: relative;
}
.searchsort__advancedsearch--active::before {
  content: "";
  height: 10px;
  width: 100%;
  background: #fff;
  position: absolute;
  bottom: -10px;
}
.searchsort__advancedsearch span {
  color: var(--primary);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
  padding-top: 5px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
}
.searchsort__advancedsearch--content {
  border-radius: 5px;
  min-height: 80px;
  margin-top: 10px;
  background: #fff;
  width: 80%;
  display: flex;
  padding: 20px 30px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}
.searchsort__advancedsearch--content--inputs {
  max-height: 56px;
}
.searchsort__advancedsearch--content--inputs div {
  border: 1px solid #dadae1;
  min-width: 300px;
  color: #4d4f5c;
}
.searchsort__advancedsearch--content--inputs div input {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-weight: 600;
}
.searchsort__advancedsearch--content--datepicker {
  max-width: 270px;
  border: 1px solid #dadae1;
  display: flex;
  flex-direction: row;
  max-height: 57px;
  background: #f5f6fa;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.searchsort__advancedsearch--content--datepicker .datepickerseparator {
  height: 40px;
  width: 1px;
  background: #cfcfd4;
}
.searchsort__advancedsearch--content--datepicker input {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.searchsort__advancedsearch--content--datepicker article {
  margin: 7px 0 10px;
  padding: 0 15px;
}
.searchsort__advancedsearch--content--datepicker article label {
  margin: 0;
  color: #343434;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
}
.searchsort__advancedsearch--content--datepicker article p {
  color: #4d4f5c;
  margin: 0;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.searchsort__advancedsearch--content--btn {
  min-width: 15%;
  max-height: 56px;
}
.searchsort__advancedsearch--content--btn a, .searchsort__advancedsearch--content--btn button {
  margin-top: 5px;
}
.searchsort__advancedsearch--mbottom {
  position: relative;
  top: -130px;
}

.logic-custom-datatables tr:has(.dataTables_empty) {
  height: 150px;
}
.logic-custom-datatables .dataTables_empty {
  background-color: #e1e1ef;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
  display: flex;
  justify-content: center;
}
.logic-custom-datatables .dataTables_empty > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.logic-custom-datatables .dataTables_empty > div img {
  width: 64px;
  height: 64px;
  -o-object-fit: contain;
     object-fit: contain;
}
.logic-custom-datatables .dataTables_empty > div span {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  color: #343434;
  margin: 15px 0;
}
.logic-custom-datatables .dataTables_processing {
  margin-top: -77px !important;
}
.logic-custom-datatables .dataTables_processing {
  min-height: 100px;
  padding-top: 0;
  z-index: 10;
}
.logic-custom-datatables .dataTables_processing .loadingbox {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOS4xNCIgaGVpZ2h0PSI0NC4wNTciIHZpZXdCb3g9IjAgMCAzOS4xNCA0NC4wNTciPiAgICA8ZGVmcz4gICAgICAgIDxzdHlsZT4gICAgICAgICAgICAuY2xzLTF7ZmlsbDojYzdjN2RifSAgICAgICAgPC9zdHlsZT4gICAgPC9kZWZzPiAgICA8ZyBpZD0ibm91bl90cmFuc2FjdGlvbnNfMTE1NzEzNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuMDc1IC0uOCkiPiAgICAgICAgPHBhdGggaWQ9IlBhdGhfNTM0IiBkPSJNNDQuNTc1IDExLjY2OWEyLjIgMi4yIDAgMCAwLTIuMi0yLjJIMTMuNjMxbDQuODA1LTQuOWEyLjI1IDIuMjUgMCAwIDAgMC0zLjE0NEEyLjEzMyAyLjEzMyAwIDAgMCAxNi44NjUuOGEyLjMyNiAyLjMyNiAwIDAgMC0xLjU3Mi42MjlMNi43MTUgMTAuMWEyLjIgMi4yIDAgMCAwIDAgMy4xbDguNjIzIDguNzEzYTIuMjg3IDIuMjg3IDAgMCAwIDEuNTcyLjY3NCAyLjMyNiAyLjMyNiAwIDAgMCAxLjU3Mi0uNjI5IDIuMjg3IDIuMjg3IDAgMCAwIC42NzQtMS41NzIgMi4yNDQgMi4yNDQgMCAwIDAtLjYyOS0xLjU3MmwtNC45ODUtNC45NEg0Mi4zM2EyLjIxNCAyLjIxNCAwIDAgMCAyLjI0NS0yLjIwNXoiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSJQYXRoIDUzNCIvPiAgICAgICAgPHBhdGggaWQ9IlBhdGhfNTM1IiBkPSJNMzUuMTY1IDcyLjIyM2EyLjEwNyAyLjEwNyAwIDAgMCAxLjU3Mi0uNjc0bDguNjIzLTguNzEzYTIuMiAyLjIgMCAwIDAgMC0zLjFsLTguNjIzLTguNjIzYTIuMjIzIDIuMjIzIDAgMSAwLTMuMTQ0IDMuMTQ0bDQuODUgNC44NUg5LjdhMi4yIDIuMiAwIDAgMCAwIDQuNGgyOC43ODlsLTQuOSA0Ljk0YTIuMjQ0IDIuMjQ0IDAgMCAwLS42MjkgMS41NzIgMi4xNzkgMi4xNzkgMCAwIDAgLjY3NCAxLjU3MiAyLjEzOSAyLjEzOSAwIDAgMCAxLjUzMS42MzJ6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0iUGF0aCA1MzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uNzg1IC0yNy4zNjUpIi8+ICAgIDwvZz48L3N2Zz4=") round 20px;
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: center 19px;
  height: 90px;
  color: #c7c7db;
  vertical-align: bottom;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.logic-custom-datatables .top {
  background-color: #E8E8F3;
  border: 1px solid #B9B9B9;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  gap: 50px;
  align-items: center;
  width: 100%;
}
.logic-custom-datatables .top .dataTables_select {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  padding-left: 16px;
  flex: 0 0 350px;
  color: #4d4f5c;
}
.logic-custom-datatables .top .dataTables_info {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0;
  color: #4d4f5c;
}
.logic-custom-datatables .top .dataTables_length-icons {
  padding: 4px;
  display: flex;
  flex: 0 0 350px;
  justify-content: flex-start;
  flex-direction: row-reverse;
  align-items: center;
}
.logic-custom-datatables .top .dataTables_length-icons label {
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  color: #4d4f5c;
  margin: 0;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}
.logic-custom-datatables .top .dataTables_length-icons label select {
  padding: 7px 15px 4px 10px;
  border-radius: 4px;
  margin: 0 2px 0 10px;
  border: 1px solid rgba(185, 185, 185, 0.5);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC");
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.logic-custom-datatables .top .dataTables_length-icons label select:focus {
  background-color: #fff !important;
}
.logic-custom-datatables .top .dataTables_length-icons label select:hover {
  background-color: #fff !important;
}
.logic-custom-datatables table {
  width: 100% !important;
}
.logic-custom-datatables table {
  border-collapse: collapse;
  border: 1px solid;
  box-sizing: border-box;
  display: none;
}
.logic-custom-datatables table.dataTable {
  display: table;
}
.logic-custom-datatables table thead {
  background: #e1e1ef;
  border: 1px solid #B9B9B9;
  color: #343434;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}
.logic-custom-datatables table thead .sorting {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAABHNCSVQICAgIfAhkiAAAAMVJREFUKFOVkd0NgkAMx1sCz7qJjAATIGsoiTzAFPCACboGMgGMgJvgM4TaK5HcEU3wkubS9pd/vxBWL0oqT4XKPGz1FOqOQGg1EqPJ1+EFPKWVaxE2gLifQeonJP+ehZ1yBYzjaj842CCgq1cgoM4ZyC+KsBfwnNQPRAjW/c7CUN/y4ChglNYFf5dvIMeuZRbExjA/QAn/p7i5RzX1aFst6x+M8gRPe5y8ZWqVVHvk9bRsO5kW6MXmGXv8qGy6jAGzs771G2ZlWA6p2+L5AAAAAElFTkSuQmCC");
  background-position: right 10px center;
  background-size: 9px;
}
.logic-custom-datatables table thead .sorting.sorting_asc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAABHNCSVQICAgIfAhkiAAAAIlJREFUCFtjZEADOSXrHUBCU3oCDyBLMSJzwIoYmfaDxf7/c0RWDFeYVbregOk/434GRkYBiML/H/4x/nec1h14AcQFKywoWC/wm5VxPyMDowGyDf8Z/l9g/f3fccKEwA9ghdklGzcwMjL4o7sXYjDDxqk9/gFghTmlGycAqXxsCoFiE6d0+xcAAIanLQemRXT4AAAAAElFTkSuQmCC");
  background-position: right 10px center;
  background-size: 9px;
}
.logic-custom-datatables table thead .sorting.sorting_desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAABHNCSVQICAgIfAhkiAAAAItJREFUCFtjZACCnNKNE4BUPoiNBUyc0u1fwAiSyC7ZuIGRkcEfm6r//xk2Tu3xDwArLChYL/CHhekAAyODPori/wwXWf78c5gwIfADWCEIZJWuN2BkYDwAxPwg/n+G/x+B2GFad+AFEB+uEOzWkvUODIxM+8E6//9znNITeABmEIpCuGIgA1kRSBwAYb8rB3kMYdMAAAAASUVORK5CYII=");
  background-position: right 10px center;
  background-size: 9px;
}
.logic-custom-datatables table thead tr td, .logic-custom-datatables table thead tr th {
  border-right: 1px solid #B9B9B9;
  border-bottom: 1px solid #B9B9B9;
}
.logic-custom-datatables table thead tr td:last-child, .logic-custom-datatables table thead tr th:last-child {
  border-right: none;
}
.logic-custom-datatables table tbody {
  color: #343434;
  border: 1px solid #B9B9B9;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.logic-custom-datatables table tbody tr td {
  padding: 10px 18px !important;
}
.logic-custom-datatables table tbody tr td {
  border-bottom: 1px solid #B9B9B9;
  border-right: 1px solid #B9B9B9;
}
.logic-custom-datatables table tbody tr td button {
  all: unset;
  color: var(--primary);
  cursor: pointer;
}
.logic-custom-datatables table tbody tr td a:not(.btn-primary),
.logic-custom-datatables table tbody tr td button:not(.btn-primary) {
  -webkit-text-decoration: underline !important;
  text-decoration: underline !important;
}
.logic-custom-datatables table tbody tr td a:not(.btn-primary),
.logic-custom-datatables table tbody tr td button:not(.btn-primary) {
  font-weight: 600;
}
.logic-custom-datatables table tbody tr td a:not(.btn-primary):hover,
.logic-custom-datatables table tbody tr td button:not(.btn-primary):hover {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}
.logic-custom-datatables table tbody tr td:last-child {
  border-right: none;
}
.logic-custom-datatables table input[type=checkbox] {
  cursor: pointer; /* IE */ /* FF */ /* Safari and Chrome */ /* Opera */
  transform: scale(1.5);
  padding: 10px;
}
.logic-custom-datatables .dataTables_paginate {
  color: #343434;
  margin-top: 10px;
  margin-bottom: 50px;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}
.logic-custom-datatables .dataTables_paginate > a {
  color: #B9B9B9 !important;
}
.logic-custom-datatables .dataTables_paginate > a:first-of-type {
  margin: 0 10px 0 0 !important;
}
.logic-custom-datatables .dataTables_paginate > a:last-of-type {
  margin: 0 0 0 10px !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button {
  border-radius: 5px !important;
  background: #fff !important;
  color: #343434 !important;
  border: 1px solid #CFCFCF !important;
  margin: 0 5px 0 0 !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button {
  padding: 5px 10px;
  cursor: pointer;
}
.logic-custom-datatables .dataTables_paginate .paginate_button:last-child {
  margin-right: 0 !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button:hover {
  color: #343434 !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button.current {
  background: var(--primary) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button.disabled {
  color: #B9B9B9 !important;
}

/*** Typography ***/
/* COLORS */
.e-schedule {
  border: 1px solid #B9B9B9 !important;
  border: 0 !important;
  background-color: transparent !important;
}
.e-schedule {
  margin: 0;
}
.e-schedule .e-schedule-toolbar {
  background: #f0f0f7 !important;
  box-shadow: none !important;
  margin-bottom: 10px !important;
}
.e-schedule .e-schedule-toolbar .e-toolbar-items {
  background: transparent !important;
}
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
  margin-left: 0 !important;
}
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-right .e-toolbar-item:last-child {
  margin-right: 0 !important;
}
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
  border: 1px solid #DEE2E6;
}
.e-schedule .e-header-cells {
  background-color: #E8E8F3 !important;
  border-top-width: 1px !important;
}
.e-schedule .e-header-cells:first-child {
  border-left-width: 1px !important;
}
.e-schedule .e-header-cells:last-child {
  border-right-width: 1px !important;
}
.e-schedule .e-header-cells.e-current-day {
  color: var(--primary);
  font-weight: 600;
}
.e-schedule .e-header-cells .e-header-day {
  text-align: center;
  width: 100%;
}
.e-schedule .e-header-cells .e-header-date {
  text-align: center;
  width: 100%;
}
.e-schedule .e-left-indent {
  visibility: hidden;
}
.e-schedule .e-time-cells-wrap .e-time-slots {
  background-color: #f0f0f7 !important;
}
.e-schedule .e-appointment {
  border-radius: 0 !important;
  border: 1px solid #B9B9B9 !important;
  border-left: 3px solid #0B6EFC !important;
  background: #E3E4EF !important;
}
.e-schedule .e-appointment .e-appointment-details {
  color: #343434;
}
.e-schedule .e-event-popup .e-subject {
  border-left: 5px solid #6c74b2 !important;
  background: #E3E4EF !important;
}
.e-schedule .e-more-popup-wrapper .e-subject {
  color: #343434 !important;
}
.e-schedule .e-current-time {
  color: #EA8787 !important;
}
.e-schedule .e-timeline-wrapper .e-previous-timeline {
  border-top: 2px dotted #EA8787 !important;
}
.e-schedule .e-timeline-wrapper .e-current-timeline {
  border-top: 2px solid #EA8787 !important;
}

.come-from-modal.right.basket-modal .modal-dialog, .come-from-modal.right.product-stock-modal .modal-dialog, .come-from-modal.right.leads-modal .modal-dialog, .come-from-modal.right.map-modal .modal-dialog, .come-from-modal.right.calendar-modal .modal-dialog, .come-from-modal.right.delivery-modal .modal-dialog, .come-from-modal.right.forms-modal .modal-dialog, .come-from-modal.right.messaging-modal .modal-dialog, .come-from-modal.right.complete-dropshipping-modal .modal-dialog, .come-from-modal.right.new-return-modal .modal-dialog, .come-from-modal.right.project-survey-form-photos-modal .modal-dialog, .come-from-modal.right.job-form-photos-modal .modal-dialog {
  position: fixed;
  margin: auto;
  width: 600px;
  max-width: 600px;
  height: 100%;
  transform: translate3d(0%, 0, 0);
}
.come-from-modal.right.basket-modal .modal-content, .come-from-modal.right.product-stock-modal .modal-content, .come-from-modal.right.leads-modal .modal-content, .come-from-modal.right.map-modal .modal-content, .come-from-modal.right.calendar-modal .modal-content, .come-from-modal.right.delivery-modal .modal-content, .come-from-modal.right.forms-modal .modal-content, .come-from-modal.right.messaging-modal .modal-content, .come-from-modal.right.complete-dropshipping-modal .modal-content, .come-from-modal.right.new-return-modal .modal-content, .come-from-modal.right.project-survey-form-photos-modal .modal-content, .come-from-modal.right.job-form-photos-modal .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  border: none;
  font-weight: 600;
}
.come-from-modal.right.basket-modal .modal-content .modal-body, .come-from-modal.right.product-stock-modal .modal-content .modal-body, .come-from-modal.right.leads-modal .modal-content .modal-body, .come-from-modal.right.map-modal .modal-content .modal-body, .come-from-modal.right.calendar-modal .modal-content .modal-body, .come-from-modal.right.delivery-modal .modal-content .modal-body, .come-from-modal.right.forms-modal .modal-content .modal-body, .come-from-modal.right.messaging-modal .modal-content .modal-body, .come-from-modal.right.complete-dropshipping-modal .modal-content .modal-body, .come-from-modal.right.new-return-modal .modal-content .modal-body, .come-from-modal.right.project-survey-form-photos-modal .modal-content .modal-body, .come-from-modal.right.job-form-photos-modal .modal-content .modal-body {
  padding: 0 25px 25px;
}
.come-from-modal.right.basket-modal.fade .modal-dialog, .come-from-modal.right.product-stock-modal.fade .modal-dialog, .come-from-modal.right.leads-modal.fade .modal-dialog, .come-from-modal.right.map-modal.fade .modal-dialog, .come-from-modal.right.calendar-modal.fade .modal-dialog, .come-from-modal.right.delivery-modal.fade .modal-dialog, .come-from-modal.right.forms-modal.fade .modal-dialog, .come-from-modal.right.messaging-modal.fade .modal-dialog, .come-from-modal.right.complete-dropshipping-modal.fade .modal-dialog, .come-from-modal.right.new-return-modal.fade .modal-dialog, .come-from-modal.right.project-survey-form-photos-modal.fade .modal-dialog, .come-from-modal.right.job-form-photos-modal.fade .modal-dialog {
  right: -600px;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.come-from-modal.right.basket-modal.fade.show .modal-dialog, .come-from-modal.right.product-stock-modal.fade.show .modal-dialog, .come-from-modal.right.leads-modal.fade.show .modal-dialog, .come-from-modal.right.map-modal.fade.show .modal-dialog, .come-from-modal.right.calendar-modal.fade.show .modal-dialog, .come-from-modal.right.delivery-modal.fade.show .modal-dialog, .come-from-modal.right.forms-modal.fade.show .modal-dialog, .come-from-modal.right.messaging-modal.fade.show .modal-dialog, .come-from-modal.right.complete-dropshipping-modal.fade.show .modal-dialog, .come-from-modal.right.new-return-modal.fade.show .modal-dialog, .come-from-modal.right.project-survey-form-photos-modal.fade.show .modal-dialog, .come-from-modal.right.job-form-photos-modal.fade.show .modal-dialog {
  right: 0;
}
.come-from-modal.right.map-modal .modal-dialog {
  width: 90%;
  max-width: 90%;
}
.come-from-modal.right.map-modal.fade .modal-dialog {
  right: -90%;
}
.come-from-modal.right.complete-dropshipping-modal .modal-dialog {
  width: 90%;
  max-width: 90%;
}
.come-from-modal.right.complete-dropshipping-modal.fade .modal-dialog {
  right: -90%;
}
.come-from-modal.right.calendar-modal .modal-dialog {
  width: 90%;
  max-width: 90%;
}
.come-from-modal.right.calendar-modal.fade .modal-dialog {
  right: -90%;
}
.come-from-modal.right.delivery-modal .delivery-modal__content .accordionbox {
  padding: 20px 0;
}
.come-from-modal.right.delivery-modal .modal-dialog, .come-from-modal.right.new-return-modal .modal-dialog {
  width: 90%;
  max-width: 90%;
}
.come-from-modal.right.delivery-modal.fade .modal-dialog, .come-from-modal.right.new-return-modal.fade .modal-dialog {
  right: -90%;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

span.select2 {
  width: 100% !important;
}

span.select2 {
  max-width: 100%;
}
span.select2 .select2-selection {
  min-height: 37px;
  display: flex;
  align-items: center;
  border: 1px solid #cbcbcb;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC");
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  padding-right: 25px;
  padding-left: 6px;
}
span.select2 .select2-selection__clear {
  margin-right: 0 !important;
}
span.select2 .select2-selection__rendered {
  margin: 0;
}
span.select2 .select2-selection__rendered .select2-selection__choice {
  display: inline-flex;
  background: var(--primary-lighter);
  border-color: transparent;
  border-radius: 3px;
  height: 23px;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button {
  border-radius: 2px 0 0 2px !important;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button {
  height: 100%;
  border-color: #fff;
  font-size: 0.75rem;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button:hover span {
  color: #343434 !important;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button span {
  color: var(--primary-font-color);
}
span.select2 .select2-selection__rendered .select2-selection__choice > span {
  height: 100%;
  color: var(--primary-font-color);
  padding: 1px 7px 0 4px;
  font-size: 0.75rem;
  font-weight: 400;
}
span.select2 .select2-selection__arrow {
  display: none;
}

.select2-container--default.select2-container--focus .select2-selection {
  border-color: rgba(var(--primary), 0.5) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--primary), 0.25) !important;
}

.select2-container--default.select2-container--focus .select2-selection {
  outline: none;
}

.select2-container--default.select2-container--disabled .select2-selection {
  background-color: #E9ECEF;
}

.select2-search__field {
  min-height: 22px !important;
}
.select2-search__field::-moz-placeholder {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  color: #343434;
}
.select2-search__field::placeholder {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  color: #343434;
}
.select2-search--inline {
  width: 100%;
}

.select2-dropdown {
  border-color: #cbcbcb;
}
.select2-dropdown .select2-search__field {
  border: 1px solid #cbcbcb !important;
  color: #343434 !important;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif !important;
  font-weight: 400 !important;
}
.select2-dropdown .select2-search__field::-moz-placeholder {
  color: #343434;
}
.select2-dropdown .select2-search__field::placeholder {
  color: #343434;
}
.select2-dropdown .select2-search__field::-webkit-select-placeholder {
  color: #fff !important;
}

.select2-results__option--highlighted {
  background-color: var(--primary) !important;
}

.leads-modal__header {
  position: sticky;
  z-index: 10;
  top: 0;
  background: #fff;
  padding-top: 25px;
}
.leads-modal__header > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.leads-modal__header > div > div {
  display: flex;
}
.leads-modal__header > div > div .toast {
  right: 5% !important;
}
.leads-modal__header > div > div .toast {
  background-color: white;
  z-index: 11;
}
.leads-modal__header > div > div .toast svg {
  width: 20px;
  height: 20px;
  padding: 2px;
  fill: #46b51d;
  border: 1px solid #46b51d;
  border-radius: 20px;
}
.leads-modal__header > div > div .toast .error {
  color: #dc3545;
  border: none;
}
.leads-modal__header > div:first-child {
  margin-bottom: 20px;
}
.leads-modal__header > div:first-child h3 {
  margin-bottom: 0;
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 900;
}
@media (min-width: 1200px) {
  .leads-modal__header > div:first-child h3 {
    font-size: 1.5rem;
  }
}
.leads-modal__header > div:first-child select {
  padding: 5px 20px 5px 5px;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 5px;
  border-color: #B9B9B9;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC);
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.leads-modal__header > div:last-child {
  margin-bottom: 25px;
}
.leads-modal__header > div:last-child .nav-tabs {
  margin-top: 0;
  border: none;
}
.leads-modal__header > div:last-child .nav-tabs li button {
  border: none;
  cursor: pointer;
  color: #4d4f5c;
  padding: 5px 15px;
  font-size: 0.875rem;
  font-weight: 600;
}
.leads-modal__header > div:last-child .nav-tabs li button.active {
  border-bottom: 3px solid var(--primary);
}
.leads-modal__leads-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.leads-modal__leads-title h3 {
  margin-bottom: 0;
  color: #4d4f5c;
  font-size: 1.125rem;
  font-weight: 600;
}
.leads-modal--verified {
  background-color: rgba(70, 181, 29, 0.6);
  padding: 0px 5px;
  width: 21px;
  height: 21px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 100px;
}
.leads-modal--verified svg {
  width: 10px;
  height: 10px;
  fill: #fff;
  display: block;
}
.leads-modal--verify svg {
  width: 24px;
  height: 24px;
}
.leads-modal__main-image {
  width: 540px;
  height: 300px;
  max-width: 100%;
}
.leads-modal__main-map {
  width: 540px;
  height: 300px;
  max-width: 100%;
}
.leads-modal__lead-details > h3 {
  color: #4d4f5c;
  margin: 25px 0 20px;
  font-size: 1.125rem;
  font-weight: 600;
}
.leads-modal__lead-details label {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0;
  cursor: pointer;
}
.leads-modal__lead-property > h3 {
  color: #4d4f5c;
  margin: 25px 0 20px;
  font-size: 1.125rem;
  font-weight: 600;
}
.leads-modal__lead-property label {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0;
  cursor: pointer;
}
.leads-modal__lead-property input[type=radio] {
  transform: scale(1.2);
}
.leads-modal__lead-property input:checked[type=radio] {
  background-image: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}
.leads-modal__call-button {
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  background: #fff;
  margin-left: 10px;
  padding: 5px 6px;
}
.leads-modal__call-button svg {
  width: 20px;
  height: 20px;
  stroke: #343434;
}
.leads-modal__address-verified {
  background-color: rgba(70, 181, 29, 0.6);
  padding: 0px 5px;
  width: 21px;
  border-radius: 100px;
  display: block;
}
.leads-modal__address-verified svg {
  width: 10px;
  height: 10px;
  fill: #fff;
}
.leads-modal__verify-address svg {
  width: 20px;
  height: 20px;
  display: block;
}
.leads-modal__addresses {
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  font-size: 14px;
  gap: 12px;
  margin: 24px 0;
}
.leads-modal__addresses--certificate, .leads-modal__addresses--lead {
  border: 2px solid transparent;
  background-color: #f0f0f0;
  border-radius: 4px;
  padding: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.leads-modal__addresses--certificate h6, .leads-modal__addresses--lead h6 {
  margin-bottom: 7px;
  font-size: 0.875rem;
  font-weight: 600;
}
.leads-modal__addresses--certificate p, .leads-modal__addresses--lead p {
  font-size: 0.75rem;
  margin-bottom: 1px;
  padding: 0 3px;
  min-height: 18px;
}
.leads-modal__addresses--certificate button, .leads-modal__addresses--lead button {
  margin-top: 15px !important;
}
.leads-modal__addresses--certificate button, .leads-modal__addresses--lead button {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 600;
}
.leads-modal__addresses--different-address {
  border: 2px solid #dc3545;
}
.leads-modal__addresses--different-address-paragraph {
  position: relative;
}
.leads-modal__addresses--different-address-paragraph:after {
  content: "";
  display: block;
  width: 100%;
  background: rgba(220, 53, 69, 0.2);
  height: 18px;
  position: absolute;
  top: 0px;
  left: 0;
  border-radius: 2px;
}
.leads-modal__missing-certificate {
  background-color: #f0f0f0;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  padding: 12px;
  margin: 16px 0;
  width: 100%;
}
.leads-modal__missing-certificate h6 {
  margin: 0;
}
.leads-modal__rating {
  color: black;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.leads-modal__rating > div {
  flex: 0 0 49%;
}
.leads-modal__rating > div h5 {
  margin: 10px 0;
  color: #4d4f5c;
  font-size: 0.875rem;
  font-weight: 600;
}
.leads-modal__rating > div p {
  padding: 10px;
  margin: 0 0 10px;
  border-radius: 5px;
  background: #f0f0f7;
  text-shadow: 0 0 2px #fff;
}
.leads-modal__rating--efficiency-a {
  background: #008459 !important;
}
.leads-modal__rating--efficiency-b {
  background: #19B059 !important;
}
.leads-modal__rating--efficiency-c {
  background: #8DC641 !important;
}
.leads-modal__rating--efficiency-d {
  background: #FFCC00 !important;
}
.leads-modal__rating--efficiency-e {
  background: #F7AC64 !important;
}
.leads-modal__rating--efficiency-f {
  background: #F78521 !important;
}
.leads-modal__rating--efficiency-g {
  background: #EF1C39 !important;
}
.leads-modal__table {
  margin-bottom: 20px;
}
.leads-modal__table table tbody tr th, .leads-modal__table table tbody tr td {
  border: 1px solid rgba(95, 95, 95, 0.3);
  text-align: left;
  padding: 10px;
  font-size: 0.875rem;
  font-weight: 400;
}
.leads-modal__table table tbody tr th {
  width: 35%;
  color: rgba(52, 52, 52, 0.6);
}
.leads-modal__table table tbody tr td {
  width: 65%;
  word-break: break-all;
}
.leads-modal__table table tbody tr td a {
  color: var(--primary);
}
.leads-modal__table .messaging-navs--active {
  border-bottom: 3px solid var(--primary) !important;
  font-weight: 700 !important;
}
.leads-modal__checkbox {
  margin: 25px 0 30px 0;
}
.leads-modal__checkbox h3 {
  color: #4d4f5c;
  margin-bottom: 20px;
  font-size: 1.125rem;
  font-weight: 600;
}
.leads-modal__checkbox ul {
  list-style: none;
  padding: 0;
  margin: 0;
  -moz-column-count: 2;
  column-count: 2;
}
.leads-modal__checkbox ul li {
  display: inline-block;
  width: 100%;
}
.leads-modal__checkbox ul li > div {
  display: flex;
  align-items: center;
}
.leads-modal__checkbox ul li > div.form-check {
  border-bottom: none;
  padding: 5px 0;
}
.leads-modal__checkbox ul li > div.form-check label {
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 400;
}
.leads-modal__checkbox ul li > div.form-check input {
  margin-left: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  min-width: 15px;
  cursor: pointer;
  transform: scale(1.2);
}
.leads-modal__notes textarea {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border-radius: 5px;
  border-color: rgba(95, 95, 95, 0.3);
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  padding: 10px;
  resize: none;
  box-sizing: border-box;
}
.leads-modal__notes form {
  margin: 32px 0 0;
  color: #5f5f5f;
}
.leads-modal__notes form textarea {
  margin-top: 12px;
}
.leads-modal__footer {
  justify-content: space-between;
  position: sticky;
  bottom: 0;
  background: #fff;
}
.leads-modal__footer #modalCancel {
  color: var(--primary);
  font-weight: 600;
}
.leads-modal__footer .btn-primary {
  padding: 7px 18px;
}
.leads-modal__save {
  display: flex;
  align-items: center;
}
.leads-modal__save--is-saved div {
  transform: translateX(0px) !important;
}
.leads-modal__save div {
  display: flex;
  align-items: center;
  margin-right: 10px;
  transform: translateX(130px);
  transition: 0.8s transform linear;
  z-index: -1;
}
.leads-modal__save div h6 {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #343434;
}
.leads-modal__save div span {
  width: 20px;
  height: 20px;
  display: flex;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  background-color: rgba(70, 181, 29, 0.6);
  margin-right: 5px;
}
.leads-modal__save div span svg {
  width: 10px;
  height: 10px;
  fill: #fff;
}
.leads-modal__lead-history {
  margin-top: 25px;
}
.leads-modal__lead-history h4 {
  color: #4d4f5c;
  margin-bottom: 5px;
  font-size: 1rem;
  font-weight: 600;
}
.leads-modal__lead-history p {
  font-size: 0.75rem;
  font-weight: 400;
}
.leads-modal__lead-history table {
  margin: 15px 0 25px;
}
.leads-modal__lead-history table:last-child th {
  padding: 5px;
}
.leads-modal__lead-history table:last-child td {
  padding: 8px 5px;
}
.leads-modal__lead-history table:last-child td:nth-of-type(2) {
  max-width: 100%;
}
.leads-modal__lead-history table th {
  padding: 5px 0;
  color: rgba(77, 79, 92, 0.5);
  font-size: 0.75rem;
}
.leads-modal__lead-history table td {
  padding: 8px 0;
  color: #4d4f5c;
  font-size: 0.75rem;
  font-weight: 400;
}
.leads-modal__lead-history table td:nth-of-type(2) {
  max-width: 180px;
}

.validation-upload {
  padding: 20px 15px;
  background: #f0f0f0;
  border-radius: 5px;
  margin-bottom: 20px;
}
.validation-upload__header {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.validation-upload__header h3 {
  color: #4d4f5c;
  margin-bottom: 5px;
  font-size: 1.125rem;
  font-weight: 600;
}
.validation-upload__header p {
  color: rgba(52, 52, 52, 0.6);
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
}
.validation-upload--verified {
  background-color: rgba(70, 181, 29, 0.6);
  padding: 0px 5px;
  width: 21px;
  height: 21px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.validation-upload--verified svg {
  width: 10px;
  height: 10px;
  display: block;
  fill: #fff;
}
.validation-upload--verify svg {
  width: 24px;
  height: 24px;
}
.validation-upload__content {
  margin: 10px 0 0;
}
.validation-upload__checkboxes > div label, .validation-upload__select > div label, .validation-upload__input > div label {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0;
  cursor: pointer;
}
.validation-upload__checkboxes > div input[type=radio], .validation-upload__select > div input[type=radio], .validation-upload__input > div input[type=radio] {
  transform: scale(1.2);
}
.validation-upload__checkboxes > div input:checked[type=radio], .validation-upload__select > div input:checked[type=radio], .validation-upload__input > div input:checked[type=radio] {
  background-image: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}
.validation-upload__attachments {
  margin-top: 20px;
}
.validation-upload__attachments h4 {
  color: #343434;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 600;
}
.validation-upload__attachments--preview-container {
  border: 1px solid purple;
}
.validation-upload__attachments--item {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ced4da;
}
.validation-upload__attachments--item:last-child {
  border-bottom: none;
}
.validation-upload__attachments--item > aside {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.validation-upload__attachments--item > aside p {
  margin: 0 20px 0 0;
  padding-right: 15px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--primary);
  flex: auto;
  font-size: 0.875rem;
  font-weight: 400;
}
.validation-upload__attachments--item > aside a {
  background: var(--primary);
  padding: 3px 8px;
  color: #fff;
  border-radius: 5px;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 0.75rem;
}
.validation-upload__attachments--item > div {
  flex: 0 0 100%;
}
.validation-upload__attachments--item > div.dz-error-message span {
  display: block;
  color: #dc3545;
  width: 100%;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 600;
}
.validation-upload__attachments--upload-area {
  margin-top: 15px;
  text-align: center;
  background: #E5E9EB;
  padding: 10px;
  border: 1px dashed #6c74b2;
  cursor: pointer;
  border-radius: 5px;
}
.validation-upload__attachments--upload-area h6 {
  margin: 0;
  color: var(--primary);
  font-weight: 600;
}
.validation-upload__attachments form.dz-max-files-reached {
  display: none;
}

.leads-edit-address-modal__header {
  padding: 20px 15px;
}
.leads-edit-address-modal__header h5 {
  color: #4d4f5c;
  font-weight: 700;
}
.leads-edit-address-modal__header p {
  margin-bottom: 0;
}
.leads-edit-address-modal__header header {
  margin-top: 10px;
  margin-bottom: 0px;
}
.leads-edit-address-modal__header header h6 {
  font-size: 0.875rem;
  color: #4d4f5c;
  font-weight: 400;
}
.leads-edit-address-modal__header header h6:nth-of-type(2) {
  margin-bottom: 0px;
  margin-top: 10px;
}
.leads-edit-address-modal__content {
  padding: 0 15px;
}
.leads-edit-address-modal__content h6 {
  color: #4d4f5c;
  margin: 0 0 5px 0;
  font-weight: 600;
}
.leads-edit-address-modal__content label {
  font-size: 0.875rem;
  padding: 0;
}
.leads-edit-address-modal__content--submit-btn {
  min-width: 75px;
}
.leads-edit-address-modal__content > button {
  font-size: 0.875rem;
}
.leads-edit-address-modal__content > button svg {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  stroke: #4d4f5c;
}
.leads-edit-address-modal__content > button.active svg {
  transform: rotate(180deg);
}
.leads-edit-address-modal__footer {
  display: flex;
  justify-content: space-between;
}
.leads-edit-address-modal__footer a {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.leads-edit-address-modal__footer--submit-btn {
  min-width: 60px;
}
.leads-edit-address-modal__footer--delete-btn {
  min-width: 150px;
}
.leads-edit-address-modal__footer--cancel-btn {
  font-size: 1rem;
  font-weight: 600;
}

.leads-disqualification-modal__header {
  padding: 20px 15px;
}
.leads-disqualification-modal__header h5 {
  color: #4d4f5c;
  font-weight: 700;
}
.leads-disqualification-modal__header p {
  margin-bottom: 0;
}
.leads-disqualification-modal__header header {
  margin-top: 10px;
  margin-bottom: 0px;
}
.leads-disqualification-modal__header header h6 {
  font-size: 0.875rem;
  color: #4d4f5c;
  font-weight: 400;
}
.leads-disqualification-modal__header header h6:nth-of-type(2) {
  margin-bottom: 0px;
  margin-top: 10px;
}
.leads-disqualification-modal__content {
  padding: 0 15px;
}
.leads-disqualification-modal__content h6 {
  color: #4d4f5c;
  margin: 0 0 5px 0;
  font-weight: 600;
}
.leads-disqualification-modal__content label {
  font-size: 0.875rem;
  padding: 0;
}
.leads-disqualification-modal__content--submit-btn {
  min-width: 75px;
}
.leads-disqualification-modal__content > button {
  font-size: 0.875rem;
}
.leads-disqualification-modal__content > button svg {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  stroke: #4d4f5c;
}
.leads-disqualification-modal__content > button.active svg {
  transform: rotate(180deg);
}
.leads-disqualification-modal__footer {
  display: flex;
  justify-content: space-between;
}
.leads-disqualification-modal__footer a {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.leads-disqualification-modal__footer--submit-btn {
  min-width: 60px;
}
.leads-disqualification-modal__footer--delete-btn {
  min-width: 150px;
}
.leads-disqualification-modal__footer--cancel-btn {
  font-size: 1rem;
  font-weight: 600;
}

.map-modal__header {
  border-bottom: none !important;
}

.map-modal__header {
  padding: 25px 30px;
}
.map-modal__header h5 {
  color: #222D84;
  font-size: calc(1.3125rem + 0.75vw);
  font-weight: 600;
}
@media (min-width: 1200px) {
  .map-modal__header h5 {
    font-size: 1.875rem;
  }
}
.map-modal__content {
  padding: 0 !important;
}
.map-modal__content .google-maps-block-render {
  width: 100%;
  height: 100%;
}
.map-modal__footer {
  padding: 25px 30px;
}
.map-modal__footer button {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
}

.map-warning h5 {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 600;
}
.map-warning h5 button {
  margin-left: 5px;
}
.map-warning h5 button .expanded {
  display: none;
}
.map-warning h5 button .collapsed {
  display: block;
}
.map-warning h5 button.active .expanded {
  display: block;
}
.map-warning h5 button.active .collapsed {
  display: none;
}
.map-warning p {
  margin: 5px 0 0;
  font-size: 0.875rem;
  font-weight: 400;
}

.col-status {
  display: inline-block;
}
.col-status .status-chip {
  border-radius: 4px;
  color: white;
  padding: 4px 8px 4px 8px;
  text-transform: uppercase;
}
.col-status .status-chip.project-stat-0, .col-status .status-chip.install-stat-0 {
  background-color: #7B3FDD;
}
.col-status .status-chip.project-stat-5, .col-status .status-chip.install-stat-1 {
  background-color: #40A5D0;
}
.col-status .status-chip.project-stat-10, .col-status .status-chip.install-stat-2 {
  background-color: #5DC8BB;
}
.col-status .status-chip.install-stat-3 {
  background-color: #FFC300;
}
.col-status .status-chip.project-stat-15 {
  background-color: #FFAA2B;
}
.col-status .status-chip.project-stat-20 {
  background-color: #E64A19;
}
.col-status .status-chip.project-stat-25 {
  background-color: #546E7A;
}
.col-status .status-chip.project-stat-30, .col-status .status-chip.install-stat-4 {
  background-color: #65C85D;
}
.col-status .status-chip.project-stat-35, .col-status .status-chip.install-stat-5 {
  background-color: #D32F2F;
}
.col-status .status-chip.project-stat-40 {
  background-color: #FFC107;
}
.col-status .status-chip.project-stat-45 {
  background-color: #CDDC39;
}
.col-status .status-chip.project-stat-50 {
  background-color: #3F51B5;
}

.e-treeview .col-status {
  margin-top: 8px !important;
}

.e-treeview .col-status {
  flex-basis: 100%;
}

.calendar-modal__header {
  padding: 25px 30px;
}
.calendar-modal__header h5 {
  color: #222D84;
  font-size: calc(1.3125rem + 0.75vw);
  font-weight: 600;
}
@media (min-width: 1200px) {
  .calendar-modal__header h5 {
    font-size: 1.875rem;
  }
}
.calendar-modal__content {
  padding: 0 !important;
}
.calendar-modal__content {
  overflow-x: auto;
  max-height: calc(100vh - 135px);
  display: flex;
}
.calendar-modal__content div h4 {
  color: #222D84;
  font-weight: 600;
  margin: 20px 0px 20px 0px;
}
.calendar-modal__content .e-more-popup-wrapper.e-lib.e-popup.e-control.e-popup-open .e-appointment {
  min-height: 50px;
}
.calendar-modal__calendar-items {
  padding-left: 20px;
}
.calendar-modal__footer {
  padding: 25px 30px;
}
.calendar-modal__footer button {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
}

.calendar-engineer-dropdown {
  margin: 30px 0;
  max-width: 330px;
}
.calendar-engineer-dropdown span.select2 {
  width: 100% !important;
}
.calendar-engineer-dropdown span.select2 .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ced4da;
}
.calendar-engineer-dropdown span.select2 .select2-selection {
  min-height: 32px;
  display: flex;
  align-items: center;
  border: 1px solid #ced4da;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC);
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-size: 10px;
}
.calendar-engineer-dropdown span.select2 .select2-selection .select2-selection__rendered {
  white-space: nowrap !important;
}
.calendar-engineer-dropdown span.select2 .select2-selection .select2-selection__rendered {
  margin: 0;
}
.calendar-engineer-dropdown span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice {
  background: #6c74b2;
  border-color: #fff;
  height: 20px;
  display: inline-flex;
}
.calendar-engineer-dropdown span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice button {
  border-color: #fff;
  font-size: 0.75rem;
}
.calendar-engineer-dropdown span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice button:hover span {
  color: #4d4f5c;
}
.calendar-engineer-dropdown span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice span {
  color: #fff;
  font-size: 0.75rem;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
}
.calendar-engineer-dropdown span.select2 .select2-selection .select2-selection__arrow {
  display: none;
}
.calendar-engineer-dropdown span.select2 .select2-selection .select2-search .select2-search__field {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #4d4f5c !important;
}
.calendar-engineer-dropdown span.select2 .select2-selection .select2-search .select2-search__field::-moz-placeholder {
  color: #4d4f5c;
}
.calendar-engineer-dropdown span.select2 .select2-selection .select2-search .select2-search__field::placeholder {
  color: #4d4f5c;
}
.calendar-engineer-dropdown span.select2 .select2-selection .select2-search .select2-search__field::-webkit-select-placeholder {
  color: #FFF !important;
}

.calendar-aside-list {
  min-width: 390px;
  height: 100%;
  background: #E8E8F3;
  position: sticky;
  top: 0;
  padding: 30px 30px 0 30px;
}
.calendar-aside-list__search > div {
  position: relative;
}
.calendar-aside-list__search > div input {
  width: 100%;
  padding-right: 20px;
}
.calendar-aside-list__search > div svg {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 15px;
  height: 15px;
  color: #343434;
}
.calendar-aside-list__content-items {
  height: 100%;
  max-height: calc(100% - 58px);
  margin-top: 20px;
  overflow-y: auto;
  scrollbar-color: rgba(52, 52, 52, 0.2);
  scrollbar-width: thin;
}
.calendar-aside-list__content-items::-webkit-scrollbar {
  width: 8px;
  border-radius: 4px;
  border-top-left-radius: 4px;
}
.calendar-aside-list__content-items::-webkit-scrollbar-thumb {
  background: rgba(52, 52, 52, 0.2);
}
.calendar-aside-list__content-items::-webkit-scrollbar-thumb:hover {
  background: rgba(52, 52, 52, 0.5);
}
.calendar-aside-list__content-items .e-treeview {
  overflow: visible !important;
  overflow: initial !important;
  white-space: normal !important;
  white-space: initial !important;
}
.calendar-aside-list__content-items .e-treeview .e-list-parent {
  padding: 0 !important;
}
.calendar-aside-list__content-items .e-treeview .e-list-parent .e-fullrow {
  background-color: transparent !important;
  border-color: transparent !important;
}
.calendar-aside-list__content-items .e-treeview .e-list-parent .e-fullrow {
  min-height: 200px;
}
.calendar-aside-list__content-items .e-treeview .e-list-parent .e-text-content {
  padding: 0 !important;
}
.calendar-aside-list__content-items .e-treeview .e-list-parent .e-text-content .e-list-text {
  padding: 0 !important;
}
.calendar-aside-list__content-items .e-treeview .e-list-parent .e-text-content .e-list-text {
  width: 100%;
}
.calendar-aside-list__content-items .spinner-wrap {
  display: flex;
  justify-content: center;
}
.calendar-aside-list__job-item {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  margin-bottom: 10px;
  width: 100%;
  border-left-width: 4px;
  border-left-style: solid;
}
.calendar-aside-list__job-item header {
  display: flex;
  align-items: center;
  padding: 10px 15px 0px 15px;
  position: relative;
}
.calendar-aside-list__job-item header h3 {
  color: #343434;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
}
.calendar-aside-list__job-item header > div:not(.item-selected) {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.calendar-aside-list__job-item header > div:not(.item-selected) svg {
  width: 20px;
  height: 20px;
  color: #ffb427;
}
.calendar-aside-list__job-item header > div.item-selected svg {
  width: 20px;
  height: 20px;
  color: var(--primary);
  position: absolute;
  right: 12px;
  top: 12px;
}
.calendar-aside-list__job-item article {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 15px;
}
.calendar-aside-list__job-item article div {
  flex: 1;
  align-self: flex-start;
}
.calendar-aside-list__job-item article div h5 {
  color: rgba(52, 52, 52, 0.4);
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
}
.calendar-aside-list__job-item article div p {
  white-space: pre-wrap !important;
}
.calendar-aside-list__job-item article div p {
  color: #343434;
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
}
.calendar-aside-list__job-item article aside {
  flex: 1;
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}

.jobs-calendar-appointment {
  padding: 5px 7px;
  height: 100%;
  width: 100%;
}
.jobs-calendar-appointment header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 5px;
}
.jobs-calendar-appointment header h4 {
  flex: 1 1 70%;
  white-space: pre-wrap;
  margin: 0;
  margin-top: 2px;
  color: #343434;
  font-size: 0.875rem;
  font-weight: 600;
}
.jobs-calendar-appointment header > div {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}
.jobs-calendar-appointment header > div svg.associated-jobs-icon {
  color: #ffb427;
  width: 20px;
  height: 20px;
}
.jobs-calendar-appointment header > div svg.confirm-icon {
  width: 17px;
  height: 17px;
  fill: #fff;
  background: #46b51d;
  padding: 4px;
  border-radius: 50%;
}
.jobs-calendar-appointment p {
  margin-bottom: 4px;
  line-height: 1.1;
  font-size: 0.75rem;
  font-weight: 400;
}

.jobs-calendar-header-popup {
  padding: 20px 15px 5px;
}
.jobs-calendar-header-popup__content {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid;
  border-left-width: 4px;
}
.jobs-calendar-header-popup__content h5 {
  margin: 0;
}

.e-toolbar .e-tbar-btn:hover {
  background-color: var(--primary) !important;
}

.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-active-view .e-icons {
  color: var(--primary);
}

.e-all-day-appointment {
  min-height: 48px !important;
}

.e-month-view .e-appointment {
  min-height: 33px !important;
}

.e-schedule .e-appointment {
  border: none !important;
  background: none !important;
  border-radius: 0 !important;
}
.e-schedule .e-appointment .e-appointment-details {
  padding: 0 !important;
}
.e-schedule .e-appointment .e-appointment-details {
  height: 100%;
}

.e-drag-item.e-treeview {
  background-color: transparent !important;
}
.e-drag-item.e-treeview .e-text-content {
  padding: 0 !important;
}

.e-schedule-dialog-container .e-footer-content .e-event-delete, .e-schedule-dialog-container .e-footer-content .e-event-alertok,
.e-schedule-dialog-container .e-footer-content .e-quick-delete,
.e-schedule-dialog-container .e-footer-content .e-quick-alertok,
.e-quick-popup-wrapper .e-event-delete,
.e-quick-popup-wrapper .e-event-alertok,
.e-quick-popup-wrapper .e-quick-delete,
.e-quick-popup-wrapper .e-quick-alertok,
.e-dlg-container .e-event-delete,
.e-dlg-container .e-event-alertok,
.e-dlg-container .e-quick-delete,
.e-dlg-container .e-quick-alertok {
  float: none !important;
  float: initial !important;
}
.e-schedule-dialog-container .e-footer-content .e-event-edit,
.e-schedule-dialog-container .e-footer-content .e-quick-edit,
.e-quick-popup-wrapper .e-event-edit,
.e-quick-popup-wrapper .e-quick-edit,
.e-dlg-container .e-event-edit,
.e-dlg-container .e-quick-edit {
  float: right !important;
  margin-right: 0 !important;
}
.e-schedule-dialog-container .e-footer-content .e-event-edit,
.e-schedule-dialog-container .e-footer-content .e-quick-edit,
.e-quick-popup-wrapper .e-event-edit,
.e-quick-popup-wrapper .e-quick-edit,
.e-dlg-container .e-event-edit,
.e-dlg-container .e-quick-edit {
  margin-left: 8px;
}
.e-schedule-dialog-container .e-footer-content .e-event-cancel, .e-schedule-dialog-container .e-footer-content .e-event-alertcancel,
.e-schedule-dialog-container .e-footer-content .e-quick-cancel,
.e-schedule-dialog-container .e-footer-content .e-quick-alertcancel,
.e-quick-popup-wrapper .e-event-cancel,
.e-quick-popup-wrapper .e-event-alertcancel,
.e-quick-popup-wrapper .e-quick-cancel,
.e-quick-popup-wrapper .e-quick-alertcancel,
.e-dlg-container .e-event-cancel,
.e-dlg-container .e-event-alertcancel,
.e-dlg-container .e-quick-cancel,
.e-dlg-container .e-quick-alertcancel {
  float: left !important;
}
.e-schedule-dialog-container .e-footer-content .e-event-cancel, .e-schedule-dialog-container .e-footer-content .e-event-alertcancel,
.e-schedule-dialog-container .e-footer-content .e-quick-cancel,
.e-schedule-dialog-container .e-footer-content .e-quick-alertcancel,
.e-quick-popup-wrapper .e-event-cancel,
.e-quick-popup-wrapper .e-event-alertcancel,
.e-quick-popup-wrapper .e-quick-cancel,
.e-quick-popup-wrapper .e-quick-alertcancel,
.e-dlg-container .e-event-cancel,
.e-dlg-container .e-event-alertcancel,
.e-dlg-container .e-quick-cancel,
.e-dlg-container .e-quick-alertcancel {
  font-size: 1rem;
  font-weight: 600;
}

.lead-document-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15px 0;
  border: none;
}
.lead-document-modal__header div h5 {
  font-weight: 700;
  margin-bottom: 0;
  font-size: 1.125rem;
}
.lead-document-modal__header div p {
  margin-bottom: 0;
  font-weight: 400;
  color: rgba(52, 52, 52, 0.5);
  font-size: 0.75rem;
}
.lead-document-modal__header button {
  background: transparent;
  border: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--primary);
  font-size: 1rem;
  font-weight: 600;
}
.lead-document-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.lead-document-modal__content .modal-body {
  width: 100%;
  min-height: 200px;
}
.lead-document-modal__content .modal-body img {
  width: 100%;
}
.lead-document-modal__content iframe {
  width: 100%;
  min-height: 550px;
}
.lead-document-modal__spinner {
  min-height: 250px;
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 1;
}

.create-new-leads-modal .modal-dialog {
  width: 950px;
  max-width: 950px;
}
.create-new-leads-modal .modal-dialog .modal-content {
  border: none;
}
.create-new-leads-modal__header {
  padding: 30px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.create-new-leads-modal__header h3 {
  color: #343434;
  margin-bottom: 0;
  font-weight: 900;
}
.create-new-leads-modal__header button {
  background: transparent;
  border: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--primary);
  font-size: 1rem;
  font-weight: 600;
}
.create-new-leads-modal__content {
  padding: 0 20px;
}
.create-new-leads-modal__content .toast {
  background-color: white;
  z-index: 11;
}
.create-new-leads-modal__content .toast svg {
  width: 20px;
  height: 20px;
  padding: 2px;
  fill: #46b51d;
  border: 1px solid #46b51d;
  border-radius: 20px;
}
.create-new-leads-modal__content .toast .error {
  color: #dc3545;
  border: none;
  padding: 0;
}
.create-new-leads-modal__footer {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.create-new-leads-modal__footer button:first-child {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
}
.create-new-leads-modal__footer--submit-btn {
  min-width: 60px;
}

.create-new-leads-content {
  background: #F9F9F9;
  padding: 20px;
  border-radius: 3px;
}
.create-new-leads-content > header {
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #CBCBCB;
}
.create-new-leads-content > header h5 {
  color: #343434;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
}
.create-new-leads-content__body {
  margin-top: 25px;
}
.create-new-leads-content__body label {
  color: #343434;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
}
.create-new-leads-content__footer {
  margin: 30px 0 10px;
}

.assign-leads__header {
  padding: 30px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.assign-leads__header h3 {
  color: #343434;
  margin-bottom: 0;
  font-weight: 900;
}
.assign-leads__header button {
  background: transparent;
  border: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--primary);
  font-size: 1rem;
  font-weight: 600;
}
.assign-leads__content {
  padding: 0 20px;
}
.assign-leads__content span.select2 {
  width: 100% !important;
}
.assign-leads__content span.select2 {
  max-width: 100%;
}
.assign-leads__content span.select2 .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ced4da;
}
.assign-leads__content span.select2 .select2-selection {
  min-height: 32px;
  display: flex;
  align-items: center;
  border: 1px solid #ced4da;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC);
  background-position: calc(100% - 10px) 50%;
  background-repeat: no-repeat;
  background-size: 10px;
}
.assign-leads__content span.select2 .select2-selection__arrow {
  display: none;
}
.assign-leads__content span.select2 .select2-selection .select2-selection__rendered {
  margin: 0;
}
.assign-leads__content span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice {
  background: #6c74b2;
  border-color: #fff;
  height: 20px;
  display: inline-flex;
}
.assign-leads__content span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice button {
  border-color: #fff;
  font-size: 0.75rem;
}
.assign-leads__content span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice button:hover span {
  color: #4d4f5c;
}
.assign-leads__content span.select2 .select2-selection .select2-selection__rendered .select2-selection__choice span {
  color: #fff;
  font-size: 0.75rem;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
}
.assign-leads__content span.select2 .select2-selection .select2-search .select2-search__field {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #4d4f5c !important;
}
.assign-leads__content span.select2 .select2-selection .select2-search .select2-search__field::-moz-placeholder {
  color: #4d4f5c;
}
.assign-leads__content span.select2 .select2-selection .select2-search .select2-search__field::placeholder {
  color: #4d4f5c;
}
.assign-leads__content span.select2 .select2-selection .select2-search .select2-search__field::-webkit-select-placeholder {
  color: #FFF !important;
}
.assign-leads__footer {
  padding: 30px 20px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.assign-leads__footer button:first-child {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
}

.import-ciga-modal .modal-dialog {
  width: 950px;
  max-width: 950px;
}
.import-ciga-modal .modal-dialog .modal-content {
  border: none;
}
.import-ciga-modal__header {
  padding: 30px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import-ciga-modal__header h3 {
  color: #343434;
  margin-bottom: 0;
  font-weight: 900;
}
.import-ciga-modal__header button {
  background: transparent;
  border: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--primary);
  font-size: 1rem;
  font-weight: 600;
}
.import-ciga-modal__content {
  padding: 0 20px;
}
.import-ciga-modal__footer {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import-ciga-modal__footer button:first-child {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
}
.import-ciga-modal__footer--submit-btn {
  min-width: 60px;
}

.import-ciga-content {
  background: #f9f9f9;
  padding: 20px;
  border-radius: 3px;
}
.import-ciga-content__upload-file > header {
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #cbcbcb;
}
.import-ciga-content__upload-file > header h5 {
  color: #343434;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 900;
}
.import-ciga-content__upload-file--upload-area {
  margin-top: 15px;
  text-align: center;
  background: #E5E9EB;
  border: 1px dashed #6c74b2;
  cursor: pointer;
  border-radius: 5px;
  padding: 0;
}
.import-ciga-content__upload-file--upload-area h6 {
  padding: 15px 10px 15px 10px;
  color: var(--primary);
  font-weight: 600;
}
.import-ciga-content__upload-file--item {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ced4da;
}
.import-ciga-content__upload-file--item:last-child {
  border-bottom: none;
}
.import-ciga-content__upload-file--item > aside {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import-ciga-content__upload-file--item > aside p {
  margin: 0 20px 0 0;
  padding-right: 15px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--primary);
  flex: auto;
  font-size: 0.875rem;
  font-weight: 400;
}
.import-ciga-content__upload-file--item > aside a {
  background: var(--primary);
  padding: 3px 8px;
  color: #fff;
  border-radius: 5px;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 0.75rem;
}
.import-ciga-content__upload-file--item > div {
  flex: 0 0 100%;
}
.import-ciga-content__upload-file--item > div.dz-error-message span {
  display: block;
  color: #dc3545;
  width: 100%;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 600;
}
.import-ciga-content__confirm-changes .import-warning-ciga h5 {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 600;
}
.import-ciga-content__confirm-changes .import-warning-ciga h5 button {
  margin-left: 5px;
}
.import-ciga-content__confirm-changes .import-warning-ciga h5 button .expanded {
  display: none;
}
.import-ciga-content__confirm-changes .import-warning-ciga h5 button .collapsed {
  display: block;
}
.import-ciga-content__confirm-changes .import-warning-ciga h5 button.active .expanded {
  display: block;
}
.import-ciga-content__confirm-changes .import-warning-ciga h5 button.active .collapsed {
  display: none;
}
.import-ciga-content__confirm-changes .import-warning-ciga p {
  margin: 5px 0 0;
  font-size: 0.875rem;
  font-weight: 400;
}
.import-ciga-content__confirm-changes header {
  width: 100%;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}
.import-ciga-content__confirm-changes header h5 {
  color: #343434;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 900;
}
.import-ciga-content__confirm-changes header h5:nth-of-type(2) {
  margin-right: 180px;
}
.import-ciga-content__confirm-changes .logic-custom-datatables {
  margin-bottom: 15px;
}
.import-ciga-content__confirm-changes .logic-custom-datatables .empty-column {
  padding: 0 !important;
}
.import-ciga-content__confirm-changes .logic-custom-datatables .empty-column {
  position: relative;
}
.import-ciga-content__confirm-changes .logic-custom-datatables .empty-column:after {
  content: "";
  width: 100%;
  height: calc(100% + 2px);
  background: #fff;
  position: absolute;
  top: -1px;
  left: 0;
}
.import-ciga-content__body {
  margin-top: 25px;
}
.import-ciga-content__body label {
  color: #343434;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
}
.import-ciga-content__footer {
  margin: 30px 0 10px;
}

.import-dwp-modal .modal-dialog {
  width: 950px;
  max-width: 950px;
}
.import-dwp-modal .modal-dialog .modal-content {
  border: none;
}
.import-dwp-modal__header {
  padding: 30px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import-dwp-modal__header h3 {
  color: #343434;
  margin-bottom: 0;
  font-weight: 900;
}
.import-dwp-modal__header button {
  background: transparent;
  border: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--primary);
  font-size: 1rem;
  font-weight: 600;
}
.import-dwp-modal__content {
  padding: 0 20px;
}
.import-dwp-modal__footer {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import-dwp-modal__footer button:first-child {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
}
.import-dwp-modal__footer--submit-btn {
  min-width: 60px;
}

.import-dwp-content {
  background: #f9f9f9;
  padding: 20px;
  border-radius: 3px;
}
.import-dwp-content__upload-file > header {
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #cbcbcb;
}
.import-dwp-content__upload-file > header h5 {
  color: #343434;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 900;
}
.import-dwp-content__upload-file--upload-area {
  margin-top: 15px;
  text-align: center;
  background: #E5E9EB;
  border: 1px dashed #6c74b2;
  cursor: pointer;
  border-radius: 5px;
  padding: 0;
}
.import-dwp-content__upload-file--upload-area h6 {
  padding: 15px 10px 15px 10px;
  color: var(--primary);
  font-weight: 600;
}
.import-dwp-content__upload-file--item {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ced4da;
}
.import-dwp-content__upload-file--item:last-child {
  border-bottom: none;
}
.import-dwp-content__upload-file--item > aside {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.import-dwp-content__upload-file--item > aside p {
  margin: 0 20px 0 0;
  padding-right: 15px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--primary);
  flex: auto;
  font-size: 0.875rem;
  font-weight: 400;
}
.import-dwp-content__upload-file--item > aside a {
  background: var(--primary);
  padding: 3px 8px;
  color: #fff;
  border-radius: 5px;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 0.75rem;
}
.import-dwp-content__upload-file--item > div {
  flex: 0 0 100%;
}
.import-dwp-content__upload-file--item > div.dz-error-message span {
  display: block;
  color: #dc3545;
  width: 100%;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 600;
}
.import-dwp-content__confirm-changes .import-warning h5 {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 600;
}
.import-dwp-content__confirm-changes .import-warning h5 button {
  margin-left: 5px;
}
.import-dwp-content__confirm-changes .import-warning h5 button .expanded {
  display: none;
}
.import-dwp-content__confirm-changes .import-warning h5 button .collapsed {
  display: block;
}
.import-dwp-content__confirm-changes .import-warning h5 button.active .expanded {
  display: block;
}
.import-dwp-content__confirm-changes .import-warning h5 button.active .collapsed {
  display: none;
}
.import-dwp-content__confirm-changes .import-warning p {
  margin: 5px 0 0;
  font-size: 0.875rem;
  font-weight: 400;
}
.import-dwp-content__confirm-changes header {
  width: 100%;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}
.import-dwp-content__confirm-changes header h5 {
  color: #343434;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 900;
}
.import-dwp-content__confirm-changes header h5:nth-of-type(2) {
  margin-right: 180px;
}
.import-dwp-content__confirm-changes .logic-custom-datatables {
  margin-bottom: 15px;
}
.import-dwp-content__confirm-changes .logic-custom-datatables .empty-column {
  padding: 0 !important;
}
.import-dwp-content__confirm-changes .logic-custom-datatables .empty-column {
  position: relative;
}
.import-dwp-content__confirm-changes .logic-custom-datatables .empty-column:after {
  content: "";
  width: 100%;
  height: calc(100% + 2px);
  background: #fff;
  position: absolute;
  top: -1px;
  left: 0;
}
.import-dwp-content__body {
  margin-top: 25px;
}
.import-dwp-content__body label {
  color: #343434;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
}
.import-dwp-content__footer {
  margin: 30px 0 10px;
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
  * Header and footer styles
  */
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("/img/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("/img/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("/img/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("/img/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("/img/sort_desc_disabled.png");
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody tr {
  background-color: #fff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  color: #333 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  cursor: pointer;
  *cursor: hand;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #979797; /* Chrome,Safari4+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* Modern browsers */
  background-color: white; /* Fallback */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #666 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border: 1px solid #111; /* Chrome,Safari4+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%); /* Modern browsers */
  background-color: #585858; /* Fallback */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none; /* Chrome,Safari4+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* Modern browsers */
  background-color: #2b2b2b; /* Fallback */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background-color: white;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper::after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
/*** Typography ***/
/* COLORS */
.searchsort {
  display: flex;
  justify-content: space-between;
  /* margin-bottom: 30px; */
  position: relative;
  z-index: 2;
  width: 60%;
}
.searchsort__search {
  background: transparent !important;
}
.searchsort__search {
  width: 72.5%;
  display: inline-flex;
  align-items: center;
}
.searchsort__search__input {
  width: 60%;
  position: relative;
}
.searchsort__search__input input {
  background: #fff !important;
  padding-left: 40px !important;
  border: none !important;
}
.searchsort__search__input input {
  width: 100%;
}
.searchsort__search__input svg {
  width: 18px;
  height: 18px;
  fill: #343434;
  position: absolute;
  right: 15px;
  top: 35px;
}
.searchsort__search__input label {
  margin: 2px 0;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.searchsort__search div {
  transform-origin: 657.382px center 0;
}
.searchsort__search i {
  left: 10px !important;
}
.searchsort__advancedsearch {
  position: relative !important;
}
.searchsort__advancedsearch {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -4%;
  /* &--overlay {
      background: rgba(0, 0, 0, 0.4);
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      display: none;
      z-index: 10;
  } */
}
.searchsort__advancedsearch--active {
  background: #FFF;
  border-radius: 5px 5px 0 0;
  z-index: 11;
  position: relative;
}
.searchsort__advancedsearch--active::before {
  content: "";
  height: 10px;
  width: 100%;
  background: #fff;
  position: absolute;
  bottom: -10px;
}
.searchsort__advancedsearch span {
  color: var(--primary);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
  padding-top: 5px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
}
.searchsort__advancedsearch--content {
  border-radius: 5px;
  min-height: 80px;
  margin-top: 10px;
  background: #fff;
  width: 80%;
  display: flex;
  padding: 20px 30px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}
.searchsort__advancedsearch--content--inputs {
  max-height: 56px;
}
.searchsort__advancedsearch--content--inputs div {
  border: 1px solid #dadae1;
  min-width: 300px;
  color: #4d4f5c;
}
.searchsort__advancedsearch--content--inputs div input {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-weight: 600;
}
.searchsort__advancedsearch--content--datepicker {
  max-width: 270px;
  border: 1px solid #dadae1;
  display: flex;
  flex-direction: row;
  max-height: 57px;
  background: #f5f6fa;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.searchsort__advancedsearch--content--datepicker .datepickerseparator {
  height: 40px;
  width: 1px;
  background: #cfcfd4;
}
.searchsort__advancedsearch--content--datepicker input {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.searchsort__advancedsearch--content--datepicker article {
  margin: 7px 0 10px;
  padding: 0 15px;
}
.searchsort__advancedsearch--content--datepicker article label {
  margin: 0;
  color: #343434;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
}
.searchsort__advancedsearch--content--datepicker article p {
  color: #4d4f5c;
  margin: 0;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.searchsort__advancedsearch--content--btn {
  min-width: 15%;
  max-height: 56px;
}
.searchsort__advancedsearch--content--btn a, .searchsort__advancedsearch--content--btn button {
  margin-top: 5px;
}
.searchsort__advancedsearch--mbottom {
  position: relative;
  top: -130px;
}

.logic-custom-datatables tr:has(.dataTables_empty) {
  height: 150px;
}
.logic-custom-datatables .dataTables_empty {
  background-color: #e1e1ef;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
  display: flex;
  justify-content: center;
}
.logic-custom-datatables .dataTables_empty > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.logic-custom-datatables .dataTables_empty > div img {
  width: 64px;
  height: 64px;
  -o-object-fit: contain;
     object-fit: contain;
}
.logic-custom-datatables .dataTables_empty > div span {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  color: #343434;
  margin: 15px 0;
}
.logic-custom-datatables .dataTables_processing {
  margin-top: -77px !important;
}
.logic-custom-datatables .dataTables_processing {
  min-height: 100px;
  padding-top: 0;
  z-index: 10;
}
.logic-custom-datatables .dataTables_processing .loadingbox {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOS4xNCIgaGVpZ2h0PSI0NC4wNTciIHZpZXdCb3g9IjAgMCAzOS4xNCA0NC4wNTciPiAgICA8ZGVmcz4gICAgICAgIDxzdHlsZT4gICAgICAgICAgICAuY2xzLTF7ZmlsbDojYzdjN2RifSAgICAgICAgPC9zdHlsZT4gICAgPC9kZWZzPiAgICA8ZyBpZD0ibm91bl90cmFuc2FjdGlvbnNfMTE1NzEzNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuMDc1IC0uOCkiPiAgICAgICAgPHBhdGggaWQ9IlBhdGhfNTM0IiBkPSJNNDQuNTc1IDExLjY2OWEyLjIgMi4yIDAgMCAwLTIuMi0yLjJIMTMuNjMxbDQuODA1LTQuOWEyLjI1IDIuMjUgMCAwIDAgMC0zLjE0NEEyLjEzMyAyLjEzMyAwIDAgMCAxNi44NjUuOGEyLjMyNiAyLjMyNiAwIDAgMC0xLjU3Mi42MjlMNi43MTUgMTAuMWEyLjIgMi4yIDAgMCAwIDAgMy4xbDguNjIzIDguNzEzYTIuMjg3IDIuMjg3IDAgMCAwIDEuNTcyLjY3NCAyLjMyNiAyLjMyNiAwIDAgMCAxLjU3Mi0uNjI5IDIuMjg3IDIuMjg3IDAgMCAwIC42NzQtMS41NzIgMi4yNDQgMi4yNDQgMCAwIDAtLjYyOS0xLjU3MmwtNC45ODUtNC45NEg0Mi4zM2EyLjIxNCAyLjIxNCAwIDAgMCAyLjI0NS0yLjIwNXoiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSJQYXRoIDUzNCIvPiAgICAgICAgPHBhdGggaWQ9IlBhdGhfNTM1IiBkPSJNMzUuMTY1IDcyLjIyM2EyLjEwNyAyLjEwNyAwIDAgMCAxLjU3Mi0uNjc0bDguNjIzLTguNzEzYTIuMiAyLjIgMCAwIDAgMC0zLjFsLTguNjIzLTguNjIzYTIuMjIzIDIuMjIzIDAgMSAwLTMuMTQ0IDMuMTQ0bDQuODUgNC44NUg5LjdhMi4yIDIuMiAwIDAgMCAwIDQuNGgyOC43ODlsLTQuOSA0Ljk0YTIuMjQ0IDIuMjQ0IDAgMCAwLS42MjkgMS41NzIgMi4xNzkgMi4xNzkgMCAwIDAgLjY3NCAxLjU3MiAyLjEzOSAyLjEzOSAwIDAgMCAxLjUzMS42MzJ6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0iUGF0aCA1MzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0uNzg1IC0yNy4zNjUpIi8+ICAgIDwvZz48L3N2Zz4=") round 20px;
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: center 19px;
  height: 90px;
  color: #c7c7db;
  vertical-align: bottom;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.logic-custom-datatables .top {
  background-color: #E8E8F3;
  border: 1px solid #B9B9B9;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  gap: 50px;
  align-items: center;
  width: 100%;
}
.logic-custom-datatables .top .dataTables_select {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  padding-left: 16px;
  flex: 0 0 350px;
  color: #4d4f5c;
}
.logic-custom-datatables .top .dataTables_info {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0;
  color: #4d4f5c;
}
.logic-custom-datatables .top .dataTables_length-icons {
  padding: 4px;
  display: flex;
  flex: 0 0 350px;
  justify-content: flex-start;
  flex-direction: row-reverse;
  align-items: center;
}
.logic-custom-datatables .top .dataTables_length-icons label {
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  color: #4d4f5c;
  margin: 0;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}
.logic-custom-datatables .top .dataTables_length-icons label select {
  padding: 7px 15px 4px 10px;
  border-radius: 4px;
  margin: 0 2px 0 10px;
  border: 1px solid rgba(185, 185, 185, 0.5);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC");
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.logic-custom-datatables .top .dataTables_length-icons label select:focus {
  background-color: #fff !important;
}
.logic-custom-datatables .top .dataTables_length-icons label select:hover {
  background-color: #fff !important;
}
.logic-custom-datatables table {
  width: 100% !important;
}
.logic-custom-datatables table {
  border-collapse: collapse;
  border: 1px solid;
  box-sizing: border-box;
  display: none;
}
.logic-custom-datatables table.dataTable {
  display: table;
}
.logic-custom-datatables table thead {
  background: #e1e1ef;
  border: 1px solid #B9B9B9;
  color: #343434;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}
.logic-custom-datatables table thead .sorting {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAABHNCSVQICAgIfAhkiAAAAMVJREFUKFOVkd0NgkAMx1sCz7qJjAATIGsoiTzAFPCACboGMgGMgJvgM4TaK5HcEU3wkubS9pd/vxBWL0oqT4XKPGz1FOqOQGg1EqPJ1+EFPKWVaxE2gLifQeonJP+ehZ1yBYzjaj842CCgq1cgoM4ZyC+KsBfwnNQPRAjW/c7CUN/y4ChglNYFf5dvIMeuZRbExjA/QAn/p7i5RzX1aFst6x+M8gRPe5y8ZWqVVHvk9bRsO5kW6MXmGXv8qGy6jAGzs771G2ZlWA6p2+L5AAAAAElFTkSuQmCC");
  background-position: right 10px center;
  background-size: 9px;
}
.logic-custom-datatables table thead .sorting.sorting_asc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAABHNCSVQICAgIfAhkiAAAAIlJREFUCFtjZEADOSXrHUBCU3oCDyBLMSJzwIoYmfaDxf7/c0RWDFeYVbregOk/434GRkYBiML/H/4x/nec1h14AcQFKywoWC/wm5VxPyMDowGyDf8Z/l9g/f3fccKEwA9ghdklGzcwMjL4o7sXYjDDxqk9/gFghTmlGycAqXxsCoFiE6d0+xcAAIanLQemRXT4AAAAAElFTkSuQmCC");
  background-position: right 10px center;
  background-size: 9px;
}
.logic-custom-datatables table thead .sorting.sorting_desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAABHNCSVQICAgIfAhkiAAAAItJREFUCFtjZACCnNKNE4BUPoiNBUyc0u1fwAiSyC7ZuIGRkcEfm6r//xk2Tu3xDwArLChYL/CHhekAAyODPori/wwXWf78c5gwIfADWCEIZJWuN2BkYDwAxPwg/n+G/x+B2GFad+AFEB+uEOzWkvUODIxM+8E6//9znNITeABmEIpCuGIgA1kRSBwAYb8rB3kMYdMAAAAASUVORK5CYII=");
  background-position: right 10px center;
  background-size: 9px;
}
.logic-custom-datatables table thead tr td, .logic-custom-datatables table thead tr th {
  border-right: 1px solid #B9B9B9;
  border-bottom: 1px solid #B9B9B9;
}
.logic-custom-datatables table thead tr td:last-child, .logic-custom-datatables table thead tr th:last-child {
  border-right: none;
}
.logic-custom-datatables table tbody {
  color: #343434;
  border: 1px solid #B9B9B9;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.logic-custom-datatables table tbody tr td {
  padding: 10px 18px !important;
}
.logic-custom-datatables table tbody tr td {
  border-bottom: 1px solid #B9B9B9;
  border-right: 1px solid #B9B9B9;
}
.logic-custom-datatables table tbody tr td button {
  all: unset;
  color: var(--primary);
  cursor: pointer;
}
.logic-custom-datatables table tbody tr td a:not(.btn-primary),
.logic-custom-datatables table tbody tr td button:not(.btn-primary) {
  -webkit-text-decoration: underline !important;
  text-decoration: underline !important;
}
.logic-custom-datatables table tbody tr td a:not(.btn-primary),
.logic-custom-datatables table tbody tr td button:not(.btn-primary) {
  font-weight: 600;
}
.logic-custom-datatables table tbody tr td a:not(.btn-primary):hover,
.logic-custom-datatables table tbody tr td button:not(.btn-primary):hover {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}
.logic-custom-datatables table tbody tr td:last-child {
  border-right: none;
}
.logic-custom-datatables table input[type=checkbox] {
  cursor: pointer; /* IE */ /* FF */ /* Safari and Chrome */ /* Opera */
  transform: scale(1.5);
  padding: 10px;
}
.logic-custom-datatables .dataTables_paginate {
  color: #343434;
  margin-top: 10px;
  margin-bottom: 50px;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}
.logic-custom-datatables .dataTables_paginate > a {
  color: #B9B9B9 !important;
}
.logic-custom-datatables .dataTables_paginate > a:first-of-type {
  margin: 0 10px 0 0 !important;
}
.logic-custom-datatables .dataTables_paginate > a:last-of-type {
  margin: 0 0 0 10px !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button {
  border-radius: 5px !important;
  background: #fff !important;
  color: #343434 !important;
  border: 1px solid #CFCFCF !important;
  margin: 0 5px 0 0 !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button {
  padding: 5px 10px;
  cursor: pointer;
}
.logic-custom-datatables .dataTables_paginate .paginate_button:last-child {
  margin-right: 0 !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button:hover {
  color: #343434 !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button.current {
  background: var(--primary) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
}
.logic-custom-datatables .dataTables_paginate .paginate_button.disabled {
  color: #B9B9B9 !important;
}

.field-validation-error {
  position: relative;
  margin-top: 5px;
  display: inline-block;
  color: #dc3545;
  font-weight: 400;
  font-size: 0.875rem;
}

.leads-header {
  margin: 25px 0 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.leads-header__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.leads-header__title h1 {
  color: var(--primary);
  font-size: 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin: 0;
}
.leads-header__title h1 span {
  background: #579584;
  padding: 5px 10px;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-left: 20px;
}
.leads-header__title a {
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.leads-header__title a svg {
  margin-right: 10px;
  width: 15px;
  height: 15px;
  fill: #fff;
}

.leads-navs {
  width: 100%;
  border-bottom: 1px solid #B9B9B9;
  margin-bottom: 25px;
}
.leads-navs:after {
  content: "";
  border-bottom: 1px solid #B9B9B9;
  width: 100%;
}
.leads-navs button {
  all: unset;
  padding: 10px 15px 5px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-size: 0.875rem;
}
.leads-navs--active {
  border-bottom: 3px solid var(--primary) !important;
  font-weight: 700 !important;
}

.datatables-icons-header {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.datatables-icons-header ul {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.datatables-icons-header ul li:last-child button {
  border-right: none !important;
}
.datatables-icons-header ul li button {
  background: transparent !important;
  padding: 7px 10px !important;
  border: none !important;
}
.datatables-icons-header ul li button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.datatables-icons-header ul li button svg {
  width: 20px;
  height: 20px;
}
.datatables-icons-header ul li button svg.messaging-icon {
  color: var(--primary);
}
.datatables-icons-header ul li button svg.map-icon {
  color: var(--primary);
}
.datatables-icons-header ul li button svg.calendar-icon {
  color: var(--primary);
}
.datatables-icons-header ul li button svg.gantt-icon {
  color: var(--primary);
}

.datatable-popover-content h4 {
  margin-bottom: 10px;
  color: #343434;
  font-size: 1rem;
  font-weight: 700;
}
.datatable-popover-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.datatable-popover-content ul li {
  font-size: 0.875rem;
  font-weight: 400;
}
.datatable-popover-content ul li span {
  margin-right: 5px;
  font-weight: 600;
}

.logic-custom-datatables {
  position: relative;
  z-index: 1;
}
.logic-custom-datatables .top {
  border: 1px solid #B9B9B9;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  gap: 50px;
  align-items: center;
  width: 100%;
  padding: 3px 0;
}
.logic-custom-datatables .top.active {
  background-color: #fff;
}
.logic-custom-datatables .top.active .dataTables_info {
  display: none;
}
.logic-custom-datatables .top .dataTables_select {
  order: 1;
}
.logic-custom-datatables .top .dataTables_info {
  order: 2;
}
.logic-custom-datatables .top .dataTables_length-icons {
  order: 3;
}
.logic-custom-datatables .top .dataTables_length-icons .dataTables_icons {
  margin: 0 10px;
  display: flex;
}
.logic-custom-datatables table tbody tr td.assigned-lead {
  color: var(--primary) !important;
  cursor: pointer !important;
}
.logic-custom-datatables table tbody tr td:nth-of-type(2) {
  color: #4d4f5c;
  cursor: default;
}
.logic-custom-datatables table tbody tr td.docs-column {
  position: relative;
}
.logic-custom-datatables table tbody tr td.docs-column > a, .logic-custom-datatables table tbody tr td.docs-column button {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  padding: 5px 0;
}
.logic-custom-datatables table tbody tr td.docs-column > a:focus, .logic-custom-datatables table tbody tr td.docs-column button:focus {
  background: #DEE2E6;
  border-radius: 2px;
  box-shadow: none;
}
.logic-custom-datatables table tbody tr td.docs-column > a svg, .logic-custom-datatables table tbody tr td.docs-column button svg {
  width: 20px;
  height: 20px;
  color: var(--primary);
  border-radius: 2px;
}

.notesmodal {
  border-radius: 10px;
  width: 40%;
}
.notesmodal__header {
  flex-direction: row;
}
.notesmodal__header h2 {
  font-weight: 700;
}
.notesmodal__content textarea {
  background-color: #f0f0f0;
  border-radius: 10px;
  height: 256px;
  resize: none;
}
.notesmodal__checkbox {
  margin-top: 10px;
  margin-bottom: 5px;
}
.notesmodal__checkbox label {
  font-size: 1rem;
  font-weight: 400;
  padding: 0;
  cursor: pointer;
}
.notesmodal__checkbox input {
  margin-right: 10px;
}
.notesmodal__checkbox input[type=radio] {
  transform: scale(1.3);
}
.notesmodal__btns {
  justify-content: end;
  margin: 0;
  text-transform: none;
}
.notesmodal__btns--primary {
  background-color: var(--primary) !important;
  color: #fff !important;
}
.notesmodal__btns--primary {
  margin: 0 16px;
  padding: 0 12px;
}

.js-popover-document-link {
  cursor: pointer !important;
}

.filters-actions__tags {
  max-width: 190px;
  width: 100%;
  margin: 0 10px 10px 0;
}
.filters-actions__tags #leadsTags {
  display: none;
}

.lead-tags {
  display: inline-flex;
  gap: 10px 5px;
  align-items: center;
}
.lead-tags > span span {
  cursor: pointer;
}
.lead-tags__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 6px;
  background: var(--primary-lighter);
  border-radius: 3px;
  color: var(--primary-font-color);
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 400;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-9.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-9.use[4]!./bin/Debug/net9.0/src/UKEM/sass/ukemSelfServiceForm/index.scss (3) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Imports */ /*** Typography ***/
/* COLORS */
/*** Typography ***/
/* COLORS */
.daterangepicker {
  border-radius: 10px !important;
  padding: 10px 20px !important;
}
.daterangepicker {
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
}

.table-condensed thead tr {
  padding-top: 20px !important;
}
.table-condensed thead tr .prev span, .table-condensed thead tr .next span {
  border: solid var(--primary) !important;
  border-width: 0 2px 2px 0 !important;
}
.table-condensed thead tr:nth-child(1) {
  height: 50px;
}
.table-condensed thead tr:nth-child(1) th {
  color: #4d4f5c;
  text-transform: capitalize;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.table-condensed thead tr:nth-child(2) th {
  font-size: 9px !important;
}
.table-condensed thead tr:nth-child(2) th {
  /* background: #b6ff00; */
  color: #343434;
  text-transform: uppercase;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-weight: 600;
}
.table-condensed tbody tr td {
  border: 1px solid #cfcfd4 !important;
  padding: 2px !important;
  border-radius: 0 !important;
}
.table-condensed tbody tr td {
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--primary);
}

.drp-buttons {
  border-top: none !important;
}

.drp-buttons {
  height: 50px;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

span.select2 {
  width: 100% !important;
}

span.select2 {
  max-width: 100%;
}
span.select2 .select2-selection {
  min-height: 37px;
  display: flex;
  align-items: center;
  border: 1px solid #cbcbcb;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAABHNCSVQICAgIfAhkiAAAAHpJREFUGFdjZAACY2PjCYyMjPkgNjbw////iWfPni1gBEmamJg0AKl6XIqB4o1nzpxpACuGmr4AaHo8ugagqQuBpiaAxOGKDQwMBJiZmQ8ANejDNAAVXvz796/DhQsXPqAoBnGQNaArxFAM08DCwlLw58+fCTATYTYBAB7LNQcqZhC7AAAAAElFTkSuQmCC");
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  padding-right: 25px;
  padding-left: 6px;
}
span.select2 .select2-selection__clear {
  margin-right: 0 !important;
}
span.select2 .select2-selection__rendered {
  margin: 0;
}
span.select2 .select2-selection__rendered .select2-selection__choice {
  display: inline-flex;
  background: var(--primary-lighter);
  border-color: transparent;
  border-radius: 3px;
  height: 23px;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button {
  border-radius: 2px 0 0 2px !important;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button {
  height: 100%;
  border-color: #fff;
  font-size: 0.75rem;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button:hover span {
  color: #343434 !important;
}
span.select2 .select2-selection__rendered .select2-selection__choice > button span {
  color: var(--primary-font-color);
}
span.select2 .select2-selection__rendered .select2-selection__choice > span {
  height: 100%;
  color: var(--primary-font-color);
  padding: 1px 7px 0 4px;
  font-size: 0.75rem;
  font-weight: 400;
}
span.select2 .select2-selection__arrow {
  display: none;
}

.select2-container--default.select2-container--focus .select2-selection {
  border-color: rgba(var(--primary), 0.5) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--primary), 0.25) !important;
}

.select2-container--default.select2-container--focus .select2-selection {
  outline: none;
}

.select2-container--default.select2-container--disabled .select2-selection {
  background-color: #E9ECEF;
}

.select2-search__field {
  min-height: 22px !important;
}
.select2-search__field::-moz-placeholder {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  color: #343434;
}
.select2-search__field::placeholder {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  color: #343434;
}
.select2-search--inline {
  width: 100%;
}

.select2-dropdown {
  border-color: #cbcbcb;
}
.select2-dropdown .select2-search__field {
  border: 1px solid #cbcbcb !important;
  color: #343434 !important;
  font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif !important;
  font-weight: 400 !important;
}
.select2-dropdown .select2-search__field::-moz-placeholder {
  color: #343434;
}
.select2-dropdown .select2-search__field::placeholder {
  color: #343434;
}
.select2-dropdown .select2-search__field::-webkit-select-placeholder {
  color: #fff !important;
}

.select2-results__option--highlighted {
  background-color: var(--primary) !important;
}
@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/* Variables */
/* Styles */
.ukem-form .placeholder-menu-sidebar, .ukem-form .menu-sidebar-nav, .ukem-form .header-navigation {
  display: none;
}
.ukem-form .content-width {
  background: #F8FCFA;
  font-family: "Roboto", sans-serif;
}

.selfservice-main-header {
  height: 80px;
  background: #7C9F53;
  padding: 15px;
  position: relative;
  z-index: 2;
}
@media (max-width: 991.98px) {
  .selfservice-main-header {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.selfservice-main-header svg {
  width: 145px;
  height: 50px;
}

.placeholder-sidebar {
  background: #4D6D47;
  top: 0;
  bottom: 0;
  position: fixed;
  width: 55px;
  left: 0;
  z-index: 0;
}
@media (max-width: 991.98px) {
  .placeholder-sidebar {
    display: none;
  }
}

.selfservice {
  padding: 0 15px 0 70px;
}
@media (max-width: 991.98px) {
  .selfservice {
    padding: 0 0 100px 0;
  }
}
.selfservice__progress {
  max-width: 350px;
  margin-top: 45px;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  .selfservice__progress {
    max-width: 100%;
    margin-top: 25px;
  }
}
.selfservice__progress p {
  color: #70AF49;
  font-size: 1.125rem;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  .selfservice__progress p {
    font-size: 0.875rem;
  }
}
.selfservice__progress .progress {
  border: 1px solid #BEBEBE;
  background: #fff;
  border-radius: 50px;
  height: 14px;
}
.selfservice__progress .progress .progress-bar {
  border-radius: 50px;
  background-color: #70AF49;
}
.selfservice__title {
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  .selfservice__title {
    margin-bottom: 20px;
  }
}
.selfservice__title h1 {
  margin-bottom: 10px;
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 600;
}
@media (min-width: 1200px) {
  .selfservice__title h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 991.98px) {
  .selfservice__title h1 {
    margin-bottom: 5px;
  }
}
.selfservice__title p {
  font-size: 1.125rem;
}
.selfservice__title--invalid {
  min-height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 150px;
  text-align: center;
  border: 1px solid #e1e1ef;
  box-shadow: 1px 1px 20px rgba(225, 225, 239, 0.5);
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .selfservice__title--invalid {
    padding: 0 40px;
  }
}
.selfservice__title--invalid svg {
  color: #ffb427;
  width: 80px;
  height: 80px;
  margin-bottom: 30px;
}
.selfservice__title--invalid h1 {
  font-size: calc(1.35rem + 1.2vw);
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .selfservice__title--invalid h1 {
    font-size: 2.25rem;
  }
}
.selfservice__title--completed {
  min-height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 150px;
  text-align: center;
  border: 1px solid #e1e1ef;
  box-shadow: 1px 1px 20px rgba(225, 225, 239, 0.5);
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .selfservice__title--completed {
    padding: 0 40px;
  }
}
.selfservice__title--completed svg {
  fill: #70AF49;
  width: 70px;
  height: 70px;
  margin-bottom: 30px;
  border: 6px solid #70AF49;
  border-radius: 50%;
  padding: 12px;
}
.selfservice__title--completed h1 {
  font-size: calc(1.35rem + 1.2vw);
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .selfservice__title--completed h1 {
    font-size: 2.25rem;
  }
}
.selfservice__content label {
  color: #343434;
  margin-bottom: 5px;
  font-size: 1rem;
}
.selfservice__content input, .selfservice__content select, .selfservice__content textarea {
  border-radius: 0;
  border: 1px solid #343434;
}
.selfservice__content input:focus, .selfservice__content select:focus, .selfservice__content textarea:focus {
  box-shadow: 0 0 0 0.25rem rgba(112, 175, 73, 0.25);
  border-color: #70AF49;
}
.selfservice__content input:checked[type=radio] {
  background-image: none !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}
.selfservice__content input:checked[type=radio] {
  border-color: #343434;
  background-color: #2477B4;
}
.selfservice__content .dropzone {
  border: 2px dashed #525252;
  border-radius: 5px;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selfservice__footer-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-top: 50px;
  border-top: 1px solid #525252;
}
@media (max-width: 991.98px) {
  .selfservice__footer-actions {
    background: #fff;
    max-width: 100vw;
    padding-left: 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    padding-left: 18px;
    padding-right: 18px;
  }
}
.selfservice__footer-actions .btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(112, 175, 73, 0.25);
}
.selfservice__footer-actions div a {
  color: #343434;
  border-radius: 0;
}
.selfservice__footer-actions div a:hover {
  color: #70AF49;
}
.selfservice__footer-actions div a svg {
  width: 12px;
  height: 12px;
  stroke: #343434;
  transform: rotate(90deg);
  margin-right: 5px;
  margin-bottom: 2px;
}
.selfservice__footer-actions > button {
  border-radius: 0;
  background: #2477B4;
  border-bottom: 3px solid #000;
}
.selfservice__footer-actions > button:hover, .selfservice__footer-actions > button:active {
  border-bottom: 3px solid #000 !important;
}

/*# sourceMappingURL=../sourcemaps/css/commonChunks.bundle.css.map*/