@charset "UTF-8";
/* ------------------------------------
   Eric Meyer's Reset CSS v2.0
------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* ------------------------------------
   Mixins
------------------------------------- */
/* Clearfix,  @include clearfix(); */
/* Display Flex, @include display-flex(); */
/* Flex Wrap, @include flex-wrap(); */
/* Calc, @include calc( width, '100% - 2px'); */
/* Box Sizing, @include box-sizing(border-box); */
/* Mask, @include mask( images/svg/icons/home.svg ); */
/* Mask Size, @include mask-size( cover ); */
/* Border radius, @include border-radius(10px); */
/* Border Radius Special, @include border-radius-custom( 10px, 0, 10px, 0 ); */
/* Box Shadow Custom, @include box-shadow( 0, 0, 20px, 0, rgba( 0, 0, 0, 0.2 ) ); */
/* Transition,  @include transition(all, 0.2s, ease-in-out); */
/* Transform None, @include transform-none(); */
/* Translate 3D, @include translate3D( -400px, 0, 0 ); */
/* Translate, @include translate( -400px, 0 ); */
/* Translate(X), @include translateX(-50%); */
/* Translate(Y), @include translateY(-50%); */
/* Translate(Z), @include translateZ(0); */
/* User select, @include user-select(none); */
/* ------------------------------------
   Variables
------------------------------------- */
/* PATHS */
/* DIMENSIONS */
/* FONT FAMILIES, SIZES. LINE-HEIGHTS & WEIGHTS */
/* COLORS */
/* Forms */
/* Shift finished status */
/* ICONS */
.dex-hide {
  display: none !important;
}

/* ------------------------------------
   Icons
------------------------------------- */
/*

USAGE:

:before { 
	@extend .dex-icon;
	@include mask( 'images/icon.svg' ); // AINOA PAKOLLINEN MÄÄRITYS, yliaja muut jos tarpeen
	background-color: $color-dark; // VALINNAINEN, aseta iconin väri, oletuksena $color-dark
}

*/
.dex-icon, #Side .middle .navigation > .item > a:before, html body #Side-panel .top .close span.icon, html body #Side-panel .top .close #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper html body #Side-panel .top .close img[src=""] + span.image-placeholder, html body #Side-panel .top .close form > .item .image-wrapper img[src=""] + span.image-placeholder, form > .item .image-wrapper html body #Side-panel .top .close img[src=""] + span.image-placeholder, html body #Side-panel .top .close form > .item .image-wrapper span.add-avatar-btn, form > .item .image-wrapper html body #Side-panel .top .close span.add-avatar-btn, html body #Side-panel .top .close span.info-action, html body #Side-panel .top .close span.a10-select-field.icon-open:before, html body #Side-panel .top .close span.a10-select-field.icon-closed:before, html body #Side-panel .top .close table th .sort-container span.icon-up, table th .sort-container html body #Side-panel .top .close span.icon-up, html body #Side-panel .top .close table th .sort-container span.icon-down, table th .sort-container html body #Side-panel .top .close span.icon-down, table tr:not(.footer) td .a10-toggle .checkbox:before, table tr:not(.footer) th .a10-toggle .checkbox:before, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.icon, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo table th .sort-container span.icon-up, table th .sort-container div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.icon-up, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo table th .sort-container span.icon-down, table th .sort-container div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.icon-down, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo img[src=""] + span.image-placeholder, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo form > .item .image-wrapper img[src=""] + span.image-placeholder, form > .item .image-wrapper div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo img[src=""] + span.image-placeholder, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo form > .item .image-wrapper span.add-avatar-btn, form > .item .image-wrapper div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.add-avatar-btn, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.info-action, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.a10-select-field.icon-open:before, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.a10-select-field.icon-closed:before, .flex-grid .inner .col.label-special.icon:before, .flex-grid .inner table th .sort-container span.col.label-special.icon-up:before, table th .sort-container .flex-grid .inner span.col.label-special.icon-up:before, .flex-grid .inner table th .sort-container span.col.label-special.icon-down:before, table th .sort-container .flex-grid .inner span.col.label-special.icon-down:before, .flex-grid .inner #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .col.label-special.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper .flex-grid .inner img[src=""] + .col.label-special.image-placeholder:before, .flex-grid .inner form > .item .image-wrapper img[src=""] + .col.label-special.image-placeholder:before, form > .item .image-wrapper .flex-grid .inner img[src=""] + .col.label-special.image-placeholder:before, .flex-grid .inner form > .item .image-wrapper .col.label-special.add-avatar-btn:before, form > .item .image-wrapper .flex-grid .inner .col.label-special.add-avatar-btn:before, .flex-grid .inner .col.label-special.info-action:before, .flex-grid .inner .col.label-special.a10-select-field.icon-open:before, .flex-grid .inner .col.label-special.a10-select-field.icon-closed:before, .a10-filter-wrapper .a10-select-field .a10-select-selection .selection > div.selected-value:before, .a10-filter-row #a10-filters-content .item.new-filter:before, .a10-filter-row #a10-filters-content .item .remove-filter, .a10-select-multiple-container .a10-selection .icon-wrap:before, .a10-select-field .a10-select-selection .clear-selections:before, .a10-select-field .a10-select-selection .selection .a10-select-search-wrap:before, .dmp-content .a10-toggle label.checkbox:before, .dmp-outer .dmp-inner .dmp-close:before, .a10-toggle .checkbox:before, .btn.loading .label:before, input.loading[type=submit].dex-btn .label:before, form > .item .file-upload label.loading[type=submit].dex-btn.fileupload .label:before,
button.loading.dex-btn .label:before, div.toggle-password-visibility:before {
  content: " ";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #2B2729;
}

.icon, table th .sort-container span.icon-up, table th .sort-container span.icon-down, .a10-select-field.icon-closed:before, .a10-select-field.icon-open:before, .info-action, form > .item .image-wrapper .add-avatar-btn, form > .item .image-wrapper img[src=""] + .image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder {
  pointer-events: none;
}

i.icon, form > .item .image-wrapper i.add-avatar-btn, span.icon, form > .item .image-wrapper span.add-avatar-btn, .icon, table th .sort-container span.icon-up, table th .sort-container span.icon-down, .a10-select-field.icon-closed:before, .a10-select-field.icon-open:before, .info-action, form > .item .image-wrapper .add-avatar-btn, form > .item .image-wrapper img[src=""] + .image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
}
i.icon:before, form > .item .image-wrapper i.add-avatar-btn:before, span.icon:before, table th .sort-container span.icon-up:before, table th .sort-container span.icon-down:before, form > .item .image-wrapper span.add-avatar-btn:before, .icon:before, .a10-select-field.icon-closed:before, .a10-select-field.icon-open:before, .info-action:before, form > .item .image-wrapper .add-avatar-btn:before, form > .item .image-wrapper img[src=""] + .image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--color-text);
}
i.icon.light::before, span.icon.light::before, table th .sort-container span.icon-up::before, table th .sort-container span.icon-down::before, .icon.light::before, .light.a10-select-field.icon-closed::before, .light.a10-select-field.icon-open::before, .light.info-action::before, form > .item .image-wrapper .light.add-avatar-btn::before, form > .item .image-wrapper table th .sort-container span.add-avatar-btn.icon-up::before, table th .sort-container form > .item .image-wrapper span.add-avatar-btn.icon-up::before, form > .item .image-wrapper table th .sort-container span.add-avatar-btn.icon-down::before, table th .sort-container form > .item .image-wrapper span.add-avatar-btn.icon-down::before, form > .item .image-wrapper img[src=""] + .light.image-placeholder::before, form > .item .image-wrapper table th .sort-container img[src=""] + span.image-placeholder.icon-up::before, table th .sort-container form > .item .image-wrapper img[src=""] + span.image-placeholder.icon-up::before, form > .item .image-wrapper table th .sort-container img[src=""] + span.image-placeholder.icon-down::before, table th .sort-container form > .item .image-wrapper img[src=""] + span.image-placeholder.icon-down::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .light.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper table th .sort-container img[src=""] + span.image-placeholder.icon-up::before, table th .sort-container #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder.icon-up::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper table th .sort-container img[src=""] + span.image-placeholder.icon-down::before, table th .sort-container #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder.icon-down::before {
  background-color: var(--color-light);
}
i.icon.green::before, span.icon.green::before, table th .sort-container span.green.icon-up::before, table th .sort-container span.green.icon-down::before, .icon.green::before, .green.a10-select-field.icon-closed::before, .green.a10-select-field.icon-open::before, .green.info-action::before, form > .item .image-wrapper .green.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .green.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .green.image-placeholder::before {
  background-color: #17BE24 !important;
}
i.icon.red::before, span.icon.red::before, table th .sort-container span.red.icon-up::before, table th .sort-container span.red.icon-down::before, .icon.red::before, .red.a10-select-field.icon-closed::before, .red.a10-select-field.icon-open::before, .red.info-action::before, form > .item .image-wrapper .red.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .red.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .red.image-placeholder::before {
  background-color: #FF0000 !important;
}
i.icon.grey::before, span.icon.grey::before, table th .sort-container span.grey.icon-up::before, table th .sort-container span.grey.icon-down::before, .icon.grey::before, .grey.a10-select-field.icon-closed::before, .grey.a10-select-field.icon-open::before, .grey.info-action::before, form > .item .image-wrapper .grey.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .grey.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .grey.image-placeholder::before {
  background-color: #8D8D8D !important;
}
i.icon.pencil::before, span.icon.pencil::before, table th .sort-container span.pencil.icon-up::before, table th .sort-container span.pencil.icon-down::before, .icon.pencil::before, .pencil.a10-select-field.icon-closed::before, .pencil.a10-select-field.icon-open::before, .pencil.info-action::before, form > .item .image-wrapper .icon.add-avatar-btn::before, form > .item .image-wrapper table th .sort-container span.add-avatar-btn.icon-up::before, table th .sort-container form > .item .image-wrapper span.add-avatar-btn.icon-up::before, form > .item .image-wrapper table th .sort-container span.add-avatar-btn.icon-down::before, table th .sort-container form > .item .image-wrapper span.add-avatar-btn.icon-down::before, form > .item .image-wrapper .add-avatar-btn.a10-select-field.icon-closed::before, form > .item .image-wrapper .add-avatar-btn.a10-select-field.icon-open::before, form > .item .image-wrapper .add-avatar-btn.info-action::before, form > .item .image-wrapper .pencil.add-avatar-btn::before, form > .item .image-wrapper .add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .pencil.image-placeholder::before, form > .item .image-wrapper img[src=""] + .image-placeholder.add-avatar-btn::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .pencil.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper form > .item .image-wrapper img[src=""] + .image-placeholder.add-avatar-btn::before, form > .item .image-wrapper #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder.add-avatar-btn::before {
  -webkit-mask: url(../images//svg/icons/icons-pencil.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-pencil.svg) no-repeat 50% 50%;
}
i.icon.copy::before, span.icon.copy::before, table th .sort-container span.copy.icon-up::before, table th .sort-container span.copy.icon-down::before, .icon.copy::before, .copy.a10-select-field.icon-closed::before, .copy.a10-select-field.icon-open::before, .copy.info-action::before, form > .item .image-wrapper .copy.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .copy.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .copy.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-copy.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-copy.svg) no-repeat 50% 50%;
}
i.icon.three-dots::before, span.icon.three-dots::before, table th .sort-container span.three-dots.icon-up::before, table th .sort-container span.three-dots.icon-down::before, .icon.three-dots::before, .three-dots.a10-select-field.icon-closed::before, .three-dots.a10-select-field.icon-open::before, .three-dots.info-action::before, form > .item .image-wrapper .three-dots.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .three-dots.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .three-dots.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-three-dots.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-three-dots.svg) no-repeat 50% 50%;
}
i.icon.dashboard::before, span.icon.dashboard::before, table th .sort-container span.dashboard.icon-up::before, table th .sort-container span.dashboard.icon-down::before, .icon.dashboard::before, .dashboard.a10-select-field.icon-closed::before, .dashboard.a10-select-field.icon-open::before, .dashboard.info-action::before, form > .item .image-wrapper .dashboard.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .dashboard.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .dashboard.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icon-home.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-home.svg) no-repeat 50% 50%;
}
i.icon.clients::before, span.icon.clients::before, table th .sort-container span.clients.icon-up::before, table th .sort-container span.clients.icon-down::before, .icon.clients::before, .clients.a10-select-field.icon-closed::before, .clients.a10-select-field.icon-open::before, .clients.info-action::before, form > .item .image-wrapper .clients.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .clients.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .clients.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icon-category.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-category.svg) no-repeat 50% 50%;
}
i.icon.employees::before, span.icon.employees::before, table th .sort-container span.employees.icon-up::before, table th .sort-container span.employees.icon-down::before, .icon.employees::before, .employees.a10-select-field.icon-closed::before, .employees.a10-select-field.icon-open::before, .employees.info-action::before, form > .item .image-wrapper .employees.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .employees.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .employees.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icon-users-3.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-users-3.svg) no-repeat 50% 50%;
}
i.icon.comments::before, span.icon.comments::before, table th .sort-container span.comments.icon-up::before, table th .sort-container span.comments.icon-down::before, .icon.comments::before, .comments.a10-select-field.icon-closed::before, .comments.a10-select-field.icon-open::before, .comments.info-action::before, form > .item .image-wrapper .comments.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .comments.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .comments.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icon-comments.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-comments.svg) no-repeat 50% 50%;
}
i.icon.resources::before, span.icon.resources::before, table th .sort-container span.resources.icon-up::before, table th .sort-container span.resources.icon-down::before, .icon.resources::before, .resources.a10-select-field.icon-closed::before, .resources.a10-select-field.icon-open::before, .resources.info-action::before, form > .item .image-wrapper .resources.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .resources.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .resources.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icon-folder.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-folder.svg) no-repeat 50% 50%;
}
i.icon.emails::before, span.icon.emails::before, table th .sort-container span.emails.icon-up::before, table th .sort-container span.emails.icon-down::before, .icon.emails::before, .emails.a10-select-field.icon-closed::before, .emails.a10-select-field.icon-open::before, .emails.info-action::before, form > .item .image-wrapper .emails.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .emails.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .emails.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icon-emails.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-emails.svg) no-repeat 50% 50%;
}
i.icon.new-row::before, span.icon.new-row::before, table th .sort-container span.new-row.icon-up::before, table th .sort-container span.new-row.icon-down::before, .icon.new-row::before, .new-row.a10-select-field.icon-closed::before, .new-row.a10-select-field.icon-open::before, .new-row.info-action::before, form > .item .image-wrapper .new-row.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .new-row.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .new-row.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icon-plus.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-plus.svg) no-repeat 50% 50%;
}
i.icon.edit::before, span.icon.edit::before, table th .sort-container span.edit.icon-up::before, table th .sort-container span.edit.icon-down::before, .icon.edit::before, .edit.a10-select-field.icon-closed::before, .edit.a10-select-field.icon-open::before, .edit.info-action::before, form > .item .image-wrapper .edit.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .edit.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .edit.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icon-edit.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-edit.svg) no-repeat 50% 50%;
}
i.icon.clock::before, span.icon.clock::before, table th .sort-container span.clock.icon-up::before, table th .sort-container span.clock.icon-down::before, .icon.clock::before, .clock.a10-select-field.icon-closed::before, .clock.a10-select-field.icon-open::before, .clock.info-action::before, form > .item .image-wrapper .clock.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .clock.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .clock.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-clock.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-clock.svg) no-repeat 50% 50%;
}
i.icon.notify::before, span.icon.notify::before, table th .sort-container span.notify.icon-up::before, table th .sort-container span.notify.icon-down::before, .icon.notify::before, .notify.a10-select-field.icon-closed::before, .notify.a10-select-field.icon-open::before, .notify.info-action::before, form > .item .image-wrapper .notify.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .notify.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .notify.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-notify.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-notify.svg) no-repeat 50% 50%;
}
i.icon.search::before, span.icon.search::before, table th .sort-container span.search.icon-up::before, table th .sort-container span.search.icon-down::before, .icon.search::before, .search.a10-select-field.icon-closed::before, .search.a10-select-field.icon-open::before, .search.info-action::before, form > .item .image-wrapper .search.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .search.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .search.image-placeholder::before {
  -webkit-mask: url(../images/svg/icons/icons-search.svg) no-repeat 50% 50%;
  mask: url(../images/svg/icons/icons-search.svg) no-repeat 50% 50%;
}
i.icon.order::before, span.icon.order::before, table th .sort-container span.order.icon-up::before, table th .sort-container span.order.icon-down::before, .icon.order::before, .order.a10-select-field.icon-closed::before, .order.a10-select-field.icon-open::before, .order.info-action::before, form > .item .image-wrapper .order.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .order.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .order.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icon-order.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-order.svg) no-repeat 50% 50%;
}
i.icon.filters::before, span.icon.filters::before, table th .sort-container span.filters.icon-up::before, table th .sort-container span.filters.icon-down::before, .icon.filters::before, .filters.a10-select-field.icon-closed::before, .filters.a10-select-field.icon-open::before, .filters.info-action::before, form > .item .image-wrapper .filters.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .filters.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .filters.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icon-filters.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-filters.svg) no-repeat 50% 50%;
}
i.icon.export::before, span.icon.export::before, table th .sort-container span.export.icon-up::before, table th .sort-container span.export.icon-down::before, .icon.export::before, .export.a10-select-field.icon-closed::before, .export.a10-select-field.icon-open::before, .export.info-action::before, form > .item .image-wrapper .export.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .export.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .export.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-export.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-export.svg) no-repeat 50% 50%;
}
i.icon.arrow-left-thin::before, span.icon.arrow-left-thin::before, table th .sort-container span.arrow-left-thin.icon-up::before, table th .sort-container span.arrow-left-thin.icon-down::before, .icon.arrow-left-thin::before, .arrow-left-thin.a10-select-field.icon-closed::before, .arrow-left-thin.a10-select-field.icon-open::before, .arrow-left-thin.info-action::before, form > .item .image-wrapper .arrow-left-thin.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .arrow-left-thin.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .arrow-left-thin.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icon-arrow-left-thin.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-arrow-left-thin.svg) no-repeat 50% 50%;
}
i.icon.add-person::before, span.icon.add-person::before, table th .sort-container span.add-person.icon-up::before, table th .sort-container span.add-person.icon-down::before, .icon.add-person::before, .add-person.a10-select-field.icon-closed::before, .add-person.a10-select-field.icon-open::before, .add-person.info-action::before, form > .item .image-wrapper .add-person.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .add-person.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .add-person.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-user-add.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-user-add.svg) no-repeat 50% 50%;
}
i.icon.user::before, span.icon.user::before, table th .sort-container span.user.icon-up::before, table th .sort-container span.user.icon-down::before, .icon.user::before, .user.a10-select-field.icon-closed::before, .user.a10-select-field.icon-open::before, .user.info-action::before, form > .item .image-wrapper .user.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-user.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-user.svg) no-repeat 50% 50%;
}
i.icon.archive::before, span.icon.archive::before, table th .sort-container span.archive.icon-up::before, table th .sort-container span.archive.icon-down::before, .icon.archive::before, .archive.a10-select-field.icon-closed::before, .archive.a10-select-field.icon-open::before, .archive.info-action::before, form > .item .image-wrapper .archive.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .archive.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .archive.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-archive.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-archive.svg) no-repeat 50% 50%;
}
i.icon.save::before, span.icon.save::before, table th .sort-container span.save.icon-up::before, table th .sort-container span.save.icon-down::before, .icon.save::before, .save.a10-select-field.icon-closed::before, .save.a10-select-field.icon-open::before, .save.info-action::before, form > .item .image-wrapper .save.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .save.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .save.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-floppy-disk.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-floppy-disk.svg) no-repeat 50% 50%;
}
i.icon.calendar-plus::before, span.icon.calendar-plus::before, table th .sort-container span.calendar-plus.icon-up::before, table th .sort-container span.calendar-plus.icon-down::before, .icon.calendar-plus::before, .calendar-plus.a10-select-field.icon-closed::before, .calendar-plus.a10-select-field.icon-open::before, .calendar-plus.info-action::before, form > .item .image-wrapper .calendar-plus.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .calendar-plus.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .calendar-plus.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-calendar-plus.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-calendar-plus.svg) no-repeat 50% 50%;
}
i.icon.calendar-minus::before, span.icon.calendar-minus::before, table th .sort-container span.calendar-minus.icon-up::before, table th .sort-container span.calendar-minus.icon-down::before, .icon.calendar-minus::before, .calendar-minus.a10-select-field.icon-closed::before, .calendar-minus.a10-select-field.icon-open::before, .calendar-minus.info-action::before, form > .item .image-wrapper .calendar-minus.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .calendar-minus.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .calendar-minus.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-calendar-minus.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-calendar-minus.svg) no-repeat 50% 50%;
}
i.icon.calendar::before, span.icon.calendar::before, table th .sort-container span.calendar.icon-up::before, table th .sort-container span.calendar.icon-down::before, .icon.calendar::before, .calendar.a10-select-field.icon-closed::before, .calendar.a10-select-field.icon-open::before, .calendar.info-action::before, form > .item .image-wrapper .calendar.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .calendar.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .calendar.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-calendar.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-calendar.svg) no-repeat 50% 50%;
}
i.icon.remove:before, span.icon.remove:before, table th .sort-container span.remove.icon-up:before, table th .sort-container span.remove.icon-down:before, .icon.remove:before, .remove.a10-select-field.icon-closed:before, .remove.a10-select-field.icon-open:before, .remove.info-action:before, form > .item .image-wrapper .remove.add-avatar-btn:before, form > .item .image-wrapper img[src=""] + .remove.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .remove.image-placeholder:before {
  -webkit-mask: url(../images//svg/icons/icons-calendar-minus.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-calendar-minus.svg) no-repeat 50% 50%;
}
i.icon.undo:before, span.icon.undo:before, table th .sort-container span.undo.icon-up:before, table th .sort-container span.undo.icon-down:before, .icon.undo:before, .undo.a10-select-field.icon-closed:before, .undo.a10-select-field.icon-open:before, .undo.info-action:before, form > .item .image-wrapper .undo.add-avatar-btn:before, form > .item .image-wrapper img[src=""] + .undo.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .undo.image-placeholder:before {
  -webkit-mask: url(../images//svg/icons/icons-undo.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-undo.svg) no-repeat 50% 50%;
}
i.icon.euro:before, span.icon.euro:before, table th .sort-container span.euro.icon-up:before, table th .sort-container span.euro.icon-down:before, .icon.euro:before, .euro.a10-select-field.icon-closed:before, .euro.a10-select-field.icon-open:before, .euro.info-action:before, form > .item .image-wrapper .euro.add-avatar-btn:before, form > .item .image-wrapper img[src=""] + .euro.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .euro.image-placeholder:before {
  -webkit-mask: url(../images//svg/icons/icons-currency-euro.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-currency-euro.svg) no-repeat 50% 50%;
}
i.icon.caret-down:before, span.icon.caret-down:before, table th .sort-container span.caret-down.icon-up:before, table th .sort-container span.caret-down.icon-down:before, .icon.caret-down:before, .a10-select-field.icon-closed:before, .caret-down.a10-select-field.icon-open:before, .caret-down.info-action:before, form > .item .image-wrapper .caret-down.add-avatar-btn:before, form > .item .image-wrapper .add-avatar-btn.a10-select-field.icon-closed:before, form > .item .image-wrapper img[src=""] + .caret-down.image-placeholder:before, form > .item .image-wrapper img[src=""] + .image-placeholder.a10-select-field.icon-closed:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .caret-down.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder.a10-select-field.icon-closed:before {
  -webkit-mask: url(../images//svg/icons/icons-caret-down.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-caret-down.svg) no-repeat 50% 50%;
}
i.icon.caret-right:before, span.icon.caret-right:before, table th .sort-container span.caret-right.icon-up:before, table th .sort-container span.caret-right.icon-down:before, .icon.caret-right:before, .caret-right.a10-select-field.icon-closed:before, .caret-right.a10-select-field.icon-open:before, .caret-right.info-action:before, form > .item .image-wrapper .caret-right.add-avatar-btn:before, form > .item .image-wrapper img[src=""] + .caret-right.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .caret-right.image-placeholder:before {
  -webkit-mask: url(../images//svg/icons/icons-caret-right.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-caret-right.svg) no-repeat 50% 50%;
}
i.icon.caret-up:before, span.icon.caret-up:before, table th .sort-container span.caret-up.icon-up:before, table th .sort-container span.caret-up.icon-down:before, .icon.caret-up:before, .caret-up.a10-select-field.icon-closed:before, .a10-select-field.icon-open:before, .caret-up.info-action:before, form > .item .image-wrapper .caret-up.add-avatar-btn:before, form > .item .image-wrapper .add-avatar-btn.a10-select-field.icon-open:before, form > .item .image-wrapper img[src=""] + .caret-up.image-placeholder:before, form > .item .image-wrapper img[src=""] + .image-placeholder.a10-select-field.icon-open:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .caret-up.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder.a10-select-field.icon-open:before {
  -webkit-mask: url(../images//svg/icons/icons-caret-up.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-caret-up.svg) no-repeat 50% 50%;
}
i.icon.lock-closed::before, span.icon.lock-closed::before, table th .sort-container span.lock-closed.icon-up::before, table th .sort-container span.lock-closed.icon-down::before, .icon.lock-closed::before, .lock-closed.a10-select-field.icon-closed::before, .lock-closed.a10-select-field.icon-open::before, .lock-closed.info-action::before, form > .item .image-wrapper .lock-closed.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .lock-closed.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .lock-closed.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-lock-closed.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-lock-closed.svg) no-repeat 50% 50%;
}
i.icon.lock-opened::before, span.icon.lock-opened::before, table th .sort-container span.lock-opened.icon-up::before, table th .sort-container span.lock-opened.icon-down::before, .icon.lock-opened::before, .lock-opened.a10-select-field.icon-closed::before, .lock-opened.a10-select-field.icon-open::before, .lock-opened.info-action::before, form > .item .image-wrapper .lock-opened.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .lock-opened.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .lock-opened.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-lock-opened.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-lock-opened.svg) no-repeat 50% 50%;
}
i.icon.sign-out::before, span.icon.sign-out::before, table th .sort-container span.sign-out.icon-up::before, table th .sort-container span.sign-out.icon-down::before, .icon.sign-out::before, .sign-out.a10-select-field.icon-closed::before, .sign-out.a10-select-field.icon-open::before, .sign-out.info-action::before, form > .item .image-wrapper .sign-out.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .sign-out.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .sign-out.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-sign-out.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-sign-out.svg) no-repeat 50% 50%;
}
i.icon.info::before, span.icon.info::before, table th .sort-container span.info.icon-up::before, table th .sort-container span.info.icon-down::before, .icon.info::before, .info.a10-select-field.icon-closed::before, .info.a10-select-field.icon-open::before, .info-action::before, form > .item .image-wrapper .info.add-avatar-btn::before, form > .item .image-wrapper .add-avatar-btn.info-action::before, form > .item .image-wrapper img[src=""] + .info.image-placeholder::before, form > .item .image-wrapper img[src=""] + .image-placeholder.info-action::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .info.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder.info-action::before {
  -webkit-mask: url(../images//svg/icons/icons-info.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-info.svg) no-repeat 50% 50%;
}
i.icon.warning::before, #message-box.error .message i.icon::before, #message-box.error .message i.a10-select-field.icon-closed::before, #message-box.error .message i.a10-select-field.icon-open::before, span.icon.warning::before, table th .sort-container span.warning.icon-up::before, table th .sort-container span.warning.icon-down::before, .icon.warning::before, .warning.a10-select-field.icon-closed::before, .warning.a10-select-field.icon-open::before, .warning.info-action::before, #message-box.error .message i.info-action::before, form > .item .image-wrapper .warning.add-avatar-btn::before, #message-box.error .message form > .item .image-wrapper i.add-avatar-btn::before, form > .item .image-wrapper #message-box.error .message i.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .warning.image-placeholder::before, #message-box.error .message form > .item .image-wrapper img[src=""] + i.image-placeholder::before, form > .item .image-wrapper #message-box.error .message img[src=""] + i.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .warning.image-placeholder::before, #message-box.error .message #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper #message-box.error .message img[src=""] + i.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-warning-circle.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-warning-circle.svg) no-repeat 50% 50%;
}
i.icon.checkmark::before, #message-box .message i.icon::before, #message-box .message i.a10-select-field.icon-closed::before, #message-box .message i.a10-select-field.icon-open::before, span.icon.checkmark::before, table th .sort-container span.checkmark.icon-up::before, table th .sort-container span.checkmark.icon-down::before, .icon.checkmark::before, .checkmark.a10-select-field.icon-closed::before, .checkmark.a10-select-field.icon-open::before, .checkmark.info-action::before, #message-box .message i.info-action::before, form > .item .image-wrapper .checkmark.add-avatar-btn::before, #message-box .message form > .item .image-wrapper i.add-avatar-btn::before, form > .item .image-wrapper #message-box .message i.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .checkmark.image-placeholder::before, #message-box .message form > .item .image-wrapper img[src=""] + i.image-placeholder::before, form > .item .image-wrapper #message-box .message img[src=""] + i.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .checkmark.image-placeholder::before, #message-box .message #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper #message-box .message img[src=""] + i.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-check.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-check.svg) no-repeat 50% 50%;
}
i.icon.arrow-left::before, span.icon.arrow-left::before, table th .sort-container span.arrow-left.icon-up::before, table th .sort-container span.arrow-left.icon-down::before, .icon.arrow-left::before, .arrow-left.a10-select-field.icon-closed::before, .arrow-left.a10-select-field.icon-open::before, .arrow-left.info-action::before, form > .item .image-wrapper .arrow-left.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .arrow-left.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .arrow-left.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-arrow-left.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-arrow-left.svg) no-repeat 50% 50%;
}
i.icon.trash::before, span.icon.trash::before, table th .sort-container span.trash.icon-up::before, table th .sort-container span.trash.icon-down::before, .icon.trash::before, .trash.a10-select-field.icon-closed::before, .trash.a10-select-field.icon-open::before, .trash.info-action::before, form > .item .image-wrapper .trash.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .trash.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .trash.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-trash.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-trash.svg) no-repeat 50% 50%;
}
i.icon.caret-circle-left::before, span.icon.caret-circle-left::before, table th .sort-container span.caret-circle-left.icon-up::before, table th .sort-container span.caret-circle-left.icon-down::before, .icon.caret-circle-left::before, .caret-circle-left.a10-select-field.icon-closed::before, .caret-circle-left.a10-select-field.icon-open::before, .caret-circle-left.info-action::before, form > .item .image-wrapper .caret-circle-left.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .caret-circle-left.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .caret-circle-left.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-caret-circle-left.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-caret-circle-left.svg) no-repeat 50% 50%;
}
i.icon.caret-circle-right::before, span.icon.caret-circle-right::before, table th .sort-container span.caret-circle-right.icon-up::before, table th .sort-container span.caret-circle-right.icon-down::before, .icon.caret-circle-right::before, .caret-circle-right.a10-select-field.icon-closed::before, .caret-circle-right.a10-select-field.icon-open::before, .caret-circle-right.info-action::before, form > .item .image-wrapper .caret-circle-right.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .caret-circle-right.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .caret-circle-right.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-caret-circle-right.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-caret-circle-right.svg) no-repeat 50% 50%;
}
i.icon.download::before, span.icon.download::before, table th .sort-container span.download.icon-up::before, table th .sort-container span.download.icon-down::before, .icon.download::before, .download.a10-select-field.icon-closed::before, .download.a10-select-field.icon-open::before, .download.info-action::before, form > .item .image-wrapper .download.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .download.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .download.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-download.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-download.svg) no-repeat 50% 50%;
}
i.icon.upload::before, span.icon.upload::before, table th .sort-container span.upload.icon-up::before, table th .sort-container span.upload.icon-down::before, .icon.upload::before, .upload.a10-select-field.icon-closed::before, .upload.a10-select-field.icon-open::before, .upload.info-action::before, form > .item .image-wrapper .upload.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .upload.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .upload.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-upload.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-upload.svg) no-repeat 50% 50%;
}
i.icon.eye::before, span.icon.eye::before, table th .sort-container span.eye.icon-up::before, table th .sort-container span.eye.icon-down::before, .icon.eye::before, .eye.a10-select-field.icon-closed::before, .eye.a10-select-field.icon-open::before, .eye.info-action::before, form > .item .image-wrapper .eye.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .eye.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .eye.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-eye.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-eye.svg) no-repeat 50% 50%;
}
i.icon.thumbs-up::before, span.icon.thumbs-up::before, table th .sort-container span.thumbs-up.icon-up::before, table th .sort-container span.thumbs-up.icon-down::before, .icon.thumbs-up::before, .thumbs-up.a10-select-field.icon-closed::before, .thumbs-up.a10-select-field.icon-open::before, .thumbs-up.info-action::before, form > .item .image-wrapper .thumbs-up.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .thumbs-up.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .thumbs-up.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-thumbs-up.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-thumbs-up.svg) no-repeat 50% 50%;
}
i.icon.location::before, span.icon.location::before, table th .sort-container span.location.icon-up::before, table th .sort-container span.location.icon-down::before, .icon.location::before, .location.a10-select-field.icon-closed::before, .location.a10-select-field.icon-open::before, .location.info-action::before, form > .item .image-wrapper .location.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .location.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .location.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-location.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-location.svg) no-repeat 50% 50%;
}
i.icon.device-mobile::before, span.icon.device-mobile::before, table th .sort-container span.device-mobile.icon-up::before, table th .sort-container span.device-mobile.icon-down::before, .icon.device-mobile::before, .device-mobile.a10-select-field.icon-closed::before, .device-mobile.a10-select-field.icon-open::before, .device-mobile.info-action::before, form > .item .image-wrapper .device-mobile.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .device-mobile.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .device-mobile.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-device-mobile.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-device-mobile.svg) no-repeat 50% 50%;
}
i.icon.at::before, span.icon.at::before, table th .sort-container span.at.icon-up::before, table th .sort-container span.at.icon-down::before, .icon.at::before, .at.a10-select-field.icon-closed::before, .at.a10-select-field.icon-open::before, .at.info-action::before, form > .item .image-wrapper .at.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .at.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .at.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-at.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-at.svg) no-repeat 50% 50%;
}
i.icon.qr-code::before, span.icon.qr-code::before, table th .sort-container span.qr-code.icon-up::before, table th .sort-container span.qr-code.icon-down::before, .icon.qr-code::before, .qr-code.a10-select-field.icon-closed::before, .qr-code.a10-select-field.icon-open::before, .qr-code.info-action::before, form > .item .image-wrapper .qr-code.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .qr-code.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .qr-code.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-qr-code.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-qr-code.svg) no-repeat 50% 50%;
}
i.icon.identification-card::before, span.icon.identification-card::before, table th .sort-container span.identification-card.icon-up::before, table th .sort-container span.identification-card.icon-down::before, .icon.identification-card::before, .identification-card.a10-select-field.icon-closed::before, .identification-card.a10-select-field.icon-open::before, .identification-card.info-action::before, form > .item .image-wrapper .identification-card.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .identification-card.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .identification-card.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-identification-card.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-identification-card.svg) no-repeat 50% 50%;
}
i.icon.first-aid::before, span.icon.first-aid::before, table th .sort-container span.first-aid.icon-up::before, table th .sort-container span.first-aid.icon-down::before, .icon.first-aid::before, .first-aid.a10-select-field.icon-closed::before, .first-aid.a10-select-field.icon-open::before, .first-aid.info-action::before, form > .item .image-wrapper .first-aid.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .first-aid.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .first-aid.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-first-aid.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-first-aid.svg) no-repeat 50% 50%;
}
i.icon.data-structure::before, span.icon.data-structure::before, table th .sort-container span.data-structure.icon-up::before, table th .sort-container span.data-structure.icon-down::before, .icon.data-structure::before, .data-structure.a10-select-field.icon-closed::before, .data-structure.a10-select-field.icon-open::before, .data-structure.info-action::before, form > .item .image-wrapper .data-structure.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .data-structure.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .data-structure.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-data-structure.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-data-structure.svg) no-repeat 50% 50%;
}
i.icon.education::before, span.icon.education::before, table th .sort-container span.education.icon-up::before, table th .sort-container span.education.icon-down::before, .icon.education::before, .education.a10-select-field.icon-closed::before, .education.a10-select-field.icon-open::before, .education.info-action::before, form > .item .image-wrapper .education.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .education.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .education.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-education.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-education.svg) no-repeat 50% 50%;
}
i.icon.signpost::before, span.icon.signpost::before, table th .sort-container span.signpost.icon-up::before, table th .sort-container span.signpost.icon-down::before, .icon.signpost::before, .signpost.a10-select-field.icon-closed::before, .signpost.a10-select-field.icon-open::before, .signpost.info-action::before, form > .item .image-wrapper .signpost.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .signpost.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .signpost.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-signpost.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-signpost.svg) no-repeat 50% 50%;
}
i.icon.close::before, span.icon.close::before, table th .sort-container span.close.icon-up::before, table th .sort-container span.close.icon-down::before, .icon.close::before, .close.a10-select-field.icon-closed::before, .close.a10-select-field.icon-open::before, .close.info-action::before, form > .item .image-wrapper .close.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .close.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .close.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
}
i.icon.arrow-right::before, span.icon.arrow-right::before, table th .sort-container span.arrow-right.icon-up::before, table th .sort-container span.arrow-right.icon-down::before, .icon.arrow-right::before, .arrow-right.a10-select-field.icon-closed::before, .arrow-right.a10-select-field.icon-open::before, .arrow-right.info-action::before, form > .item .image-wrapper .arrow-right.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .arrow-right.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .arrow-right.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-arrow-right.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-arrow-right.svg) no-repeat 50% 50%;
}
i.icon.buildings::before, span.icon.buildings::before, table th .sort-container span.buildings.icon-up::before, table th .sort-container span.buildings.icon-down::before, .icon.buildings::before, .buildings.a10-select-field.icon-closed::before, .buildings.a10-select-field.icon-open::before, .buildings.info-action::before, form > .item .image-wrapper .buildings.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .buildings.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .buildings.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-buildings.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-buildings.svg) no-repeat 50% 50%;
}
i.icon.key::before, span.icon.key::before, table th .sort-container span.key.icon-up::before, table th .sort-container span.key.icon-down::before, .icon.key::before, .key.a10-select-field.icon-closed::before, .key.a10-select-field.icon-open::before, .key.info-action::before, form > .item .image-wrapper .key.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .key.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .key.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-key.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-key.svg) no-repeat 50% 50%;
}
i.icon.sign-in::before, span.icon.sign-in::before, table th .sort-container span.sign-in.icon-up::before, table th .sort-container span.sign-in.icon-down::before, .icon.sign-in::before, .sign-in.a10-select-field.icon-closed::before, .sign-in.a10-select-field.icon-open::before, .sign-in.info-action::before, form > .item .image-wrapper .sign-in.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .sign-in.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .sign-in.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-sign-in.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-sign-in.svg) no-repeat 50% 50%;
}
i.icon.paper-plane::before, span.icon.paper-plane::before, table th .sort-container span.paper-plane.icon-up::before, table th .sort-container span.paper-plane.icon-down::before, .icon.paper-plane::before, .paper-plane.a10-select-field.icon-closed::before, .paper-plane.a10-select-field.icon-open::before, .paper-plane.info-action::before, form > .item .image-wrapper .paper-plane.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .paper-plane.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .paper-plane.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-paper-plane.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-paper-plane.svg) no-repeat 50% 50%;
}
i.icon.chat::before, span.icon.chat::before, table th .sort-container span.chat.icon-up::before, table th .sort-container span.chat.icon-down::before, .icon.chat::before, .chat.a10-select-field.icon-closed::before, .chat.a10-select-field.icon-open::before, .chat.info-action::before, form > .item .image-wrapper .chat.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .chat.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .chat.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-chat.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-chat.svg) no-repeat 50% 50%;
}
i.icon.shield-check::before, span.icon.shield-check::before, table th .sort-container span.shield-check.icon-up::before, table th .sort-container span.shield-check.icon-down::before, .icon.shield-check::before, .shield-check.a10-select-field.icon-closed::before, .shield-check.a10-select-field.icon-open::before, .shield-check.info-action::before, form > .item .image-wrapper .shield-check.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .shield-check.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .shield-check.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-shield-check.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-shield-check.svg) no-repeat 50% 50%;
}
i.icon.check-circle::before, span.icon.check-circle::before, table th .sort-container span.check-circle.icon-up::before, table th .sort-container span.check-circle.icon-down::before, .icon.check-circle::before, .check-circle.a10-select-field.icon-closed::before, .check-circle.a10-select-field.icon-open::before, .check-circle.info-action::before, form > .item .image-wrapper .check-circle.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .check-circle.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .check-circle.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-check-circle.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-check-circle.svg) no-repeat 50% 50%;
}
i.icon.user-circle-check::before, span.icon.user-circle-check::before, table th .sort-container span.user-circle-check.icon-up::before, table th .sort-container span.user-circle-check.icon-down::before, .icon.user-circle-check::before, .user-circle-check.a10-select-field.icon-closed::before, .user-circle-check.a10-select-field.icon-open::before, .user-circle-check.info-action::before, form > .item .image-wrapper .user-circle-check.add-avatar-btn::before, form > .item .image-wrapper img[src=""] + .user-circle-check.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .user-circle-check.image-placeholder::before {
  -webkit-mask: url(../images//svg/icons/icons-user-circle-check.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-user-circle-check.svg) no-repeat 50% 50%;
}
i.icon.alarm-color:before, span.icon.alarm-color:before, table th .sort-container span.alarm-color.icon-up:before, table th .sort-container span.alarm-color.icon-down:before, .icon.alarm-color:before, .alarm-color.a10-select-field.icon-closed:before, .alarm-color.a10-select-field.icon-open:before, .alarm-color.info-action:before, form > .item .image-wrapper .alarm-color.add-avatar-btn:before, form > .item .image-wrapper img[src=""] + .alarm-color.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .alarm-color.image-placeholder:before {
  background-color: #E34141 !important;
}

/* ------------------------------------
   Keyframes
------------------------------------- */
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ------------------------------------
   Preloaders
------------------------------------- */
/* ------------------------------------
	Header
------------------------------------- */
#Header {
  width: 100%;
  opacity: 1;
  box-shadow: 0px 0px 26px rgba(39, 26, 85, 0.1607843137);
  margin-bottom: 26px;
}
#Header .content-wrapper {
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: space-between;
}
#Header .content-wrapper div.logo {
  width: auto;
  height: 32px;
}
#Header .content-wrapper div.logo img {
  width: auto;
  height: 100%;
  margin-top: 2px;
}
#Header .content-wrapper div.search-container {
  margin-left: auto;
  width: 400px;
  height: 50px;
  margin-right: 40px;
  font-size: 15.6px;
}
#Header .content-wrapper div.search-container .a10-select-field .a10-select-selection {
  background-color: #FAFAFA;
  border: 0.5px solid #D1D1D1;
  border-radius: 8px;
}
#Header .content-wrapper div.search-container .a10-select-field .a10-select-search-wrap:before {
  width: 26px;
  height: 26px;
  background-color: #ADADAD;
}
#Header .content-wrapper div.search-container .a10-select-field input[type=text], #Header .content-wrapper div.search-container .a10-select-field form > .item .file-upload label[type=text].fileupload, form > .item .file-upload #Header .content-wrapper div.search-container .a10-select-field label[type=text].fileupload {
  padding: 0 20px 0 16px;
}
#Header .content-wrapper div.search-container .a10-select-field input[type=text]:focus, #Header .content-wrapper div.search-container .a10-select-field form > .item .file-upload label[type=text].fileupload:focus, form > .item .file-upload #Header .content-wrapper div.search-container .a10-select-field label[type=text].fileupload:focus {
  color: var(--color-text);
}
#Header .content-wrapper div.search-container .a10-select-field:before {
  display: none;
}
#Header .content-wrapper div.search-container .a10-select-field.focused .a10-select-search-wrap:before {
  background-color: var(--color-text);
}
@media only screen and (max-width: 1439px) {
  #Header .content-wrapper div.search-container {
    flex: 1;
    margin-left: 45px;
  }
}
#Header .content-wrapper #Header-toolbar {
  display: flex;
  align-items: center;
}
#Header .content-wrapper #Header-toolbar .welcome-message {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text);
  margin-right: 12px;
}
#Header .content-wrapper #Header-toolbar nav.main-nav ul {
  display: flex;
}
#Header .content-wrapper #Header-toolbar nav.main-nav ul li a {
  font-size: 16px;
  color: #3B1655;
  font-weight: bold;
  margin-right: 40px;
}
#Header .content-wrapper #Header-toolbar nav.main-nav ul li.active a {
  color: #E84E0F;
}
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper {
  position: relative;
}
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper {
  height: 38px;
  width: 38px;
  background: #ccc;
  border-radius: 19px;
  cursor: pointer;
  overflow: hidden;
}
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img {
  width: 100%;
  height: auto;
}
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] {
  display: none;
}
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper .image-placeholder {
  display: none;
}
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background: #5C2482;
}
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder:before {
  background-color: var(--color-light);
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .notification {
  position: absolute;
  top: 0;
  right: 0;
  height: 12px;
  width: 12px;
  border: 2px solid var(--color-light);
  border-radius: 8px;
  background-color: #E84E0F;
  -webkit-transform: translate3d(30%, -20%, 0);
  -moz-transform: translate3d(30%, -20%, 0);
  -ms-transform: translate3d(30%, -20%, 0);
  -o-transform: translate3d(30%, -20%, 0);
  transform: translate3d(30%, -20%, 0);
}

/* ------------------------------------
   Content-wrapper
------------------------------------- */
.content-wrapper {
  position: relative;
  transform: translateZ(0);
  max-width: 1920px;
  margin: 0 auto;
  padding-left: 26px;
  padding-right: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 4;
}
.content-wrapper.view-top {
  display: flex;
  justify-content: space-between;
}
.content-wrapper.view-top h1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  line-height: 30px;
}
.content-wrapper.view-top h1 i {
  margin-right: 12px;
  min-width: 26px;
}
.content-wrapper.view-top h1.grey {
  color: #8D8D8D;
}
@media only screen and (max-width: 1679px) {
  .content-wrapper.view-top h1 {
    max-width: 400px;
  }
}

/* ------------------------------------
   Forms
------------------------------------- */
input[type=number], form > .item .file-upload label[type=number].fileupload {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button, form > .item .file-upload label[type=number].fileupload::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
form > .item .file-upload label[type=number].fileupload::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

form {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
}
form .item.disabled {
  opacity: 0.8;
  pointer-events: none;
}
form .item.not-active {
  display: none;
}
form p.info, form p.info-action {
  margin-top: 40px;
  padding: 0 8px;
  font-size: 14px;
  line-height: 22px;
  font-style: italic;
  color: #8D8D8D;
}
form > .item {
  width: -moz-calc(50% - 8px);
  width: -webkit-calc(50% - 8px);
  width: calc(50% - 8px);
  margin-bottom: 26px;
}
form > .item.full-width {
  width: 100%;
}
form > .item.hidden {
  display: none;
}
form > .item.readonly label, form > .item.disabled label {
  color: #8D8D8D !important;
}
form > .item.readonly label span:not(.slider), form > .item.disabled label span:not(.slider) {
  display: none;
}
form > .item.readonly .dex-toggle, form > .item.disabled .dex-toggle {
  pointer-events: none;
}
form > .item.readonly .dex-toggle label, form > .item.disabled .dex-toggle label {
  margin-bottom: 0;
}
form > .item .dex-toggle {
  justify-content: flex-end;
}
form > .item .dex-toggle label {
  margin-bottom: 0 !important;
}
form > .item .dex-toggle label.switch {
  margin: 0 14px 0 0;
}
form > .item .input-container {
  display: flex;
}
form > .item .input-container .line {
  line-height: 56px;
  margin: 0 10px;
}
form > .item .file-upload {
  position: relative;
  width: 100%;
}
form > .item .file-upload input[type=file], form > .item .file-upload label[type=file].fileupload {
  width: 0;
  height: 0;
  position: static;
  opacity: 0;
}
form > .item .file-upload label.fileupload {
  cursor: pointer;
}
form > .item .file-upload label.fileupload.invalidated {
  border: 0.5px solid #FF0000 !important;
}
form > .item .file-upload label.fileupload .placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  height: 100%;
  color: #8D8D8D;
  font-weight: 400;
}
form > .item .file-upload label.fileupload .placeholder i {
  width: 22px;
  height: 22px;
  margin-left: auto;
}
form > .item .file-upload label.fileupload .placeholder i:before {
  background-color: #8D8D8D;
}
form > .item .input-wrapper {
  position: relative;
}
form > .item .input-wrapper i {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  height: 24px;
  width: 24px;
}
form > .item .input-wrapper i:before {
  background: #8D8D8D;
}
form > .item label:not(.fileupload) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 15.6px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--color-text);
}
form > .item label:not(.fileupload) span.required {
  color: #FF0000;
  margin-left: 4px;
}
form > .item label:not(.fileupload) span.info-action {
  margin-left: 5px;
  cursor: pointer;
  pointer-events: all;
  z-index: 99;
}
form > .item input:not([type=hidden]), form > .item .file-upload label.fileupload:not([type=hidden]) {
  height: 56px;
  border-radius: 12px;
  border: 1px solid #A4A4B0;
  background: #f7f7f7;
  font-size: 15.6px;
  font-weight: 500;
  color: var(--color-text);
  padding: 0 20px 0 20px;
}
form > .item input:not([type=hidden]):not([readonly]):focus-visible, form > .item .file-upload label.fileupload:not([type=hidden]):not([readonly]):focus-visible {
  outline: none;
  box-shadow: 14px 14px 40px rgba(55, 66, 81, 0.2);
}
form > .item input:not([type=hidden]):not([readonly]).invalidated, form > .item .file-upload label.fileupload:not([type=hidden]):not([readonly]).invalidated {
  border: 0.5px solid #FF0000;
}
form > .item input:not([type=hidden])[readonly], form > .item .file-upload label.fileupload:not([type=hidden])[readonly] {
  color: #8D8D8D;
  border-color: #8D8D8D;
  cursor: default;
}
form > .item textarea {
  border-radius: 12px;
  height: 112px;
  border: 1px solid #A4A4B0 !important;
  background: #f7f7f7 !important;
  outline: none;
  font-size: 15.6px;
  text-indent: 0;
  padding-left: 20px;
  padding-top: 15px;
  resize: none;
}
form > .item textarea.resizable {
  resize: vertical;
  height: unset;
  min-height: 112px;
  transition: none;
}
form > .item textarea:not([readonly]):focus-visible {
  outline: none;
  box-shadow: 14px 14px 40px rgba(55, 66, 81, 0.2);
}
form > .item textarea:not([readonly]).invalidated {
  border: 0.5px solid #FF0000;
}
form > .item textarea[readonly] {
  color: #8D8D8D;
  border-color: #8D8D8D;
  cursor: default;
}
form > .item select.invalidated + .a10-select-field .a10-select-selection {
  border-color: #FF0000;
}
form > .item .a10-select-field {
  min-height: 54px;
}
form > .item .a10-select-field .a10-select-selection {
  background: #f7f7f7;
  border-radius: 12px;
  border: 1px solid #A4A4B0;
  min-height: 54px;
}
form > .item .a10-select-field .a10-select-selection .selection > div.placeholder {
  text-indent: 20px;
  line-height: 54px;
}
form > .item .a10-select-field .a10-select-selection .selection > div.selected-value {
  font-size: 15.6px;
  font-weight: 500;
  text-indent: 20px;
  line-height: 54px;
  color: var(--color-text);
}
form > .item .a10-select-field .a10-select-selection .selection .inner-multiselect-placeholder {
  padding-left: 10px;
}
form > .item .a10-select-field .a10-select-selection .selection .inner-multiselect-placeholder .item {
  font-size: 14px;
  font-weight: 500;
  height: 34px;
  line-height: 34px;
}
form > .item .a10-select-field .a10-select-selection input, form > .item .a10-select-field .a10-select-selection .file-upload label.fileupload, form > .item .file-upload .a10-select-field .a10-select-selection label.fileupload {
  height: 54px;
}
form > .item .image-wrapper {
  position: relative;
  height: 82px;
  width: 82px;
  background: transparent;
}
form > .item .image-wrapper .content {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 41px;
}
form > .item .image-wrapper img {
  width: 100%;
  height: auto;
}
form > .item .image-wrapper img[src=""] {
  display: none;
}
form > .item .image-wrapper .image-placeholder {
  display: none;
}
form > .item .image-wrapper img[src=""] + .image-placeholder {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background: #5C2482;
}
form > .item .image-wrapper img[src=""] + .image-placeholder:before {
  background-color: var(--color-light);
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
form > .item .image-wrapper .add-avatar-btn {
  position: absolute;
  top: 0;
  right: -5px;
  cursor: pointer;
  pointer-events: all;
  height: 32px;
  width: 32px;
  border-radius: 16px;
  background-color: #E34141;
}
form > .item .image-wrapper .add-avatar-btn:before {
  background-color: var(--color-light);
  height: 18px;
  width: 18px;
}
form .divider {
  width: 100%;
  height: 1px;
  background: #dfdfdf;
  margin: 20px 0 36px 0;
}
form .submit-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #5C2482;
  color: var(--color-light);
  font-size: 18px;
  font-weight: 700;
  height: 60px;
  line-height: 55px;
  border-radius: 12px;
  margin-top: 26px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: none;
}
form .submit-btn:hover {
  box-shadow: 0px 3px 24px rgba(102, 66, 220, 0.2588235294);
}
form .submit-btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
form .submit-btn.ajax-load {
  opacity: 0.5;
  pointer-events: none;
}
form .submit-btn.ajax-load span.icon:before, form .submit-btn.ajax-load table th .sort-container span.icon-up:before, table th .sort-container form .submit-btn.ajax-load span.icon-up:before, form .submit-btn.ajax-load table th .sort-container span.icon-down:before, table th .sort-container form .submit-btn.ajax-load span.icon-down:before, form .submit-btn.ajax-load span.a10-select-field.icon-closed:before, form .submit-btn.ajax-load span.a10-select-field.icon-open:before, form .submit-btn.ajax-load span.info-action:before, form .submit-btn.ajax-load #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper form .submit-btn.ajax-load img[src=""] + span.image-placeholder:before, form > .item .submit-btn.ajax-load .image-wrapper img[src=""] + span.image-placeholder:before, form > .item .image-wrapper .submit-btn.ajax-load img[src=""] + span.image-placeholder:before, form > .item .submit-btn.ajax-load .image-wrapper span.add-avatar-btn:before, form > .item .image-wrapper .submit-btn.ajax-load span.add-avatar-btn:before {
  mask: url("../images//svg/icons/icons-circle.svg") !important;
  animation: spin 0.5s infinite linear;
  -webkit-animation: spin 0.7s infinite linear;
  top: -4px !important;
  left: -16px !important;
}
form .submit-btn .icon, form .submit-btn table th .sort-container span.icon-up, table th .sort-container form .submit-btn span.icon-up, form .submit-btn table th .sort-container span.icon-down, table th .sort-container form .submit-btn span.icon-down, form .submit-btn .a10-select-field.icon-closed:before, form .submit-btn .a10-select-field.icon-open:before, form .submit-btn .info-action, form .submit-btn #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper form .submit-btn img[src=""] + .image-placeholder, form > .item .submit-btn .image-wrapper img[src=""] + .image-placeholder, form > .item .image-wrapper .submit-btn img[src=""] + .image-placeholder, form > .item .submit-btn .image-wrapper .add-avatar-btn, form > .item .image-wrapper .submit-btn .add-avatar-btn {
  margin-right: 20px;
}
form .submit-btn .icon:before, form .submit-btn table th .sort-container span.icon-up:before, table th .sort-container form .submit-btn span.icon-up:before, form .submit-btn table th .sort-container span.icon-down:before, table th .sort-container form .submit-btn span.icon-down:before, form .submit-btn .a10-select-field.icon-closed:before, form .submit-btn .a10-select-field.icon-open:before, form .submit-btn .info-action:before, form .submit-btn #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper form .submit-btn img[src=""] + .image-placeholder:before, form > .item .submit-btn .image-wrapper img[src=""] + .image-placeholder:before, form > .item .image-wrapper .submit-btn img[src=""] + .image-placeholder:before, form > .item .submit-btn .image-wrapper .add-avatar-btn:before, form > .item .image-wrapper .submit-btn .add-avatar-btn:before {
  background: var(--color-light);
}

input, form > .item .file-upload label.fileupload, textarea, button {
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -webkit-border-radius: 0;
  outline: none;
}

input[type=submit]:focus, form > .item .file-upload label[type=submit].fileupload:focus,
button:focus {
  outline: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8D8D8D;
  font-weight: 400;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #8D8D8D;
  opacity: 1;
  font-weight: 400;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #8D8D8D;
  font-weight: 400;
}

:-moz-placeholder { /* Firefox 18- */
  color: #8D8D8D;
}

::-moz-placeholder {
  opacity: 1;
}

/* HEADINGS
--------------------------------------------- */
div.form-subheading {
  margin-top: 30px;
  margin-bottom: 20px;
}

/* ERROR MESSAGE
--------------------------------------------- */
.form-message {
  display: none;
  margin-bottom: 0;
  margin-left: 20px;
  line-height: 56px;
  font-weight: 600;
}
.form-message.active {
  display: block;
}
.form-message.active.success {
  color: #17BE24;
}
.form-message.active.error {
  color: #E34141;
}

/* LABEL
--------------------------------------------- */
label {
  display: block;
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 500;
}
label.field-error {
  color: #E34141;
}
label.field-error span.required-marker:after {
  content: " Pakollinen";
  color: #E34141;
  white-space: nowrap;
}

/* INPUT, TEXTAREA, SELECT
-------------------------------------------- */
input:not([type=file]):not([type=submit]), form > .item .file-upload label.fileupload:not([type=file]):not([type=submit]),
textarea {
  width: 100%;
  border: 0.5px solid #8D8D8D;
  color: #2B2729;
  background: #f7f7f7;
  font-family: "Filson-pro", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input:not([type=file]):not([type=submit]).rounded, form > .item .file-upload label.fileupload:not([type=file]):not([type=submit]).rounded,
textarea.rounded {
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  border-radius: 999px;
}

input[type=text],
input[type=file] input[type=email],
form > .item .file-upload label[type=file].fileupload input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
input[type=password],
.input-text-extendable,
form > .item .file-upload label.fileupload {
  height: 50px;
  padding: 0 20px 0 20px;
  line-height: 50px;
  font-family: "Filson-pro", sans-serif;
  font-size: 15px;
}
input[type=text].field-error,
input[type=file] input[type=email].field-error,
form > .item .file-upload label[type=file].fileupload input[type=email].field-error,
input[type=url].field-error,
input[type=tel].field-error,
input[type=number].field-error,
input[type=date].field-error,
input[type=password].field-error,
.input-text-extendable.field-error,
form > .item .file-upload label.field-error.fileupload {
  border-color: #E34141;
}
input[type=text]:focus,
input[type=file] input[type=email]:focus,
form > .item .file-upload label[type=file].fileupload input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=password]:focus,
.input-text-extendable:focus,
form > .item .file-upload label.fileupload:focus {
  border-color: #707070;
}

textarea {
  height: 224px;
  padding: 12px;
  line-height: 1.34;
  resize: none;
}
textarea.field-error {
  border-color: #E34141;
}
textarea.field-error span.required-marker:after {
  content: " Pakollinen";
  color: #E34141;
  white-space: nowrap;
}
textarea:focus {
  border-color: #707070;
}

div.toggle-password-visibility {
  position: absolute;
  bottom: 10px;
  right: 12px;
  width: 34px;
  height: 34px;
  cursor: pointer;
}
div.toggle-password-visibility:before {
  -webkit-mask: url(../images//svg/icons/icon-show.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-show.svg) no-repeat 50% 50%;
  background-color: #CFCFCF;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
div.toggle-password-visibility.show:before {
  -webkit-mask: url(../images//svg/icons/icon-hide.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-hide.svg) no-repeat 50% 50%;
}
div.toggle-password-visibility:hover:before {
  background-color: #8D8D8D;
}

/* ON/OFF SWITCH
-----------------------------------------------------------------------------

div.dex-onoffswitch {

	position: relative; width: 100px; @include user-select(none);

    .checkbox { display: none; }

    .label { display: block; border-radius: 999px; cursor: pointer; overflow: hidden; }

    .inner {
        display: block; width: 200%; margin-left: -100%; @include transition( margin, 0.3s, ease-in );
        &:before, 
        &:after {
            display: block; float: left; width: 50%; height: 46px; padding: 0; @include box-sizing(border-box);
        }
        &:before { content: ''; padding-left: 10px; background-color: $color-green; } // Active
        &:after { content: ''; padding-right: 10px; background-color: $color-grey-dark; } // Deactive
    }

	.switch {
        position: absolute; display: block; top: 0; bottom: 0; right: 50px; width: 30px; margin: 8px; background: $color-light; border-radius: 999px; @include transition( all, 0.3s, ease-in );
    }

	.checkbox:checked + .label .inner { margin-left: 0; }
	.checkbox:checked + .label .switch { right: 0; }

}

*/
/* ON/OFF SWITCH
--------------------------------------------------------------------------------- */
div.dex-onoffswitch {
  position: relative;
  width: 100px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.dex-onoffswitch .checkbox {
  display: none;
}
div.dex-onoffswitch .label {
  display: block;
  border-radius: -moz-calc(44px/2);
  border-radius: -webkit-calc(44px/2);
  border-radius: calc(44px/2);
  cursor: pointer;
  overflow: hidden;
}
div.dex-onoffswitch .inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
div.dex-onoffswitch .inner:before, div.dex-onoffswitch .inner:after {
  content: "";
  display: block;
  float: left;
  width: 50%;
  height: 44px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div.dex-onoffswitch .inner:before {
  padding-left: 10px;
  background-color: #17BE24;
}
div.dex-onoffswitch .inner:after {
  padding-right: 10px;
  background-color: #707070;
}
div.dex-onoffswitch .switch {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
div.dex-onoffswitch .checkbox:checked + .label .inner {
  margin-left: 0;
}
div.dex-onoffswitch .checkbox:checked + .label .switch {
  right: 0;
}

/*----------------------------------------------------
		Modals
------------------------------------------------------*/
.dmp-content input[type=text], .dmp-content form > .item .file-upload label[type=text].fileupload, form > .item .file-upload .dmp-content label[type=text].fileupload,
.dmp-content input[type=email],
.dmp-content form > .item .file-upload label[type=email].fileupload,
form > .item .file-upload .dmp-content label[type=email].fileupload,
.dmp-content input[type=url],
.dmp-content form > .item .file-upload label[type=url].fileupload,
form > .item .file-upload .dmp-content label[type=url].fileupload,
.dmp-content input[type=tel],
.dmp-content form > .item .file-upload label[type=tel].fileupload,
form > .item .file-upload .dmp-content label[type=tel].fileupload,
.dmp-content input[type=number],
.dmp-content form > .item .file-upload label[type=number].fileupload,
form > .item .file-upload .dmp-content label[type=number].fileupload,
.dmp-content input[type=date],
.dmp-content form > .item .file-upload label[type=date].fileupload,
form > .item .file-upload .dmp-content label[type=date].fileupload,
.dmp-content input[type=password],
.dmp-content form > .item .file-upload label[type=password].fileupload,
form > .item .file-upload .dmp-content label[type=password].fileupload {
  height: 50px;
  padding: 0 16px;
  font-size: 15px;
  color: #707070;
}
.dmp-content textarea {
  height: auto;
  min-height: 108px;
  padding: 12px 16px;
  font-size: 15px;
  color: #707070;
}
.dmp-content input[type=text].a10-select-search, .dmp-content form > .item .file-upload label[type=text].a10-select-search.fileupload, form > .item .file-upload .dmp-content label[type=text].a10-select-search.fileupload {
  height: 48px;
}
.dmp-content form .a10-select-field .a10-select-selection {
  border: 1px solid #A4A4B0 !important;
}
.dmp-content form .a10-select-field input, .dmp-content form > .item .a10-select-field .file-upload label.fileupload, .dmp-content form > .item .file-upload .a10-select-field label.fileupload {
  padding: 0 21px;
}
.dmp-content form .a10-select-field .a10-select-selection {
  border: 1px solid #8D8D8D;
  border-radius: 10px;
  line-height: 48px;
  min-height: 48px;
}
.dmp-content form .a10-select-field .a10-select-selection .selection {
  font-size: 15px;
  color: #707070;
}
.dmp-content form .a10-select-field .a10-select-selection .selection .a10-select-search-wrap {
  padding-left: 20px;
}
.dmp-content form .a10-select-field .a10-select-selection .selection .a10-select-search-wrap:before {
  height: 18px;
  width: 17.57px;
  left: 15px;
}
.dmp-content form .a10-select-field .a10-select-selection .selection .a10-select-search-wrap input.a10-select-search, .dmp-content form > .item .a10-select-field .a10-select-selection .selection .a10-select-search-wrap .file-upload label.a10-select-search.fileupload, .dmp-content form > .item .file-upload .a10-select-field .a10-select-selection .selection .a10-select-search-wrap label.a10-select-search.fileupload {
  padding: 0 20px 0 10px;
}
.dmp-content form .a10-select-field .a10-select-selection .selection div.placeholder, .dmp-content form .a10-select-field .a10-select-selection .selection > div.selected-value {
  text-indent: 16px;
}
.dmp-content form .a10-select-field .a10-select-selection .clear-selections {
  right: 15px;
}
.dmp-content form .a10-select-field .a10-select-selection .clear-selections:before {
  height: 18px;
  width: 17.57px;
}
.dmp-content .form-calculation {
  position: relative;
  padding: 10px 0 10px 32px;
  border-radius: 10px;
  background-color: #ECECEC;
}
.dmp-content .form-calculation .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
.dmp-content .form-calculation .value {
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}
.dmp-content .form-calculation:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 100%;
  background-color: #E84E0F;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

.search-bar .select2-container .select2-selection .select2-selection__rendered {
  padding-left: 64px;
}
.search-bar .select2-container .select2-selection span.select2-selection__clear {
  line-height: 46px;
}

/* --------------------------------------------------
    SUBMIT
--------------------------------------------------- */
/* ------------------------------------
   Typography
------------------------------------- */
body {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  font-family: "Filson-pro", sans-serif;
  color: #2B2729;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 479px) {
  body {
    font-size: 0.875em;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Filson-pro", sans-serif;
}

h1 {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text);
}

h4 {
  font-size: 1.26em;
  font-weight: 600;
}

a {
  color: #E84E0F;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:focus {
  outline: none;
}

strong, b {
  font-weight: 700;
}

/* ------------------------------------
   Buttons
------------------------------------- */
.btn, input[type=submit].dex-btn, form > .item .file-upload label[type=submit].dex-btn.fileupload,
button.dex-btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 50px;
  padding: 0 30px;
  font-family: "Filson-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #2B2729;
  border: 2px solid #2B2729;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  border-radius: 999px;
  background: var(--color-light);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn.second, input.second[type=submit].dex-btn, form > .item .file-upload label.second[type=submit].dex-btn.fileupload,
button.second.dex-btn {
  margin-left: 6px;
}
.btn.disabled, input.disabled[type=submit].dex-btn, form > .item .file-upload label.disabled[type=submit].dex-btn.fileupload,
button.disabled.dex-btn {
  opacity: 0.25;
  cursor: default;
  pointer-events: none;
}
.btn.icon, table th .sort-container span.btn.icon-up, table th .sort-container span.btn.icon-down, .btn.a10-select-field.icon-closed:before, .btn.a10-select-field.icon-open:before, .btn.info-action, input.icon[type=submit].dex-btn, input[type=submit].dex-btn.a10-select-field.icon-closed:before, input[type=submit].dex-btn.a10-select-field.icon-open:before, input[type=submit].dex-btn.info-action, form > .item .file-upload label.icon[type=submit].dex-btn.fileupload, form > .item .file-upload label[type=submit].dex-btn.fileupload.a10-select-field.icon-closed:before, form > .item .file-upload label[type=submit].dex-btn.fileupload.a10-select-field.icon-open:before, form > .item .file-upload label[type=submit].dex-btn.fileupload.info-action,
button.icon.dex-btn,
button.dex-btn.a10-select-field.icon-closed:before,
button.dex-btn.a10-select-field.icon-open:before,
button.dex-btn.info-action, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .btn.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + input[type=submit].dex-btn.image-placeholder, form > .item .file-upload #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + label[type=submit].dex-btn.fileupload.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper form > .item .file-upload img[src=""] + label[type=submit].dex-btn.fileupload.image-placeholder,
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + button.dex-btn.image-placeholder, form > .item .image-wrapper img[src=""] + .btn.image-placeholder, form > .item .image-wrapper img[src=""] + input[type=submit].dex-btn.image-placeholder, form > .item .file-upload .image-wrapper img[src=""] + label[type=submit].dex-btn.fileupload.image-placeholder, form > .item .image-wrapper .file-upload img[src=""] + label[type=submit].dex-btn.fileupload.image-placeholder,
form > .item .image-wrapper img[src=""] + button.dex-btn.image-placeholder, form > .item .image-wrapper .btn.add-avatar-btn, form > .item .image-wrapper input[type=submit].dex-btn.add-avatar-btn, form > .item .file-upload .image-wrapper label[type=submit].dex-btn.fileupload.add-avatar-btn, form > .item .image-wrapper .file-upload label[type=submit].dex-btn.fileupload.add-avatar-btn,
form > .item .image-wrapper button.dex-btn.add-avatar-btn {
  padding: 0 40px 0 70px;
}
.btn.loading, input.loading[type=submit].dex-btn, form > .item .file-upload label.loading[type=submit].dex-btn.fileupload,
button.loading.dex-btn {
  padding: 0 70px 0 40px;
}
.btn.loading .label, input.loading[type=submit].dex-btn .label, form > .item .file-upload label.loading[type=submit].dex-btn.fileupload .label,
button.loading.dex-btn .label {
  position: relative;
}
.btn.loading .label:before, input.loading[type=submit].dex-btn .label:before, form > .item .file-upload label.loading[type=submit].dex-btn.fileupload .label:before,
button.loading.dex-btn .label:before {
  top: -2px;
  left: calc(100% + 12px);
  width: 22px;
  height: 22px;
  background-color: #2B2729;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-mask: url(../images//svg/icons/icon-spinner.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-spinner.svg) no-repeat 50% 50%;
  animation: spin 1s ease-in-out infinite;
}
.btn:hover, input[type=submit].dex-btn:hover, form > .item .file-upload label[type=submit].dex-btn.fileupload:hover,
button.dex-btn:hover {
  color: var(--color-light);
  background: #2B2729;
  -webkit-box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.2);
  box-shadow: 0 0 20px 0 rgba(43, 39, 41, 0.2);
}
.btn:hover.icon .label:before, table th .sort-container span.btn.icon-up:hover .label:before, table th .sort-container span.btn.icon-down:hover .label:before, .btn.a10-select-field.icon-closed:hover:before .label:before, .btn.a10-select-field.icon-open:hover:before .label:before, .btn.info-action:hover .label:before, input[type=submit].dex-btn:hover.icon .label:before, input[type=submit].dex-btn.a10-select-field.icon-closed:hover:before .label:before, input[type=submit].dex-btn.a10-select-field.icon-open:hover:before .label:before, input[type=submit].dex-btn.info-action:hover .label:before, form > .item .file-upload label[type=submit].dex-btn.fileupload:hover.icon .label:before, form > .item .file-upload label[type=submit].dex-btn.fileupload.a10-select-field.icon-closed:hover:before .label:before, form > .item .file-upload label[type=submit].dex-btn.fileupload.a10-select-field.icon-open:hover:before .label:before, form > .item .file-upload label[type=submit].dex-btn.fileupload.info-action:hover .label:before,
button.dex-btn:hover.icon .label:before,
button.dex-btn.a10-select-field.icon-closed:hover:before .label:before,
button.dex-btn.a10-select-field.icon-open:hover:before .label:before,
button.dex-btn.info-action:hover .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .btn.image-placeholder:hover .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + input[type=submit].dex-btn.image-placeholder:hover .label:before, form > .item .file-upload #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + label[type=submit].dex-btn.fileupload.image-placeholder:hover .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper form > .item .file-upload img[src=""] + label[type=submit].dex-btn.fileupload.image-placeholder:hover .label:before,
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + button.dex-btn.image-placeholder:hover .label:before, form > .item .image-wrapper img[src=""] + .btn.image-placeholder:hover .label:before, form > .item .image-wrapper img[src=""] + input[type=submit].dex-btn.image-placeholder:hover .label:before, form > .item .file-upload .image-wrapper img[src=""] + label[type=submit].dex-btn.fileupload.image-placeholder:hover .label:before, form > .item .image-wrapper .file-upload img[src=""] + label[type=submit].dex-btn.fileupload.image-placeholder:hover .label:before,
form > .item .image-wrapper img[src=""] + button.dex-btn.image-placeholder:hover .label:before, form > .item .image-wrapper .btn.add-avatar-btn:hover .label:before, form > .item .image-wrapper input[type=submit].dex-btn.add-avatar-btn:hover .label:before, form > .item .file-upload .image-wrapper label[type=submit].dex-btn.fileupload.add-avatar-btn:hover .label:before, form > .item .image-wrapper .file-upload label[type=submit].dex-btn.fileupload.add-avatar-btn:hover .label:before,
form > .item .image-wrapper button.dex-btn.add-avatar-btn:hover .label:before {
  background-color: var(--color-light);
}
.btn.border-brand, input.border-brand[type=submit].dex-btn, form > .item .file-upload label.border-brand[type=submit].dex-btn.fileupload,
button.border-brand.dex-btn {
  color: #E84E0F;
  border-color: #E84E0F;
}
.btn.border-brand:hover, input.border-brand[type=submit].dex-btn:hover, form > .item .file-upload label.border-brand[type=submit].dex-btn.fileupload:hover,
button.border-brand.dex-btn:hover {
  background: #E84E0F;
  color: var(--color-light);
}
.btn.filled-dark, input.filled-dark[type=submit].dex-btn, form > .item .file-upload label.filled-dark[type=submit].dex-btn.fileupload,
button.filled-dark.dex-btn {
  background: #2B2729;
  border: 2px solid #2B2729;
  color: var(--color-light);
}
.btn.filled-dark.icon .label:before, table th .sort-container span.btn.filled-dark.icon-up .label:before, table th .sort-container span.btn.filled-dark.icon-down .label:before, .btn.filled-dark.a10-select-field.icon-closed:before .label:before, .btn.filled-dark.a10-select-field.icon-open:before .label:before, .btn.filled-dark.info-action .label:before, input.filled-dark.icon[type=submit].dex-btn .label:before, input.filled-dark[type=submit].dex-btn.a10-select-field.icon-closed:before .label:before, input.filled-dark[type=submit].dex-btn.a10-select-field.icon-open:before .label:before, input.filled-dark[type=submit].dex-btn.info-action .label:before, form > .item .file-upload label.filled-dark.icon[type=submit].dex-btn.fileupload .label:before, form > .item .file-upload label.filled-dark[type=submit].dex-btn.fileupload.a10-select-field.icon-closed:before .label:before, form > .item .file-upload label.filled-dark[type=submit].dex-btn.fileupload.a10-select-field.icon-open:before .label:before, form > .item .file-upload label.filled-dark[type=submit].dex-btn.fileupload.info-action .label:before,
button.filled-dark.icon.dex-btn .label:before,
button.filled-dark.dex-btn.a10-select-field.icon-closed:before .label:before,
button.filled-dark.dex-btn.a10-select-field.icon-open:before .label:before,
button.filled-dark.dex-btn.info-action .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .btn.filled-dark.image-placeholder .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + input.filled-dark[type=submit].dex-btn.image-placeholder .label:before, form > .item .file-upload #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + label.filled-dark[type=submit].dex-btn.fileupload.image-placeholder .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper form > .item .file-upload img[src=""] + label.filled-dark[type=submit].dex-btn.fileupload.image-placeholder .label:before,
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + button.filled-dark.dex-btn.image-placeholder .label:before, form > .item .image-wrapper img[src=""] + .btn.filled-dark.image-placeholder .label:before, form > .item .image-wrapper img[src=""] + input.filled-dark[type=submit].dex-btn.image-placeholder .label:before, form > .item .file-upload .image-wrapper img[src=""] + label.filled-dark[type=submit].dex-btn.fileupload.image-placeholder .label:before, form > .item .image-wrapper .file-upload img[src=""] + label.filled-dark[type=submit].dex-btn.fileupload.image-placeholder .label:before,
form > .item .image-wrapper img[src=""] + button.filled-dark.dex-btn.image-placeholder .label:before, form > .item .image-wrapper .btn.filled-dark.add-avatar-btn .label:before, form > .item .image-wrapper input.filled-dark[type=submit].dex-btn.add-avatar-btn .label:before, form > .item .file-upload .image-wrapper label.filled-dark[type=submit].dex-btn.fileupload.add-avatar-btn .label:before, form > .item .image-wrapper .file-upload label.filled-dark[type=submit].dex-btn.fileupload.add-avatar-btn .label:before,
form > .item .image-wrapper button.filled-dark.dex-btn.add-avatar-btn .label:before, .btn.filled-dark.loading .label:before, input.filled-dark.loading[type=submit].dex-btn .label:before, form > .item .file-upload label.filled-dark.loading[type=submit].dex-btn.fileupload .label:before,
button.filled-dark.loading.dex-btn .label:before {
  background-color: var(--color-light);
}
.btn.filled-dark.active, input.filled-dark.active[type=submit].dex-btn, form > .item .file-upload label.filled-dark.active[type=submit].dex-btn.fileupload,
button.filled-dark.active.dex-btn, .btn.filled-dark:hover, input.filled-dark[type=submit].dex-btn:hover, form > .item .file-upload label.filled-dark[type=submit].dex-btn.fileupload:hover,
button.filled-dark.dex-btn:hover {
  background: #1D1B1C;
  border-color: #1D1B1C;
}
.btn.filled-grey, input.filled-grey[type=submit].dex-btn, form > .item .file-upload label.filled-grey[type=submit].dex-btn.fileupload,
button.filled-grey.dex-btn {
  background: #8D8D8D;
  border: 2px solid #8D8D8D;
  color: var(--color-light);
}
.btn.filled-grey.icon .label:before, table th .sort-container span.btn.filled-grey.icon-up .label:before, table th .sort-container span.btn.filled-grey.icon-down .label:before, .btn.filled-grey.a10-select-field.icon-closed:before .label:before, .btn.filled-grey.a10-select-field.icon-open:before .label:before, .btn.filled-grey.info-action .label:before, input.filled-grey.icon[type=submit].dex-btn .label:before, input.filled-grey[type=submit].dex-btn.a10-select-field.icon-closed:before .label:before, input.filled-grey[type=submit].dex-btn.a10-select-field.icon-open:before .label:before, input.filled-grey[type=submit].dex-btn.info-action .label:before, form > .item .file-upload label.filled-grey.icon[type=submit].dex-btn.fileupload .label:before, form > .item .file-upload label.filled-grey[type=submit].dex-btn.fileupload.a10-select-field.icon-closed:before .label:before, form > .item .file-upload label.filled-grey[type=submit].dex-btn.fileupload.a10-select-field.icon-open:before .label:before, form > .item .file-upload label.filled-grey[type=submit].dex-btn.fileupload.info-action .label:before,
button.filled-grey.icon.dex-btn .label:before,
button.filled-grey.dex-btn.a10-select-field.icon-closed:before .label:before,
button.filled-grey.dex-btn.a10-select-field.icon-open:before .label:before,
button.filled-grey.dex-btn.info-action .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .btn.filled-grey.image-placeholder .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + input.filled-grey[type=submit].dex-btn.image-placeholder .label:before, form > .item .file-upload #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + label.filled-grey[type=submit].dex-btn.fileupload.image-placeholder .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper form > .item .file-upload img[src=""] + label.filled-grey[type=submit].dex-btn.fileupload.image-placeholder .label:before,
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + button.filled-grey.dex-btn.image-placeholder .label:before, form > .item .image-wrapper img[src=""] + .btn.filled-grey.image-placeholder .label:before, form > .item .image-wrapper img[src=""] + input.filled-grey[type=submit].dex-btn.image-placeholder .label:before, form > .item .file-upload .image-wrapper img[src=""] + label.filled-grey[type=submit].dex-btn.fileupload.image-placeholder .label:before, form > .item .image-wrapper .file-upload img[src=""] + label.filled-grey[type=submit].dex-btn.fileupload.image-placeholder .label:before,
form > .item .image-wrapper img[src=""] + button.filled-grey.dex-btn.image-placeholder .label:before, form > .item .image-wrapper .btn.filled-grey.add-avatar-btn .label:before, form > .item .image-wrapper input.filled-grey[type=submit].dex-btn.add-avatar-btn .label:before, form > .item .file-upload .image-wrapper label.filled-grey[type=submit].dex-btn.fileupload.add-avatar-btn .label:before, form > .item .image-wrapper .file-upload label.filled-grey[type=submit].dex-btn.fileupload.add-avatar-btn .label:before,
form > .item .image-wrapper button.filled-grey.dex-btn.add-avatar-btn .label:before, .btn.filled-grey.loading .label:before, input.filled-grey.loading[type=submit].dex-btn .label:before, form > .item .file-upload label.filled-grey.loading[type=submit].dex-btn.fileupload .label:before,
button.filled-grey.loading.dex-btn .label:before {
  background-color: var(--color-light);
}
.btn.filled-grey.active, input.filled-grey.active[type=submit].dex-btn, form > .item .file-upload label.filled-grey.active[type=submit].dex-btn.fileupload,
button.filled-grey.active.dex-btn, .btn.filled-grey:hover, input.filled-grey[type=submit].dex-btn:hover, form > .item .file-upload label.filled-grey[type=submit].dex-btn.fileupload:hover,
button.filled-grey.dex-btn:hover {
  background: #707070;
  border-color: #707070;
}
.btn.filled-brand, input.filled-brand[type=submit].dex-btn, form > .item .file-upload label.filled-brand[type=submit].dex-btn.fileupload,
button.filled-brand.dex-btn {
  background: #E84E0F;
  border: 2px solid #E84E0F;
  color: var(--color-light);
}
.btn.filled-brand.icon .label:before, table th .sort-container span.btn.filled-brand.icon-up .label:before, table th .sort-container span.btn.filled-brand.icon-down .label:before, .btn.filled-brand.a10-select-field.icon-closed:before .label:before, .btn.filled-brand.a10-select-field.icon-open:before .label:before, .btn.filled-brand.info-action .label:before, input.filled-brand.icon[type=submit].dex-btn .label:before, input.filled-brand[type=submit].dex-btn.a10-select-field.icon-closed:before .label:before, input.filled-brand[type=submit].dex-btn.a10-select-field.icon-open:before .label:before, input.filled-brand[type=submit].dex-btn.info-action .label:before, form > .item .file-upload label.filled-brand.icon[type=submit].dex-btn.fileupload .label:before, form > .item .file-upload label.filled-brand[type=submit].dex-btn.fileupload.a10-select-field.icon-closed:before .label:before, form > .item .file-upload label.filled-brand[type=submit].dex-btn.fileupload.a10-select-field.icon-open:before .label:before, form > .item .file-upload label.filled-brand[type=submit].dex-btn.fileupload.info-action .label:before,
button.filled-brand.icon.dex-btn .label:before,
button.filled-brand.dex-btn.a10-select-field.icon-closed:before .label:before,
button.filled-brand.dex-btn.a10-select-field.icon-open:before .label:before,
button.filled-brand.dex-btn.info-action .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .btn.filled-brand.image-placeholder .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + input.filled-brand[type=submit].dex-btn.image-placeholder .label:before, form > .item .file-upload #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + label.filled-brand[type=submit].dex-btn.fileupload.image-placeholder .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper form > .item .file-upload img[src=""] + label.filled-brand[type=submit].dex-btn.fileupload.image-placeholder .label:before,
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + button.filled-brand.dex-btn.image-placeholder .label:before, form > .item .image-wrapper img[src=""] + .btn.filled-brand.image-placeholder .label:before, form > .item .image-wrapper img[src=""] + input.filled-brand[type=submit].dex-btn.image-placeholder .label:before, form > .item .file-upload .image-wrapper img[src=""] + label.filled-brand[type=submit].dex-btn.fileupload.image-placeholder .label:before, form > .item .image-wrapper .file-upload img[src=""] + label.filled-brand[type=submit].dex-btn.fileupload.image-placeholder .label:before,
form > .item .image-wrapper img[src=""] + button.filled-brand.dex-btn.image-placeholder .label:before, form > .item .image-wrapper .btn.filled-brand.add-avatar-btn .label:before, form > .item .image-wrapper input.filled-brand[type=submit].dex-btn.add-avatar-btn .label:before, form > .item .file-upload .image-wrapper label.filled-brand[type=submit].dex-btn.fileupload.add-avatar-btn .label:before, form > .item .image-wrapper .file-upload label.filled-brand[type=submit].dex-btn.fileupload.add-avatar-btn .label:before,
form > .item .image-wrapper button.filled-brand.dex-btn.add-avatar-btn .label:before, .btn.filled-brand.loading .label:before, input.filled-brand.loading[type=submit].dex-btn .label:before, form > .item .file-upload label.filled-brand.loading[type=submit].dex-btn.fileupload .label:before,
button.filled-brand.loading.dex-btn .label:before {
  background-color: var(--color-light);
}
.btn.filled-brand.active, input.filled-brand.active[type=submit].dex-btn, form > .item .file-upload label.filled-brand.active[type=submit].dex-btn.fileupload,
button.filled-brand.active.dex-btn, .btn.filled-brand:hover, input.filled-brand[type=submit].dex-btn:hover, form > .item .file-upload label.filled-brand[type=submit].dex-btn.fileupload:hover,
button.filled-brand.dex-btn:hover {
  background: #cb440d;
  border-color: #cb440d;
}
.btn.filled-red, input.filled-red[type=submit].dex-btn, form > .item .file-upload label.filled-red[type=submit].dex-btn.fileupload,
button.filled-red.dex-btn {
  background: #E34141;
  border: 2px solid #E34141;
  color: var(--color-light);
}
.btn.filled-red.icon .label:before, table th .sort-container span.btn.filled-red.icon-up .label:before, table th .sort-container span.btn.filled-red.icon-down .label:before, .btn.filled-red.a10-select-field.icon-closed:before .label:before, .btn.filled-red.a10-select-field.icon-open:before .label:before, .btn.filled-red.info-action .label:before, input.filled-red.icon[type=submit].dex-btn .label:before, input.filled-red[type=submit].dex-btn.a10-select-field.icon-closed:before .label:before, input.filled-red[type=submit].dex-btn.a10-select-field.icon-open:before .label:before, input.filled-red[type=submit].dex-btn.info-action .label:before, form > .item .file-upload label.filled-red.icon[type=submit].dex-btn.fileupload .label:before, form > .item .file-upload label.filled-red[type=submit].dex-btn.fileupload.a10-select-field.icon-closed:before .label:before, form > .item .file-upload label.filled-red[type=submit].dex-btn.fileupload.a10-select-field.icon-open:before .label:before, form > .item .file-upload label.filled-red[type=submit].dex-btn.fileupload.info-action .label:before,
button.filled-red.icon.dex-btn .label:before,
button.filled-red.dex-btn.a10-select-field.icon-closed:before .label:before,
button.filled-red.dex-btn.a10-select-field.icon-open:before .label:before,
button.filled-red.dex-btn.info-action .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .btn.filled-red.image-placeholder .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + input.filled-red[type=submit].dex-btn.image-placeholder .label:before, form > .item .file-upload #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + label.filled-red[type=submit].dex-btn.fileupload.image-placeholder .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper form > .item .file-upload img[src=""] + label.filled-red[type=submit].dex-btn.fileupload.image-placeholder .label:before,
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + button.filled-red.dex-btn.image-placeholder .label:before, form > .item .image-wrapper img[src=""] + .btn.filled-red.image-placeholder .label:before, form > .item .image-wrapper img[src=""] + input.filled-red[type=submit].dex-btn.image-placeholder .label:before, form > .item .file-upload .image-wrapper img[src=""] + label.filled-red[type=submit].dex-btn.fileupload.image-placeholder .label:before, form > .item .image-wrapper .file-upload img[src=""] + label.filled-red[type=submit].dex-btn.fileupload.image-placeholder .label:before,
form > .item .image-wrapper img[src=""] + button.filled-red.dex-btn.image-placeholder .label:before, form > .item .image-wrapper .btn.filled-red.add-avatar-btn .label:before, form > .item .image-wrapper input.filled-red[type=submit].dex-btn.add-avatar-btn .label:before, form > .item .file-upload .image-wrapper label.filled-red[type=submit].dex-btn.fileupload.add-avatar-btn .label:before, form > .item .image-wrapper .file-upload label.filled-red[type=submit].dex-btn.fileupload.add-avatar-btn .label:before,
form > .item .image-wrapper button.filled-red.dex-btn.add-avatar-btn .label:before, .btn.filled-red.loading .label:before, input.filled-red.loading[type=submit].dex-btn .label:before, form > .item .file-upload label.filled-red.loading[type=submit].dex-btn.fileupload .label:before,
button.filled-red.loading.dex-btn .label:before {
  background-color: var(--color-light);
}
.btn.filled-red.active, input.filled-red.active[type=submit].dex-btn, form > .item .file-upload label.filled-red.active[type=submit].dex-btn.fileupload,
button.filled-red.active.dex-btn, .btn.filled-red:hover, input.filled-red[type=submit].dex-btn:hover, form > .item .file-upload label.filled-red[type=submit].dex-btn.fileupload:hover,
button.filled-red.dex-btn:hover {
  background: #2B2729;
  border-color: #2B2729;
}
.btn.filled-green, input.filled-green[type=submit].dex-btn, form > .item .file-upload label.filled-green[type=submit].dex-btn.fileupload,
button.filled-green.dex-btn {
  background: #17BE24;
  border: 2px solid #17BE24;
  color: var(--color-light);
}
.btn.filled-green.icon .label:before, table th .sort-container span.btn.filled-green.icon-up .label:before, table th .sort-container span.btn.filled-green.icon-down .label:before, .btn.filled-green.a10-select-field.icon-closed:before .label:before, .btn.filled-green.a10-select-field.icon-open:before .label:before, .btn.filled-green.info-action .label:before, input.filled-green.icon[type=submit].dex-btn .label:before, input.filled-green[type=submit].dex-btn.a10-select-field.icon-closed:before .label:before, input.filled-green[type=submit].dex-btn.a10-select-field.icon-open:before .label:before, input.filled-green[type=submit].dex-btn.info-action .label:before, form > .item .file-upload label.filled-green.icon[type=submit].dex-btn.fileupload .label:before, form > .item .file-upload label.filled-green[type=submit].dex-btn.fileupload.a10-select-field.icon-closed:before .label:before, form > .item .file-upload label.filled-green[type=submit].dex-btn.fileupload.a10-select-field.icon-open:before .label:before, form > .item .file-upload label.filled-green[type=submit].dex-btn.fileupload.info-action .label:before,
button.filled-green.icon.dex-btn .label:before,
button.filled-green.dex-btn.a10-select-field.icon-closed:before .label:before,
button.filled-green.dex-btn.a10-select-field.icon-open:before .label:before,
button.filled-green.dex-btn.info-action .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .btn.filled-green.image-placeholder .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + input.filled-green[type=submit].dex-btn.image-placeholder .label:before, form > .item .file-upload #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + label.filled-green[type=submit].dex-btn.fileupload.image-placeholder .label:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper form > .item .file-upload img[src=""] + label.filled-green[type=submit].dex-btn.fileupload.image-placeholder .label:before,
#Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + button.filled-green.dex-btn.image-placeholder .label:before, form > .item .image-wrapper img[src=""] + .btn.filled-green.image-placeholder .label:before, form > .item .image-wrapper img[src=""] + input.filled-green[type=submit].dex-btn.image-placeholder .label:before, form > .item .file-upload .image-wrapper img[src=""] + label.filled-green[type=submit].dex-btn.fileupload.image-placeholder .label:before, form > .item .image-wrapper .file-upload img[src=""] + label.filled-green[type=submit].dex-btn.fileupload.image-placeholder .label:before,
form > .item .image-wrapper img[src=""] + button.filled-green.dex-btn.image-placeholder .label:before, form > .item .image-wrapper .btn.filled-green.add-avatar-btn .label:before, form > .item .image-wrapper input.filled-green[type=submit].dex-btn.add-avatar-btn .label:before, form > .item .file-upload .image-wrapper label.filled-green[type=submit].dex-btn.fileupload.add-avatar-btn .label:before, form > .item .image-wrapper .file-upload label.filled-green[type=submit].dex-btn.fileupload.add-avatar-btn .label:before,
form > .item .image-wrapper button.filled-green.dex-btn.add-avatar-btn .label:before, .btn.filled-green.loading .label:before, input.filled-green.loading[type=submit].dex-btn .label:before, form > .item .file-upload label.filled-green.loading[type=submit].dex-btn.fileupload .label:before,
button.filled-green.loading.dex-btn .label:before {
  background-color: var(--color-light);
}
.btn.filled-green.active, input.filled-green.active[type=submit].dex-btn, form > .item .file-upload label.filled-green.active[type=submit].dex-btn.fileupload,
button.filled-green.active.dex-btn, .btn.filled-green:hover, input.filled-green[type=submit].dex-btn:hover, form > .item .file-upload label.filled-green[type=submit].dex-btn.fileupload:hover,
button.filled-green.dex-btn:hover {
  background: #2B2729;
  border-color: #2B2729;
}
.btn.filled-dark.active, input.filled-dark.active[type=submit].dex-btn, form > .item .file-upload label.filled-dark.active[type=submit].dex-btn.fileupload,
button.filled-dark.active.dex-btn, .btn.filled-grey.active, input.filled-grey.active[type=submit].dex-btn, form > .item .file-upload label.filled-grey.active[type=submit].dex-btn.fileupload,
button.filled-grey.active.dex-btn, .btn.filled-brand.active, input.filled-brand.active[type=submit].dex-btn, form > .item .file-upload label.filled-brand.active[type=submit].dex-btn.fileupload,
button.filled-brand.active.dex-btn {
  cursor: default;
}

.cta-btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E84E0F;
  color: var(--color-light);
  font-size: 16px;
  font-weight: 700;
  padding: 0px 26px 0px 26px;
  border-radius: 16px;
  cursor: pointer;
  line-height: 56px;
  box-shadow: 6px 6px 16px rgba(102, 66, 220, 0.2588235294);
}
.cta-btn span.icon, .cta-btn table th .sort-container span.icon-up, table th .sort-container .cta-btn span.icon-up, .cta-btn table th .sort-container span.icon-down, table th .sort-container .cta-btn span.icon-down, .cta-btn span.a10-select-field.icon-closed:before, .cta-btn span.a10-select-field.icon-open:before, .cta-btn span.info-action, .cta-btn #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper .cta-btn img[src=""] + span.image-placeholder, .cta-btn form > .item .image-wrapper img[src=""] + span.image-placeholder, form > .item .image-wrapper .cta-btn img[src=""] + span.image-placeholder, .cta-btn form > .item .image-wrapper span.add-avatar-btn, form > .item .image-wrapper .cta-btn span.add-avatar-btn {
  width: 32px;
  height: 32px;
  position: relative;
  margin-right: 10px;
}
.cta-btn span.icon:before, .cta-btn table th .sort-container span.icon-up:before, table th .sort-container .cta-btn span.icon-up:before, .cta-btn table th .sort-container span.icon-down:before, table th .sort-container .cta-btn span.icon-down:before, .cta-btn span.a10-select-field.icon-closed:before, .cta-btn span.a10-select-field.icon-open:before, .cta-btn span.info-action:before, .cta-btn #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper .cta-btn img[src=""] + span.image-placeholder:before, .cta-btn form > .item .image-wrapper img[src=""] + span.image-placeholder:before, form > .item .image-wrapper .cta-btn img[src=""] + span.image-placeholder:before, .cta-btn form > .item .image-wrapper span.add-avatar-btn:before, form > .item .image-wrapper .cta-btn span.add-avatar-btn:before {
  background: var(--color-light);
}

.a10-toggle {
  position: absolute;
}
.a10-toggle input[type=checkbox], .a10-toggle form > .item .file-upload label[type=checkbox].fileupload, form > .item .file-upload .a10-toggle label[type=checkbox].fileupload {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.a10-toggle input[type=checkbox]:checked ~ .checkbox, .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox, form > .item .file-upload .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox {
  background: #E84E0F;
  border-color: #E84E0F;
}
.a10-toggle input[type=checkbox]:checked ~ .checkbox:before, .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox:before, form > .item .file-upload .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox:before {
  display: initial;
}
.a10-toggle .checkbox {
  position: relative;
  height: 20px;
  width: 20px;
  margin: 0 0 0 0;
  border-radius: 6px;
  border: 1px solid #8D8D8D;
  cursor: pointer;
}
.a10-toggle .checkbox:before {
  display: none;
  -webkit-mask: url(../images//svg/icons/icons-check.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-check.svg) no-repeat 50% 50%;
  height: 18px;
  width: 18px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: var(--color-light);
}
.a10-toggle .checkbox.disabled {
  opacity: 0;
  pointer-events: none;
}
.a10-toggle .checkbox.date-cb:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 150px;
}

.dex-toggle {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin-right: 30px;
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
.dex-toggle:last-of-type {
  margin-right: 0;
}
.dex-toggle .label {
  position: relative;
  top: -1px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
}
.dex-toggle .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  margin-right: 14px;
  margin-bottom: 0;
}
.dex-toggle .switch input, .dex-toggle .switch form > .item .file-upload label.fileupload, form > .item .file-upload .dex-toggle .switch label.fileupload {
  opacity: 0;
  width: 0;
  height: 0;
}
.dex-toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ADADAD;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.dex-toggle .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: var(--color-light);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.dex-toggle input:checked + .slider, .dex-toggle form > .item .file-upload label.fileupload:checked + .slider, form > .item .file-upload .dex-toggle label.fileupload:checked + .slider {
  background-color: #17BE24;
}
.dex-toggle input:checked + .slider:before, .dex-toggle form > .item .file-upload label.fileupload:checked + .slider:before, form > .item .file-upload .dex-toggle label.fileupload:checked + .slider:before {
  background-color: var(--color-light);
}
.dex-toggle input:focus + .slider, .dex-toggle form > .item .file-upload label.fileupload:focus + .slider, form > .item .file-upload .dex-toggle label.fileupload:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.dex-toggle input:checked + .slider:before, .dex-toggle form > .item .file-upload label.fileupload:checked + .slider:before, form > .item .file-upload .dex-toggle label.fileupload:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
.dex-toggle .slider.round {
  border-radius: 34px;
}
.dex-toggle .slider.round:focus-visible {
  outline: none;
}
.dex-toggle .slider.round:before {
  border-radius: 50%;
}

/* ------------------------------------
   Modals
------------------------------------- */
div.footer-cta {
  position: fixed;
  display: none;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  background: var(--color-light);
  box-shadow: 0px 3px 24px rgba(102, 66, 220, 0.2588235294);
  border: 0.5px solid #D8D8D8;
  border-radius: 12px;
  padding: 0 31px;
  height: 60px;
  box-sizing: border-box;
  font-size: 15.6px;
  z-index: 999;
  color: #8D8D8D;
}
div.footer-cta.active {
  display: flex;
}
div.footer-cta .count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  margin-right: 30px;
  color: var(--color-text);
}
div.footer-cta .divider {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  border: 1px solid #CECECE;
  height: 30px;
  margin-right: 30px;
}
div.footer-cta .item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  cursor: pointer;
}
div.footer-cta .item:last-child {
  margin-right: 0;
}
div.footer-cta .item:hover {
  color: #E84E0F;
}
div.footer-cta .item:hover span.icon:before, div.footer-cta .item:hover table th .sort-container span.icon-up:before, table th .sort-container div.footer-cta .item:hover span.icon-up:before, div.footer-cta .item:hover table th .sort-container span.icon-down:before, table th .sort-container div.footer-cta .item:hover span.icon-down:before, div.footer-cta .item:hover span.a10-select-field.icon-closed:before, div.footer-cta .item:hover span.a10-select-field.icon-open:before, div.footer-cta .item:hover span.info-action:before, div.footer-cta .item:hover #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper div.footer-cta .item:hover img[src=""] + span.image-placeholder:before, div.footer-cta .item:hover form > .item .image-wrapper img[src=""] + span.image-placeholder:before, form > .item .image-wrapper div.footer-cta .item:hover img[src=""] + span.image-placeholder:before, div.footer-cta .item:hover form > .item .image-wrapper span.add-avatar-btn:before, form > .item .image-wrapper div.footer-cta .item:hover span.add-avatar-btn:before {
  background: #E84E0F;
}
div.footer-cta .item span.icon, div.footer-cta .item table th .sort-container span.icon-up, table th .sort-container div.footer-cta .item span.icon-up, div.footer-cta .item table th .sort-container span.icon-down, table th .sort-container div.footer-cta .item span.icon-down, div.footer-cta .item span.a10-select-field.icon-closed:before, div.footer-cta .item span.a10-select-field.icon-open:before, div.footer-cta .item span.info-action, div.footer-cta .item #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper div.footer-cta .item img[src=""] + span.image-placeholder, div.footer-cta form > .item .image-wrapper img[src=""] + span.image-placeholder, div.footer-cta form > .item .image-wrapper span.add-avatar-btn {
  position: relative;
  margin-right: 5.5px;
}
div.footer-cta .item span.icon:before, div.footer-cta .item table th .sort-container span.icon-up:before, table th .sort-container div.footer-cta .item span.icon-up:before, div.footer-cta .item table th .sort-container span.icon-down:before, table th .sort-container div.footer-cta .item span.icon-down:before, div.footer-cta .item span.a10-select-field.icon-closed:before, div.footer-cta .item span.a10-select-field.icon-open:before, div.footer-cta .item span.info-action:before, div.footer-cta .item #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper div.footer-cta .item img[src=""] + span.image-placeholder:before, div.footer-cta form > .item .image-wrapper img[src=""] + span.image-placeholder:before, div.footer-cta form > .item .image-wrapper span.add-avatar-btn:before {
  background: #8D8D8D;
}

.dmp-outer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(5, 0, 2, 0.6);
  overflow: auto;
  z-index: 999;
  scrollbar-color: light;
}
.dmp-outer .dmp-inner {
  position: absolute;
  left: 50%;
  max-width: -moz-calc(100% - 40px);
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
  background-color: transparent;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1043;
}
.dmp-outer .dmp-inner.fixed-content {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.dmp-outer .dmp-inner .dmp-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 56px;
  height: 56px;
  cursor: pointer;
  background: transparent;
  z-index: 1044;
}
.dmp-outer .dmp-inner .dmp-close:before {
  -webkit-mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
  left: 20px;
  width: 16px;
  height: 16px;
  background-color: #CFCFCF;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.dmp-outer .dmp-inner .dmp-close:hover:before {
  background-color: #E84E0F;
}

.dmp-content {
  display: none;
  width: 640px;
  max-width: 100%;
  margin-bottom: 0;
  padding: 50px 40px;
  background: var(--color-light);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.dmp-content.active {
  display: block;
}
.dmp-content .dmp-heading {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 34px;
}
.dmp-content .dmp-heading.alert {
  color: #E34141;
}
.dmp-content .dmp-prompt-label {
  margin-bottom: 8px;
}
.dmp-content .dmp-prompt-content {
  font-size: 1.2em;
  font-weight: 600;
}
.dmp-content .divider {
  height: 1px;
  width: 100%;
  background-color: #cecece;
  margin: 10px 0 24px;
}
.dmp-content .dynamic-content {
  width: 100%;
  max-width: 100%;
}
.dmp-content div.textarea {
  width: 100%;
  height: 92px;
  padding: 12px 14px 14px 14px;
  overflow-y: scroll;
  border: 0.5px solid #e8e8e8;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.dmp-content div.textarea .pipe {
  color: #CFCFCF;
  margin: 0 8px;
}
.dmp-content .a10-toggle {
  position: relative;
  padding: 8px 0;
}
.dmp-content .a10-toggle input[type=checkbox], .dmp-content .a10-toggle form > .item .file-upload label[type=checkbox].fileupload, form > .item .file-upload .dmp-content .a10-toggle label[type=checkbox].fileupload {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.dmp-content .a10-toggle input[type=checkbox]:checked ~ .checkbox, .dmp-content .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox, form > .item .file-upload .dmp-content .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox {
  background: #E84E0F !important;
  border-color: #E84E0F;
}
.dmp-content .a10-toggle input[type=checkbox]:checked ~ .checkbox:before, .dmp-content .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox:before, form > .item .file-upload .dmp-content .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox:before {
  display: initial;
}
.dmp-content .a10-toggle input[type=checkbox]:checked ~ .checkbox, .dmp-content .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox, form > .item .file-upload .dmp-content .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox {
  background-color: transparent;
  border-color: #8D8D8D;
}
.dmp-content .a10-toggle label.checkbox {
  z-index: 99;
  position: relative;
  margin: 0;
  height: 20px;
  width: 20px;
  border-radius: 6px;
  border: 1px solid #8D8D8D;
  cursor: pointer;
  line-height: 22px;
}
.dmp-content .a10-toggle label.checkbox:before {
  display: none;
  -webkit-mask: url(../images//svg/icons/icons-check.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-check.svg) no-repeat 50% 50%;
  padding: 8px 0;
  height: 12px;
  width: 12px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: var(--color-light);
  z-index: 10;
}
.dmp-content .a10-toggle label.checkbox:after {
  content: attr(data-text);
  position: absolute;
  padding: 8px 30px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
}

dialog.modal {
  padding: 24px;
  max-width: 480px;
  border: 0;
  outline: 0;
  border-radius: 8px;
  box-shadow: 0px 0px 26px rgba(39, 26, 59, 0.2);
  font-size: 16px;
}
dialog.modal::backdrop {
  background-color: rgba(0, 0, 0, 0.6);
}
dialog.modal .modal-heading {
  margin-right: 40px;
  font-size: 20px;
  font-weight: 700;
}
dialog.modal p {
  margin-top: 12px;
  color: #707070;
}
dialog.modal .modal-footer {
  margin-top: 32px;
}
dialog.modal .modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  font-size: 24px;
  color: #707070;
  cursor: pointer;
}
dialog.modal .modal-close:hover {
  color: #2B2729;
}
dialog.modal .modal-close:after {
  content: "✕";
}
html:has(dialog.modal[open]) {
  overflow: hidden;
}

.info-action {
  position: relative;
}
.info-action:before {
  color: var(--color-text);
}
.info-action:after {
  opacity: 0;
  content: attr(data-text);
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate3d(100%, -80%, 0);
  -moz-transform: translate3d(100%, -80%, 0);
  -ms-transform: translate3d(100%, -80%, 0);
  -o-transform: translate3d(100%, -80%, 0);
  transform: translate3d(100%, -80%, 0);
  min-width: 200px;
  font-weight: 400;
  background: var(--color-light);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
  padding: 15px 16px 16px 14px;
  font-size: 11px;
  border: 0.5px solid #DBDBDB;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 20px 0 rgba(102, 66, 220, 0.2);
  -moz-box-shadow: 0 3px 20px 0 rgba(102, 66, 220, 0.2);
  box-shadow: 0 3px 20px 0 rgba(102, 66, 220, 0.2);
}
.info-action.active:after {
  opacity: 1;
  -webkit-transform: translate3d(100%, -100%, 0);
  -moz-transform: translate3d(100%, -100%, 0);
  -ms-transform: translate3d(100%, -100%, 0);
  -o-transform: translate3d(100%, -100%, 0);
  transform: translate3d(100%, -100%, 0);
}

#message-box {
  z-index: 0;
  display: block;
  position: fixed;
  left: 50%;
  bottom: 40px;
  opacity: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: var(--color-light);
  font-size: 15.6px;
  padding: 15px 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.5px solid #C9DEC0;
  border-radius: 12px;
  -webkit-box-shadow: 0 3px 20px 0 rgba(101, 183, 68, 0.2);
  -moz-box-shadow: 0 3px 20px 0 rgba(101, 183, 68, 0.2);
  box-shadow: 0 3px 20px 0 rgba(101, 183, 68, 0.2);
  font-weight: 600;
  color: var(--color-text);
}
#message-box .message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
#message-box .message i.icon, #message-box .message i.a10-select-field.icon-closed:before, #message-box .message i.a10-select-field.icon-open:before, #message-box .message #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper #message-box .message img[src=""] + i.image-placeholder, #message-box .message form > .item .image-wrapper img[src=""] + i.image-placeholder, form > .item .image-wrapper #message-box .message img[src=""] + i.image-placeholder, #message-box .message form > .item .image-wrapper i.add-avatar-btn, form > .item .image-wrapper #message-box .message i.add-avatar-btn, #message-box .message i.info-action {
  width: 36px;
  height: 36px;
  margin-right: 8px;
}
#message-box .message i.icon:before, #message-box .message i.a10-select-field.icon-closed:before, #message-box .message i.a10-select-field.icon-open:before, #message-box .message #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper #message-box .message img[src=""] + i.image-placeholder:before, #message-box .message form > .item .image-wrapper img[src=""] + i.image-placeholder:before, form > .item .image-wrapper #message-box .message img[src=""] + i.image-placeholder:before, #message-box .message form > .item .image-wrapper i.add-avatar-btn:before, form > .item .image-wrapper #message-box .message i.add-avatar-btn:before, #message-box .message i.info-action:before {
  background-color: #17BE24;
}
#message-box.active {
  opacity: 1;
  -webkit-transform: translate3d(-50%, -20px, 0);
  -moz-transform: translate3d(-50%, -20px, 0);
  -ms-transform: translate3d(-50%, -20px, 0);
  -o-transform: translate3d(-50%, -20px, 0);
  transform: translate3d(-50%, -20px, 0);
  z-index: 9999;
}
#message-box.error {
  border: 0.5px solid #E6C7C2;
  -webkit-box-shadow: 0 3px 20px 0 rgba(230, 54, 22, 0.2);
  -moz-box-shadow: 0 3px 20px 0 rgba(230, 54, 22, 0.2);
  box-shadow: 0 3px 20px 0 rgba(230, 54, 22, 0.2);
}
#message-box.error .message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#message-box.error .message i.icon:before, #message-box.error .message i.a10-select-field.icon-closed:before, #message-box.error .message i.a10-select-field.icon-open:before, #message-box.error .message #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper #message-box.error .message img[src=""] + i.image-placeholder:before, #message-box.error .message form > .item .image-wrapper img[src=""] + i.image-placeholder:before, form > .item .image-wrapper #message-box.error .message img[src=""] + i.image-placeholder:before, #message-box.error .message form > .item .image-wrapper i.add-avatar-btn:before, form > .item .image-wrapper #message-box.error .message i.add-avatar-btn:before, #message-box.error .message i.info-action:before {
  background-color: #FF0000;
}

#ajax-loader.active {
  display: initial;
}
#ajax-loader.active .loader {
  opacity: 1;
}
#ajax-loader.mask-active.mask-hidden .loader-mask {
  opacity: 0;
}
#ajax-loader.mask-active .loader-mask {
  display: block;
  opacity: 0.16;
}
#ajax-loader.mask-active ~ * * {
  pointer-events: none !important;
}
#ajax-loader .loader-mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  background: #3B1655;
  z-index: 998;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#ajax-loader .loader {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background: transparent;
  z-index: 1000;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  transition-delay: 0.2s;
}
#ajax-loader .loader.active {
  display: block;
}
#ajax-loader .loader svg {
  overflow: initial;
}
#ajax-loader .loader svg .shadow {
  -webkit-filter: drop-shadow(0 0 40px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 40px rgba(0, 0, 0, 0.5));
}

/* ------------------------------------
   Plugins
------------------------------------- */
#air-datepicker-global-container {
  z-index: 9999;
}

.only-timepicker .air-datepicker--navigation,
.only-timepicker .air-datepicker--content {
  display: none;
}

.only-timepicker .air-datepicker--time {
  border-top: none;
  max-width: 200px;
}

.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}

.datepicker--cell.-focus- {
  background: #f0f0f0;
}

.datepicker--cell.-current- {
  color: #4EB5E6;
}

.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}

.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6;
}

.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}

.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 4px 0 0 4px;
}

.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #E84E0F;
}

.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}

.datepicker--cell.-selected- {
  border: none;
}

.datepicker--cell.-selected-.-focus- {
  background: #45bced;
}

.datepicker--cell:empty {
  cursor: default;
}

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}

.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer {
  display: none;
}

.datepicker--cell-day {
  width: 14.28571%;
}

.datepicker--cells-months {
  height: 170px;
}

.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}

.datepicker--cells-years, .datepicker--years {
  height: 170px;
}

.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}

.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}

@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
}

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.datepicker--content {
  box-sizing: content-box;
  padding: 4px;
}

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
  background: #f0f0f0;
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer {
  left: 10px;
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer {
  right: 10px;
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer {
  left: calc(50% - 5px);
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
  top: 10px;
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  bottom: 10px;
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
  top: calc(50% - 5px);
}

.datepicker--body.active {
  display: block;
}

.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}

.-only-timepicker- .datepicker--nav {
  display: none;
}

.datepicker--nav-action, .datepicker--nav-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker--nav-action.-disabled- {
  visibility: hidden;
}

.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}

.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}

.datepicker--buttons, .datepicker--time {
  border-top: 1px solid #efefef;
  padding: 4px;
}

.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px;
}

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: 0 0;
}

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
}

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}

.datepicker--time {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  flex: 0 1 138px;
  max-width: 138px;
}

.-only-timepicker- .datepicker--time {
  border-top: none;
}

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}

.datepicker--time-label {
  display: none;
  font-size: 12px;
}

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.datepicker--time-current-hours, .datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {
  content: "";
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
}

.datepicker--time-row:first-child {
  margin-bottom: 4px;
}

.datepicker--time-row input[type=range], .datepicker--time-row form > .item .file-upload label[type=range].fileupload, form > .item .file-upload .datepicker--time-row label[type=range].fileupload {
  background: 0 0;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.datepicker--time-row input[type=range]::-ms-tooltip, .datepicker--time-row form > .item .file-upload label[type=range].fileupload::-ms-tooltip, form > .item .file-upload .datepicker--time-row label[type=range].fileupload::-ms-tooltip {
  display: none;
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb, .datepicker--time-row form > .item .file-upload label[type=range].fileupload:hover::-webkit-slider-thumb, form > .item .file-upload .datepicker--time-row label[type=range].fileupload:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb, .datepicker--time-row form > .item .file-upload label[type=range].fileupload:hover::-moz-range-thumb, form > .item .file-upload .datepicker--time-row label[type=range].fileupload:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-ms-thumb, .datepicker--time-row form > .item .file-upload label[type=range].fileupload:hover::-ms-thumb, form > .item .file-upload .datepicker--time-row label[type=range].fileupload:hover::-ms-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:focus, .datepicker--time-row form > .item .file-upload label[type=range].fileupload:focus, form > .item .file-upload .datepicker--time-row label[type=range].fileupload:focus {
  outline: 0;
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb, .datepicker--time-row form > .item .file-upload label[type=range].fileupload:focus::-webkit-slider-thumb, form > .item .file-upload .datepicker--time-row label[type=range].fileupload:focus::-webkit-slider-thumb {
  background: #E84E0F;
  border-color: #E84E0F;
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb, .datepicker--time-row form > .item .file-upload label[type=range].fileupload:focus::-moz-range-thumb, form > .item .file-upload .datepicker--time-row label[type=range].fileupload:focus::-moz-range-thumb {
  background: #E84E0F;
  border-color: #E84E0F;
}

.datepicker--time-row input[type=range]:focus::-ms-thumb, .datepicker--time-row form > .item .file-upload label[type=range].fileupload:focus::-ms-thumb, form > .item .file-upload .datepicker--time-row label[type=range].fileupload:focus::-ms-thumb {
  background: #E84E0F;
  border-color: #E84E0F;
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb, .datepicker--time-row form > .item .file-upload label[type=range].fileupload::-webkit-slider-thumb, form > .item .file-upload .datepicker--time-row label[type=range].fileupload::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
  margin-top: -6px;
}

.datepicker--time-row input[type=range]::-moz-range-thumb, .datepicker--time-row form > .item .file-upload label[type=range].fileupload::-moz-range-thumb, form > .item .file-upload .datepicker--time-row label[type=range].fileupload::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-ms-thumb, .datepicker--time-row form > .item .file-upload label[type=range].fileupload::-ms-thumb, form > .item .file-upload .datepicker--time-row label[type=range].fileupload::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track, .datepicker--time-row form > .item .file-upload label[type=range].fileupload::-webkit-slider-runnable-track, form > .item .file-upload .datepicker--time-row label[type=range].fileupload::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.datepicker--time-row input[type=range]::-moz-range-track, .datepicker--time-row form > .item .file-upload label[type=range].fileupload::-moz-range-track, form > .item .file-upload .datepicker--time-row label[type=range].fileupload::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.datepicker--time-row input[type=range]::-ms-track, .datepicker--time-row form > .item .file-upload label[type=range].fileupload::-ms-track, form > .item .file-upload .datepicker--time-row label[type=range].fileupload::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.datepicker--time-row input[type=range]::-ms-fill-lower, .datepicker--time-row form > .item .file-upload label[type=range].fileupload::-ms-fill-lower, form > .item .file-upload .datepicker--time-row label[type=range].fileupload::-ms-fill-lower {
  background: 0 0;
}

.datepicker--time-row input[type=range]::-ms-fill-upper, .datepicker--time-row form > .item .file-upload label[type=range].fileupload::-ms-fill-upper, form > .item .file-upload .datepicker--time-row label[type=range].fileupload::-ms-fill-upper {
  background: 0 0;
}

.datepicker--time-row span {
  padding: 0 12px;
}

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}

.datepicker--time-icon:after, .datepicker--time-icon:before {
  content: "";
  background: currentColor;
  position: absolute;
}

.datepicker--time-icon:after {
  height: 0.4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.datepicker--time-icon:before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: 0 0;
  border: none;
}

.datepicker--cell.-selected-.-focus- {
  background: #b83e0c;
}

.datepicker--cell.-current- {
  color: #E84E0F;
}

#datepickers-container .datepicker {
  z-index: 2000;
}
#datepickers-container .datepicker.open-above {
  margin-top: -400px !important;
}
#datepickers-container .datepicker.open-above .datepicker--pointer {
  top: 100% !important;
  margin-top: -4px !important;
  transform: rotate(-225deg) !important;
  transform: rotate(-225deg) !important;
}

input[type=text].dex-datepicker-month-picker, form > .item .file-upload label[type=text].dex-datepicker-month-picker.fileupload {
  border-radius: 10px;
  height: 50px;
  padding: 0 21px;
  line-height: 50px;
  border-color: #8D8D8D;
  color: #707070;
  font-size: 15px;
}

.fileuploader-theme-dragdrop {
  width: 100%;
  margin: 0;
  padding: 0;
  background: var(--color-light);
  overflow-x: hidden;
}
.fileuploader-theme-dragdrop .fileuploader-input {
  display: block;
  padding: 60px 0;
  background: var(--color-light);
  border: 2px dashed #CFCFCF;
  border-radius: 14px;
  text-align: center;
  /* dragging state */
}
.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-icon-main {
  display: block;
  font-size: 56px;
  margin: 0 auto;
  margin-bottom: 26px;
  color: #CFCFCF;
}
.fileuploader-theme-dragdrop .fileuploader-input h3 {
  margin: 0;
  margin-bottom: 8px;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  font-size: 18px;
  font-weight: bold;
  color: #707070;
  white-space: normal;
  box-shadow: none;
}
.fileuploader-theme-dragdrop .fileuploader-input p {
  margin: 0;
  padding: 0;
  color: #90a0bc;
  margin-bottom: 12px;
}
.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner > * {
  -webkit-transition: 500ms cubic-bezier(0.17, 0.67, 0, 1.01);
  transition: 500ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-inner > * {
  transform: translateY(18px);
  opacity: 0;
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-icon-main {
  transform: translateY(30px) scale(1.2);
  opacity: 0.6;
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-caption {
  transform: translateY(30px);
  opacity: 0.6;
}
.fileuploader-theme-dragdrop button.fileuploader-input-button {
  background: #E84E0F;
}
.fileuploader-theme-dragdrop button.fileuploader-input-button:hover {
  box-shadow: none;
  transform: translateY(0);
  background: #2B2729;
}
.fileuploader-theme-dragdrop .fileuploader-items .fileuploader-items-list {
  margin: 16px 0 16px 0;
}
.fileuploader-theme-dragdrop .fileuploader-items .fileuploader-items-list div.column-title {
  color: #8D8D8D;
}
.fileuploader-theme-dragdrop .fileuploader-items .fileuploader-items-list button.fileuploader-action.fileuploader-action-success {
  box-shadow: none;
  background: #17BE24;
}
.fileuploader-theme-dragdrop .fileuploader-items .fileuploader-items-list button.fileuploader-action.fileuploader-action-success:hover {
  box-shadow: none;
  background: #E34141;
}

.fileuploader-theme-avatar {
  width: 80px;
  height: 80px;
  margin-top: 15px;
}
.fileuploader-theme-avatar:hover .fileuploader-menu {
  transform: unset;
}
.fileuploader-theme-avatar .fileuploader-menu {
  bottom: 5px;
  right: 0;
}
.fileuploader-theme-avatar .fileuploader-menu ul li {
  background: var(--color-light);
}
.fileuploader-theme-avatar .fileuploader-menu-open {
  padding: 0 2px;
  background-color: #E84E0F;
  color: var(--color-light);
  font-size: 15px;
}
.fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 span i.fileuploader-icon-success {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(67, 208, 132, 0.6);
}
.fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 span i.fileuploader-icon-success:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 svg {
  display: none !important;
}

/* ------------------------------------
   A10Select
------------------------------------- */
.a10-select-field {
  position: relative;
  min-height: 48px;
  cursor: pointer;
}
.a10-select-field .hide {
  display: none !important;
}
.a10-select-field.focused {
  z-index: 9;
}
.a10-select-field.icon-open:before {
  left: unset;
  right: 20px;
  width: 18px;
  height: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--color-text);
  z-index: 10;
}
.a10-select-field.icon-open .clear-selections {
  display: none;
}
.a10-select-field.icon-closed:before {
  left: unset;
  right: 20px;
  width: 18px;
  height: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--color-text);
  z-index: 10;
}
.a10-select-field .a10-select-selection {
  position: relative;
  width: 100%;
  min-height: 48px;
  height: auto;
  line-height: 48px; /*border: .5px solid $color-grey-semi-dark;*/
  cursor: pointer;
  background-color: #E8E8E8;
  border-radius: 4px;
  font-size: 15px;
  pointer-events: none;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.a10-select-field .a10-select-selection * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.a10-select-field .a10-select-selection.opened {
  position: absolute;
}
.a10-select-field .a10-select-selection .selection {
  min-height: inherit;
}
.a10-select-field .a10-select-selection .selection > div.placeholder, .a10-select-field .a10-select-selection .selection > div.selected-value, .a10-select-field .a10-select-selection .selection div.a10-select-search {
  line-height: inherit;
  min-height: inherit;
  text-indent: 12px;
}
.a10-select-field .a10-select-selection .selection div.placeholder {
  color: #8D8D8D;
}
.a10-select-field .a10-select-selection .selection .a10-select-search-wrap {
  position: relative;
  min-height: inherit;
  padding-left: 40px;
}
.a10-select-field .a10-select-selection .selection .a10-select-search-wrap:before {
  -webkit-mask: url(../images/svg/icons/icons-search.svg) no-repeat 50% 50%;
  mask: url(../images/svg/icons/icons-search.svg) no-repeat 50% 50%;
  left: 20px;
  width: 20px;
  height: 20px;
  opacity: 1;
  z-index: 10;
}
.a10-select-field .a10-select-selection .selection .a10-select-search-wrap .a10-select-search {
  min-height: inherit;
  border: none;
  background: transparent;
  cursor: text;
  pointer-events: initial;
  box-shadow: none !important;
  padding: 0 20px 0 10px;
}
.a10-select-field .a10-select-selection .selection .a10-select-search-wrap .a10-select-search * {
  pointer-events: none;
}
.a10-select-field .a10-select-selection .selection .a10-select-search-wrap .a10-select-search:focus {
  border: none;
  outline: none;
}
.a10-select-field .a10-select-selection .selection .a10-select-multiple-container {
  padding: 3px;
  max-width: 90%;
}
.a10-select-field .a10-select-selection .selection .a10-select-multiple-container .a10-selection {
  margin: 3px;
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
}
.a10-select-field .a10-select-selection .selection .a10-select-multiple-container .a10-selection.required {
  background-color: #8D8D8D;
  pointer-events: none;
}
.a10-select-field .a10-select-selection .selection .a10-select-multiple-container .a10-selection.required i {
  display: none;
}
.a10-select-field .a10-select-selection .selection .inner-multiselect-placeholder {
  position: relative;
  max-width: 90%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px;
  align-items: center;
  min-height: inherit;
  width: auto;
  padding-left: 15px;
  overflow: hidden;
}
.a10-select-field .a10-select-selection .selection .inner-multiselect-placeholder:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: 0;
  width: calc(144px);
  height: 100%;
  background: linear-gradient(to right, rgba(var(--color-light), 0) 0%, rgba(var(--color-light), 1) 66.6%);
}
.a10-select-field .a10-select-selection .selection .inner-multiselect-placeholder .item {
  flex: 0;
  max-width: 100%;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  font-size: 10px;
  border-radius: 10px;
  background-color: #E84E0F;
  color: var(--color-light);
  opacity: 1;
  text-align: center;
  white-space: nowrap;
  cursor: default;
}
.a10-select-field .a10-select-selection .selection .inner-multiselect-placeholder .item.required {
  background: #8D8D8D;
}
.a10-select-field .a10-select-selection .clear-selections {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  min-height: inherit;
  cursor: pointer;
  pointer-events: initial;
}
.a10-select-field .a10-select-selection .clear-selections:before {
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 14px;
  background-color: #8D8D8D;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
}
.a10-select-field .a10-select-selection .clear-selections.hide {
  display: none;
}
.a10-select-field .a10-select-selection div.content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.a10-select-field .a10-select-selection div.content div.profile, .a10-select-field .a10-select-selection div.content div.manager {
  display: none;
}

.a10-select-multiple-container {
  position: relative;
  width: 100%;
  pointer-events: initial;
  cursor: default;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  max-width: auto;
}
.a10-select-multiple-container.hide {
  display: none;
}
.a10-select-multiple-container .a10-selection {
  flex: 0;
  max-width: 100%;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 3px 8px 3px;
  font-size: 10px;
  border-radius: 4px;
  background-color: #E84E0F;
  color: var(--color-light);
  opacity: 1;
  text-align: center;
  white-space: nowrap;
  pointer-events: initial;
  cursor: default;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.a10-select-multiple-container .a10-selection .icon-wrap {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  height: 100%;
  font-weight: bold;
  width: 8px;
  vertical-align: middle;
  line-height: inherit;
  cursor: pointer;
}
.a10-select-multiple-container .a10-selection .icon-wrap:before {
  -webkit-mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
  line-height: inherit;
  left: -2px;
  width: 12px;
  height: 12px;
  margin-top: -1px;
  background-color: var(--color-light);
  z-index: 10;
}

.a10-select-dropdown {
  z-index: 1050;
  position: absolute;
  height: 200px;
  max-height: 200px;
  border: 1px solid #A4A4B0;
  cursor: pointer;
  overflow: hidden;
  background-color: #fff;
  opacity: 0;
  border-radius: 10px;
  font-size: 14px;
  line-height: 17px;
  color: #2B2729;
  opacity: 1;
  margin-top: 0;
  min-width: 212px;
  -webkit-box-shadow: 0 0 20px 0 rgba(130, 130, 130, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(130, 130, 130, 0.2);
  box-shadow: 0 0 20px 0 rgba(130, 130, 130, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  -webkit-transition-property: opacity, margin;
  -moz-transition-property: opacity, margin;
  -ms-transition-property: opacity, margin;
  -o-transition-property: opacity, margin;
  transition-property: opacity, margin;
}
.a10-select-dropdown * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.a10-select-dropdown.visible {
  opacity: 1;
}
.a10-select-dropdown.search {
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.a10-select-dropdown.scrolling .a10-select-option:hover {
  background-color: #fff !important;
}
.a10-select-dropdown.scroll-disabled .a10-select-scrollbar .handle {
  opacity: 0.4;
  cursor: default;
}
.a10-select-dropdown.scroll-disabled .a10-select-scrollbar .handle:hover {
  background-color: #CFCFCF;
}
.a10-select-dropdown.appended {
  opacity: 0;
  margin-top: 10px;
}
.a10-select-dropdown .a10-select-options {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.a10-select-dropdown .a10-select-options .a10-select-option {
  padding: 11.5px 30px 11.5px 20px;
  line-height: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
}
.a10-select-dropdown .a10-select-options .a10-select-option:not(:last-child) {
  border-bottom: 0.5px solid #e8e8e8;
}
.a10-select-dropdown .a10-select-options .a10-select-option:hover, .a10-select-dropdown .a10-select-options .a10-select-option:hover.selected {
  background-color: #e8e8e8;
}
.a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title .icon, .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title table th .sort-container span.icon-up, table th .sort-container .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title span.icon-up, .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title table th .sort-container span.icon-down, table th .sort-container .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title span.icon-down, .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title img[src=""] + .image-placeholder, .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title form > .item .image-wrapper img[src=""] + .image-placeholder, form > .item .image-wrapper .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title img[src=""] + .image-placeholder, .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title form > .item .image-wrapper .add-avatar-btn, form > .item .image-wrapper .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title .add-avatar-btn, .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title .info-action, .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title .a10-select-field.icon-open:before, .a10-select-dropdown .a10-select-options .a10-select-option:hover div.search-content .title .a10-select-field.icon-closed:before, .a10-select-dropdown .a10-select-options .a10-select-option:hover.selected div.search-content .title .icon {
  opacity: 1;
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.a10-select-dropdown .a10-select-options .a10-select-option.mixed-content {
  padding: 0;
  position: relative;
}
.a10-select-dropdown .a10-select-options .a10-select-option.mixed-content div.search-content {
  padding: 11.5px 30px 11.5px 20px;
}
.a10-select-dropdown .a10-select-options .a10-select-option.mixed-content div.search-content a {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.a10-select-dropdown .a10-select-options .a10-select-option.mixed-content:hover, .a10-select-dropdown .a10-select-options .a10-select-option.mixed-content:hover.selected, .a10-select-dropdown .a10-select-options .a10-select-option.mixed-content.active {
  background: var(--color-light);
}
.a10-select-dropdown .a10-select-options .a10-select-option.mixed-content:hover div.search-content .title, .a10-select-dropdown .a10-select-options .a10-select-option.mixed-content:hover.selected div.search-content .title, .a10-select-dropdown .a10-select-options .a10-select-option.mixed-content.active div.search-content .title {
  color: #E84E0F;
}
.a10-select-dropdown .a10-select-options .a10-select-option.mixed-content:hover div.search-content .info, .a10-select-dropdown .a10-select-options .a10-select-option.mixed-content:hover div.search-content .info-action, .a10-select-dropdown .a10-select-options .a10-select-option.mixed-content:hover.selected div.search-content .info, .a10-select-dropdown .a10-select-options .a10-select-option.mixed-content.active div.search-content .info, .a10-select-dropdown .a10-select-options .a10-select-option.mixed-content.active div.search-content .info-action {
  color: var(--color-text);
}
.a10-select-dropdown .a10-select-options .a10-select-option.selected {
  color: #E84E0F;
}
.a10-select-dropdown .a10-select-options .a10-select-option.active {
  background-color: #dbdbdb;
}
.a10-select-dropdown .a10-select-options .a10-select-option.hide {
  display: none;
}
.a10-select-dropdown .a10-select-options .a10-select-option div.search-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.a10-select-dropdown .a10-select-options .a10-select-option div.search-content .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}
.a10-select-dropdown .a10-select-options .a10-select-option div.search-content .info, .a10-select-dropdown .a10-select-options .a10-select-option div.search-content .info-action {
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  color: #8D8D8D;
  text-align: right;
}
.a10-select-dropdown .a10-select-scrollbar {
  position: absolute;
  background: #FAFAFA;
  height: 100%;
  width: 14px;
  top: 0;
  right: 0;
  cursor: default;
  border-left: 0.5px solid #e8e8e8;
  border-radius: 0px 6px 6px 0px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.a10-select-dropdown .a10-select-scrollbar .handle {
  position: absolute;
  top: 0;
  width: 14px;
  height: 20%;
  min-height: 20px;
  left: 0;
  padding: 4px;
  background-color: #CFCFCF;
  border-radius: 10px;
  background-clip: content-box;
}
.a10-select-dropdown .a10-select-scrollbar .handle:hover {
  background-color: #c2c2c2;
}

/*------------------------------------
	a10FilterRow
------------------------------------*/
.a10-filter-row #a10-filters-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.a10-filter-row #a10-filters-content .item {
  position: relative;
  flex: 0;
  height: 34px;
  padding: 6.5px 28px 6.5px 12px;
  background-color: #5C2482;
  color: var(--color-light);
  font-size: 14px;
  margin-right: 10px;
  line-height: 0;
  border-radius: 6px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.a10-filter-row #a10-filters-content .item.date-item {
  display: none;
}
.a10-filter-row #a10-filters-content .item span {
  vertical-align: text-bottom;
}
.a10-filter-row #a10-filters-content .item span.label {
  font-weight: 600;
  pointer-events: none;
  white-space: nowrap;
}
.a10-filter-row #a10-filters-content .item span.value {
  white-space: nowrap;
  margin-left: 5px;
  pointer-events: none;
}
.a10-filter-row #a10-filters-content .item .remove-filter {
  z-index: 10;
  display: block;
  top: 53%;
  left: unset;
  right: 10px;
  width: 14px;
  background-color: var(--color-light);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
}
.a10-filter-row #a10-filters-content .item:before {
  content: "";
  position: absolute;
  display: block;
  background: #5C2482;
  width: 8px;
  height: 100%;
  right: 0;
  top: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.a10-filter-row #a10-filters-content .item:hover:not(.new-filter)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background: linear-gradient(to right, rgba(92, 36, 130, 0) 0%, #5c2482 66.6%);
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.a10-filter-row #a10-filters-content .item.new-filter {
  position: relative;
  white-space: nowrap;
  max-width: 144px;
  padding-left: 18px;
  border: 1px dashed #42279B;
  display: initial;
  background-color: transparent;
  color: #5C2482;
  font-weight: 600;
}
.a10-filter-row #a10-filters-content .item.new-filter * {
  pointer-events: none;
}
.a10-filter-row #a10-filters-content .item.new-filter span {
  padding-left: 6px;
}
.a10-filter-row #a10-filters-content .item.new-filter:before {
  -webkit-mask: url(../images//svg/icons/icons-plus.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-plus.svg) no-repeat 50% 50%;
  height: 14px;
  width: 14px;
  left: 7px;
  margin-top: 0.5px;
  background-color: #5C2482;
  z-index: 10;
}
.a10-filter-row #filter-fields {
  display: none;
}

.a10-filter-wrapper {
  z-index: 99;
  position: absolute;
  padding: 14px 13px 26px 12px;
  border: 0.5px solid #e8e8e8;
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0px 3px 20px rgba(39, 26, 85, 0.2);
}
.a10-filter-wrapper.hide {
  display: none;
}
.a10-filter-wrapper .a10-select-field {
  min-height: 34px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection {
  line-height: 34px;
  min-height: 34px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection {
  font-size: inherit;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection .a10-select-search-wrap {
  padding-left: 34px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection .a10-select-search-wrap:before {
  height: 20px;
  width: 20px;
  left: 10px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection .a10-select-search-wrap input, .a10-filter-wrapper .a10-select-field .a10-select-selection .selection .a10-select-search-wrap form > .item .file-upload label.fileupload, form > .item .file-upload .a10-filter-wrapper .a10-select-field .a10-select-selection .selection .a10-select-search-wrap label.fileupload {
  padding: 0;
  font-size: inherit;
  height: 34px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection > div.selected-value {
  text-indent: 0;
  padding-left: 30px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .selection > div.selected-value:before {
  -webkit-mask: url(../images/svg/icons/icons-search.svg) no-repeat 50% 50%;
  mask: url(../images/svg/icons/icons-search.svg) no-repeat 50% 50%;
  height: 12px;
  width: 12px;
  left: 11px;
  z-index: 10;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .clear-selections {
  right: 11px;
}
.a10-filter-wrapper .a10-select-field .a10-select-selection .clear-selections:before {
  height: 12px;
  width: 12px;
}
.a10-filter-wrapper .a10-select-dropdown .a10-select-options .a10-select-option {
  color: #2B2729;
  font-size: 14px;
}
.a10-filter-wrapper .a10-select-multiple-container {
  margin-top: 10px;
}
.a10-filter-wrapper .a10-select-multiple-container .a10-selection {
  margin-right: 5px;
  margin-bottom: 5px;
}

/* --------------------------------------------------
    SELECT2 - PERUS/POHJATYYLIT
--------------------------------------------------- */
.select2-container {
  width: 100% !important;
  z-index: 9999;
}
.select2-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.select2-container span.select2-selection {
  width: 100%;
  height: 56px;
  border-radius: 12px !important;
  border: 0.5px solid #A4A4B0 !important;
  background: #f7f7f7 !important;
  box-shadow: none;
  font-family: inherit;
  font-size: 15.6px;
  font-weight: 700;
}
.select2-container span.select2-selection:focus {
  outline: none;
}
.select2-container span.select2-selection span.select2-selection__rendered {
  line-height: 56px;
  padding: 0 16px 0 52px;
  color: #2B2729;
}
.select2-container span.select2-selection span.select2-selection__rendered[id*=terapeutit]:before, .select2-container span.select2-selection span.select2-selection__rendered[id*=hoitomuodot]:before, .select2-container span.select2-selection span.select2-selection__rendered[id*=toimipisteet]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  display: inline-block;
  width: 22px;
  height: 56px;
  margin-right: 10px;
  background-color: #2B2729;
  opacity: 0.3;
}
.select2-container span.select2-selection span.select2-selection__rendered[id*=terapeutit][title]:before, .select2-container span.select2-selection span.select2-selection__rendered[id*=hoitomuodot][title]:before, .select2-container span.select2-selection span.select2-selection__rendered[id*=toimipisteet][title]:before {
  opacity: 1;
}
.select2-container span.select2-selection span.select2-selection__rendered[id*=terapeutit]:before {
  -webkit-mask: url(images/svg/icon-staff.svg) no-repeat 50% 50%;
  mask: url(images/svg/icon-staff.svg) no-repeat 50% 50%;
}
.select2-container span.select2-selection span.select2-selection__rendered[id*=hoitomuodot]:before {
  -webkit-mask: url(images/svg/icon-services.svg) no-repeat 50% 50%;
  mask: url(images/svg/icon-services.svg) no-repeat 50% 50%;
}
.select2-container span.select2-selection span.select2-selection__rendered[id*=toimipisteet]:before {
  -webkit-mask: url(images/svg/icon-location.svg) no-repeat 50% 50%;
  mask: url(images/svg/icon-location.svg) no-repeat 50% 50%;
}
.select2-container span.select2-selection span.select2-selection__rendered span.select2-selection__clear {
  line-height: 56px;
  font-size: 22px;
  font-weight: normal;
}
.select2-container span.select2-selection ul.select2-selection__rendered li.select2-selection__choice {
  height: 34px;
  border-radius: 6px;
  background: #E84E0F;
  color: var(--color-light);
  font-size: 14px;
  font-weight: 500;
  border: none;
  display: flex;
  flex-direction: row-reverse;
  padding: 6px 12px 9px 12px;
}
.select2-container span.select2-selection ul.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
  margin-right: 0;
  margin-left: 8px;
  color: var(--color-light);
}
.select2-container span.select2-selection span.select2-selection__arrow {
  display: none;
}

.select2-container span.select2-dropdown {
  border: none;
  box-shadow: none;
  font-family: inherit;
  font-size: 16px;
  color: #2B2729;
  background: #ECECEC;
  border-radius: 0 !important;
  margin-top: 10px !important;
  border-radius: 12px !important;
  overflow: hidden;
}
.select2-container .select2-selection.select2-selection--multiple ul.select2-selection__rendered {
  /*padding: 5px 5px 0 10px; */
}
.select2-container .select2-selection.select2-selection--multiple ul.select2-selection__rendered .select2-selection__choice {
  margin-top: 11px;
  margin-left: 5px;
}
.select2-container span.select2-results .select2-results__option {
  padding: 14px;
}
.select2-container span.select2-results .select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container span.select2-results .select2-results__option.select2-results__option[aria-selected=true] {
  background-color: #dbdbdb;
  color: var(--color-text);
}
.select2-container span.select2-results:focus {
  outline: none;
}
.select2-container .select2-search__field {
  border: none !important;
  border-radius: 8px !important;
  text-indent: 10px !important;
  padding: 8px !important;
  margin: 10px 0 10px 6px !important;
  width: calc(100% - 22px) !important;
}
.select2-container .select2-selection--multiple .select2-search__field {
  border: none !important;
  border-radius: 8px !important;
  text-indent: 10px !important;
  padding: 8px !important;
  margin: 10px 0 10px 0px !important;
  width: calc(100% - 22px) !important;
  font-weight: 700;
}
.select2-container span.select2-selection__rendered {
  padding: 0 16px 0 20px !important;
}

.chart-tooltip {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.chart-tooltip .tooltip-value {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text);
}

/* ------------------------------------
   Body
------------------------------------- */
:root {
  --color-text: #3B1655;
  --color-light: #fff;
}

html {
  min-height: 101%;
  background-color: var(--color-light);
}
html.theme-dark {
  --color-text: #fff;
  --color-light: #3B1655;
}
html body div {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ------------------------------------
	Grids
------------------------------------- */
.break {
  flex-basis: 100%;
  height: 0;
}

.flex-grid {
  width: 100%;
}
.flex-grid .inner,
.flex-grid .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.flex-grid .inner {
  width: 100%;
}
.flex-grid .inner.content-h-align-left {
  justify-content: flex-start;
}
.flex-grid .inner.content-h-align-left .row {
  justify-content: flex-start;
}
.flex-grid .inner.content-h-align-center {
  justify-content: center;
}
.flex-grid .inner.content-h-align-center .row {
  justify-content: center;
}
.flex-grid .inner.content-h-align-right {
  justify-content: flex-end;
}
.flex-grid .inner.content-h-align-right .row {
  justify-content: flex-end;
}
.flex-grid .inner.content-v-align-top {
  align-items: flex-start;
}
.flex-grid .inner.content-v-align-top .row {
  align-items: flex-start;
}
.flex-grid .inner.content-v-align-center {
  align-items: center;
}
.flex-grid .inner.content-v-align-center .row {
  align-items: center;
}
.flex-grid .inner.content-v-align-bottom {
  align-items: flex-end;
}
.flex-grid .inner.content-v-align-bottom .row {
  align-items: flex-end;
}
.flex-grid .inner .row {
  width: 100%;
  margin-bottom: 10px; /* overflow-y: hidden; */
}
.flex-grid .inner .row:last-child {
  margin-bottom: 0;
}
.flex-grid .inner .row.no-margin {
  margin: 0;
}
.flex-grid .inner .row.space-before-extra-small {
  margin-top: 8px;
}
.flex-grid .inner .row.space-before-small {
  margin-top: 30px;
}
.flex-grid .inner .row.space-before-normal {
  margin-top: 25px;
}
.flex-grid .inner .row.space-before-medium {
  margin-top: 70px;
}
.flex-grid .inner .row.space-before-large {
  margin-top: 90px;
}
.flex-grid .inner .row.content-h-align-left {
  justify-content: flex-start;
}
.flex-grid .inner .row.content-h-align-center {
  justify-content: center;
}
.flex-grid .inner .row.content-h-align-right {
  justify-content: flex-end;
}
.flex-grid .inner .row.content-v-align-top {
  align-items: flex-start;
}
.flex-grid .inner .row.content-v-align-center {
  align-items: center;
}
.flex-grid .inner .row.content-v-align-bottom {
  align-items: flex-end;
}
.flex-grid .inner .row.no-margin {
  margin-bottom: 0;
}
.flex-grid .inner .row.hidden {
  display: none;
}
.flex-grid .inner .flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 30px;
}
.flex-grid .inner .flex-row .item.weekday {
  width: 68px;
  height: 68px;
  background-color: var(--color-light);
  color: #E84E0F;
  line-height: 68px;
  font-size: 16px;
  font-weight: 600;
  border: 0.5px solid #707070;
  border-radius: 35px;
  text-align: center;
  cursor: pointer;
}
.flex-grid .inner .flex-row .item.weekday.selected, .flex-grid .inner .flex-row .item.weekday:hover {
  background-color: #E84E0F;
  color: var(--color-light);
  border-color: #E84E0F;
}
.flex-grid .inner .col {
  position: relative;
  min-height: 1px;
  padding: 0 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.flex-grid .inner .col.size-1-12 {
  width: -moz-calc(( ( 100% / 12 ) * 1 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 1 ) - 10px);
  width: calc(( ( 100% / 12 ) * 1 ) - 10px);
}
.flex-grid .inner .col.size-2-12 {
  width: -moz-calc(( ( 100% / 12 ) * 2 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 2 ) - 10px);
  width: calc(( ( 100% / 12 ) * 2 ) - 10px);
}
.flex-grid .inner .col.size-3-12 {
  width: -moz-calc(( ( 100% / 12 ) * 3 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 3 ) - 10px);
  width: calc(( ( 100% / 12 ) * 3 ) - 10px);
}
.flex-grid .inner .col.size-4-12 {
  width: -moz-calc(( ( 100% / 12 ) * 4 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 4 ) - 10px);
  width: calc(( ( 100% / 12 ) * 4 ) - 10px);
}
.flex-grid .inner .col.size-5-12 {
  width: -moz-calc(( ( 100% / 12 ) * 5 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 5 ) - 10px);
  width: calc(( ( 100% / 12 ) * 5 ) - 10px);
}
.flex-grid .inner .col.size-6-12 {
  width: -moz-calc(( ( 100% / 12 ) * 6 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 6 ) - 10px);
  width: calc(( ( 100% / 12 ) * 6 ) - 10px);
}
.flex-grid .inner .col.size-7-12 {
  width: -moz-calc(( ( 100% / 12 ) * 7 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 7 ) - 10px);
  width: calc(( ( 100% / 12 ) * 7 ) - 10px);
}
.flex-grid .inner .col.size-8-12 {
  width: -moz-calc(( ( 100% / 12 ) * 8 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 8 ) - 10px);
  width: calc(( ( 100% / 12 ) * 8 ) - 10px);
}
.flex-grid .inner .col.size-9-12 {
  width: -moz-calc(( ( 100% / 12 ) * 9 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 9 ) - 10px);
  width: calc(( ( 100% / 12 ) * 9 ) - 10px);
}
.flex-grid .inner .col.size-10-12 {
  width: -moz-calc(( ( 100% / 12 ) * 10 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 10 ) - 10px);
  width: calc(( ( 100% / 12 ) * 10 ) - 10px);
}
.flex-grid .inner .col.size-11-12 {
  width: -moz-calc(( ( 100% / 12 ) * 11 ) - 10px);
  width: -webkit-calc(( ( 100% / 12 ) * 11 ) - 10px);
  width: calc(( ( 100% / 12 ) * 11 ) - 10px);
}
.flex-grid .inner .col.size-12-12 {
  width: -moz-calc(( 100% / 12 ) * 12);
  width: -webkit-calc(( 100% / 12 ) * 12);
  width: calc(( 100% / 12 ) * 12);
}
.flex-grid .inner .col.size-auto {
  width: auto;
}
.flex-grid .inner .col.size-max {
  flex-grow: 1;
}
.flex-grid .inner .col.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.flex-grid .inner .col.select-open {
  z-index: 99;
}
.flex-grid .inner .col label {
  font-size: 12px;
  color: #8D8D8D;
}
.flex-grid .inner .col.label-special {
  padding-top: 10px;
}
.flex-grid .inner .col.label-special label {
  z-index: 9;
  position: absolute;
  top: 0px;
  left: 16px;
  background-color: #fff;
  padding: 0 6px;
  pointer-events: none;
  font-size: 12px;
  color: #8D8D8D;
}
.flex-grid .inner .col.label-special.icon, .flex-grid .inner table th .sort-container span.col.label-special.icon-up, table th .sort-container .flex-grid .inner span.col.label-special.icon-up, .flex-grid .inner table th .sort-container span.col.label-special.icon-down, table th .sort-container .flex-grid .inner span.col.label-special.icon-down, .flex-grid .inner #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .col.label-special.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper .flex-grid .inner img[src=""] + .col.label-special.image-placeholder, .flex-grid .inner form > .item .image-wrapper img[src=""] + .col.label-special.image-placeholder, form > .item .image-wrapper .flex-grid .inner img[src=""] + .col.label-special.image-placeholder, .flex-grid .inner form > .item .image-wrapper .col.label-special.add-avatar-btn, form > .item .image-wrapper .flex-grid .inner .col.label-special.add-avatar-btn, .flex-grid .inner .col.label-special.info-action, .flex-grid .inner .col.label-special.a10-select-field.icon-open:before, .flex-grid .inner .col.label-special.a10-select-field.icon-closed:before {
  position: relative;
}
.flex-grid .inner .col.label-special.icon:before, .flex-grid .inner table th .sort-container span.col.label-special.icon-up:before, table th .sort-container .flex-grid .inner span.col.label-special.icon-up:before, .flex-grid .inner table th .sort-container span.col.label-special.icon-down:before, table th .sort-container .flex-grid .inner span.col.label-special.icon-down:before, .flex-grid .inner #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .col.label-special.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper .flex-grid .inner img[src=""] + .col.label-special.image-placeholder:before, .flex-grid .inner form > .item .image-wrapper img[src=""] + .col.label-special.image-placeholder:before, form > .item .image-wrapper .flex-grid .inner img[src=""] + .col.label-special.image-placeholder:before, .flex-grid .inner form > .item .image-wrapper .col.label-special.add-avatar-btn:before, form > .item .image-wrapper .flex-grid .inner .col.label-special.add-avatar-btn:before, .flex-grid .inner .col.label-special.info-action:before, .flex-grid .inner .col.label-special.a10-select-field.icon-open:before, .flex-grid .inner .col.label-special.a10-select-field.icon-closed:before {
  left: unset;
  right: 21px;
  width: 15px;
  height: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -moz-calc(10px/2);
  margin-top: -webkit-calc(10px/2);
  margin-top: calc(10px/2);
  background-color: #8D8D8D;
  z-index: 10;
}
.flex-grid .inner .col.label-special.icon.calendar::before, .flex-grid .inner table th .sort-container span.col.label-special.calendar.icon-up::before, table th .sort-container .flex-grid .inner span.col.label-special.calendar.icon-up::before, .flex-grid .inner table th .sort-container span.col.label-special.calendar.icon-down::before, table th .sort-container .flex-grid .inner span.col.label-special.calendar.icon-down::before, .flex-grid .inner #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .col.label-special.calendar.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper .flex-grid .inner img[src=""] + .col.label-special.calendar.image-placeholder::before, .flex-grid .inner form > .item .image-wrapper img[src=""] + .col.label-special.calendar.image-placeholder::before, form > .item .image-wrapper .flex-grid .inner img[src=""] + .col.label-special.calendar.image-placeholder::before, .flex-grid .inner form > .item .image-wrapper .col.label-special.calendar.add-avatar-btn::before, form > .item .image-wrapper .flex-grid .inner .col.label-special.calendar.add-avatar-btn::before, .flex-grid .inner .col.label-special.calendar.info-action::before, .flex-grid .inner .col.label-special.calendar.a10-select-field.icon-open::before, .flex-grid .inner .col.label-special.calendar.a10-select-field.icon-closed::before {
  -webkit-mask: url(../images//svg/icons/icons-calendar.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-calendar.svg) no-repeat 50% 50%;
}
.flex-grid .inner .col.label-special.icon.time::before, .flex-grid .inner table th .sort-container span.col.label-special.time.icon-up::before, table th .sort-container .flex-grid .inner span.col.label-special.time.icon-up::before, .flex-grid .inner table th .sort-container span.col.label-special.time.icon-down::before, table th .sort-container .flex-grid .inner span.col.label-special.time.icon-down::before, .flex-grid .inner #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .col.label-special.time.image-placeholder::before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper .flex-grid .inner img[src=""] + .col.label-special.time.image-placeholder::before, .flex-grid .inner form > .item .image-wrapper img[src=""] + .col.label-special.time.image-placeholder::before, form > .item .image-wrapper .flex-grid .inner img[src=""] + .col.label-special.time.image-placeholder::before, .flex-grid .inner form > .item .image-wrapper .col.label-special.time.add-avatar-btn::before, form > .item .image-wrapper .flex-grid .inner .col.label-special.time.add-avatar-btn::before, .flex-grid .inner .col.label-special.time.info-action::before, .flex-grid .inner .col.label-special.time.a10-select-field.icon-open::before, .flex-grid .inner .col.label-special.time.a10-select-field.icon-closed::before {
  -webkit-mask: url(../images//svg/icons/icon-time.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-time.svg) no-repeat 50% 50%;
}
.flex-grid .inner .col.label-special.euro-marker:before {
  content: "€";
  position: absolute;
  margin-top: -moz-calc(10px/2);
  margin-top: -webkit-calc(10px/2);
  margin-top: calc(10px/2);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 21px;
  font-size: 15px;
  color: #8D8D8D;
}
@media only screen and (max-width: 767px) {
  .flex-grid .col {
    width: 100% !important;
    margin-bottom: 15px;
  }
}

/* ------------------------------------
   Lists
------------------------------------- */
div.list-heading {
  position: relative;
  z-index: 9999;
  padding: 19px 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
div.list-heading .a10-filter-row {
  flex: 1;
  max-width: 100%;
  margin-right: 40px;
}
div.list-heading .a10-filter-row #a10-filters-content {
  flex-wrap: wrap;
  gap: 8px 0;
}
div.list-heading .toggles-container {
  margin-left: auto;
  height: 34px;
  display: flex;
  justify-content: flex-end;
}
div.list-heading .toggles-container .calendar-filter {
  position: relative;
}
div.list-heading .toggles-container .calendar-filter .calendar-toggle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-text);
  border-radius: 6px;
  color: var(--color-light);
  margin-right: 30px;
  cursor: pointer;
  padding: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 0;
  font-size: 14px;
  font-weight: 500;
  min-width: 12.5rem;
  white-space: nowrap;
}
div.list-heading .toggles-container .calendar-filter .calendar-toggle span.icon, div.list-heading .toggles-container .calendar-filter .calendar-toggle table th .sort-container span.icon-up, table th .sort-container div.list-heading .toggles-container .calendar-filter .calendar-toggle span.icon-up, div.list-heading .toggles-container .calendar-filter .calendar-toggle table th .sort-container span.icon-down, table th .sort-container div.list-heading .toggles-container .calendar-filter .calendar-toggle span.icon-down, div.list-heading .toggles-container .calendar-filter .calendar-toggle #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper div.list-heading .toggles-container .calendar-filter .calendar-toggle img[src=""] + span.image-placeholder, div.list-heading .toggles-container .calendar-filter .calendar-toggle form > .item .image-wrapper img[src=""] + span.image-placeholder, form > .item .image-wrapper div.list-heading .toggles-container .calendar-filter .calendar-toggle img[src=""] + span.image-placeholder, div.list-heading .toggles-container .calendar-filter .calendar-toggle form > .item .image-wrapper span.add-avatar-btn, form > .item .image-wrapper div.list-heading .toggles-container .calendar-filter .calendar-toggle span.add-avatar-btn, div.list-heading .toggles-container .calendar-filter .calendar-toggle span.info-action, div.list-heading .toggles-container .calendar-filter .calendar-toggle span.a10-select-field.icon-open:before, div.list-heading .toggles-container .calendar-filter .calendar-toggle span.a10-select-field.icon-closed:before {
  height: 22px;
  width: 22px;
  margin-right: 6px;
  z-index: 10;
}
div.list-heading .toggles-container .calendar-filter .calendar-toggle span.icon:before, div.list-heading .toggles-container .calendar-filter .calendar-toggle table th .sort-container span.icon-up:before, table th .sort-container div.list-heading .toggles-container .calendar-filter .calendar-toggle span.icon-up:before, div.list-heading .toggles-container .calendar-filter .calendar-toggle table th .sort-container span.icon-down:before, table th .sort-container div.list-heading .toggles-container .calendar-filter .calendar-toggle span.icon-down:before, div.list-heading .toggles-container .calendar-filter .calendar-toggle #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper div.list-heading .toggles-container .calendar-filter .calendar-toggle img[src=""] + span.image-placeholder:before, div.list-heading .toggles-container .calendar-filter .calendar-toggle form > .item .image-wrapper img[src=""] + span.image-placeholder:before, form > .item .image-wrapper div.list-heading .toggles-container .calendar-filter .calendar-toggle img[src=""] + span.image-placeholder:before, div.list-heading .toggles-container .calendar-filter .calendar-toggle form > .item .image-wrapper span.add-avatar-btn:before, form > .item .image-wrapper div.list-heading .toggles-container .calendar-filter .calendar-toggle span.add-avatar-btn:before, div.list-heading .toggles-container .calendar-filter .calendar-toggle span.info-action:before, div.list-heading .toggles-container .calendar-filter .calendar-toggle span.a10-select-field.icon-open:before, div.list-heading .toggles-container .calendar-filter .calendar-toggle span.a10-select-field.icon-closed:before {
  background-color: var(--color-light);
}
div.list-heading .toggles-container .calendar-filter .datepicker-container {
  display: none;
  position: absolute;
  flex-wrap: wrap;
  background: var(--color-light);
  width: 649px;
  top: 45px;
  left: 0;
  border: 0.5px solid #DBDBDB;
  border-radius: 4px;
  z-index: 9999;
  line-height: 22px;
  color: #8D8D8D;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container input, div.list-heading .toggles-container .calendar-filter .datepicker-container form > .item .file-upload label.fileupload, form > .item .file-upload div.list-heading .toggles-container .calendar-filter .datepicker-container label.fileupload {
  display: none;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container.active {
  display: flex;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .quick-selections {
  width: 27%;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .quick-selections div {
  height: 48px;
  line-height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 0.5px solid #DBDBDB;
  cursor: pointer;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .quick-selections div:last-of-type {
  border-bottom: none;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .input-fields {
  display: flex;
  width: 73%;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .input-fields .air-datepicker.-inline- {
  border: unset;
  border-left: 0.5px solid #DBDBDB;
  font-family: "Filson-pro", sans-serif;
  padding: 0px 16px;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .input-fields .air-datepicker.-inline- .air-datepicker-nav {
  height: 40px;
  border-bottom: none;
  font-size: 13px;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .input-fields .air-datepicker.-inline- .air-datepicker-nav .air-datepicker-nav--action path {
  stroke: #E84E0F;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .input-fields .air-datepicker.-inline- .air-datepicker-nav .air-datepicker-nav--title {
  font-weight: 500;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .input-fields .air-datepicker.-inline- .air-datepicker--content {
  position: relative;
  bottom: 14px;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .input-fields .air-datepicker.-inline- .air-datepicker--content .air-datepicker-body.-days- .air-datepicker-body--day-name {
  color: var(--color-text);
  font-size: 11px;
  font-weight: 700;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .input-fields .air-datepicker.-inline- .air-datepicker--content .air-datepicker-body.-days- .air-datepicker-body--cells.-days- {
  font-size: 12px;
  font-weight: 400;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .input-fields .air-datepicker.-inline- .air-datepicker--content .air-datepicker-body.-days- .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected- {
  background: #E84E0F;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .input-fields .air-datepicker.-inline- .air-datepicker--content .air-datepicker-body.-days- .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current- {
  color: var(--color-text);
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom {
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
  line-height: 48px;
  border-top: 0.5px solid #DBDBDB;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo {
  position: relative;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.icon, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo table th .sort-container span.icon-up, table th .sort-container div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.icon-up, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo table th .sort-container span.icon-down, table th .sort-container div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.icon-down, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo img[src=""] + span.image-placeholder, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo form > .item .image-wrapper img[src=""] + span.image-placeholder, form > .item .image-wrapper div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo img[src=""] + span.image-placeholder, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo form > .item .image-wrapper span.add-avatar-btn, form > .item .image-wrapper div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.add-avatar-btn, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.info-action, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.a10-select-field.icon-open:before, div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .undo span.a10-select-field.icon-closed:before {
  -webkit-mask: url(../images//svg/icons/icons-undo.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-undo.svg) no-repeat 50% 50%;
  height: 22px;
  width: 22px;
  left: 20px;
  background-color: var(--color-text);
  z-index: 10;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .cta {
  display: flex;
  position: absolute;
  right: 12px;
  align-items: center;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .cta .cancel {
  margin-right: 22px;
  color: var(--color-text);
  cursor: pointer;
}
div.list-heading .toggles-container .calendar-filter .datepicker-container .bottom .cta .confirm {
  border-radius: 4px;
  background: var(--color-text);
  color: var(--color-light);
  line-height: 30px;
  height: 30px;
  padding: 0px 14px 0px 14px;
  cursor: pointer;
  font-size: 13px;
}
div.list-heading .toggles-container .year-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-right: 30px;
}
div.list-heading .toggles-container .year-filter input, div.list-heading .toggles-container .year-filter form > .item .file-upload label.fileupload, form > .item .file-upload div.list-heading .toggles-container .year-filter label.fileupload {
  display: block;
  padding: 0;
  text-align: right;
  margin-right: 10px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  cursor: default;
  background-color: #fff;
  height: unset;
  line-height: 1;
}
div.list-heading .toggles-container .year-filter i {
  min-width: 32px;
  height: 32px;
  background: transparent;
  pointer-events: all;
  cursor: pointer;
}
div.list-heading .toggles-container .year-filter i:before {
  background-color: #E84E0F;
}
div.list-heading .toggles-container .year-and-month-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-right: 30px;
}
div.list-heading .toggles-container .year-and-month-filter input, div.list-heading .toggles-container .year-and-month-filter form > .item .file-upload label.fileupload, form > .item .file-upload div.list-heading .toggles-container .year-and-month-filter label.fileupload {
  display: block;
  padding: 0;
  text-align: right;
  margin-right: 10px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  cursor: default;
  background-color: #fff;
}
div.list-heading .toggles-container .year-and-month-filter i {
  min-width: 32px;
  height: 32px;
  background: transparent;
  pointer-events: all;
  cursor: pointer;
}
div.list-heading .toggles-container .year-and-month-filter i:before {
  background-color: #E84E0F;
}

table {
  width: 100%;
}
table.archive-table {
  border-bottom: none;
  margin-bottom: 22px;
}
table th {
  position: sticky;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  top: 0;
  background-color: #3B1655;
  cursor: pointer;
}
table th:first-of-type {
  border-radius: 8px 0 0 8px;
}
table th:last-of-type {
  border-radius: 0 8px 8px 0;
}
table th:last-of-type:first-of-type {
  border-radius: 8px;
}
table th.sortable {
  padding: 16px 20px 16px 20px;
}
table th .title {
  white-space: nowrap;
}
table th .sort-container {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  white-space: nowrap;
  width: 8px;
  height: 19.5px;
  margin-left: 6px;
  vertical-align: text-top;
}
table th .sort-container span.icon-up, table th .sort-container span.icon-down {
  -webkit-mask: url(../images//svg/icons/icons-triangle.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-triangle.svg) no-repeat 50% 50%;
  background: var(--color-light);
  width: 8px;
  height: 8px;
}
table th .sort-container span.icon-up.active, table th .sort-container span.icon-down.active {
  -webkit-mask: url(../images//svg/icons/icons-triangle-filled.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-triangle-filled.svg) no-repeat 50% 50%;
}
table th .sort-container span.icon-down {
  -webkit-mask: url(../images//svg/icons/icons-triangle.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-triangle.svg) no-repeat 50% 50%;
  transform: rotateX(180deg);
}
table th .sort-container span.icon-down.active {
  -webkit-mask: url(../images//svg/icons/icons-triangle-filled.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-triangle-filled.svg) no-repeat 50% 50%;
}
table th .sort-container:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
table thead {
  position: relative;
}
table thead th {
  border-bottom: 1px solid transparent;
  z-index: 999;
}
table thead:hover .resizer {
  opacity: 0.4;
  pointer-events: all;
}
table td.divider-small {
  height: 10px;
  padding: 0 !important;
}
table td.divider-medium {
  height: 20px;
  padding: 0 !important;
}
table tr.divider-row + tr::after {
  border-top: none;
}
table th, table td {
  padding: 16px 20px 16px 20px;
  text-align: left;
}
table td span.alert {
  color: #E34141;
}
table .resizer {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5px;
  cursor: col-resize;
  user-select: none;
  color: #fff;
  border-right: 1px solid #fff;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
table .resizer::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3D(-50%, -50%, 0);
  width: 12px;
  height: 120%;
  cursor: col-resize;
}
table tr {
  position: relative;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
table tr[data-link] {
  cursor: pointer;
}
table tr.hidden td {
  display: none;
}
table tr.weekend, table tr.holiday {
  background: linear-gradient(90deg, rgba(92, 36, 130, 0.08) 0%, rgba(92, 36, 130, 0) 25%);
}
table tr.group-heading td {
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: var(--color-text) !important;
}
table tr.group-heading + .subgroup-heading:after {
  display: none;
}
table tr.subgroup-heading:after {
  content: "";
  position: absolute;
  height: 0.5px;
  width: 100%;
  top: 0;
  left: 0;
  border-top: 0.5px solid #ADADAD;
  z-index: -1;
}
table tr:not(.group-heading):not(.subgroup-heading):not(:first-child):not(.divider-row):not(.finished-status) {
  border-top: 0.5px dashed #ADADAD;
}
table tr.group-heading {
  border-radius: 8px;
}
table tr.group-heading td {
  border: none;
  color: var(--color-text);
  background: #E8E8E8;
  font-weight: 700;
}
table tr.group-heading td:first-of-type {
  border-radius: 8px 0 0 8px;
}
table tr.group-heading td:last-of-type {
  border-radius: 0 8px 8px 0;
}
table tr.group-heading td:last-of-type:first-of-type {
  border-radius: 8px;
}
table tr.group-heading + tr:after {
  background: transparent;
}
table tr.group-heading ~ tr td:last-of-type:after {
  display: none;
}
table tr.footer {
  color: #fff;
  font-weight: 700;
}
table tr.footer td {
  background-color: #5C2482;
  white-space: nowrap;
}
table tr.footer td:first-of-type {
  border-radius: 8px 0 0 8px;
}
table tr.footer td:last-of-type {
  border-radius: 0 8px 8px 0;
}
table tr.footer td:last-of-type:first-of-type {
  border-radius: 8px;
}
table tr.passed .a10-toggle input[type=checkbox]:checked ~ .checkbox, table tr.passed .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox, form > .item .file-upload table tr.passed .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox {
  background: #8D8D8D;
  border-color: #8D8D8D;
  pointer-events: none;
}
table tr.passed .a10-toggle input[type=checkbox]:checked ~ .checkbox:before, table tr.passed .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox:before, form > .item .file-upload table tr.passed .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox:before {
  background-color: var(--color-light);
}
table tr.form-row td .a10-toggle {
  margin-left: 10px;
}
table tr thead th .a10-toggle input[type=checkbox]:checked ~ .checkbox, table tr thead th .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox, form > .item .file-upload table tr thead th .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox {
  background-color: transparent;
  border-color: #8D8D8D;
}
table tr:not(.footer) td .a10-toggle, table tr:not(.footer) th .a10-toggle {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
table tr:not(.footer) td .a10-toggle input[type=checkbox], table tr:not(.footer) td .a10-toggle form > .item .file-upload label[type=checkbox].fileupload, form > .item .file-upload table tr:not(.footer) td .a10-toggle label[type=checkbox].fileupload, table tr:not(.footer) th .a10-toggle input[type=checkbox], table tr:not(.footer) th .a10-toggle form > .item .file-upload label[type=checkbox].fileupload, form > .item .file-upload table tr:not(.footer) th .a10-toggle label[type=checkbox].fileupload {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  border: none;
}
table tr:not(.footer) td .a10-toggle input[type=checkbox]:checked ~ .checkbox, table tr:not(.footer) td .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox, form > .item .file-upload table tr:not(.footer) td .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox, table tr:not(.footer) th .a10-toggle input[type=checkbox]:checked ~ .checkbox, table tr:not(.footer) th .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox, form > .item .file-upload table tr:not(.footer) th .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox {
  background: #E84E0F;
  border-color: #E84E0F;
}
table tr:not(.footer) td .a10-toggle input[type=checkbox]:checked ~ .checkbox:before, table tr:not(.footer) td .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox:before, form > .item .file-upload table tr:not(.footer) td .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox:before, table tr:not(.footer) th .a10-toggle input[type=checkbox]:checked ~ .checkbox:before, table tr:not(.footer) th .a10-toggle form > .item .file-upload label[type=checkbox].fileupload:checked ~ .checkbox:before, form > .item .file-upload table tr:not(.footer) th .a10-toggle label[type=checkbox].fileupload:checked ~ .checkbox:before {
  display: initial;
}
table tr:not(.footer) td .a10-toggle .checkbox, table tr:not(.footer) th .a10-toggle .checkbox {
  position: relative;
  height: 20px;
  width: 20px;
  border-radius: 6px;
  border: 1px solid #8D8D8D;
  cursor: pointer;
}
table tr:not(.footer) td .a10-toggle .checkbox:before, table tr:not(.footer) th .a10-toggle .checkbox:before {
  display: none;
  -webkit-mask: url(../images//svg/icons/icons-check.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-check.svg) no-repeat 50% 50%;
  height: 18px;
  width: 18px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: var(--color-light);
}
table tr:not(.footer) td .a10-toggle .checkbox.disabled, table tr:not(.footer) th .a10-toggle .checkbox.disabled {
  opacity: 0;
  pointer-events: none;
}
table tr:not(.footer) td .a10-toggle .checkbox.date-cb:after, table tr:not(.footer) th .a10-toggle .checkbox.date-cb:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 150px;
}
table tr:not(.footer) td {
  position: relative;
  color: #8D8D8D;
  font-weight: 500;
}
table tr:not(.footer) td a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
  color: #8D8D8D;
  padding: 16px;
  margin: -16px;
}
table tr:not(.footer) td .row-action-toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 26px;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}
table tr:not(.footer) td .row-action-toggle.active {
  opacity: 1;
  pointer-events: all;
  pointer-events: all;
}
table tr:not(.footer) td > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
table tr:not(.footer) td > span i.icon, table tr:not(.footer) td > span #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper table tr:not(.footer) td > span img[src=""] + i.image-placeholder, table tr:not(.footer) td > span form > .item .image-wrapper img[src=""] + i.image-placeholder, form > .item .image-wrapper table tr:not(.footer) td > span img[src=""] + i.image-placeholder, table tr:not(.footer) td > span form > .item .image-wrapper i.add-avatar-btn, form > .item .image-wrapper table tr:not(.footer) td > span i.add-avatar-btn, table tr:not(.footer) td > span i.info-action, table tr:not(.footer) td > span i.a10-select-field.icon-open:before, table tr:not(.footer) td > span i.a10-select-field.icon-closed:before {
  width: 24px;
  height: 1em;
  margin-left: 6px;
}
table tr:not(.footer) td > span i.icon:before, table tr:not(.footer) td > span #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper table tr:not(.footer) td > span img[src=""] + i.image-placeholder:before, table tr:not(.footer) td > span form > .item .image-wrapper img[src=""] + i.image-placeholder:before, form > .item .image-wrapper table tr:not(.footer) td > span img[src=""] + i.image-placeholder:before, table tr:not(.footer) td > span form > .item .image-wrapper i.add-avatar-btn:before, form > .item .image-wrapper table tr:not(.footer) td > span i.add-avatar-btn:before, table tr:not(.footer) td > span i.info-action:before, table tr:not(.footer) td > span i.a10-select-field.icon-open:before, table tr:not(.footer) td > span i.a10-select-field.icon-closed:before {
  width: 24px;
  height: 24px;
  background-color: #8D8D8D;
}
table tr:not(.footer):hover td > span i.icon:before, table tr:not(.footer):hover td > span #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper table tr:not(.footer):hover td > span img[src=""] + i.image-placeholder:before, table tr:not(.footer):hover td > span form > .item .image-wrapper img[src=""] + i.image-placeholder:before, form > .item .image-wrapper table tr:not(.footer):hover td > span img[src=""] + i.image-placeholder:before, table tr:not(.footer):hover td > span form > .item .image-wrapper i.add-avatar-btn:before, form > .item .image-wrapper table tr:not(.footer):hover td > span i.add-avatar-btn:before, table tr:not(.footer):hover td > span i.info-action:before, table tr:not(.footer):hover td > span i.a10-select-field.icon-open:before, table tr:not(.footer):hover td > span i.a10-select-field.icon-closed:before {
  background-color: var(--color-text);
}
table tr:not(.footer).notify:hover td {
  color: #FF0000 !important;
}
table tr:not(.footer).notify:hover td > span i.icon:before, table tr:not(.footer).notify:hover td > span #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper table tr:not(.footer).notify:hover td > span img[src=""] + i.image-placeholder:before, table tr:not(.footer).notify:hover td > span form > .item .image-wrapper img[src=""] + i.image-placeholder:before, form > .item .image-wrapper table tr:not(.footer).notify:hover td > span img[src=""] + i.image-placeholder:before, table tr:not(.footer).notify:hover td > span form > .item .image-wrapper i.add-avatar-btn:before, form > .item .image-wrapper table tr:not(.footer).notify:hover td > span i.add-avatar-btn:before, table tr:not(.footer).notify:hover td > span i.info-action:before, table tr:not(.footer).notify:hover td > span i.a10-select-field.icon-open:before, table tr:not(.footer).notify:hover td > span i.a10-select-field.icon-closed:before {
  background-color: #FF0000;
}
table tr:not(.footer).notify td {
  color: #FF6A6A;
}
table tr:not(.footer).notify td > span i.icon:before, table tr:not(.footer).notify td > span #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper table tr:not(.footer).notify td > span img[src=""] + i.image-placeholder:before, table tr:not(.footer).notify td > span form > .item .image-wrapper img[src=""] + i.image-placeholder:before, form > .item .image-wrapper table tr:not(.footer).notify td > span img[src=""] + i.image-placeholder:before, table tr:not(.footer).notify td > span form > .item .image-wrapper i.add-avatar-btn:before, form > .item .image-wrapper table tr:not(.footer).notify td > span i.add-avatar-btn:before, table tr:not(.footer).notify td > span i.info-action:before, table tr:not(.footer).notify td > span i.a10-select-field.icon-open:before, table tr:not(.footer).notify td > span i.a10-select-field.icon-closed:before {
  background-color: #FF6A6A;
}
table tr:not(.footer)[data-link]:hover td:last-of-type {
  position: relative;
  border-radius: 0px 8px 8px 0px;
}
table tr:not(.footer)[data-link]:hover td:last-of-type:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: #E84E0F;
  border-radius: 0px 8px 8px 0;
}
table tr:not(.footer):not(.group-heading):not(.subgroup-heading.empty):not(.divider-row):not(.finished-status):hover {
  position: relative;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1215686275);
}
@supports not (-webkit-hyphens: none) {
  table tr:not(.footer):not(.group-heading):not(.subgroup-heading.empty):not(.divider-row):not(.finished-status):hover {
    border-top-color: transparent;
  }
}
@supports not (-webkit-hyphens: none) {
  table tr:not(.footer):not(.group-heading):not(.subgroup-heading.empty):not(.divider-row):not(.finished-status):hover + tr {
    border-top-color: transparent;
  }
}
table tr:not(.footer):not(.group-heading):not(.subgroup-heading.empty):not(.divider-row):not(.finished-status):hover:after {
  background: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
table tr:not(.footer):not(.group-heading):not(.subgroup-heading.empty):not(.divider-row):not(.finished-status):hover td {
  border-color: transparent;
  color: var(--color-text);
  background-color: #fff;
}
table tr:not(.footer):not(.group-heading):not(.subgroup-heading.empty):not(.divider-row):not(.finished-status):hover td:first-of-type {
  border-radius: 8px 0px 0px 8px;
}
table tr:not(.footer):not(.group-heading):not(.subgroup-heading.empty):not(.divider-row):not(.finished-status):hover td:last-of-type {
  position: relative;
  border-radius: 0px 8px 8px 0px;
}
table tr:not(.footer):not(.group-heading):not(.subgroup-heading.empty):not(.divider-row):not(.finished-status):hover td:last-of-type:first-of-type {
  border-radius: 8px;
}
table tr:not(.footer):not(.group-heading):not(.subgroup-heading.empty):not(.divider-row):not(.finished-status):hover td .row-action-toggle:not(.active) {
  opacity: 1;
  pointer-events: all;
}
table tr:not(.footer):not(.group-heading):not(.subgroup-heading.empty):not(.divider-row):not(.finished-status):hover + tr:after {
  background: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
table tbody.group.hidden {
  display: none;
}
table tbody.group tr:last-of-type td {
  border-bottom: none;
}
table tr.group-heading ~ tr:not(.group-heading) td .a10-toggle:not(.group) {
  position: absolute;
  right: 0;
}

/* --------------------------
	PAGINATION
----------------------------*/
.list-pagination-wrapper {
  margin-top: 50px;
}
.list-pagination-wrapper .buttons-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.list-pagination-wrapper .buttons-wrapper .text-wrapper {
  margin-left: 15px;
}

/* ------------------------------
	List row action container
-------------------------------*/
.row-action-container {
  overflow: hidden;
  position: absolute;
  top: -300px;
  display: inline-block;
  border: 0.5px solid #DBDBDB;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 20px 0 rgba(102, 66, 220, 0.2);
  -moz-box-shadow: 0 3px 20px 0 rgba(102, 66, 220, 0.2);
  box-shadow: 0 3px 20px 0 rgba(102, 66, 220, 0.2);
  -webkit-transform: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  -ms-transform: translate3d(0, 20px, 0);
  -o-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  pointer-events: none;
  z-index: 9;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.row-action-container.active {
  position: initial;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: all;
}
.row-action-container .row-action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #8D8D8D;
  background-color: var(--color-light);
  cursor: pointer;
  padding: 12px 17px;
}
.row-action-container .row-action-link.hide {
  display: none;
}
.row-action-container .row-action-link > * {
  pointer-events: none;
}
.row-action-container .row-action-link.alert {
  color: #E34141;
}
.row-action-container .row-action-link.alert i:before {
  background-color: #E34141;
}
.row-action-container .row-action-link i {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.row-action-container .row-action-link i:before {
  background-color: #8D8D8D;
}
.row-action-container .row-action-link:hover {
  color: var(--color-text);
}
.row-action-container .row-action-link:hover i::before {
  background-color: #e84e0f;
}
.row-action-container .row-action-link:not(:first-child) {
  border-top: 0.5px solid #DBDBDB;
}
.row-action-container a {
  display: block;
  border-top: 0.5px solid #DBDBDB;
}

.toggle-text-box {
  cursor: pointer;
  pointer-events: all !important;
}

.text-box {
  position: absolute;
  width: 300px;
  padding: 15px 16px 16px 14px;
  right: -10px;
  top: 0;
  z-index: 9;
  background-color: var(--color-light);
  color: var(--color-text);
  font-weight: 400;
  max-height: 200px;
  overflow-y: auto;
  border: 0.5px solid #DBDBDB;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 20px 0 rgba(102, 66, 220, 0.2);
  -moz-box-shadow: 0 3px 20px 0 rgba(102, 66, 220, 0.2);
  box-shadow: 0 3px 20px 0 rgba(102, 66, 220, 0.2);
  -webkit-transform: translate3d(100%, -90%, 0);
  -moz-transform: translate3d(100%, -90%, 0);
  -ms-transform: translate3d(100%, -90%, 0);
  -o-transform: translate3d(100%, -90%, 0);
  transform: translate3d(100%, -90%, 0);
  opacity: 0;
  pointer-events: none;
  z-index: 9;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 11.5px;
  line-height: 17.5px;
}
.text-box.active {
  opacity: 1;
  -webkit-transform: translate3d(100%, -100%, 0);
  -moz-transform: translate3d(100%, -100%, 0);
  -ms-transform: translate3d(100%, -100%, 0);
  -o-transform: translate3d(100%, -100%, 0);
  transform: translate3d(100%, -100%, 0);
  pointer-events: all;
}
.text-box li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 15px;
}
.text-box li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #E84E0F;
  position: absolute;
  top: 6.5px;
  left: 0;
}
.text-box li:last-child {
  margin-bottom: 0;
}

.finished-status > td {
  padding: 0;
}

.finished-status-items {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  margin-top: 32px;
}

.finished-status-done {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.cancel-finished-status-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  margin: 0;
  height: 40px;
  border-radius: 8px;
  border: 2px solid #ECECEC;
  color: #707070;
  font: inherit;
  cursor: pointer;
}
.cancel-finished-status-link:hover {
  color: #2B2729;
  background: #ECECEC;
}

.finished-status-pill {
  display: inline-flex;
  width: auto;
  align-items: center;
  padding: 0 12px;
  border-radius: 99px;
  height: 28px;
  background-color: #fff;
  font-size: 12px;
  white-space: nowrap;
}
.finished-status-pill.pending {
  background-color: #ECECEC;
  color: #8D8D8D;
}
.finished-status-pill.professional-finished {
  background-color: #f1d9c4;
  color: #cc6800;
}
.finished-status-pill.office-finished {
  background-color: #d6edc9;
  color: #338700;
}

/* ------------------------------------
   Side-panel
------------------------------------- */
html {
  overflow-x: hidden;
}
html.side-panel-active {
  overflow-y: scroll;
  position: fixed;
  height: 100vh;
  width: 100%;
}
html.side-panel-active body .site-mask {
  display: block;
}
html.side-panel-active body #Side-panel {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  position: fixed;
}
html.side-panel-active body #Side-panel .form-container {
  display: block;
}
html body .site-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: #3B1655;
  z-index: 999;
  opacity: 0.16;
}
html body #Side-panel {
  position: absolute;
  right: -20px;
  top: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  background: var(--color-light);
  width: 840px;
  height: 100%;
  box-shadow: -4px 0px 50px rgba(22, 12, 53, 0.4);
  z-index: 1049;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 44px 46px 44px 26px;
  overflow: auto;
  scroll-behavior: smooth;
}
html body #Side-panel .form-container {
  margin-bottom: 100px;
}
html body #Side-panel .form-container .error-container {
  font-size: 15.6px;
  padding: 15px 15px;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.5px solid #E6C7C2;
  border-radius: 12px;
  -webkit-box-shadow: 0 3px 20px 0 rgba(255, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 20px 0 rgba(255, 0, 0, 0.2);
  box-shadow: 0 3px 20px 0 rgba(255, 0, 0, 0.2);
  font-weight: 600;
  color: var(--color-text);
}
html body #Side-panel .form-container .error-container .message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
html body #Side-panel .form-container .error-container .message i.icon, html body #Side-panel .form-container .error-container .message #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper html body #Side-panel .form-container .error-container .message img[src=""] + i.image-placeholder, html body #Side-panel .form-container .error-container .message form > .item .image-wrapper img[src=""] + i.image-placeholder, form > .item .image-wrapper html body #Side-panel .form-container .error-container .message img[src=""] + i.image-placeholder, html body #Side-panel .form-container .error-container .message form > .item .image-wrapper i.add-avatar-btn, form > .item .image-wrapper html body #Side-panel .form-container .error-container .message i.add-avatar-btn, html body #Side-panel .form-container .error-container .message i.info-action, html body #Side-panel .form-container .error-container .message i.a10-select-field.icon-open:before, html body #Side-panel .form-container .error-container .message i.a10-select-field.icon-closed:before {
  width: 27px;
  height: 27px;
  margin-right: 8px;
}
html body #Side-panel .form-container .error-container .message i.icon:before, html body #Side-panel .form-container .error-container .message #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.image-placeholder:before, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper html body #Side-panel .form-container .error-container .message img[src=""] + i.image-placeholder:before, html body #Side-panel .form-container .error-container .message form > .item .image-wrapper img[src=""] + i.image-placeholder:before, form > .item .image-wrapper html body #Side-panel .form-container .error-container .message img[src=""] + i.image-placeholder:before, html body #Side-panel .form-container .error-container .message form > .item .image-wrapper i.add-avatar-btn:before, form > .item .image-wrapper html body #Side-panel .form-container .error-container .message i.add-avatar-btn:before, html body #Side-panel .form-container .error-container .message i.info-action:before, html body #Side-panel .form-container .error-container .message i.a10-select-field.icon-open:before, html body #Side-panel .form-container .error-container .message i.a10-select-field.icon-closed:before {
  background-color: #FF0000;
}
html body #Side-panel .form-container .form-list {
  width: 100%;
}
html body #Side-panel .form-container .form-list .list-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 19px 0;
  color: var(--color-text);
  cursor: pointer;
}
html body #Side-panel .form-container .form-list .list-row > * {
  pointer-events: none;
}
html body #Side-panel .form-container .form-list .list-row:not(:first-child) {
  border-top: 0.5px solid #ADADAD;
}
html body #Side-panel .form-container .form-list .list-row .col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex: 1;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: inherit;
}
html body #Side-panel .form-container .form-list .list-row .col:first-child {
  min-width: 70px;
  flex: 0;
}
html body #Side-panel .form-container .form-list .list-row .col:first-child .a10-toggle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
html body #Side-panel .form-container .form-list .list-row .col:first-child i {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
html body #Side-panel .form-container .form-list .list-row .col:first-child .icon-rel {
  display: flex;
  flex-direction: row-reverse;
  margin-right: 20px;
}
html body #Side-panel .form-container .form-list .list-row .col:last-child {
  justify-content: end;
  padding-right: 25px;
}
html body #Side-panel .form-container .form-list .list-row.disabled {
  pointer-events: none;
  color: #8D8D8D;
}
html body #Side-panel .form-container .form-info-container {
  border-left: 6px solid #DBDBDB;
  padding-left: 25.5px;
  margin-bottom: 50px;
}
html body #Side-panel .form-container .form-info-container.warning, html body #Side-panel .form-container #message-box.error .message i.form-info-container.icon, #message-box.error .message html body #Side-panel .form-container i.form-info-container.icon, html body #Side-panel .form-container #message-box.error .message #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.form-info-container.image-placeholder, #message-box.error .message #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper html body #Side-panel .form-container img[src=""] + i.form-info-container.image-placeholder, html body #Side-panel .form-container #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper #message-box.error .message img[src=""] + i.form-info-container.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper #message-box.error .message html body #Side-panel .form-container img[src=""] + i.form-info-container.image-placeholder, html body #Side-panel .form-container #message-box.error .message form > .item .image-wrapper img[src=""] + i.form-info-container.image-placeholder, #message-box.error .message form > .item .image-wrapper html body #Side-panel .form-container img[src=""] + i.form-info-container.image-placeholder, html body #Side-panel .form-container form > .item .image-wrapper #message-box.error .message img[src=""] + i.form-info-container.image-placeholder, form > .item .image-wrapper #message-box.error .message html body #Side-panel .form-container img[src=""] + i.form-info-container.image-placeholder, html body #Side-panel .form-container #message-box.error .message form > .item .image-wrapper i.form-info-container.add-avatar-btn, #message-box.error .message form > .item .image-wrapper html body #Side-panel .form-container i.form-info-container.add-avatar-btn, html body #Side-panel .form-container form > .item .image-wrapper #message-box.error .message i.form-info-container.add-avatar-btn, form > .item .image-wrapper #message-box.error .message html body #Side-panel .form-container i.form-info-container.add-avatar-btn, html body #Side-panel .form-container #message-box.error .message i.form-info-container.info-action, #message-box.error .message html body #Side-panel .form-container i.form-info-container.info-action, html body #Side-panel .form-container #message-box.error .message i.form-info-container.a10-select-field.icon-open:before, #message-box.error .message html body #Side-panel .form-container i.form-info-container.a10-select-field.icon-open:before, html body #Side-panel .form-container #message-box.error .message i.form-info-container.a10-select-field.icon-closed:before, #message-box.error .message html body #Side-panel .form-container i.form-info-container.a10-select-field.icon-closed:before {
  border-color: #FF0000;
}
html body #Side-panel .form-container .form-info-container .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 15.6px;
  color: var(--color-text);
}
html body #Side-panel .form-container .form-info-container .item .label {
  font-weight: 600;
  margin-right: 5px;
}
html body #Side-panel .form-container .form-info-container .notice {
  color: var(--color-text);
}
html body #Side-panel .form-container .form-info-container .notice .label {
  font-size: 15.6px;
}
html body #Side-panel .form-container .form-info-container .notice .value {
  font-size: 18px;
  font-weight: 700;
}
html body #Side-panel .form-container .form-info-container .notice .value .medium {
  font-weight: 500;
}
html body #Side-panel .form-container .list-item-count {
  color: #ADADAD;
}
html body #Side-panel .top {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 46px;
}
html body #Side-panel .top .heading {
  font-size: 26px;
  font-weight: 700;
  color: var(--color-text);
}
html body #Side-panel .top .subheading {
  min-width: 100%;
  flex: 1;
}
html body #Side-panel .top .close {
  position: absolute;
  right: 46px;
  width: 44px;
  height: 44px;
  cursor: pointer;
}
html body #Side-panel .top .close:hover {
  opacity: 0.8;
}
html body #Side-panel .top .close span.icon, html body #Side-panel .top .close #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + span.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper html body #Side-panel .top .close img[src=""] + span.image-placeholder, html body #Side-panel .top .close form > .item .image-wrapper img[src=""] + span.image-placeholder, form > .item .image-wrapper html body #Side-panel .top .close img[src=""] + span.image-placeholder, html body #Side-panel .top .close form > .item .image-wrapper span.add-avatar-btn, form > .item .image-wrapper html body #Side-panel .top .close span.add-avatar-btn, html body #Side-panel .top .close span.info-action, html body #Side-panel .top .close span.a10-select-field.icon-open:before, html body #Side-panel .top .close span.a10-select-field.icon-closed:before, html body #Side-panel .top .close table th .sort-container span.icon-up, table th .sort-container html body #Side-panel .top .close span.icon-up, html body #Side-panel .top .close table th .sort-container span.icon-down, table th .sort-container html body #Side-panel .top .close span.icon-down {
  -webkit-mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icons-close.svg) no-repeat 50% 50%;
  background: #5C2482;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 44px;
  height: 44px;
}
html body #Side-panel .top .subheading {
  margin-top: 18px;
  font-size: 15.6px;
  font-weight: 400;
  color: var(--color-text);
}
html body #Side-panel .open-tasks-wrapper {
  width: 100%;
}
html body #Side-panel .open-tasks-wrapper .task {
  width: 100%;
  padding: 34px 24px 40px;
  box-sizing: border-box;
}
html body #Side-panel .open-tasks-wrapper .task:not(:last-child) {
  border-bottom: 0.5px solid #ADADAD;
}
html body #Side-panel .open-tasks-wrapper .task:first-child:last-child {
  border-bottom: 0.5px solid #ADADAD;
}
html body #Side-panel .open-tasks-wrapper .task .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
}
html body #Side-panel .open-tasks-wrapper .task .head .deadline {
  color: var(--color-text);
}
html body #Side-panel .open-tasks-wrapper .task .head .deadline.warning, html body #Side-panel .open-tasks-wrapper .task .head #message-box.error .message i.deadline.icon, #message-box.error .message html body #Side-panel .open-tasks-wrapper .task .head i.deadline.icon, html body #Side-panel .open-tasks-wrapper .task .head #message-box.error .message #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + i.deadline.image-placeholder, #message-box.error .message #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper html body #Side-panel .open-tasks-wrapper .task .head img[src=""] + i.deadline.image-placeholder, html body #Side-panel .open-tasks-wrapper .task .head #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper #message-box.error .message img[src=""] + i.deadline.image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper #message-box.error .message html body #Side-panel .open-tasks-wrapper .task .head img[src=""] + i.deadline.image-placeholder, html body #Side-panel .open-tasks-wrapper .task .head #message-box.error .message form > .item .image-wrapper img[src=""] + i.deadline.image-placeholder, #message-box.error .message form > .item .image-wrapper html body #Side-panel .open-tasks-wrapper .task .head img[src=""] + i.deadline.image-placeholder, html body #Side-panel .open-tasks-wrapper .task .head form > .item .image-wrapper #message-box.error .message img[src=""] + i.deadline.image-placeholder, form > .item .image-wrapper #message-box.error .message html body #Side-panel .open-tasks-wrapper .task .head img[src=""] + i.deadline.image-placeholder, html body #Side-panel .open-tasks-wrapper .task .head #message-box.error .message form > .item .image-wrapper i.deadline.add-avatar-btn, #message-box.error .message form > .item .image-wrapper html body #Side-panel .open-tasks-wrapper .task .head i.deadline.add-avatar-btn, html body #Side-panel .open-tasks-wrapper .task .head form > .item .image-wrapper #message-box.error .message i.deadline.add-avatar-btn, form > .item .image-wrapper #message-box.error .message html body #Side-panel .open-tasks-wrapper .task .head i.deadline.add-avatar-btn, html body #Side-panel .open-tasks-wrapper .task .head #message-box.error .message i.deadline.info-action, #message-box.error .message html body #Side-panel .open-tasks-wrapper .task .head i.deadline.info-action, html body #Side-panel .open-tasks-wrapper .task .head #message-box.error .message i.deadline.a10-select-field.icon-open:before, #message-box.error .message html body #Side-panel .open-tasks-wrapper .task .head i.deadline.a10-select-field.icon-open:before, html body #Side-panel .open-tasks-wrapper .task .head #message-box.error .message i.deadline.a10-select-field.icon-closed:before, #message-box.error .message html body #Side-panel .open-tasks-wrapper .task .head i.deadline.a10-select-field.icon-closed:before {
  color: #FF0000;
}
html body #Side-panel .open-tasks-wrapper .task .head .title {
  color: var(--color-text);
  margin-left: auto;
}
html body #Side-panel .open-tasks-wrapper .task .description {
  margin-bottom: 29px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text);
}
html body #Side-panel .open-tasks-wrapper .task .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
html body #Side-panel .open-tasks-wrapper .task .actions .action-link, html body #Side-panel .open-tasks-wrapper .task .actions .link {
  flex: 0;
  margin-right: 10px;
  padding: 0 19px;
  height: 46px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-light);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
html body #Side-panel .open-tasks-wrapper .task .actions .action-link i, html body #Side-panel .open-tasks-wrapper .task .actions .link i {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
html body #Side-panel .open-tasks-wrapper .task .actions .action-link i::before, html body #Side-panel .open-tasks-wrapper .task .actions .link i::before {
  background-color: var(--color-light);
}
html body #Side-panel .open-tasks-wrapper .task .actions .action-link {
  background-color: #17BE24;
}
html body #Side-panel .open-tasks-wrapper .task .actions .action-link > * {
  pointer-events: none;
}
html body #Side-panel .open-tasks-wrapper .task .actions a .link {
  background-color: #8D8D8D;
}

.profile-columns-wrapper {
  width: 100%;
  margin-top: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.profile-columns-wrapper div {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.profile-columns-wrapper.cols-1-4 .column {
  max-width: 25%;
}
.profile-columns-wrapper.with-max-height .column {
  max-height: 400px;
  overflow-y: auto;
}
.profile-columns-wrapper .column {
  min-width: 25%;
  flex: 1;
  box-sizing: border-box;
  padding: 46px 40px;
  border: 0.5px solid #ADADAD;
  border-right: 0;
}
.profile-columns-wrapper .column.half-width {
  min-width: 50%;
  max-width: 50%;
}
.profile-columns-wrapper .column:last-child, .profile-columns-wrapper .column:nth-child(4) {
  border-right: 0.5px solid #ADADAD;
}
.profile-columns-wrapper .column:nth-child(5), .profile-columns-wrapper .column:nth-child(6) {
  border-top: 0;
}
.profile-columns-wrapper .column .title {
  font-size: 21px;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 40px;
}
.profile-columns-wrapper .column .item {
  margin-bottom: 35px;
}
.profile-columns-wrapper .column .item .label {
  font-size: 15.6px;
  line-height: 2;
  margin-bottom: 9px;
  color: var(--color-text);
  font-weight: 400;
}
.profile-columns-wrapper .column .item .label .action-link {
  display: inline-block;
  color: #FF0000;
  margin-left: 20px;
  cursor: pointer;
  font-size: 15.6px;
  font-weight: 500;
}
.profile-columns-wrapper .column .item .value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: var(--color-text);
}
.profile-columns-wrapper .column .item .value i {
  margin-right: 8px;
  min-width: 26px;
}
.profile-columns-wrapper .column .item .value i:before {
  background-color: #E84E0F;
}
.profile-columns-wrapper .column .item .value span {
  white-space: nowrap;
}
.profile-columns-wrapper .column .item .value span.active {
  color: #17BE24;
}
.profile-columns-wrapper .column .item .value span.active i::before {
  background-color: #17BE24;
}
.profile-columns-wrapper .column .item .value span.unactive {
  color: #8D8D8D;
}
.profile-columns-wrapper .column .item .value span.unactive i::before {
  background-color: #8D8D8D;
}

.professional-check-own-profile-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 24px;
  margin: 32px 26px 56px;
  border-radius: 12px;
  background: #5C2482;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
.professional-check-own-profile-alert .action-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border: 2px solid #ffffff;
  border-radius: 8px;
  height: 40px;
  background: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.professional-check-own-profile-alert .action-link span {
  flex-shrink: 0;
}
.professional-check-own-profile-alert .action-link span::before {
  background-color: #ffffff;
}
.professional-check-own-profile-alert .action-link:hover {
  background: #fff;
  color: #5C2482;
}
.professional-check-own-profile-alert .action-link:hover span::before {
  background-color: #5C2482;
}

/* ------------------------------------
   Navigations
------------------------------------- */
/*

ul.view-nav {

	float: right; list-style: none;

    > li { position: relative; display: block; float: left; list-style: none; @include transition( all, 0.2s, ease-in-out ); }
    > li > a { display: block; float: left; height: 120px; padding: 76px 28px 0 28px; color: $color-dark; font-family: $font-family-body; font-size: 16px; font-weight: $font-weight-semi-bold; line-height: 1; @include box-sizing(border-box); }

	> li > a:hover { color: $color-brand; }

    > li.active > a { background: $color-brand; color: $color-light; }

}

*/
.nav-container {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  flex-direction: row-reverse;
  height: 52px;
}
.nav-container .cta-btn {
  margin-right: 41px;
  height: 52px;
  white-space: nowrap;
}
.nav-container .cta-btn .icon, .nav-container .cta-btn #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper img[src=""] + .image-placeholder, #Header .content-wrapper #Header-toolbar .row-action-toggle-wrapper .profile-image-wrapper .nav-container .cta-btn img[src=""] + .image-placeholder, .nav-container .cta-btn form > .item .image-wrapper img[src=""] + .image-placeholder, form > .item .image-wrapper .nav-container .cta-btn img[src=""] + .image-placeholder, .nav-container .cta-btn form > .item .image-wrapper .add-avatar-btn, form > .item .image-wrapper .nav-container .cta-btn .add-avatar-btn, .nav-container .cta-btn .info-action, .nav-container .cta-btn .a10-select-field.icon-open:before, .nav-container .cta-btn .a10-select-field.icon-closed:before, .nav-container .cta-btn table th .sort-container span.icon-up, table th .sort-container .nav-container .cta-btn span.icon-up, .nav-container .cta-btn table th .sort-container span.icon-down, table th .sort-container .nav-container .cta-btn span.icon-down {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
.nav-container nav.subnav {
  display: flex;
  list-style: none;
  align-items: center;
  margin-right: 0;
}
.nav-container nav.subnav li {
  margin-right: 36px;
}
.nav-container nav.subnav li a {
  color: #8D8D8D;
  position: relative;
  cursor: pointer;
}
.nav-container nav.subnav li a:hover, .nav-container nav.subnav li a.active {
  color: var(--color-text);
}
.nav-container nav.subnav li a:hover:before, .nav-container nav.subnav li a.active:before {
  content: "";
  height: 4px;
  width: 100%;
  background: #E84E0F;
  position: absolute;
  top: 26px;
}
.nav-container nav.subnav li:last-child {
  margin-right: 0;
}

/* ------------------------------------
   Site
------------------------------------- */
#Site {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 100px;
  align-items: center;
}
#Site.blur {
  filter: blur(2px);
  -webkit-filter: blur(2px);
}

/* ------------------------------------
   Side
------------------------------------- */
#Side {
  position: fixed;
  width: 300px;
  height: 100vh;
  background: var(--color-light);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
  /* FOR LOW SCREENS -- window_height <= 960 */
}
#Side .top,
#Side .middle,
#Side .bottom {
  position: absolute;
}
#Side .top,
#Side .bottom {
  left: 40px;
  width: -moz-calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
}
#Side .top {
  top: 40px;
}
#Side .top .logo {
  width: 86%;
  margin-bottom: 16px;
}
#Side .top .logo img {
  display: block;
  width: 100%;
  height: auto;
}
#Side .top .version {
  font-size: 14px;
  color: #707070;
}
#Side .middle {
  top: 260px;
  width: 100%;
}
#Side .middle .mobile-navigation {
  display: none;
}
#Side .middle .navigation > .item > a {
  position: relative;
  display: block;
  padding-left: 90px;
  font-size: 18px;
  line-height: 56px;
  font-weight: 500;
  color: #2B2729;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Side .middle .navigation > .item > a:before {
  left: 40px;
  background-color: #2B2729;
  height: 20px;
  width: 26px;
}
#Side .middle .navigation > .item.active > a {
  color: var(--color-light);
  background: #E84E0F;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
#Side .middle .navigation > .item.active > a:before {
  background-color: var(--color-light);
}
#Side .middle .navigation > .item.emails {
  display: none !important;
}
#Side .middle .navigation > .item.dashboard a:before {
  -webkit-mask: url(../images//svg/icons/icon-home.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-home.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.clients a:before {
  -webkit-mask: url(../images//svg/icons/icon-category.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-category.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.employees a:before {
  -webkit-mask: url(../images//svg/icons/icon-users-3.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-users-3.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.comments a:before {
  -webkit-mask: url(../images//svg/icons/icon-comments.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-comments.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.resources a:before {
  -webkit-mask: url(../images//svg/icons/icon-folder.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-folder.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.emails a:before {
  -webkit-mask: url(../images//svg/icons/icon-emails.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-emails.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.users a:before {
  -webkit-mask: url(../images//svg/icons/icon-users-2.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-users-2.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item.reports a:before {
  -webkit-mask: url(../images//svg/icons/icon-reports.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-reports.svg) no-repeat 50% 50%;
}
#Side .middle .navigation > .item:not(.active):hover > a {
  color: #E84E0F;
}
#Side .middle .navigation > .item:not(.active):hover > a:before {
  background-color: #E84E0F;
}
#Side .middle .navigation > .item > .sub {
  display: none;
  background: #1D1B1C;
}
#Side .middle .navigation > .item > .sub.active {
  display: block;
}
#Side .middle .navigation > .item > .sub > .item a {
  position: relative;
  display: block;
  padding-left: 90px;
  font-size: 14px;
  line-height: 56px;
  font-weight: 500;
  color: #8D8D8D;
  border-bottom: 1px solid #2B2729;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Side .middle .navigation > .item > .sub > .item a:before {
  content: " ";
  position: absolute;
  display: inline-block;
  left: 48px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  -webkit-mask: url(../images//svg/icons/icon-arrow-right.svg) no-repeat 50% 50%;
  mask: url(../images//svg/icons/icon-arrow-right.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #8D8D8D;
}
#Side .middle .navigation > .item > .sub > .item.active a {
  color: var(--color-light);
}
#Side .middle .navigation > .item > .sub > .item.active a:before {
  background-color: var(--color-light);
}
#Side .middle .navigation > .item > .sub > .item:hover > a {
  color: var(--color-light);
}
#Side .middle .navigation > .item > .sub > .item:hover > a:before {
  background-color: var(--color-light);
}
#Side .bottom {
  bottom: 50px;
}
#Side .bottom .profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}
#Side .bottom .profile .image,
#Side .bottom .profile .content {
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#Side .bottom .profile .image {
  width: 56px;
  height: 56px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  border-radius: 999px;
  overflow: hidden;
}
#Side .bottom .profile .image img {
  display: block;
  width: 100%;
  height: auto;
}
#Side .bottom .profile .content {
  width: -moz-calc(100% - 56px);
  width: -webkit-calc(100% - 56px);
  width: calc(100% - 56px);
  padding-left: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#Side .bottom .profile .content .username {
  font-size: 16px;
  font-weight: 500;
  color: #2B2729;
}
#Side .bottom .profile .content .links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}
#Side .bottom .profile .content .links .settings,
#Side .bottom .profile .content .links a.logout,
#Side .bottom .profile .content .links .divider {
  font-size: 14px;
  color: #8D8D8D;
  font-weight: 400;
  cursor: pointer;
}
#Side .bottom .profile .content .links .settings:hover,
#Side .bottom .profile .content .links a.logout:hover {
  color: #707070;
}
#Side .bottom .profile .content .links .divider {
  margin: 0 6px;
  cursor: default;
}
#Side.view-low {
  position: relative;
  flex-grow: 1;
  height: auto;
}
#Side.view-low .top,
#Side.view-low .middle,
#Side.view-low .bottom {
  position: relative;
  top: unset;
  bottom: unset;
}
#Side.view-low .top {
  margin-top: 26px;
}
#Side.view-low .top .logo {
  width: 80%;
  margin-bottom: 8px;
}
#Side.view-low .middle {
  margin-top: 40px;
  margin-bottom: 60px;
}
#Side.view-low .bottom {
  margin-bottom: 40px;
}
@media only screen and (max-width: 959px) {
  #Side {
    display: none;
  }
}

/* ------------------------------------
   Content
------------------------------------- */
#Content {
  opacity: 1;
  flex-grow: 1;
  width: 1920px;
  max-width: 98%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* -------------------------------------------------------
   ALL DESKTOPS ... 1240px ->
------------------------------------------------------- */
/* -------------------------------------------------------
   LARGE DESKTOPS ... 1680px ->
------------------------------------------------------- */
/* -------------------------------------------------------
   TABLETS LANDSCAPE, SMALL & MEDIUM DESKTOPS ... 960px <-> 1679px 
------------------------------------------------------- */
/* -------------------------------------------------------
   ALL MOBILE DEVICES ... 0 <-> 1239px
------------------------------------------------------- */
/* -------------------------------------------------------
   TABLETS PORTRAIT & LANDSCAPE ... 768px <-> 1239px
------------------------------------------------------- */
/* -------------------------------------------------------
   TABLETS LANDSCAPE ... 960px <-> 1239px
------------------------------------------------------- */
/* -------------------------------------------------------
   TABLETS PORTRAIT ... 768px <-> 959px
------------------------------------------------------- */
/* -------------------------------------------------------
   TABLETS PORTRAIT & SMARTPHONES ... 0 <-> 959px
------------------------------------------------------- */
/* -------------------------------------------------------
   SMARTPHONES PORTRAIT & LANDSCAPE ... 0 <-> 767px
------------------------------------------------------- */
/* -------------------------------------------------------
   SMARTPHONES LANDSCAPE ... 480px <-> 767px
------------------------------------------------------- */
/* -------------------------------------------------------
   SMARTPHONES PORTRAIT ... 0px <-> 479px
------------------------------------------------------- */
/* -------------------------------------------------------
   SMARTPHONES EXTRA SMALL ... 0px <-> 380px
------------------------------------------------------- */
html.login {
  min-height: unset;
}
html.login .login-header {
  position: relative;
  padding: 30px 45px 30px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  z-index: 9;
}
html.login .login-header .logo-wrapper {
  height: 44px;
}
html.login .login-header .logo-wrapper img {
  height: 100%;
  width: auto;
}
html.login .login-header a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 15.6px;
  font-weight: 700;
  color: #E84E0F;
}
html.login .login-header a i {
  margin-left: 10px;
}
html.login .login-header a i:before {
  background-color: #E84E0F;
}

div#login.content {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
div#login.content form {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 413px;
}
div#login.content form .item {
  margin-bottom: 27px;
  margin-right: 0;
}
div#login.content form .item .input-wrapper i::before {
  background-color: #5C2482;
}
div#login.content form .field, div#login.content form > .item .file-upload label.fileupload {
  height: 56px;
  border-radius: 12px;
  border: 0.5px solid #A4A4B0;
  background: #F7F7F7;
  text-indent: 25px;
  padding: 0;
  box-sizing: border-box;
  font-size: 15.6px;
  font-weight: 500;
}
div#login.content form .field:focus, div#login.content form > .item .file-upload label.fileupload:focus {
  outline: none;
  box-shadow: 0px 3px 20px rgba(102, 66, 220, 0.2);
  color: var(--color-text);
}
div#login.content form .btn, div#login.content form input[type=submit].dex-btn, div#login.content form > .item .file-upload label[type=submit].dex-btn.fileupload,
div#login.content form button.dex-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 56px;
  background: #5C2482;
  border-radius: 12px;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  border: none;
}
div#login.content form .btn:hover, div#login.content form input[type=submit].dex-btn:hover, div#login.content form > .item .file-upload label[type=submit].dex-btn.fileupload:hover,
div#login.content form button.dex-btn:hover {
  cursor: pointer;
}
div#login.content form .btn i, div#login.content form input[type=submit].dex-btn i, div#login.content form > .item .file-upload label[type=submit].dex-btn.fileupload i,
div#login.content form button.dex-btn i {
  margin-right: 8px;
}
div#login.content form .btn i:before, div#login.content form input[type=submit].dex-btn i:before, div#login.content form > .item .file-upload label[type=submit].dex-btn.fileupload i:before,
div#login.content form button.dex-btn i:before {
  background-color: var(--color-light);
}
div#login.content form .btn i.after-text, div#login.content form input[type=submit].dex-btn i.after-text, div#login.content form > .item .file-upload label[type=submit].dex-btn.fileupload i.after-text,
div#login.content form button.dex-btn i.after-text {
  margin-left: 8px;
}
div#login.content .action-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #FF0000;
  margin-top: 53px;
  cursor: pointer;
  font-size: 15.6px;
  font-weight: 500;
}
div#login.content .action-link i {
  margin-right: 8px;
}
div#login.content .action-link i:before {
  background-color: #FF0000;
}