.autoComplete_wrapper {
  display: inline-block;
  position: relative;
}

.autoComplete_wrapper > input {
  width: 370px;
  height: 40px;
  padding-left: 20px;
  font-size: 1rem;
  color: rgba(123, 123, 123, 1);
  border-radius: 8px;
  border: 0;
  outline: none;
  background-color: #f1f3f4;
}

.autoComplete_wrapper > input::-moz-placeholder {
  color: rgba(123, 123, 123, 0.5);
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.autoComplete_wrapper > input::placeholder {
  color: rgba(123, 123, 123, 0.5);
  transition: all 0.3s ease;
}

.autoComplete_wrapper > ul {
  position: absolute;
  max-height: 226px;
  overflow-y: scroll;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0.5rem 0 0 0;
  border-radius: 0.6rem;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  border: 1px solid rgba(33, 33, 33, 0.07);
  z-index: 1000;
  outline: none;
}

.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {
  display: block;
  opacity: 0;
  transform: scale(0);
}

.autoComplete_wrapper > ul > li {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  list-style: none;
  text-align: left;
  font-size: 1rem;
  color: #212121;
  transition: all 0.1s ease-in-out;
  border-radius: 0.35rem;
  background-color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.autoComplete_wrapper > ul > li::-moz-selection {
  color: rgba(#ffffff, 0);
  background-color: rgba(#ffffff, 0);
}

.autoComplete_wrapper > ul > li::selection {
  color: rgba(#ffffff, 0);
  background-color: rgba(#ffffff, 0);
}

.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: rgba(123, 123, 123, 0.1);
}

.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  color: rgba(255, 122, 122, 1);
  font-weight: bold;
}

.autoComplete_wrapper > ul > li mark::-moz-selection {
  color: rgba(#ffffff, 0);
  background-color: rgba(#ffffff, 0);
}

.autoComplete_wrapper > ul > li mark::selection {
  color: rgba(#ffffff, 0);
  background-color: rgba(#ffffff, 0);
}

.autoComplete_wrapper > ul > li[aria-selected="true"] {
  background-color: rgba(123, 123, 123, 0.1);
}

@media only screen and (max-width: 600px) {
  .autoComplete_wrapper > input {
    width: 18rem;
  }
}

:root{--vs-colors--lightest:rgba(60,60,60,0.26);--vs-colors--light:rgba(60,60,60,0.5);--vs-colors--dark:#333;--vs-colors--darkest:rgba(0,0,0,0.15);--vs-search-input-color:inherit;--vs-search-input-bg:#fff;--vs-search-input-placeholder-color:inherit;--vs-font-size:1rem;--vs-line-height:1.4;--vs-state-disabled-bg:#f8f8f8;--vs-state-disabled-color:var(--vs-colors--light);--vs-state-disabled-controls-color:var(--vs-colors--light);--vs-state-disabled-cursor:not-allowed;--vs-border-color:var(--vs-colors--lightest);--vs-border-width:1px;--vs-border-style:solid;--vs-border-radius:4px;--vs-actions-padding:4px 6px 0 3px;--vs-controls-color:var(--vs-colors--light);--vs-controls-size:1;--vs-controls--deselect-text-shadow:0 1px 0 #fff;--vs-selected-bg:#f0f0f0;--vs-selected-color:var(--vs-colors--dark);--vs-selected-border-color:var(--vs-border-color);--vs-selected-border-style:var(--vs-border-style);--vs-selected-border-width:var(--vs-border-width);--vs-dropdown-bg:#fff;--vs-dropdown-color:inherit;--vs-dropdown-z-index:1000;--vs-dropdown-min-width:160px;--vs-dropdown-max-height:350px;--vs-dropdown-box-shadow:0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg:#000;--vs-dropdown-option-color:var(--vs-dropdown-color);--vs-dropdown-option-padding:3px 20px;--vs-dropdown-option--active-bg:#5897fb;--vs-dropdown-option--active-color:#fff;--vs-dropdown-option--deselect-bg:#fb5858;--vs-dropdown-option--deselect-color:#fff;--vs-transition-timing-function:cubic-bezier(1,-0.115,0.975,0.855);--vs-transition-duration:150ms}.v-select{font-family:inherit;position:relative}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function:cubic-bezier(1,0.5,0.8,1);--vs-transition-duration:0.15s}@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg:var(--vs-state-disabled-bg);--vs-disabled-color:var(--vs-state-disabled-color);--vs-disabled-cursor:var(--vs-state-disabled-cursor)}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{background-color:var(--vs-disabled-bg);cursor:var(--vs-disabled-cursor)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--vs-search-input-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 0 4px;white-space:normal}.vs__selected-options{display:-webkit-box;display:-ms-flexbox;display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);background-color:transparent;border:0;cursor:pointer;margin-right:8px;padding:0}.vs__dropdown-menu{background:var(--vs-dropdown-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);border-top-style:none;box-shadow:var(--vs-dropdown-box-shadow);box-sizing:border-box;color:var(--vs-dropdown-color);display:block;left:0;list-style:none;margin:0;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;padding:5px 0;position:absolute;text-align:left;top:calc(100% - var(--vs-border-width));width:100%;z-index:var(--vs-dropdown-z-index)}.vs__no-options{text-align:center}.vs__dropdown-option{clear:both;color:var(--vs-dropdown-option-color);cursor:pointer;display:block;line-height:1.42857143;padding:var(--vs-dropdown-option-padding);white-space:nowrap}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);display:-webkit-box;display:-ms-flexbox;display:flex;line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{fill:var(--vs-controls-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:4px;padding:0;text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected{opacity:.4;position:absolute}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid transparent;border-left:none;box-shadow:none;color:var(--vs-search-input-color);flex-grow:1;font-size:var(--vs-font-size);line-height:var(--vs-line-height);margin:4px 0 0;max-width:100%;outline:none;padding:0 7px;width:0;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;animation:vSelectSpinner 1.1s linear infinite;border:.9em solid hsla(0,0%,39%,.1);border-left-color:rgba(60,60,60,.45);font-size:5px;opacity:0;overflow:hidden;text-indent:-9999em;transform:translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;height:5em;transform:scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));width:5em}.vs--loading .vs__spinner{opacity:1}

/*# sourceMappingURL=vue-select.css.map*/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.tippy-box[data-theme~=light-border]{background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,8,16,.15);color:#333;box-shadow:0 4px 14px -2px rgba(0,8,16,.08)}.tippy-box[data-theme~=light-border]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light-border]>.tippy-arrow:after,.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{content:"";position:absolute;z-index:-1}.tippy-box[data-theme~=light-border]>.tippy-arrow:after{border-color:transparent;border-style:solid}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after{border-top-color:rgba(0,8,16,.2);border-width:7px 7px 0;top:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg{top:16px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after{top:17px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff;bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:rgba(0,8,16,.2);border-width:0 7px 7px;bottom:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after{bottom:17px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after{border-left-color:rgba(0,8,16,.2);border-width:7px 0 7px 7px;left:17px;top:1px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg{left:11px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after{left:12px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff;right:16px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after{border-width:7px 7px 7px 0;right:17px;top:1px;border-right-color:rgba(0,8,16,.2)}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg{right:11px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after{right:12px}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow{fill:#fff}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);background-size:16px 6px;width:16px;height:6px}
.datepicker {
  display: none;
}
.datepicker.active {
  display: block;
}

.datepicker-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  padding-top: 4px;
}
.datepicker-dropdown.datepicker-orient-top {
  padding-top: 0;
  padding-bottom: 4px;
}

.datepicker-picker {
  display: inline-block;
  border-radius: 4px;
  background-color: hsl(0deg, 0%, 100%);
}
.datepicker-dropdown .datepicker-picker {
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}
.datepicker-picker span {
  display: block;
  flex: 1;
  border: 0;
  border-radius: 4px;
  cursor: default;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.datepicker-main {
  padding: 2px;
}

.datepicker-footer {
  box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1);
  background-color: hsl(0deg, 0%, 96%);
}

.datepicker-grid, .datepicker-view .days-of-week, .datepicker-view, .datepicker-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.datepicker-grid {
  flex-wrap: wrap;
}

.datepicker-view .days .datepicker-cell, .datepicker-view .dow {
  flex-basis: 14.2857142857%;
}

.datepicker-view.datepicker-grid .datepicker-cell {
  flex-basis: 25%;
}

.datepicker-cell, .datepicker-view .week {
  height: 2.25rem;
  line-height: 2.25rem;
}

.datepicker-title {
  box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1);
  background-color: hsl(0deg, 0%, 96%);
  padding: 0.375rem 0.75rem;
  text-align: center;
  font-weight: 700;
}

.datepicker-header .datepicker-controls {
  padding: 2px 2px 0;
}
.datepicker-controls .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-shadow: none;
  background-color: hsl(0deg, 0%, 100%);
  cursor: pointer;
  padding: calc(0.375em - 1px) 0.75em;
  height: 2.25em;
  vertical-align: top;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  color: hsl(0deg, 0%, 21%);
  font-size: 1rem;
}
.datepicker-controls .button:focus, .datepicker-controls .button:active {
  outline: none;
}
.datepicker-controls .button:hover {
  border-color: #b5b5b5;
  color: hsl(0deg, 0%, 21%);
}
.datepicker-controls .button:focus {
  border-color: hsl(217deg, 71%, 53%);
  color: hsl(0deg, 0%, 21%);
}
.datepicker-controls .button:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.datepicker-controls .button:active {
  border-color: #4a4a4a;
  color: hsl(0deg, 0%, 21%);
}
.datepicker-controls .button[disabled] {
  cursor: not-allowed;
}
.datepicker-header .datepicker-controls .button {
  border-color: transparent;
  font-weight: bold;
}
.datepicker-header .datepicker-controls .button:hover {
  background-color: #f9f9f9;
}
.datepicker-header .datepicker-controls .button:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.datepicker-header .datepicker-controls .button:active {
  background-color: #f2f2f2;
}
.datepicker-header .datepicker-controls .button[disabled] {
  box-shadow: none;
}
.datepicker-footer .datepicker-controls .button {
  margin: calc(0.375rem - 1px) 0.375rem;
  border-radius: 2px;
  width: 100%;
  font-size: 0.75rem;
}
.datepicker-controls .view-switch {
  flex: auto;
}
.datepicker-controls .prev-btn,
.datepicker-controls .next-btn {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
  width: 2.25rem;
}
.datepicker-controls .prev-btn.disabled,
.datepicker-controls .next-btn.disabled {
  visibility: hidden;
}

.datepicker-view .dow {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 700;
}
.datepicker-view .week {
  width: 2.25rem;
  color: #b5b5b5;
  font-size: 0.75rem;
}
@media (max-width: 22.5rem) {
  .datepicker-view .week {
    width: 1.96875rem;
  }
}

.datepicker-grid {
  width: 15.75rem;
}
@media (max-width: 22.5rem) {
  .calendar-weeks + .days .datepicker-grid {
    width: 13.78125rem;
  }
}

.datepicker-cell:not(.disabled):hover {
  background-color: #f9f9f9;
  cursor: pointer;
}
.datepicker-cell.focused:not(.selected) {
  background-color: #e8e8e8;
}
.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background-color: hsl(217deg, 71%, 53%);
  color: #fff;
  font-weight: 600;
}
.datepicker-cell.disabled {
  color: #dbdbdb;
}
.datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled) {
  color: hsl(0deg, 0%, 48%);
}
.datepicker-cell.prev.selected, .datepicker-cell.next.selected {
  color: #e6e6e6;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  border-radius: 0;
  background-color: hsl(0deg, 0%, 96%);
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
  background-color: #eeeeee;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
  background-color: #e8e8e8;
}
.datepicker-cell.today:not(.selected) {
  background-color: hsl(171deg, 100%, 41%);
}
.datepicker-cell.today:not(.selected):not(.disabled) {
  color: #fff;
}
.datepicker-cell.today.focused:not(.selected) {
  background-color: #00c4a7;
}
.datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) {
  background-color: #b5b5b5;
  color: #fff;
}
.datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected) {
  background-color: #afafaf;
}
.datepicker-cell.range-start {
  border-radius: 4px 0 0 4px;
}
.datepicker-cell.range-end {
  border-radius: 0 4px 4px 0;
}
.datepicker-cell.range {
  border-radius: 0;
  background-color: #dbdbdb;
}
.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: #d5d5d5;
}
.datepicker-cell.range.disabled {
  color: #c2c2c2;
}
.datepicker-cell.range.focused {
  background-color: #cfcfcf;
}
.datepicker-view.datepicker-grid .datepicker-cell {
  height: 4.5rem;
  line-height: 4.5rem;
}

.datepicker-input.in-edit {
  border-color: #2366d1;
}
.datepicker-input.in-edit:focus, .datepicker-input.in-edit:active {
  box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2);
}

@font-face {
  font-family: "OpenSans";
  font-weight: normal;
  src: url(/resources/fonts/OpenSansRegular.eot?fb846c5131956bb7613117858cbfdfcb);
  src: url(/resources/fonts/OpenSansRegular.eot?fb846c5131956bb7613117858cbfdfcb) format("embedded-opentype"), url(/resources/fonts/OpenSansRegular.woff2?828735bbba2b17320a0f9f4561146549) format("woff2"), url(/resources/fonts/OpenSansRegular.woff?20be10ed3ac3d56d00bae330797091f2) format("woff"), url(/resources/fonts/OpenSansRegular.ttf?0497b0f37f85f987765d5bb34670cc69) format("truetype"), url(/resources/fonts/OpenSansRegular.svg?7ca7b078ac4d2296e20455bfac60356b) format("svg");
}
@font-face {
  font-family: "OpenSans";
  font-weight: 600;
  src: url(/resources/fonts/OpenSansSemiBold.eot?b858de5750da2e9789496c3e642d4b96);
  src: url(/resources/fonts/OpenSansSemiBold.eot?b858de5750da2e9789496c3e642d4b96) format("embedded-opentype"), url(/resources/fonts/OpenSansSemiBold.woff2?47ae530e64f0176bf60bd37df9d3642e) format("woff2"), url(/resources/fonts/OpenSansSemiBold.woff?d7cda02e7cdc0e5f2160a36a6543c8af) format("woff"), url(/resources/fonts/OpenSansSemiBold.ttf?3113255d5e3df3d9f28416b7a3947c67) format("truetype"), url(/resources/fonts/OpenSansSemiBold.svg?5dd37eb327942c6b760914cdc5fedec8) format("svg");
}
@font-face {
  font-family: "OpenSansBold";
  font-weight: bold;
  src: url(/resources/fonts/OpenSansBold.eot?37fdb7598301c551aecac7c6856eb2e3);
  src: url(/resources/fonts/OpenSansBold.eot?37fdb7598301c551aecac7c6856eb2e3) format("embedded-opentype"), url(/resources/fonts/OpenSansBold.woff2?c5f4ac5aaa8c517b822ef0b55da704f9) format("woff2"), url(/resources/fonts/OpenSansBold.woff?8ce66ade630274ed7c35b54c9e358e06) format("woff"), url(/resources/fonts/OpenSansBold.ttf?823051a4e892daeca1c9d1bab77e328e) format("truetype"), url(/resources/fonts/OpenSansBold.svg?1208bbf4b4f55333be6272f81ad9fe26) format("svg");
}
@font-face {
  font-family: "OpenSans-semibold";
  src: url(/resources/fonts/OpenSansSemiBold.eot?b858de5750da2e9789496c3e642d4b96);
  src: url(/resources/fonts/OpenSansSemiBold.eot?b858de5750da2e9789496c3e642d4b96) format("embedded-opentype"), url(/resources/fonts/OpenSansSemiBold.woff2?47ae530e64f0176bf60bd37df9d3642e) format("woff2"), url(/resources/fonts/OpenSansSemiBold.woff?d7cda02e7cdc0e5f2160a36a6543c8af) format("woff"), url(/resources/fonts/OpenSansSemiBold.ttf?3113255d5e3df3d9f28416b7a3947c67) format("truetype"), url(/resources/fonts/OpenSansSemiBold.svg?5dd37eb327942c6b760914cdc5fedec8) format("svg");
}
*,
*::after,
*::before {
  box-sizing: border-box;
}

body {
  font-family: "OpenSans", sans-serif;
  margin: 0;
  font-size: 16px;
  background-color: #e9e9e9;
  padding: 0;
  overflow-x: hidden;
  position: relative;
  min-height: 100vh;
}

main {
  margin-bottom: 100px;
  min-height: 100vh;
}
main::before {
  content: "";
  position: absolute;
  bottom: 80px;
  left: 0;
  background-image: url(/resources/img/body-bottom.png?33c92891ab507a723ef7d597f311f375);
  background-repeat: no-repeat;
  width: 360px;
  z-index: -1;
  height: 360px;
  background-size: 100%;
}
@media screen and (max-width: 1441px) {
  main::before {
    bottom: 60px;
    width: 300px;
    height: 300px;
  }
}
main::after {
  content: "";
  position: absolute;
  top: 80px;
  z-index: -1;
  right: 0;
  background-image: url(/resources/img/body-top.png?8bcc8e484557cedcd19c45f79d676b9e);
  background-repeat: no-repeat;
  width: 175px;
  height: 220px;
  background-size: 100%;
}
@media screen and (max-width: 1441px) {
  main::after {
    top: 60px;
    width: 150px;
    height: 200px;
  }
}
main.main--sign-in, main.no-bars {
  height: 100vh;
  margin-bottom: 0;
  padding-bottom: 100px;
}
main.main--sign-in::before, main.no-bars::before {
  bottom: 0;
}
main.main--sign-in::after, main.no-bars::after {
  top: 0;
}
main.no-bars {
  height: auto;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

section {
  margin-top: 0px;
  margin-bottom: 400px;
}

.page-title {
  font-weight: 600;
  font-family: "OpenSans-semibold", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  position: relative;
  padding-top: 16px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1441px) {
  .page-title {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 40px;
  }
}
.page-title--category {
  padding-left: 36px;
}
@media screen and (max-width: 1441px) {
  .page-title--category {
    margin-top: 10px;
    padding-left: 32px;
  }
}
.page-title--category::before {
  content: "";
  width: 0;
  position: absolute;
  left: 4px;
  top: 24px;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent #ec4657 transparent transparent;
}
@media screen and (max-width: 1441px) {
  .page-title--category::before {
    border-width: 0 16px 16px 0;
  }
}
.page-title--category::after {
  content: "";
  position: absolute;
  bottom: -32px;
  right: -90px;
  width: 230px;
  height: 76px;
  background-position: center right;
  background-image: url(/resources/img/h1-after.png?b01d9b5cb43b79d24228f7c072e09cf4);
  background-size: 100%;
  background-repeat: no-repeat;
}
.page-title--total {
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  color: #8e8e8e;
  margin-left: 5px;
  margin-top: 47px;
}
@media screen and (max-width: 1441px) {
  .page-title--total {
    margin-top: 32px;
  }
}
.page-title--single {
  padding-left: 70px;
}
.page-title--single span {
  font-size: 18px;
  display: block;
  text-transform: capitalize;
}
.page-title--single::before {
  content: "";
  width: 0;
  position: absolute;
  left: 4px;
  top: 24px;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent #ec4657 transparent transparent;
}
@media screen and (max-width: 1441px) {
  .page-title--single::before {
    border-width: 0 40px 40px 0;
    top: 20px;
  }
}
.page-title__link {
  margin-bottom: 24px;
  padding-left: 20px;
}
.page-title__link a {
  color: #ec4657;
}

input,
textarea,
button,
.btn {
  font-size: 16px;
  font-family: "OpenSans", sans-serif;
  outline: none;
}

input:-moz-read-only {
  background: #dbdbdb;
  color: #8d8c8c;
}

input:read-only, input:disabled {
  background: #dbdbdb;
  color: #8d8c8c;
}

button,
.btn {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.red {
  color: #ec4657;
}

.hide {
  display: none;
}

.required {
  color: #ec4657;
}

.relative {
  position: relative;
}

.validate--error {
  color: #ec4657;
}
.validate--success {
  color: green;
}

.form-field input.has-error,
.form-field select.has-error,
.form-field textarea.has-error,
.form-field.has-error .vue-treeselect__control {
  border-color: #ec4657;
}

.form-field__select.has-error .select-styled,
.form-field--file.has-error .btn--file {
  border-color: #ec4657;
}

.form-field--file .file-error {
  display: block;
  margin-top: 6px;
  color: #ec4657;
  font-size: 12px;
}

.form-field--radiobutton.has-error,
.group-row.has-error {
  border: 1px solid #ec4657;
  border-radius: 4px;
}

.checkbox-wrap.has-error input[type=checkbox] + label::before {
  border-color: #ec4657;
}

.w-100 {
  width: 100%;
}

.color-of-null {
  color: #ec4657;
}

.balance--credit {
  color: #1f9d55;
}

.group-row {
  border: 1px solid #8d8c8c;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
  padding: 16px 12px;
}
.group-row__label {
  position: absolute;
  padding: 2px 4px;
  top: -12px;
  left: 24px;
  background-color: #fff;
}
.group-row .form-field {
  padding-left: 0;
  padding-right: 0;
}

.link {
  color: #ec4657;
  text-decoration: underline;
  cursor: pointer;
}

.agency-icon-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.agency-icon-col img {
  margin-right: 10px;
}

.pagination-page-link {
  color: #000;
  transition: all 0.25s;
  margin: 0 8px;
}
.pagination-page-link:hover {
  color: #ec4657;
}

.pagination-page-current {
  color: #000;
  font-weight: bold;
  margin: 0 8px;
}

.agency-icon-image {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.kick-off-diminishing {
  font-size: 14px;
  color: #8d8c8c;
  margin-top: -8px;
}

.kick-off-diminishing {
  font-size: 14px;
  color: #8d8c8c;
  margin-top: -8px;
}

.container {
  max-width: 1560px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1600px) {
  .container {
    max-width: 1400px;
  }
}
@media screen and (max-width: 1441px) {
  .container {
    max-width: 1280px;
  }
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.jus-c--right {
  justify-content: flex-end !important;
}
.jus-c--left {
  justify-content: flex-start;
}
.jus-c--center {
  justify-content: center;
}
.jus-c--space-between {
  justify-content: space-between;
}

.align-items--end {
  align-items: flex-end;
}
.align-items--start {
  align-items: flex-start;
}
.align-items--center {
  align-items: center;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

@media screen and (min-width: 0) {
  .col-xs-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .col-xs-11 {
    max-width: 91.666666%;
    flex: 0 0 91.666666%;
  }
  .col-xs-10 {
    max-width: 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-xs-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-xs-8 {
    max-width: 66.66666667%;
    flex: 66.66666667%;
  }
  .col-xs-7 {
    max-width: 58.33333%;
    flex: 58.33333%;
  }
  .col-xs-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-xs-5 {
    max-width: 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-xs-4 {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-xs-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-xs-2 {
    max-width: 16.666666%;
    flex: 0 0 16.666666%;
  }
  .col-xs-1 {
    max-width: 8.333333%;
    flex: 0 0 8.333333%;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .col-sm-11 {
    max-width: 91.666666%;
    flex: 0 0 91.666666%;
  }
  .col-sm-10 {
    max-width: 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-sm-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-sm-8 {
    max-width: 66.66666667%;
    flex: 66.66666667%;
  }
  .col-sm-7 {
    max-width: 58.33333%;
    flex: 58.33333%;
  }
  .col-sm-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-sm-5 {
    max-width: 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-sm-4 {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-sm-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-sm-2 {
    max-width: 16.666666%;
    flex: 0 0 16.666666%;
  }
  .col-sm-1 {
    max-width: 8.333333%;
    flex: 0 0 8.333333%;
  }
}
@media screen and (min-width: 768px) {
  .col-md-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .col-md-11 {
    max-width: 91.666666%;
    flex: 0 0 91.666666%;
  }
  .col-md-10 {
    max-width: 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-md-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-md-8 {
    max-width: 66.66666667%;
    flex: 66.66666667%;
  }
  .col-md-7 {
    max-width: 58.33333%;
    flex: 58.33333%;
  }
  .col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-md-5 {
    max-width: 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-md-4 {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-md-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-md-2 {
    max-width: 16.666666%;
    flex: 0 0 16.666666%;
  }
  .col-md-1 {
    max-width: 8.333333%;
    flex: 0 0 8.333333%;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .col-lg-11 {
    max-width: 91.666666%;
    flex: 0 0 91.666666%;
  }
  .col-lg-10 {
    max-width: 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-lg-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-lg-8 {
    max-width: 66.66666667%;
    flex: 66.66666667%;
  }
  .col-lg-7 {
    max-width: 58.33333%;
    flex: 58.33333%;
  }
  .col-lg-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-lg-5 {
    max-width: 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-lg-4 {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-lg-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-lg-2 {
    max-width: 16.666666%;
    flex: 0 0 16.666666%;
  }
  .col-lg-1 {
    max-width: 8.333333%;
    flex: 0 0 8.333333%;
  }
}
@media screen and (min-width: 1300px) {
  .col-xl-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .col-xl-11 {
    max-width: 91.666666%;
    flex: 0 0 91.666666%;
  }
  .col-xl-10 {
    max-width: 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-xl-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }
  .col-xl-8 {
    max-width: 66.66666667%;
    flex: 66.66666667%;
  }
  .col-xl-7 {
    max-width: 58.33333%;
    flex: 58.33333%;
  }
  .col-xl-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .col-xl-5 {
    max-width: 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-xl-4 {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-xl-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .col-xl-2 {
    max-width: 16.666666%;
    flex: 0 0 16.666666%;
  }
  .col-xl-1 {
    max-width: 8.333333%;
    flex: 0 0 8.333333%;
  }
}
@font-face {
  font-display: block;
  font-family: "icons";
  font-style: normal;
  font-weight: 400;
  src: url(/resources/fonts/icons.eot?b0c64cdcf6c8988ee6a30b409374be90);
  src: url(/resources/fonts/icons.eot?b0c64cdcf6c8988ee6a30b409374be90) format("embedded-opentype"), url(/resources/fonts/icons.woff2?98b02e95b02064582a265cdd01413ca4) format("woff2"), url(/resources/fonts/icons.woff?82bc873628767b84c1f6c1fa12f76a43) format("woff"), url(/resources/fonts/icons.ttf?4bc8479d352137996e4bb42e7ccb6185) format("truetype"), url(/resources/fonts/icons.svg?6fdc6b4383f97cbfd1c9260e918a9c30) format("svg");
}
.icon {
  display: inline-block;
  font-family: "icons";
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.icon-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.icon-xs {
  font-size: 0.75em;
}

.icon-sm {
  font-size: 0.875em;
}

.icon-1x {
  font-size: 1em;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-6x {
  font-size: 6em;
}

.icon-7x {
  font-size: 7em;
}

.icon-8x {
  font-size: 8em;
}

.icon-9x {
  font-size: 9em;
}

.icon-10x {
  font-size: 10em;
}

.icon-fw {
  text-align: center;
  width: 1.25em;
}

.icon-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.icon-pull-left {
  float: left;
}

.icon-pull-right {
  float: right;
}

.icon.icon-pull-left {
  margin-right: 0.3em;
}

.icon.icon-pull-right {
  margin-left: 0.3em;
}

.icon-arrow::before {
  content: "\ea01";
}

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

.icon-cancel::before {
  content: "\ea03";
}

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

.icon-clear-filter::before {
  content: "\ea05";
}

.icon-down-arrow::before {
  content: "\ea06";
}

.icon-external-link::before {
  content: "\ea07";
}

.icon-filter::before {
  content: "\ea08";
}

.icon-left-arrow::before {
  content: "\ea09";
}

.icon-logout::before {
  content: "\ea0a";
}

.icon-pencil::before {
  content: "\ea0b";
}

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

.icon-trash::before {
  content: "\ea0d";
}

.icon-user::before {
  content: "\ea0e";
}

.btn {
  height: 50px;
  border: 1px;
  background: #fff;
  text-decoration: none;
  border: 1px solid #6c7072;
  border-radius: 12px;
  min-width: 120px;
  text-align: center;
  padding: 12px 50px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 16px;
}
@media screen and (max-width: 1441px) {
  .btn {
    min-width: 80px;
    font-size: 12px;
    padding: 12px;
    height: 42px;
  }
}
.btn-wrap--center {
  justify-content: center;
}
.btn-wrap--right {
  justify-content: flex-end;
}
.btn-wrap--left {
  justify-content: flex-start;
}
.btn--white {
  background: #fff;
  border: 1px solid #6c7072;
  width: 170px;
}
.btn--white:visited {
  color: #474747;
}
@media screen and (max-width: 1441px) {
  .btn--white {
    width: 130px;
  }
}
.btn--gray {
  background: #6c7072;
  border: 1px solid #6c7072;
  color: #fff;
  width: 170px;
  padding: 12px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn--gray i {
  margin-right: 12px;
}
@media screen and (max-width: 1441px) {
  .btn--gray {
    width: 130px;
  }
}
.btn--icon-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 0;
  background: transparent;
  border: none;
  margin: 0;
  font-size: 16px;
}
.btn--icon-left i {
  margin-right: 12px;
  font-size: 24px;
  color: #ec4657;
}
@media screen and (max-width: 1441px) {
  .btn--icon-left {
    font-size: 14px;
  }
  .btn--icon-left i {
    font-size: 18px;
  }
}
.btn-add-note {
  padding: 12px;
  border-radius: 12px;
  margin: 0;
  height: 40px;
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: auto;
  text-transform: capitalize;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  border: none;
  color: #ec4657;
}
.btn-add-note i {
  font-size: 11px;
  margin-left: 4px;
}
.btn--icon {
  padding: 0;
  border: 0;
  min-width: auto;
  color: #6c7072;
  font-size: 20px;
}
@media screen and (max-width: 1441px) {
  .btn--icon {
    font-size: 16px;
  }
}
.btn--icon-border {
  padding: 0;
  min-width: auto;
  color: #6c7072;
  font-size: 20px;
  border: 1px solid #6c7072;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 0;
  margin-top: 4px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
@media screen and (max-width: 1441px) {
  .btn--icon-border {
    font-size: 16px;
  }
}
.btn--file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background: transparent;
  border: 1px solid #6c7072;
  margin: 0;
  font-weight: 600;
  font-family: "OpenSans-semibold", sans-serif;
  justify-content: space-between;
  text-transform: capitalize;
  font-size: 16px;
}
.btn--file i {
  margin-left: 12px;
  font-size: 12 px;
}
@media screen and (max-width: 1441px) {
  .btn--file {
    font-size: 14px;
  }
}
.btn--link {
  background: transparent;
  border: none;
  text-decoration: underline;
  color: #474747;
  font-family: "OpenSans", sans-serif;
  font-weight: normal;
  padding: 12px 0;
}
.btn--link:visited {
  color: #474747;
}
.btn--save {
  width: 180px;
}
.btn--reset {
  width: 320px;
}
.btn-modal-close {
  z-index: 999;
}
.btn-clear-filter {
  min-width: 50px;
  width: 50px;
  text-align: center;
  background-color: transparent;
  padding: 4px;
  font-size: 20px;
  color: #474747;
  border: none;
}
.btn-clear-filter i {
  margin-right: 0;
}
.btn-toggle-filter {
  width: 180px;
  background-color: transparent;
  border: none;
  color: #474747;
}

.tooltip-btn {
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #6c7072;
  color: #6c7072;
  border-radius: 150%;
  width: 20px;
  height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -2px;
  margin-left: 4px;
}

.tippy-box {
  font-size: 12px !important;
}

.admin-content {
  padding-top: 40px;
}
@media screen and (max-width: 1441px) {
  .admin-content {
    padding-top: 28px;
  }
}

.admin-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin: 0 0 24px;
}
.admin-actions .btn {
  margin: 0;
  width: auto;
  padding: 12px;
}

.admin-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 480px;
}
.admin-nav-list li {
  border-bottom: 1px solid #e5e5e5;
}
.admin-nav-list li:last-child {
  border-bottom: none;
}
.admin-nav-list a {
  display: block;
  padding: 14px 4px;
  font-size: 16px;
  line-height: 1.4;
  color: #333;
  text-decoration: none;
  transition: color 0.2s;
}
.admin-nav-list a:hover {
  color: #ec4657;
  text-decoration: underline;
}

.table {
  border-spacing: 0;
  width: 100%;
}
.table-wrap {
  width: 100%;
  overflow-x: auto;
  transition: all 0.25s;
  padding-bottom: 10px;
}
.table-wrap::-webkit-scrollbar {
  height: 7px;
  width: 4px;
}
.table-wrap::-webkit-scrollbar-track {
  background: #fff;
}
.table-wrap::-webkit-scrollbar-thumb {
  background-color: #474747;
}
.table-wrap::-webkit-scrollbar-thumb:hover {
  background: #474747;
}
.table thead {
  background-color: #474747;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
@media screen and (max-width: 1441px) {
  .table thead {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
}
.table thead tr {
  background-color: #474747;
}
.table thead th {
  border-spacing: 0;
  color: #fff;
  text-align: left;
  letter-spacing: 1px;
  font-size: 14px;
  padding: 16px 16px;
  background-color: #474747;
  min-width: 100px;
  text-transform: uppercase;
  font-family: "OpenSans-semibold", sans-serif;
  position: relative;
  word-spacing: 300vw;
}
@media screen and (max-width: 1600px) {
  .table thead th {
    padding: 12px;
  }
}
@media screen and (max-width: 1441px) {
  .table thead th {
    font-size: 12px;
    padding: 12px;
    font-weight: 500;
  }
}
.table thead th.center {
  text-align: center;
}
.table thead th.right {
  text-align: right;
}
.table thead th.id {
  min-width: 40px;
}
.table thead th.invoiced {
  min-width: 100px;
}
.table thead th.deal_type {
  width: 16.6666666667vw;
}
.table thead th.deal_service {
  width: 20vw;
}
.table thead th.with-tooptip {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table thead th.with-tooptip .tooltip-btn {
  flex: 0 0 16px;
  color: #fff;
  border-color: #fff;
  left: auto;
  right: auto;
  position: initial;
  transform: none;
  font-size: 11px;
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 1600px) {
  .table thead th {
    min-width: 80px;
  }
}
.table thead th span {
  position: absolute;
  left: -2px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}
.table thead th span i {
  font-size: 12px;
  color: #ec4657;
}
.table thead th span.sort-icon--desc i {
  transform: rotate(180deg);
}
.table thead th:first-child {
  border-top-left-radius: 20px;
  padding-left: 32px;
}
.table thead th:first-child span {
  left: 8px;
}
.table thead th:last-child {
  border-top-right-radius: 20px;
}
.table thead th.checkbox {
  min-width: 30px;
  padding: 16px 0 16px 16px;
}
.table thead th .checkbox-wrap {
  margin: 0;
}
.table thead th .checkbox-wrap input[type=checkbox] + label::before {
  margin-right: 0;
}
.table thead th .checkbox-wrap input[type=checkbox] + label i {
  top: 7px;
  left: 7px;
  color: black;
}
.table thead th p {
  white-space: pre-line;
  margin: 0;
}
.table thead th.has-total-value .total {
  position: initial;
  font-size: 18px;
}
@media screen and (max-width: 1441px) {
  .table thead th.has-total-value .total {
    font-size: 16px;
  }
}
.table tbody tr td {
  padding: 16px;
  font-family: "OpenSans-semibold", sans-serif;
  letter-spacing: 0.75px;
  white-space: nowrap;
}
@media screen and (max-width: 1600px) {
  .table tbody tr td {
    font-size: 14px;
    padding: 12px;
  }
}
@media screen and (max-width: 1441px) {
  .table tbody tr td {
    font-size: 13px;
    padding: 12px 8px;
  }
}
.table tbody tr td .btn--icon {
  background: transparent;
}
.table tbody tr td.id {
  min-width: 40px;
}
.table tbody tr td.name {
  min-width: 180px;
}
.table tbody tr td.status {
  min-width: 130px;
}
.table tbody tr td.invoiced {
  min-width: 120px;
}
@media screen and (max-width: 1441px) {
  .table tbody tr td.invoiced {
    min-width: 110px;
  }
}
.table tbody tr td.center {
  text-align: center;
}
.table tbody tr td.right {
  text-align: right;
}
.table tbody tr td a {
  color: #000;
  transition: all 0.25s;
}
.table tbody tr td a:hover {
  color: #ec4657;
}
.table tbody tr td.checkbox {
  min-width: 24px;
  padding: 16px 0 16px 16px;
}
.table tbody tr td.red {
  color: red;
}
.table tbody tr td .checkbox-wrap {
  margin: 0;
}
.table tbody tr td .checkbox-wrap input[type=checkbox] + label {
  width: 28px;
  height: 28px;
}
.table tbody tr td .checkbox-wrap input[type=checkbox] + label::before {
  margin-right: 0;
  width: 28px;
  height: 28px;
}
.table tbody tr td .checkbox-wrap input[type=checkbox] + label i {
  top: 7px;
  color: black;
  left: 7px;
}
.table tbody tr td:first-child {
  padding-left: 32px;
}
.table tbody tr:nth-child(2n+1) {
  background-color: #fff;
}
.table tbody tr:nth-child(2n+2) {
  background-color: #f4f4f4;
}
.table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}
@media screen and (max-width: 1441px) {
  .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
  }
}
.table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}
@media screen and (max-width: 1441px) {
  .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
  }
}
.table tbody tr.not-active td {
  color: #878686;
}
.table tbody tr.overdue td {
  color: #ec4657;
}
.table tbody tr.total-row {
  background: transparent;
}
.table tbody tr.total-row td:nth-child(1) {
  padding-left: 0;
  padding-right: 0;
}
.table tbody tr.total-row .controls-btn--left {
  color: #ec4657;
  margin: 0;
  margin-right: 12px;
  min-width: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.table--tabs thead {
  background-color: transparent;
  border-bottom: 1px solid #474747;
}
.table--tabs thead tr {
  background-color: transparent;
}
.table--tabs thead tr th {
  background-color: transparent;
  color: #474747;
  border-bottom: 1px solid #474747;
}
.table--tabs tbody tr td.checkbox {
  padding-left: 54px;
}
.table-word-spacing th {
  word-spacing: 0 !important;
}

.admin-table-wrap {
  margin-top: 24px;
}
.admin-table-wrap tbody tr td.right {
  text-align: right;
  white-space: nowrap;
}
.admin-table-wrap tbody tr td.right .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 0 16px;
}

.tabs-block__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.tabs-block__nav-item {
  width: 190px;
  height: 60px;
  font-size: 15px;
  border: none;
  background: #dbdbdb;
  text-transform: uppercase;
  border-top-left-radius: 20px;
  margin: 0;
  border-top-right-radius: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  text-decoration: none;
  color: #000;
}
.tabs-block__nav-item--active {
  background: #fff;
}
.tabs-block__nav-item.has-error-indicator {
  position: relative;
}
.tabs-block__nav-item.has-error-indicator::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ec4657;
}
@media screen and (max-width: 1441px) {
  .tabs-block__nav-item {
    width: 140px;
    font-size: 12px;
    padding: 14px 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
}
.tabs-block__content {
  font-weight: 300;
  line-height: 125%;
  background: #fff;
  border-radius: 20px;
  border-top-left-radius: 0;
  padding: 40px 80px 60px 65px;
}
@media screen and (max-width: 1441px) {
  .tabs-block__content {
    padding: 40px 60px 45px 50px;
  }
}
.tabs-block__content-item {
  display: none;
}
.tabs-block__content-item--active {
  display: block;
}
.tabs-block__content-item p {
  margin-top: 0;
  margin-bottom: 15px;
}
.tabs-block__content-item ul {
  padding-left: 0;
}
.tabs-block__content-item ul li {
  position: relative;
  margin-bottom: 15px;
  padding-left: 36px;
}
@media screen and (max-width: 1441px) {
  .tabs-block__content-item ul li {
    margin-bottom: 8px;
    padding-left: 24px;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.pagination .pages {
  margin-right: 42px;
}
@media screen and (max-width: 1441px) {
  .pagination .pages {
    font-size: 14px;
    margin-right: 32px;
  }
}

.controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.controls-btn--left, .controls-btn--right {
  margin: 0 4px;
  width: 30px;
  height: 30px;
  min-width: auto;
  padding: 0;
  background-color: #fff;
  border-radius: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ec4657;
  opacity: 0.5;
}
.controls-btn--left.active, .controls-btn--right.active {
  opacity: 1;
}
.controls-btn--left i {
  transform: rotate(90deg);
}
.controls-btn--right i {
  transform: rotate(-90deg);
}

.filter {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.filter form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 88%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-right: 24px;
}
@media screen and (max-width: 1600px) {
  .filter form {
    width: 87%;
  }
}
.filter .group-filter .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.filter .form-field:last-child button {
  margin-right: 0;
}
.filter .form-field--search {
  max-width: 40%;
  flex: 0 0 40%;
  margin-right: 40px;
}
@media screen and (max-width: 1600px) {
  .filter .form-field--search {
    max-width: 32%;
    flex: 0 0 32%;
  }
}
@media screen and (max-width: 1441px) {
  .filter .form-field--search {
    max-width: 40%;
    flex: 0 0 40%;
    margin-right: 12px;
  }
}
.filter .form-field.checkbox-wrap {
  max-width: none;
  width: auto;
  margin-right: 20px;
  flex: 0 0 auto;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1441px) {
  .filter .form-field.checkbox-wrap {
    margin-right: 12px;
  }
}
.filter .form-field.checkbox-wrap.mr-120 {
  margin-right: calc(5% + 10px);
}
@media screen and (max-width: 1441px) {
  .filter .form-field.checkbox-wrap.mr-120 {
    margin-right: calc(2% + 5px);
  }
}
.filter .form-field--button-new a {
  margin: 0;
}

.modal {
  display: none;
}
.modal-open {
  display: block;
}
.modal .btn-modal-close {
  padding: 0;
  border: 0;
}
.modal-overflow {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .modal-overflow {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.modal-overflow.modal-open {
  visibility: visible;
  opacity: 1;
}
.modal-window {
  max-width: 685px;
  width: 100%;
  background: #fff;
  position: relative;
  border-radius: 8px;
  padding: 30px;
  max-height: 90vh;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .modal-window {
    padding: 42px;
  }
}
@media screen and (max-width: 576px) {
  .modal-window {
    padding: 42px 16px;
  }
}
.modal-window .btn-modal-close {
  position: absolute;
  top: 12px;
  min-width: auto;
  margin: 0;
  z-index: 999;
  right: 30px;
}
@media screen and (max-width: 768px) {
  .modal-window .btn-modal-close {
    top: 16px;
    right: 16px;
  }
}
@media screen and (max-width: 576px) {
  .modal-window .btn-modal-close {
    top: 4px;
    right: 4px;
  }
}
.modal-header {
  text-align: left;
}
.modal-header h2 {
  margin-top: 8px;
}
.modal-title {
  text-align: center;
  font-size: 18px;
  margin-bottom: 24px;
  font-weight: bold;
}
.modal-body .form-field {
  margin-bottom: 24px;
}
.modal-body .form-field--btn {
  margin-top: 32px;
  text-align: right;
}
.modal-body .form-field--btn button {
  margin-left: auto;
  margin-right: 0;
}

#modal-columns-edit .modal-window {
  max-width: 900px;
}
#modal-columns-edit .btn-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  min-width: 42px;
  height: 42px;
}

#modal-add-skill .form-field .error {
  left: 0;
}

#modal-sale-service .btn-modal-close {
  top: 0px;
  right: 8px;
}
#modal-sale-service .row-values .value-column {
  flex: 0 0 19%;
  max-width: 19%;
}
#modal-sale-service .form-field .error {
  position: static;
  display: block;
  width: 100%;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
}

#modal-add-link .form-field .error {
  left: 0;
  font-size: 14px;
  bottom: -18px;
}

#modal-contacts-edit .modal-window {
  max-height: 90vh;
  overflow-y: auto;
}
#modal-contacts-edit .modal-window .form-field span.error {
  left: 0;
}

#modal-add-service-to-deal .modal-body .btn-wrap button,
#modal-add-sow-to-deal .modal-body .btn-wrap button {
  width: 180px;
  max-width: 100%;
}

#modal-sale-service .btn-modal-close {
  top: 0px;
  right: 8px;
}

#modal-confirm .modal-title {
  text-align: center;
  margin-bottom: 32px;
}
#modal-confirm .modal-window {
  max-width: 500px;
}
#modal-confirm .modal-body .btn-wrap button {
  width: 180px;
  max-width: 100%;
}

#modal-add-new-service .form-field .error {
  left: 0;
}

#modal-add-industry .modal-window {
  max-width: 500px;
}
#modal-add-industry .modal-body .form-field {
  padding-right: 0;
}
#modal-add-industry .modal-body .form-field .error {
  left: 0;
}

#modal-add-niche .modal-window {
  max-width: 500px;
}
#modal-add-niche .modal-body .form-field {
  padding-right: 0;
}
#modal-add-niche .modal-body .form-field .error {
  left: 0;
}

#modal-add-new-brand .modal-window,
#modal-add-field .modal-window {
  max-width: 500px;
  overflow-y: initial;
}
#modal-add-new-brand .modal-body .form-field,
#modal-add-field .modal-body .form-field {
  padding-right: 0;
}
#modal-add-new-brand .modal-body .form-field .error,
#modal-add-field .modal-body .form-field .error {
  left: 0;
}

.dropdown {
  z-index: 10;
  border: 1px solid transparent;
  transition: all 0.25s;
}
.dropdown-header {
  transition: all 0.25s;
  text-align: left;
  padding: 0 2px;
}
.dropdown-header a,
.dropdown-header button {
  text-align: left;
  display: inline-block;
  margin-right: 0;
  text-decoration: none;
  position: relative;
}
.dropdown-header a span,
.dropdown-header button span {
  position: absolute;
  right: 0;
  top: 14px;
}
.dropdown-header a:hover,
.dropdown-header button:hover {
  border-radius: 2px;
}
@media screen and (max-width: 1440px) {
  .dropdown-header a,
.dropdown-header button {
    width: auto;
  }
}
.dropdown-body {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s;
  height: 0;
  z-index: 10;
  padding-right: 10px;
  text-align: left;
}
.dropdown-body .separator {
  width: calc(100% - 10px);
  margin-left: 10px;
  background-color: #bcbcbc;
  height: 1px;
}
.dropdown-body a,
.dropdown-body button {
  text-align: left;
  margin-bottom: 10px;
  text-decoration: none;
  margin-bottom: 0;
}
.dropdown-body button {
  margin-left: 12px !important;
}
.dropdown:hover {
  border: 1px solid #bcbcbc;
  border-radius: 8px;
  background-color: #fff;
}
.dropdown:hover .dropdown-body {
  opacity: 1;
  height: auto;
  visibility: visible;
}

.columns-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.columns-list-col-title {
  margin-bottom: 10px;
}
.columns-datalist {
  border: 1px solid #000;
  border-radius: 4px;
  min-width: 280px;
  height: 400px;
  overflow-y: auto;
}
.columns-datalist-controls {
  display: block;
}
.columns-datalist-controls .btn {
  border: 1px solid #000;
  margin: 20px;
  border-radius: 4px;
  padding: 4px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
}
.columns-datalist-controls .btn:disabled {
  opacity: 0.5;
}
.columns-datalist-controls .btn--col-up i {
  transform: rotate(180deg);
}
.columns-datalist-controls .btn--col-right i {
  transform: rotate(180deg);
}
.columns-datalist-item {
  text-align: left;
  margin-bottom: 4px;
  padding: 8px 16px;
  cursor: pointer;
}
.columns-datalist-item.selected {
  background: #6c7072;
  color: #fff;
}

.table-data-row {
  padding-top: 12px;
}
.table-data-row--open-sidebar .sidebar-filter {
  width: 25%;
  flex: 0 0 25%;
  visibility: visible;
  position: inherit;
  z-index: 10;
  transform: translateX(0);
  opacity: 1;
}
.table-data-row--open-sidebar .table-wrap {
  max-width: 74%;
  flex: 0 0 74%;
}

.sidebar-filter {
  width: 0%;
  flex: 0 0 0%;
  position: absolute;
  opacity: 0;
  transform: translateX(-100px);
  transition: all 0.25s;
  visibility: hidden;
  z-index: -1;
  padding-right: 16px;
}
.sidebar-filter__header {
  letter-spacing: 1px;
  font-size: 14px;
  padding: 16px;
  height: 90px;
  text-transform: uppercase;
  background-color: #474747;
  font-family: "OpenSans-semibold", sans-serif;
  color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1600px) {
  .sidebar-filter__header {
    height: 81px;
  }
}
@media screen and (max-width: 1440px) {
  .sidebar-filter__header {
    height: 75px;
  }
}
.sidebar-filter__body {
  background-color: #f4f4f4;
  padding: 16px;
  padding-bottom: 24px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.sidebar-filter__field {
  margin-bottom: 16px;
}
.sidebar-filter__field:last-child {
  margin-bottom: 0;
}
.sidebar-filter__field label {
  display: block;
  font-size: 16px;
  margin-bottom: 8px;
}
.sidebar-filter__field.form-field--tree {
  padding-right: 0;
}

.filter-btn-wrap {
  padding: 12px;
  padding-top: 0;
  padding-left: 0;
}
.filter-btn-wrap .btn {
  margin-left: 0;
}

.note-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.75);
}
.note-modal__wrap {
  background-color: #fff;
  padding: 12px 24px 32px 0px;
  border-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 275px;
}
@media screen and (max-width: 1600px) {
  .note-modal__wrap input,
.note-modal__wrap textarea {
    font-size: 14px;
  }
  .note-modal__wrap input::-moz-placeholder, .note-modal__wrap textarea::-moz-placeholder {
    font-size: 14px;
  }
  .note-modal__wrap input::placeholder,
.note-modal__wrap textarea::placeholder {
    font-size: 14px;
  }
}
.note-modal__wrap .checkbox-wrap input[type=checkbox] + label::before {
  margin-right: 4px;
}

.bulk-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  position: relative;
}
.bulk-actions__all .checkbox-wrap {
  padding: 0;
}
.bulk-actions__dropdown {
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.bulk-actions__dropdown .dropdown-toggle {
  position: relative;
}
.bulk-actions__dropdown .dropdown-toggle span::after {
  content: "";
  top: 12px;
  left: 0;
  width: 10px;
  height: 2px;
  background-color: #fff;
  position: absolute;
}
.bulk-actions__dropdown .dropdown-toggle span:nth-child(1)::after {
  left: -3px;
  transform: rotate(45deg);
}
.bulk-actions__dropdown .dropdown-toggle span:nth-child(2)::after {
  left: 3px;
  transform: rotate(-45deg);
}
.bulk-actions__dropdown.is-open .dropdown-toggle span::after {
  left: 0 !important;
}
.bulk-actions__menu {
  position: absolute;
  top: 36px;
  left: 32px;
  width: auto;
  z-index: 99;
  list-style-type: none;
  padding: 12px 16px 12px 24px;
  border: 1px solid #333;
  background-color: #fff;
  border-radius: 4px;
  display: none;
  min-width: 190px;
}
.bulk-actions__menu.opened {
  display: block;
}
.bulk-actions__menu ul {
  list-style-type: none;
}
.bulk-actions__menu ul li {
  word-spacing: initial;
  color: #333;
  margin-bottom: 8px;
  text-transform: none;
  font-family: "OpenSans", sans-serif;
  font-weight: 600;
  transition: all 0.25s;
  letter-spacing: normal;
  cursor: pointer;
}
.bulk-actions__menu ul li:last-child {
  margin-bottom: 0;
}
.bulk-actions__menu ul li::before {
  content: none;
}
.bulk-actions__menu ul li:hover {
  color: #ec4657;
}

.header {
  background: #000;
  width: 100%;
  height: 80px;
  z-index: 99;
}
@media screen and (max-width: 1441px) {
  .header {
    height: 60px;
  }
}
.header__logo {
  padding: 22px 0 16px 0;
  margin-right: 125px;
}
@media screen and (max-width: 1441px) {
  .header__logo {
    margin-right: 50px;
    padding: 14px 0 12px 0;
  }
}
.header__logo img {
  max-width: 150px;
}
@media screen and (max-width: 1441px) {
  .header__logo img {
    max-width: 120px;
  }
}
.header__nav nav {
  height: 100%;
}
.header__nav nav ul {
  height: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  align-items: center;
}
.header__nav nav ul li {
  height: 100%;
  position: relative;
}
.header__nav nav ul li a {
  color: #fff;
  padding: 0 24px;
  text-decoration: none;
  text-transform: uppercase;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  transition: all 0.25s;
}
@media screen and (max-width: 1441px) {
  .header__nav nav ul li a {
    padding: 0 16px;
    font-size: 14px;
  }
}
.header__nav nav ul li a:hover {
  background-color: #ec4657;
}
.header__nav nav ul li.current a {
  background-color: #ec4657;
}
.header__nav nav ul li.has-children ul.submenu {
  background-color: #000;
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
.header__nav nav ul li.has-children ul.submenu.show {
  visibility: visible;
  opacity: 1;
  z-index: 10;
}
.header__user {
  margin-right: 0;
  margin-left: auto;
}
.header__user-wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.header__user-wrap a {
  color: #fff;
  text-decoration: none;
}
.header__user-wrap .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-right: 60px;
}
@media screen and (max-width: 1441px) {
  .header__user-wrap .name {
    font-size: 14px;
  }
}
.header__user-wrap .name i {
  font-size: 32px;
  margin-right: 12px;
}
@media screen and (max-width: 1441px) {
  .header__user-wrap .name i {
    font-size: 27px;
  }
}
.header__user-wrap .logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.header__user-wrap .logout i {
  font-size: 24px;
}
@media screen and (max-width: 1441px) {
  .header__user-wrap .logout i {
    font-size: 20px;
  }
}

.footer {
  background: #000;
  height: 80px;
  width: 100%;
}
@media screen and (max-width: 1441px) {
  .footer {
    height: 60px;
  }
}
.footer__logo {
  padding: 20px 0 16px 0;
  margin-right: 125px;
}
@media screen and (max-width: 1441px) {
  .footer__logo {
    margin-right: 50px;
    padding: 14px 0 12px 0;
  }
}
.footer__logo img {
  max-width: 150px;
}
@media screen and (max-width: 1441px) {
  .footer__logo img {
    max-width: 120px;
  }
}
.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-content: center;
}
.footer__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.footer__menu ul li {
  margin-left: 32px;
}
.footer__menu ul li a {
  color: #ffffff;
}
.footer__menu ul li:last-child {
  margin-right: 0;
}

.copyright {
  border-top: 1px solid #fff;
  text-align: center;
  padding: 16px 0;
  background: #000;
}
.copyright-text {
  color: #fff;
  font-size: 14px;
}

.form-field {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1441px) {
  .form-field {
    font-size: 12px;
  }
}
.form-field input {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  padding-left: 24px;
  padding-left: 12px;
  border: 1px solid #bcbcbc;
}
@media screen and (max-width: 1441px) {
  .form-field input {
    height: 46px;
    font-size: 14px;
  }
}
.form-field input.error-validate {
  border: 1px solid red;
}
.form-field input:-webkit-autofill, .form-field input:-webkit-autofill:hover, .form-field input:-webkit-autofill:focus {
  zoom: 1;
  font-size: 16px;
}
@media screen and (max-width: 1441px) {
  .form-field input:-webkit-autofill, .form-field input:-webkit-autofill:hover, .form-field input:-webkit-autofill:focus {
    font-size: 14px;
  }
}
.form-field input:-webkit-autofill::first-line {
  font-size: 16px;
}
.form-field textarea {
  width: 100%;
  resize: none;
  height: 150px;
  border-radius: 10px;
  padding: 12px;
  border: 1px solid #bcbcbc;
}
@media screen and (max-width: 1441px) {
  .form-field textarea {
    height: 120px;
  }
}
.form-field textarea:-moz-read-only {
  color: #8d8c8c;
  background-color: #dbdbdb;
}
.form-field textarea:disabled, .form-field textarea:read-only {
  color: #8d8c8c;
  background-color: #dbdbdb;
}
.form-field label {
  position: relative;
}
.form-field label sub {
  color: #ec4657;
  position: absolute;
}
.form-field .error {
  font-size: 14px;
  color: #ec4657;
  position: absolute;
  bottom: -18px;
  left: calc(20% + 24px);
}
.form-field--text, .form-field--contact {
  margin-bottom: 24px;
}
@media screen and (max-width: 1441px) {
  .form-field--text, .form-field--contact {
    margin-bottom: 16px;
  }
}
.form-field--text label, .form-field--contact label {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 1441px) {
  .form-field--text label, .form-field--contact label {
    margin-bottom: 8px;
  }
}
.form-field--contact .name {
  margin-bottom: 10px;
  font-weight: 600;
  font-family: "OpenSans-semibold", sans-serif;
}
@media screen and (max-width: 1441px) {
  .form-field--contact .name {
    margin-bottom: 5px;
  }
}
.form-field--contact .email {
  margin-bottom: 0;
}
.form-field--contact .email a {
  color: #ec4657;
}
.form-field--search {
  max-width: 630px;
  position: relative;
}
@media screen and (max-width: 1600px) {
  .form-field--search {
    max-width: 520px;
  }
}
@media screen and (max-width: 1441px) {
  .form-field--search {
    max-width: 400px;
  }
}
.form-field--search input {
  padding: 0 64px 0 28px;
}
.form-field--search button {
  height: 20px;
  right: 24px;
  width: 20px;
  font-size: 20px;
  padding: 0;
  border: none;
  background: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.form-field--search button i {
  color: #636363;
}
@media screen and (max-width: 1441px) {
  .form-field--search button {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }
}
.form-field--button {
  width: auto;
}
.form-field--notes label {
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "OpenSans-semibold", sans-serif;
}
@media screen and (max-width: 1441px) {
  .form-field--notes label {
    margin-bottom: 8px;
  }
}
.form-field--notes .btn-add-note {
  position: absolute;
  top: -8px;
  right: -12px;
  background: none;
}
.form-field--notes .btn-add-note:disabled {
  color: #8d8c8c;
}
.form-field--notes .notes-wrap {
  padding: 20px 24px 20px 16px;
  border: 1px solid #bcbcbc;
  border-radius: 10px;
  margin: 10px 0 0 0;
  position: relative;
  min-height: 82px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 275px;
}
.form-field--notes .notes-wrap--open {
  overflow-y: hidden;
}
.form-field--notes .notes-item {
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 1441px) {
  .form-field--notes .notes-item {
    margin-bottom: 24px;
  }
}
.form-field--notes .notes-item:last-child {
  margin-bottom: 0;
}
.form-field--notes .notes-item .title {
  font-weight: 600;
  font-family: "OpenSans-semibold", sans-serif;
  margin-bottom: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1441px) {
  .form-field--notes .notes-item .title {
    margin-bottom: 8px;
  }
}
.form-field--notes .notes-item .title .edit {
  cursor: pointer;
  margin-left: 24px;
}
.form-field--notes .notes-item .title .edit i {
  color: #474747;
}
.form-field--notes .notes-item p {
  margin-left: 36px;
}
.form-field--notes .notes-item .text {
  margin-bottom: 10px;
}
.form-field--notes .notes-item .text ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 36px;
}
.form-field--notes .notes-item .text ul li {
  position: relative;
  padding-left: 12px;
}
.form-field--notes .notes-item .text ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 1px;
  background-color: #636363;
}
.form-field--notes .notes-item .date {
  padding-left: 36px;
  font-size: 14px;
  color: #636363;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.form-field--notes .notes-item .date i {
  margin-right: 10px;
  font-size: 20px;
}
.form-field--notes .notes-item .note-controls {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-field--notes .notes-item .note-controls .edit {
  margin-right: 16px;
}
.form-field--notes .notes-item .note-controls .edit,
.form-field--notes .notes-item .note-controls .delete {
  cursor: pointer;
}
.form-field--choosen {
  position: relative;
}
.form-field--inline-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}
.form-field--inline-flex label {
  flex: 0 0 20%;
  max-width: 20%;
  text-align: right;
  padding-top: 14px;
}
.form-field--inline-flex input,
.form-field--inline-flex textarea {
  margin-left: 24px;
}
.form-field--space-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
}
.form-field--space-around > .checkbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 0;
  align-items: center;
}
.form-field--space-around > .checkbox-wrap > label {
  line-height: 24px;
}
.form-field__select {
  margin-bottom: 24px;
}
@media screen and (max-width: 1441px) {
  .form-field__select {
    margin-bottom: 16px;
  }
}
.form-field__select .error {
  left: 0;
  font-size: 12px;
}
.form-field__select label {
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 1441px) {
  .form-field__select label {
    margin-bottom: 8px;
  }
}
.form-field__select label.hide {
  display: none;
}
.form-field__select .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.form-field__select .select {
  flex-grow: 1;
  position: relative;
  display: block;
  cursor: pointer;
}
.form-field__select .select.active {
  z-index: 1000;
}
.form-field__select .select.active .select-styled {
  box-shadow: none;
}
.form-field__select .select.active .select-options {
  max-height: 300px;
  border-right: 1px solid #bcbcbc;
  border-left: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
}
.form-field__select .select-styled {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  border-radius: 10px;
  background-color: #fff;
  padding: 16px 24px 16px 12px;
  height: 50px;
  overflow: hidden;
  transition: all 0.2s ease-in;
  border: 1px solid #bcbcbc;
}
@media screen and (max-width: 1650px) {
  .form-field__select .select-styled {
    padding: 5px 1.5em 5px 1em;
  }
}
@media screen and (max-width: 1441px) {
  .form-field__select .select-styled {
    height: 42px;
  }
}
.form-field__select .select-styled.disabled {
  background: #dbdbdb;
  color: #8d8c8c;
}
.form-field__select .select-styled.disabled::after {
  display: none;
}
.form-field__select .select-styled:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  background-size: 10px;
  background-image: url(/resources/fonts/down-arrow.svg?0cac3f488cc71ebbb6c02ac845e0d58f);
  background-repeat: no-repeat;
}
.form-field__select .select-options {
  position: absolute;
  z-index: 10;
  min-width: 100%;
  max-height: 0;
  top: 43px;
  right: 0;
  border-radius: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}
.form-field__select .select-options::-webkit-scrollbar {
  width: 4px;
}
.form-field__select .select-options::-webkit-scrollbar-track {
  background: #fff;
}
.form-field__select .select-options::-webkit-scrollbar-thumb {
  background-color: #474747;
}
.form-field__select .select-options::-webkit-scrollbar-thumb:hover {
  background: #474747;
}
.form-field__select .select-options .select-options-list {
  padding-right: 20px;
  margin: em(70) 20px 20px 20px;
}
.form-field__select .select-options .select-options-list .selected {
  display: none;
}
.form-field__select .select-options .select-options-list::-webkit-scrollbar-button {
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}
.form-field__select .select-options .select-options-list::-webkit-scrollbar-track {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}
.form-field__select .select-options .select-options-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ec4657;
}
.form-field__select .select-options .select-options-list::-webkit-scrollbar-thumb:hover {
  background-color: pink;
}
.form-field__select .select-options .select-options-list::-webkit-resizer {
  background-repeat: no-repeat;
  width: 8px;
  height: 0px;
}
.form-field__select .select-options .select-options-list::-webkit-scrollbar {
  width: 8px;
  height: 4px;
  padding-top: 10px;
}
.form-field__select .select-options .select-options-list li {
  margin: 0;
  padding: 0.5em 0.75em;
  transition: all 0.15s ease-in;
  font-size: 16px;
  font-weight: 300;
}
@media screen and (max-width: 1441px) {
  .form-field__select .select-options .select-options-list li {
    font-size: 14px;
  }
}
.form-field__select .select-options .select-options-list li:hover, .form-field__select .select-options .select-options-list li.is-selected {
  color: #bcbcbc;
}
.form-field__select .select-options .select-options-list li[rel=""] {
  font-weight: bold;
}
.form-field__select .select-options .select-options-list li[rel=hide] {
  display: none;
}
.form-field__select__value-title {
  font-size: em(24);
  font-family: "OpenSansBold", sans-serif;
  font-weight: bold;
}
.form-field__select .autoComplete_wrapper {
  width: 100%;
}
.form-field__select .autoComplete_wrapper ul li mark {
  color: #000;
}
.form-field__select .autoComplete_wrapper input {
  background-color: #fff;
}
.form-field__select .autoComplete_wrapper input:hover, .form-field__select .autoComplete_wrapper input:focus, .form-field__select .autoComplete_wrapper input:active {
  color: #000;
  border: 1px solid #474747;
}
.form-field__select .v-select {
  position: relative;
}
.form-field__select .v-select input {
  background: white;
  padding-left: 12px;
}
.form-field__select .v-select .vs__selected {
  margin-top: 1px;
  position: absolute;
  top: 50%;
  left: 12px;
  z-index: 10;
  transform: translateY(-50%);
}
.form-field__select .v-select .vs__dropdown-toggle {
  background: transparent;
  border: none;
}
.form-field__select .v-select .vs__actions {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.form-field__select .v-select .vs__dropdown-menu .vs__dropdown-option:hover {
  background: rgba(123, 123, 123, 0.1);
  color: #000;
}
.form-field__select .v-select .vs__dropdown-menu .vs__dropdown-option--active, .form-field__select .v-select .vs__dropdown-menu .vs__dropdown-option--highlight {
  background: rgba(123, 123, 123, 0.1);
  color: #000;
}
.form-field--datepicker {
  margin-bottom: 24px;
}
.form-field--datepicker label {
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 1441px) {
  .form-field--datepicker label {
    margin-bottom: 8px;
  }
}
.form-field--datepicker input {
  max-width: 150px;
}
.form-field--datepicker .datepicker-dropdown {
  z-index: 100;
}
.form-field--file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.form-field--file label {
  display: block;
  margin-bottom: 10px;
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (max-width: 1441px) {
  .form-field--file label {
    margin-bottom: 8px;
  }
}
.form-field--file button {
  max-width: 120px;
  flex: 0 0 120px;
}
.form-field--file span {
  margin-left: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 0 0 calc(100% - 150px);
  max-width: calc(100% - 150px);
}
.form-field .choosen {
  position: absolute;
  bottom: -28px;
  left: calc(20% + 24px);
}
.form-field .choosen .item {
  font-size: 14px;
  padding: 2px 4px;
  background-color: #ec4657;
  color: #fff;
}
.form-field--referred {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 24px;
}
.form-field--referred label {
  flex: 0 0 100%;
  max-width: 100%;
}
.form-field--referred input {
  flex: 0 0 85%;
}
.form-field--referred button {
  margin: 0;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  min-width: auto;
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 1441px) {
  .form-field--referred button {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
  }
}
.form-field--referred button i {
  margin-right: 0;
}
.form-field--radiobutton {
  width: 100%;
  margin-bottom: 2em;
  position: relative;
  padding: 0;
}
.form-field--radiobutton .label-text {
  margin-bottom: 0.75em;
  line-height: 1.1;
}
.form-field--radiobutton input[type=radio] {
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.form-field--radiobutton input[type=radio] + label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-right: 24px;
  line-height: 1.5em;
  cursor: pointer;
  min-height: 24px;
}
.form-field--radiobutton input[type=radio] + label::before {
  display: inline-block;
  width: 1.5em;
  background-color: #fff;
  border: 1px solid #333;
  height: 1.5em;
  content: "";
  border-radius: 50%;
  vertical-align: top;
  margin-right: 15px;
  cursor: pointer;
  z-index: 10;
}
.form-field--radiobutton input[type=radio]:checked + label::before {
  background-color: #fff;
  border-color: #000;
}
.form-field--radiobutton input[type=radio]:checked + label::after {
  width: 1em;
  height: 1em;
  border: 0.1875em solid #474747;
  border-radius: 150%;
  background-color: #474747;
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  transform: rotatez(45deg);
  cursor: pointer;
  z-index: 20;
}
@media screen and (max-width: 1441px) {
  .form-field--radiobutton input[type=radio]:checked + label::after {
    width: 0.85em;
    height: 0.85em;
    top: 7px;
  }
}
.form-field--radiobutton input[type=radio]:disabled + label {
  color: #000;
  cursor: auto;
}
.form-field--radiobutton input[type=radio]:disabled + label::before {
  background-color: #fff;
  cursor: auto;
}
.form-field--radiobutton input[type=radio]:disabled:checked + label {
  color: #474747;
  cursor: auto;
}
.form-field--radiobutton input[type=radio]:disabled:checked + label::before {
  border-color: #474747;
  background-color: #474747;
  cursor: auto;
}
.form-field--radiobutton input[type=radio]:disabled:checked + label::after {
  cursor: auto;
}
.form-field--radiobutton input[type=radio]:focus + label::before, .form-field--radiobutton input[type=radio]:active + label::before {
  border-color: #000;
}
.form-field--radiobutton input[type=radio]:checked:focus + label::before, .form-field--radiobutton input[type=radio]:checked:active + label::before {
  border-color: #000;
}
.form-field--radiobutton-sow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.form-field--radiobutton-sow input[type=radio] + label {
  width: 12%;
}
.form-field--radiobutton-sow .form-field--text,
.form-field--radiobutton-sow .form-field--file {
  width: 75%;
  margin-bottom: 0;
}
.form-field--label {
  margin-bottom: 24px;
}
.form-field--label label {
  display: block;
  margin-bottom: 25px;
}
@media screen and (max-width: 1441px) {
  .form-field--label label {
    margin-bottom: 20px;
  }
}
.form-field--label span.value {
  font-size: 20px;
  font-family: "OpenSansBold", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 1441px) {
  .form-field--label span.value {
    font-size: 16px;
  }
}
.form-field--sow .filename {
  display: block;
  margin: 10px 0;
}
.form-field--sow .filename a {
  color: #ec4657;
  text-decoration: underline;
}
.form-field--sow .checkbox-wrap {
  margin-bottom: 0;
}
.form-field--sow-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-field--sow .btn--sow-sales {
  min-width: 160px;
}
.form-field--payment-method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}
.form-field--tree {
  padding-right: 24px;
  margin-bottom: 24px;
}
.form-field--tree label {
  margin-bottom: 10px;
  display: block;
}
@media screen and (max-width: 1441px) {
  .form-field--tree label {
    margin-bottom: 9px;
  }
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__control,
.form-field--tree .vue-treeselect--multi .vue-treeselect__control,
.form-field--tree .vue-treeselect--single .vue-treeselect__control {
  border: 1px solid #bcbcbc;
  border-radius: 10px;
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__input-container,
.form-field--tree .vue-treeselect--multi .vue-treeselect__input-container,
.form-field--tree .vue-treeselect--single .vue-treeselect__input-container {
  font-size: 16px;
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__multi-value-item,
.form-field--tree .vue-treeselect--multi .vue-treeselect__multi-value-item,
.form-field--tree .vue-treeselect--single .vue-treeselect__multi-value-item {
  font-size: 14px;
  background: #ec4657;
  color: #fff;
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__multi-value-item:hover,
.form-field--tree .vue-treeselect--multi .vue-treeselect__multi-value-item:hover,
.form-field--tree .vue-treeselect--single .vue-treeselect__multi-value-item:hover {
  color: #fff;
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__value-remove,
.form-field--tree .vue-treeselect--multi .vue-treeselect__value-remove,
.form-field--tree .vue-treeselect--single .vue-treeselect__value-remove {
  color: #fff;
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__value-remove:hover,
.form-field--tree .vue-treeselect--multi .vue-treeselect__value-remove:hover,
.form-field--tree .vue-treeselect--single .vue-treeselect__value-remove:hover {
  color: #fff;
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__input,
.form-field--tree .vue-treeselect--multi .vue-treeselect__input,
.form-field--tree .vue-treeselect--single .vue-treeselect__input {
  border: none;
  font-size: 16px;
  height: 42px;
}
@media screen and (max-width: 1440px) {
  .form-field--tree .vue-treeselect--disabled .vue-treeselect__input,
.form-field--tree .vue-treeselect--multi .vue-treeselect__input,
.form-field--tree .vue-treeselect--single .vue-treeselect__input {
    height: 37px;
  }
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__placeholder,
.form-field--tree .vue-treeselect--disabled .vue-treeselect__single-value,
.form-field--tree .vue-treeselect--multi .vue-treeselect__placeholder,
.form-field--tree .vue-treeselect--multi .vue-treeselect__single-value,
.form-field--tree .vue-treeselect--single .vue-treeselect__placeholder,
.form-field--tree .vue-treeselect--single .vue-treeselect__single-value {
  top: 15%;
  padding-left: 16px;
}
.form-field--tree .vue-treeselect--single .vue-treeselect__input {
  height: 48px;
}
@media screen and (max-width: 1441px) {
  .form-field--tree .vue-treeselect--single .vue-treeselect__input {
    height: 42px;
  }
}
.form-field--tree .vue-treeselect--has-value .vue-treeselect__multi-value {
  margin-bottom: 0;
}
.form-field--tree .vue-treeselect--has-value .vue-treeselect__input-container {
  display: block;
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__single-value {
  height: 50px;
  color: #8d8c8c !important;
  padding-top: 7px;
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__control {
  background-color: #dbdbdb;
}
.form-field--tree .vue-treeselect--multi .vue-treeselect__label {
  margin-bottom: 3px;
}
@media screen and (max-width: 1680px) {
  .form-field--tree .vue-treeselect--multi .vue-treeselect__label {
    margin-bottom: 1px;
  }
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__single-value {
  height: 50px;
  color: #8d8c8c !important;
  padding-top: 7px;
}
.form-field--tree .vue-treeselect--disabled .vue-treeselect__control {
  background-color: #dbdbdb;
}
.form-field--tree-not-nowrap .vue-treeselect__label {
  overflow: auto;
  text-overflow: initial;
  white-space: initial;
}
.form-field--modal {
  position: relative;
}
.form-field--modal label span {
  color: #ec4657 !important;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  margin-left: 8px;
}
.form-box {
  padding: 10px 0;
  position: relative;
}
.form-box-label {
  position: absolute;
  top: 0;
  left: 0px;
  padding: 2px 4px;
  background-color: #fff;
}
@media screen and (max-width: 1441px) {
  .form-box-label {
    font-size: 12px;
  }
}
.form-box .form-field,
.form-box .form-field.checkbox-wrap {
  margin-top: 16px;
  margin-bottom: 8px !important;
}
.form-box .form-field--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.form-box .form-field--text label {
  width: 100px;
  margin-bottom: 5px;
}
.form-box .form-field--radiobutton {
  margin-top: 32px;
  padding-bottom: 10px;
}
.form-box .form-field--radiobutton input[type=radio]:checked + label::before {
  border-color: #000;
}
@media screen and (max-width: 1441px) {
  .form-box .form-field--radiobutton {
    margin-top: 24px;
  }
}
.form-box--commission {
  padding-top: 0;
  margin-top: -2px;
  justify-content: space-between;
}
.form-box--commission .form-field {
  margin-top: 0;
}
.form-box--commission .form-field label {
  padding-top: 0;
}
.form-box--commission .form-field--text {
  display: block;
  width: 30%;
  flex: 0 0 30%;
}
.form-box--commission .form-field--text label {
  margin-bottom: 10px;
}
@media screen and (max-width: 1600px) {
  .form-box .details-inline-wrap .form-field {
    width: 100%;
  }
}
.form-table {
  width: 100%;
  margin-bottom: 24px;
}
.form-table__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 12px;
  justify-content: space-between;
}
.form-table__header a,
.form-table__header span {
  color: #ec4657;
  cursor: pointer;
}
.form-table__header.right {
  justify-content: flex-end;
}
.form-table .table-wrap {
  max-height: 320px;
  overflow-y: auto;
}
.form-table .table-wrap.right {
  justify-content: flex-end;
}
.form-table .table-wrap a,
.form-table .table-wrap span {
  color: #ec4657;
  cursor: pointer;
}
.form-table table {
  width: 100%;
}
.form-table--services, .form-table--sow {
  margin-top: 24px;
  padding: 0 30px;
}
.form-table--skills-agency .table-wrap, .form-table--services-agency .table-wrap, .form-table--without-scroll .table-wrap {
  overflow: auto;
  max-height: none;
}
.form-table--skills-agency .table-wrap table thead th, .form-table--services-agency .table-wrap table thead th, .form-table--without-scroll .table-wrap table thead th {
  word-spacing: normal;
  cursor: pointer;
}

.checkbox-wrap {
  width: 100%;
  margin-bottom: 2em;
  position: relative;
  padding: 0.6875em 0;
}
.checkbox-wrap input[type=checkbox] {
  display: none;
}
.checkbox-wrap input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  line-height: 1.5em;
  cursor: pointer;
}
.checkbox-wrap input[type=checkbox] + label i {
  position: absolute;
  font-size: 14px;
  top: 9px;
  display: none;
  left: 9px;
}
@media screen and (max-width: 1441px) {
  .checkbox-wrap input[type=checkbox] + label i {
    top: 6px;
    left: 6px;
    font-size: 12px;
  }
}
.checkbox-wrap input[type=checkbox] + label::before {
  display: inline-block;
  width: 2em;
  height: 2em;
  content: "";
  background: #fff;
  border: 1px solid #bcbcbc;
  border-radius: 8px;
  vertical-align: top;
  margin-right: 10px;
  cursor: pointer;
  z-index: 10;
}
.checkbox-wrap input[type=checkbox]:checked + label i {
  display: block;
}
.checkbox-wrap input[type=checkbox]:checked + label::before {
  border-color: #bcbcbc;
  background-color: #fff;
}
.checkbox-wrap input[type=checkbox]:disabled + label {
  color: #bcbcbc;
  cursor: auto;
}
.checkbox-wrap input[type=checkbox]:disabled + label::before {
  border-color: #bcbcbc;
  background-color: #bcbcbc;
  cursor: auto;
}
.checkbox-wrap input[type=checkbox]:disabled:checked + label {
  color: #fff;
  cursor: auto;
}
.checkbox-wrap input[type=checkbox]:disabled:checked + label::before {
  border-color: #bcbcbc;
  background-color: #bcbcbc;
  cursor: auto;
}
.checkbox-wrap input[type=checkbox]:disabled:checked + label::after {
  cursor: auto;
}
.checkbox-wrap input[type=checkbox]:focus + label::before, .checkbox-wrap input[type=checkbox]:active + label::before {
  border-color: #bcbcbc;
}
.checkbox-wrap input[type=checkbox]:checked:focus + label::before, .checkbox-wrap input[type=checkbox]:checked:active + label::before {
  border-color: #bcbcbc;
}
.checkbox-wrap--one-time-setup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 1.75em;
  margin-bottom: 1em;
}
.checkbox-wrap--main-billing-contact, .checkbox-wrap--send-emails {
  margin-bottom: 0;
}
.checkbox-wrap.auth-checkbox input[type=checkbox] + label:before {
  width: 1.5em;
  height: 1.5em;
  border-radius: 2px;
}
.checkbox-wrap.auth-checkbox input[type=checkbox] + label i {
  top: 6px;
  left: 6px;
}

.admin-form-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  padding: 40px;
}
@media screen and (max-width: 1441px) {
  .admin-form-card {
    padding: 28px;
  }
}

.logout button {
  background: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all 0.25s;
}
.logout button:hover {
  color: #ec4657;
}

.breadcrumb {
  font-size: 13px;
  margin-top: 10px;
}
.breadcrumb .breadcrumb-item {
  display: inline-block;
  color: #5c5c5c;
}
.breadcrumb .breadcrumb-item a {
  color: #5c5c5c;
  text-decoration: none;
}
.breadcrumb .breadcrumb-item.active {
  color: black;
  font-weight: bold;
}

.agencies-filter {
  margin-bottom: 16px;
}
.agencies-filter .form-field--button-new a.btn {
  width: 170px;
}
@media screen and (max-width: 1441px) {
  .agencies-filter .form-field--button-new a.btn {
    width: 150px;
  }
}
@media screen and (max-width: 1441px) {
  .agencies-filter form {
    width: 86%;
  }
  .agencies-filter form .form-field--button .btn--white {
    width: 150px;
  }
}
.agencies-filter form .row {
  width: 100%;
}
.agencies-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.agencies-pagination .columns button {
  text-transform: initial;
}
.agencies-table {
  margin-bottom: 30px;
}
.agencies-table--deals {
  margin-top: 24px;
}
.agencies-table table thead th {
  min-width: 90px;
}
@media screen and (max-width: 1441px) {
  .agencies-table table thead th {
    min-width: 80px;
  }
}
.agencies-table table tbody tr td.status {
  min-width: 120px;
}
@media screen and (max-width: 1441px) {
  .agencies-table table tbody tr td.status {
    min-width: 105px;
  }
}
.agencies--filter {
  margin-bottom: 0;
}
.agencies--filter form {
  width: 76%;
}
@media screen and (max-width: 1600px) {
  .agencies--filter form {
    width: 73%;
  }
}
.agencies--filter form .form-field {
  padding-right: 24px;
}
.agencies--filter .form-field--button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-content: center;
}

.per-page-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.per-page-select label {
  margin: 0 10px 0 0;
  white-space: nowrap;
  font-size: 14px;
}
.per-page-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 80px;
  height: 42px;
  padding: 0 32px 0 16px;
  font-size: 14px;
  color: #000;
  background-color: #fff;
  border: 1px solid #bcbcbc;
  border-radius: 10px;
  cursor: pointer;
  background-image: url(/resources/fonts/down-arrow.svg?0cac3f488cc71ebbb6c02ac845e0d58f);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px;
  transition: border-color 0.2s ease-in;
}
.per-page-select select:hover, .per-page-select select:focus {
  outline: none;
  border-color: #474747;
}
@media screen and (max-width: 1441px) {
  .per-page-select select {
    height: 38px;
  }
}
.per-page-select--top {
  margin-left: 24px;
}

.brands-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.brands-pagination .columns button {
  text-transform: initial;
}
.brands-table {
  margin-bottom: 30px;
}
.brands-filter {
  margin-bottom: 16px;
}
.brands-filter form {
  width: 76%;
}
@media screen and (max-width: 1600px) {
  .brands-filter form {
    width: 73%;
  }
}
.brands-filter form .group-filter--left {
  max-width: 45%;
  width: 45%;
}
@media screen and (max-width: 1600px) {
  .brands-filter form .group-filter--left {
    max-width: 40%;
    width: 40%;
  }
}
.brands-filter form .group-filter--status {
  margin-left: 24px;
}
.brands-filter .form-field--button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.form-agency-address .group-row,
.form-partner-address .group-row {
  margin-right: 24px;
  max-width: calc(48% - 24px);
  flex: 0 0 calc(48% - 24px);
  padding: 20px 24px;
}

.agency .page-title {
  margin-bottom: 20px;
}
.agency-details {
  padding-inline: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  width: 100%;
  justify-content: space-around;
}
.agency-details-column {
  margin-right: 24px;
}
.agency-details-column--textarea {
  max-width: calc(50% + 24px);
  flex: 0 0 calc(50% + 24px);
}
.agency-details .column div {
  display: inline-block;
}
.agency-details .column p {
  font-family: "OpenSans-semibold", sans-serif;
  font-weight: 600;
  margin: 5px 0;
  margin-top: 0;
}
@media screen and (max-width: 1441px) {
  .agency-details .column p {
    font-size: 14px;
  }
}
.agency-details .column p span {
  font-weight: 400;
}
.agency-details .column p span:not(.color-of-null) {
  color: #5c5c5c;
}
.agency .form-agency-finance .form-field {
  padding-right: 24px;
}
.agency .form-agency-finance .btn-wrap {
  margin-top: 32px;
  justify-content: flex-start;
}
.agency .form-agency-finance .btn-wrap button {
  margin-left: 0;
}
.agency .form-agency-finance .agency-details {
  justify-content: space-around;
  padding-inline: 20px;
}
.agency .form-agency-finance .agency-details .column div {
  display: inline-block;
}
.agency .form-agency-finance .agency-details .column div p {
  display: block;
  width: auto !important;
}
.agency .form-agency-contacts .error {
  color: #ec4657;
  font-size: 12px;
  max-width: 100%;
  text-align: center;
  white-space: break-spaces;
  left: 0;
}
.agency .form-agency-documents .form-field {
  padding-right: 24px;
}
.agency .form-agency-documents .form-field.checkbox-wrap {
  margin-top: 0;
}
.agency .form-agency-documents .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.agency .form-agency-details .form-field {
  padding-right: 24px;
}
.agency .form-agency-details .form-field--modal {
  padding-right: 60px;
  position: relative;
}
.agency .form-agency-details .form-field label span {
  font-size: 12px;
  color: #ec4657;
  cursor: pointer;
  font-weight: 600;
  margin-left: 8px;
}
.agency .form-agency-business .form-field {
  padding-right: 24px;
}
.agency .form-agency-business .form-field--modal {
  padding-right: 60px;
  position: relative;
}
.agency .form-agency-business .form-field label span {
  font-size: 12px;
  color: #ec4657;
  cursor: pointer;
  font-weight: 600;
  margin-left: 8px;
}
.agency .form-agency-business .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.agency .form-agency-business .btn-modal-close {
  cursor: pointer;
  height: 16px;
}
.agency form {
  position: relative;
  margin-top: 20px;
}
.agency form .form-field--button button {
  margin-left: 0;
}
.agency form .form-field--view-invoices {
  position: absolute;
  right: 0;
  top: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.agency form .form-field--view-invoices a,
.agency form .form-field--view-invoices button {
  margin-right: 0;
  display: inline-block;
}
@media screen and (max-width: 1441px) {
  .agency form .form-field--view-invoices a,
.agency form .form-field--view-invoices button {
    width: 150px;
  }
}
.agency-contacts-column {
  padding-right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.agency-contacts-checkboxes {
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.agency-contacts-checkboxes div {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0;
}
.agency-payment-methods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding-inline: 20px;
}
.agency-payment-methods div {
  max-width: 25%;
}
.agency-payment-methods input[type=checkbox] + label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 2em;
}
.agency--edit form .form-field--view-invoices {
  top: -60px;
}

.brand .page-title {
  margin-bottom: 20px;
}
.brand-details {
  padding-left: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}
.brand-details .column {
  margin-right: 50px;
  text-transform: uppercase;
}
.brand-details .column p {
  font-weight: 600;
  margin-bottom: 4px;
  margin-top: 0;
  font-family: "OpenSans-semibold", sans-serif;
}
@media screen and (max-width: 1441px) {
  .brand-details .column p {
    font-size: 14px;
  }
}
.brand-details .column p small {
  font-size: 14px;
}
@media screen and (max-width: 1441px) {
  .brand-details .column p small {
    font-size: 12px;
  }
}
.brand-details .column p span {
  font-size: 20px;
  font-family: "OpenSansBold", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 1441px) {
  .brand-details .column p span {
    font-size: 16px;
  }
}
.brand-details .column:nth-child(2) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.brand-details .column:nth-child(2) p span {
  flex: 0 0 105px;
}
.brand-details .column:nth-child(3) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.brand-details .column:nth-child(3) p span {
  flex: 0 0 190px;
}
.brand-details .column:nth-child(4) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 270px;
}
.brand-details .column:nth-child(4) p span {
  flex: 0 0 170px;
}
.brand form {
  margin-top: 20px;
  position: relative;
}
.brand .form-field--view-invoices {
  position: absolute;
  right: 0;
  top: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.brand .form-field--view-invoices a,
.brand .form-field--view-invoices button {
  margin-right: 0;
  display: inline-block;
}
@media screen and (max-width: 1441px) {
  .brand .form-field--view-invoices a,
.brand .form-field--view-invoices button {
    width: 150px;
  }
}
.brand .form-brand-details .form-field {
  padding-right: 24px;
}
.brand .form-brand-details .form-field--notes {
  padding-right: 0;
}
.brand .form-brand-details .form-field--referred {
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.brand .form-brand-details .form-field--referred label {
  flex: 0 0 100%;
  max-width: 100%;
}
.brand .form-brand-details .form-field--referred input {
  flex: 0 0 calc(100% - 24px - 50px);
  max-width: calc(100% - 24px - 50px);
  margin-right: 24px;
}
.brand .form-brand-details .btn--gray {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 50px;
  height: 50px;
}
@media screen and (max-width: 1441px) {
  .brand .form-brand-details .btn--gray {
    min-width: 42px;
    height: 42px;
  }
}
.brand .form-brand-details .btn--gray i {
  margin: 0;
}
.brand .form-brand-contact .form-field {
  padding-right: 24px;
}
.brand .form-brand-contact .btn-wrap {
  margin-top: 32px;
  justify-content: flex-start;
}
.brand .form-brand-contact .btn-wrap button {
  margin-left: 0;
}
.brand form .form-field--button button {
  width: 170px;
  margin-left: 0;
}

.sign-in,
.reset {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.sign-in__form,
.reset__form {
  max-width: 585px;
  margin: 0 auto;
}
.sign-in__form .title,
.reset__form .title {
  font-size: 36px;
  font-weight: 600;
  text-align: center;
  font-family: "OpenSans-semibold", sans-serif;
  margin-bottom: 50px;
}
.sign-in__form .btn-wrap,
.reset__form .btn-wrap {
  margin: 30px 0;
}
.sign-in__form .btn-wrap .btn:disabled,
.reset__form .btn-wrap .btn:disabled {
  opacity: 0.5;
}
.sign-in__form-forgot,
.reset__form-forgot {
  margin: 30px 0;
  justify-content: center;
}
.sign-in__form-forgot a,
.reset__form-forgot a {
  color: #ec4657;
  font-size: 18px;
  font-weight: 500;
}
.sign-in__form .form-field,
.reset__form .form-field {
  margin-left: auto;
  margin-right: auto;
  max-width: 420px;
}
.sign-in__form .form-field a,
.reset__form .form-field a {
  color: #ec4657;
}

.invoices-filter {
  margin-bottom: 15px;
}
.invoices-filter form {
  padding-right: 0;
  width: 100%;
}
.invoices-filter form .form-field__select {
  max-width: 30%;
  flex: 0 0 30%;
}
.invoices-filter form .form-field--search {
  max-width: 40%;
  flex: 0 0 40%;
  margin-right: 20px;
}
@media screen and (max-width: 1600px) {
  .invoices-filter form .form-field--search {
    max-width: 40%;
    flex: 0 0 40%;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1600px) {
  .invoices-filter form .form-field--button a,
.invoices-filter form .form-field--button button {
    padding: 12px 32px;
    width: 150px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1441px) {
  .invoices-filter form .form-field--button a,
.invoices-filter form .form-field--button button {
    padding: 12px 32px;
    width: 125px;
    margin-right: 10px;
  }
}
.invoices-filter form .group-filter .checkbox-wrap {
  margin-right: 10px;
}
@media screen and (max-width: 1600px) {
  .invoices-filter form .group-filter .checkbox-wrap {
    margin-right: 8px;
  }
}
.invoices-filter form .group-filter .select .form-field__select {
  max-width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.invoices-filter form .group-filter .select .form-field__select label {
  margin-right: 8px;
  margin-bottom: 0;
}
@media screen and (max-width: 1441px) {
  .invoices-filter form .group-filter .select .form-field__select label {
    margin-right: 5px;
  }
}
@media screen and (max-width: 1441px) {
  .invoices-filter form .group-filter .checkbox {
    flex-wrap: wrap;
  }
}
.invoices-filter .form-field--button-new {
  margin-left: 12px;
}
.invoices-filter .form-field--button-new a,
.invoices-filter .form-field--button-new button {
  padding-left: 12px;
  padding-right: 12px;
  width: 215px;
  color: black;
}
@media screen and (max-width: 1600px) {
  .invoices-filter .form-field--button-new a,
.invoices-filter .form-field--button-new button {
    font-size: 14px;
    width: 200px;
    padding: 14.5px 12px;
  }
}
@media screen and (max-width: 1441px) {
  .invoices-filter .form-field--button-new a,
.invoices-filter .form-field--button-new button {
    font-size: 12px;
    width: 140px;
    padding: 12px;
  }
}
.invoices-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media screen and (max-width: 1441px) {
  .invoices-pagination .columns h2 {
    font-size: 24px;
    margin: 0;
  }
}
.invoices-pagination .columns button {
  text-transform: initial;
}
.invoices-table .form-field--button-new {
  margin-left: 0;
  margin-bottom: 24px;
}
.invoices-table .form-field--button-new a,
.invoices-table .form-field--button-new button {
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 0;
  width: 220px;
  color: black;
}
@media screen and (max-width: 1600px) {
  .invoices-table .form-field--button-new a,
.invoices-table .form-field--button-new button {
    font-size: 14px;
    width: 200px;
    padding: 14.5px 12px;
  }
}
@media screen and (max-width: 1441px) {
  .invoices-table .form-field--button-new a,
.invoices-table .form-field--button-new button {
    font-size: 12px;
    width: 180px;
    padding: 12px;
  }
}

.deals-filter {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.deals-filter form {
  justify-content: flex-start;
  width: 75%;
}
.deals-filter form .form-field__select {
  max-width: 35%;
  flex: 0 0 35%;
}
@media screen and (max-width: 1600px) {
  .deals-filter form .form-field__select {
    margin-right: 8px;
  }
}
@media screen and (max-width: 1600px) {
  .deals-filter form {
    width: 70%;
  }
}
.deals-filter form .group-filter .checkbox {
  margin-bottom: 0;
}
@media screen and (max-width: 1600px) {
  .deals-filter form .group-filter .checkbox .checkbox-wrap {
    margin-right: 10px;
  }
}
.deals-filter .form-field--button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 32px;
}
@media screen and (max-width: 1440px) {
  .deals-filter .form-field--button {
    padding-top: 25px;
  }
}
.deals-filter .form-field--button a {
  margin-right: 0;
}

.per-page-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.per-page-select label {
  margin: 0 10px 0 0;
  white-space: nowrap;
  font-size: 14px;
}
.per-page-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 80px;
  height: 42px;
  padding: 0 32px 0 16px;
  font-size: 14px;
  color: #000;
  background-color: #fff;
  border: 1px solid #bcbcbc;
  border-radius: 10px;
  cursor: pointer;
  background-image: url(/resources/fonts/down-arrow.svg?0cac3f488cc71ebbb6c02ac845e0d58f);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px;
  transition: border-color 0.2s ease-in;
}
.per-page-select select:hover, .per-page-select select:focus {
  outline: none;
  border-color: #474747;
}
@media screen and (max-width: 1441px) {
  .per-page-select select {
    height: 38px;
  }
}

.period form {
  position: relative;
}
.period .controls {
  top: -75px;
  right: 0;
  position: absolute;
  align-items: start;
}
@media screen and (max-width: 1441px) {
  .period .controls {
    top: -60px;
  }
}
.period .controls .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.period .controls .btn-wrap .btn {
  margin-left: 40px;
  margin-right: 0;
  width: 300px;
}
.period .controls .btn-wrap .btn--link {
  width: auto;
  text-transform: capitalize;
}
.period .controls .btn-wrap .btn--save {
  width: 180px;
}
@media screen and (max-width: 1441px) {
  .period .controls .btn-wrap .btn--save {
    width: 150px;
  }
}
.period-column .form-field--textarea label {
  display: block;
  margin-bottom: 10px;
}
.period-column-notes {
  margin: 0 30px;
  max-width: 61%;
  flex: 0 0 61%;
}
@media screen and (max-width: 1441px) {
  .period-column-notes {
    margin: 0 10px;
  }
}
.period-column-notes--deals {
  max-width: 94%;
  flex: 0 0 94%;
}
@media screen and (max-width: 1600px) {
  .period-column-notes--deals {
    max-width: 93%;
    flex: 0 0 93%;
  }
}
@media screen and (max-width: 1441px) {
  .period-column-notes--deals {
    max-width: 98%;
    flex: 0 0 98%;
  }
}
.period-column-notes--textarea {
  margin: 0 30px;
  max-width: 61%;
  flex: 0 0 61%;
}
@media screen and (max-width: 1441px) {
  .period-column-notes--textarea {
    margin: 0 10px;
    max-width: 65%;
    flex: 0 0 65%;
  }
}
.period-details {
  padding-left: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}
@media screen and (max-width: 1441px) {
  .period-details {
    margin-bottom: 30px;
  }
}
.period-details .column {
  margin-right: 60px;
  text-transform: uppercase;
}
.period-details .column p {
  font-weight: 600;
  margin-bottom: 8px;
  font-family: "OpenSans-semibold", sans-serif;
  margin-top: 0;
}
.period-details .column p small {
  font-size: 14px;
}
.period-details .column p span {
  font-size: 20px;
  font-family: "OpenSansBold", sans-serif;
  font-weight: bold;
}
.period-details .column:nth-child(2) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.period-details .column:nth-child(2) p span {
  flex: 0 0 105px;
}
.period-details .column:nth-child(3) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.period-details .column:nth-child(3) p span {
  flex: 0 0 190px;
}
.period-details .column:nth-child(4) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 270px;
}
.period-details .column:nth-child(4) p span {
  flex: 0 0 170px;
}
.period-content {
  padding: 35px;
  background-color: #fff;
  border-radius: 20px;
  position: relative;
}
.period-content__row {
  margin-bottom: 30px;
}
@media screen and (max-width: 1441px) {
  .period-content__row {
    margin-bottom: 20px;
  }
}
.period-content .id {
  margin-top: 8px;
}
.period-content .id span {
  font-size: 21px;
  font-weight: 600;
  font-family: "OpenSans-semibold", sans-serif;
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 1441px) {
  .period-content .id span {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.period-content .btn-wrap {
  margin-top: 10px;
}
@media screen and (max-width: 1441px) {
  .period-content .btn-wrap button {
    margin-left: 0;
  }
}
@media screen and (max-width: 1600px) {
  .period-content .form-field label {
    font-size: 14px;
  }
}
.period-content .dropdown {
  z-index: 11;
  margin-top: 10px;
  margin-left: 16px;
}
.period-content .dropdown a {
  width: 180px;
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 43px;
}
.period-column {
  margin: 0 35px;
  max-width: calc(33.3333% - 70px);
  flex: 0 0 calc(33.3333% - 70px);
}
.period-column .form-field .error {
  font-size: 12px;
  left: 0;
}
@media screen and (max-width: 1441px) {
  .period-column {
    margin: 0 10px;
    max-width: calc(33.3333% - 20px);
    flex: calc(33.3333% - 20px);
  }
}
.period-commision {
  margin-left: 16px;
  max-width: calc(66.66666667% - 16px);
  flex: 0 0 calc(66.66666667% - 16px);
}
@media screen and (max-width: 1441px) {
  .period-commision {
    margin-left: 16px;
    max-width: calc(56% - 20px);
    flex: 0 0 calc(56% - 20px);
  }
}
.period-commision-owed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.period-commision-owed .form-field {
  margin-right: 6px;
}
@media screen and (max-width: 1441px) {
  .period-commision-owed {
    max-width: calc(42% - 20px);
    flex: 0 0 calc(42% - 20px);
  }
}
.period-inline-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
}
.period-inline-wrap .form-field {
  width: 65%;
}
@media screen and (max-width: 1600px) {
  .period-inline-wrap .form-field {
    width: 63%;
  }
}
.period-inline-wrap .form-field.checkbox-wrap {
  width: 25%;
  margin-right: 40px;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
@media screen and (max-width: 1600px) {
  .period-inline-wrap .form-field.checkbox-wrap {
    width: 22%;
  }
}

.details-page .form-field--button {
  margin-bottom: 24px;
}
.details-page .form-field--button button {
  margin-left: 0;
}
.details-page .form-field--textarea {
  margin-bottom: 24px;
}
.details-page .form-field--textarea label {
  margin-bottom: 10px;
  display: block;
}
.details-page form {
  position: relative;
  margin-top: 20px;
}
.details-page .form-field--view-invoices {
  position: absolute;
  right: 0;
  top: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.details-page .form-field--view-invoices a,
.details-page .form-field--view-invoices button {
  -webkit-mask-repeat: 12px;
          mask-repeat: 12px;
  width: auto;
  display: inline-block;
}
.details-page .form-field--view-invoices a:last-child,
.details-page .form-field--view-invoices button:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1441px) {
  .details-page .form-field--view-invoices a,
.details-page .form-field--view-invoices button {
    width: 180px;
  }
}
.details-page .details-column {
  margin: 0 30px;
  max-width: calc(33.3333% - 70px);
  flex: 0 0 calc(33.3333% - 70px);
}
@media screen and (max-width: 1441px) {
  .details-page .details-column {
    margin: 0 10px;
    max-width: calc(33.3333% - 20px);
    flex: calc(33.3333% - 20px);
  }
}
.details-page .details-column-notes {
  margin: 0 30px;
  max-width: 61%;
  flex: 0 0 61%;
}
@media screen and (max-width: 1441px) {
  .details-page .details-column-notes {
    margin: 0 10px;
  }
}
.details-page .details-column-notes--deals {
  max-width: 94%;
  flex: 0 0 94%;
}
@media screen and (max-width: 1600px) {
  .details-page .details-column-notes--deals {
    max-width: 93%;
    flex: 0 0 93%;
  }
}
@media screen and (max-width: 1441px) {
  .details-page .details-column-notes--deals {
    max-width: 98%;
    flex: 0 0 98%;
  }
}
.details-page .details-column--textarea {
  margin: 0 30px;
  max-width: 61%;
  flex: 0 0 61%;
}
@media screen and (max-width: 1441px) {
  .details-page .details-column--textarea {
    margin: 0 10px;
    max-width: 65%;
    flex: 0 0 65%;
  }
}
.details-page .details-column--deals {
  max-width: 94%;
  flex: 0 0 94%;
}
@media screen and (max-width: 1600px) {
  .details-page .details-column--deals {
    max-width: 93%;
    flex: 0 0 93%;
  }
}
@media screen and (max-width: 1441px) {
  .details-page .details-column--deals {
    max-width: 98%;
    flex: 0 0 98%;
  }
}
.details-page .details-inline-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
}
.details-page .details-inline-wrap .form-field {
  width: 64%;
}
@media screen and (max-width: 1600px) {
  .details-page .details-inline-wrap .form-field {
    width: 62%;
  }
}
.details-page .details-inline-wrap .form-field.checkbox-wrap {
  width: 25%;
  margin-right: 40px;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
.details-page .details-inline-wrap .form-field--radiobutton {
  width: 100%;
}
.details-page .details-content .id {
  margin-top: 8px;
}
.details-page .details-content .id span {
  font-size: 21px;
  font-weight: 600;
  font-family: "OpenSans-semibold", sans-serif;
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 1441px) {
  .details-page .details-content .id span {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.details-page .details-content .tabs-block__content {
  position: relative;
  padding: 35px 35px 80px 35px;
}
.details-page .details-content .tabs-block__content .btn-wrap--submit {
  margin-left: 10px;
  margin-top: 24px;
}
.details-page .details-content .tabs-block__content-item[data-tab=financial] .row {
  margin-bottom: 50px;
}
@media screen and (max-width: 1441px) {
  .details-page .details-content .tabs-block__content-item[data-tab=financial] .row {
    margin-bottom: 35px;
  }
}
.details-page .details-content .tabs-block__content-item[data-tab=financial] .row p {
  font-weight: 600;
  font-family: "OpenSans-semibold", sans-serif;
  padding-right: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1600px) {
  .details-page .details-content .tabs-block__content-item[data-tab=financial] .row p {
    padding-right: 25%;
  }
}
.details-page .details-content .tabs-block__content-item[data-tab=financial] .controls .btn-wrap .btn {
  width: 170px;
}
.details-page .details-content .tabs-block__content-item .controls {
  position: absolute;
  top: -70px;
  right: -16px;
}
.details-page .details-content .tabs-block__content-item .controls .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.master-invoices-pagination {
  justify-content: flex-end;
  margin-bottom: 25px;
  margin-top: 20px;
}
.master-invoices-pagination--top {
  margin-top: -40px;
}
.master-invoices-filter form {
  width: 87%;
  padding-right: 0;
  align-items: center;
}
@media screen and (max-width: 1600px) {
  .master-invoices-filter form {
    width: 86%;
  }
}
.master-invoices-filter form .form-field--search {
  max-width: 25%;
  flex: 0 0 25%;
}
@media screen and (max-width: 1600px) {
  .master-invoices-filter form .form-field--search {
    max-width: 25%;
    flex: 0 0 25%;
  }
}
.master-invoices-filter form .form-field--button button {
  margin-right: 0;
}
.master-invoices-filter form .group-filter .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.master-invoices-filter form .group-filter .checkbox .form-field.checkbox-wrap {
  margin-right: 10px;
}
.master-invoices-filter form .group-filter .radiobutton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 0 2px;
  justify-content: space-between;
}
.master-invoices-filter form .group-filter .radiobutton .form-field--radiobutton {
  width: auto;
}
.master-invoices-filter form .group-filter .select .form-field__select {
  max-width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.master-invoices-filter form .group-filter .select .form-field__select label {
  margin-right: 8px;
  margin-bottom: 0;
}
@media screen and (max-width: 1441px) {
  .master-invoices-filter form .group-filter .select .form-field__select label {
    margin-right: 5px;
  }
}
.master-invoices-filter form .group-filter .select .form-field__select--master-invoices {
  max-width: 100%;
}
.master-invoices-table table thead th {
  padding: 24px 16px;
}
.master-invoices-table table thead th:nth-child(1) {
  padding-left: 32px;
}
@media screen and (max-width: 1600px) {
  .master-invoices-table table thead th {
    padding: 16px;
  }
}
.master-invoices-table table tbody td {
  padding: 24px 16px;
}
.master-invoices-table table tbody td:nth-child(1) {
  padding-left: 32px;
}
@media screen and (max-width: 1600px) {
  .master-invoices-table table tbody td {
    padding: 16px;
  }
}

.one-invoice .page-title {
  margin-bottom: 20px;
}
.one-invoice-details {
  padding-left: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}
.one-invoice-details .column {
  margin-right: 60px;
  text-transform: uppercase;
}
@media screen and (max-width: 1441px) {
  .one-invoice-details .column {
    margin-right: 30px;
  }
}
.one-invoice-details .column p {
  font-weight: 600;
  margin-bottom: 4px;
  margin: 5px 0;
  margin-top: 0;
  font-family: "OpenSans-semibold", sans-serif;
}
@media screen and (max-width: 1441px) {
  .one-invoice-details .column p {
    font-size: 14px;
  }
}
.one-invoice-details .column p small {
  font-size: 14px;
}
.one-invoice-details .column p span {
  font-size: 20px;
  font-family: "OpenSansBold", sans-serif;
  font-weight: bold;
}
.one-invoice-details .column:nth-child(2) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.one-invoice-details .column:nth-child(2) p span {
  flex: 0 0 105px;
}
.one-invoice-details .column:nth-child(3) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.one-invoice-details .column:nth-child(3) p span {
  flex: 0 0 190px;
}
.one-invoice-details .column:nth-child(4) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 270px;
}
@media screen and (max-width: 1441px) {
  .one-invoice-details .column:nth-child(4) p {
    width: 250px;
  }
}
.one-invoice-details .column:nth-child(4) p span {
  flex: 0 0 170px;
}
.one-invoice form {
  margin-top: 20px;
}
.one-invoice-content {
  border-radius: 20px;
  background-color: #fff;
  padding: 35px 35px 80px 35px;
  font-weight: 300;
  line-height: 125%;
  margin-top: 20px;
  position: relative;
}
@media screen and (max-width: 1441px) {
  .one-invoice-content {
    padding: 20px 20px 60px 20px;
  }
}
.one-invoice-content .tabs-block__content {
  padding: 25px 30px 45px 30px;
}
.one-invoice-content .controls {
  top: -75px;
  right: 0;
  position: absolute;
  align-items: start;
}
@media screen and (max-width: 1441px) {
  .one-invoice-content .controls {
    top: -60px;
  }
}
.one-invoice-content .controls .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.one-invoice-content .controls .btn-wrap .btn {
  margin-left: 40px;
  margin-right: 0;
  width: 300px;
}
.one-invoice-content .controls .btn-wrap .btn--link {
  width: auto;
  text-transform: capitalize;
}
.one-invoice-content .controls .btn-wrap .btn--save {
  width: 180px;
}
@media screen and (max-width: 1441px) {
  .one-invoice-content .controls .btn-wrap .btn--save {
    width: 150px;
  }
}
.one-invoice-content .form-wrap {
  margin-bottom: 100px;
}
@media screen and (max-width: 1441px) {
  .one-invoice-content .form-wrap {
    margin-bottom: 50px;
  }
}
.one-invoice-content--master {
  background-color: transparent;
  padding: 0;
}
.one-invoice-content--master .controls {
  top: 0;
}
.one-invoice-content .dropdown {
  z-index: 11;
  margin-left: 16px;
}
.one-invoice-content .dropdown a {
  width: 210px;
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  align-items: center;
  padding: 0;
}
.one-invoice-column {
  margin: 0 30px;
  max-width: calc(33.3333% - 70px);
  flex: 0 0 calc(33.3333% - 70px);
}

.partner-invoice .form-field--button {
  margin-bottom: 24px;
}
.partner-invoice .form-field--button button {
  margin-left: 0;
}
.partner-invoice .form-field--textarea {
  margin-bottom: 24px;
}
.partner-invoice .form-field--textarea label {
  margin-bottom: 10px;
  display: block;
}
.partner-invoice .form-field--notes {
  margin: 0 30px;
}
@media screen and (max-width: 1441px) {
  .partner-invoice .form-field--notes {
    margin: 0 10px;
  }
}
.partner-invoice form {
  position: relative;
  margin-top: 20px;
}
.partner-invoice .form-field--view-invoices {
  position: absolute;
  right: 0;
  top: -64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.partner-invoice .form-field--view-invoices a,
.partner-invoice .form-field--view-invoices button {
  margin-right: 12px;
  width: auto;
  display: inline-block;
}
.partner-invoice .form-field--view-invoices a:last-child,
.partner-invoice .form-field--view-invoices button:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1441px) {
  .partner-invoice .form-field--view-invoices a,
.partner-invoice .form-field--view-invoices button {
    width: 160px;
  }
}
.partner-invoice-content {
  padding: 35px;
  background-color: #fff;
  border-radius: 20px;
  position: relative;
  margin-top: 50px;
}
.partner-invoice.create .partner-invoice-content {
  margin-top: 80px;
}
.partner-invoice-table {
  margin: 0 30px;
}
@media screen and (max-width: 1441px) {
  .partner-invoice-table {
    margin: 0 10px;
  }
}
.partner-invoice-table .table-wrap table {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
  border-bottom: 1px solid #474747;
}
.partner-invoice-column {
  margin: 0 30px;
  max-width: calc(33.3333% - 70px);
  flex: 0 0 calc(33.3333% - 70px);
}
@media screen and (max-width: 1441px) {
  .partner-invoice-column {
    margin: 0 10px;
    max-width: calc(33.3333% - 20px);
    flex: calc(33.3333% - 20px);
  }
}
.partner-invoice-column-notes {
  margin: 0 30px;
  max-width: 61%;
  flex: 0 0 61%;
}
@media screen and (max-width: 1441px) {
  .partner-invoice-column-notes {
    margin: 0 10px;
  }
}
.partner-invoice-column--textarea {
  margin: 0 30px;
  max-width: 61%;
  flex: 0 0 61%;
}
@media screen and (max-width: 1441px) {
  .partner-invoice-column--textarea {
    margin: 0 10px;
    max-width: 65%;
    flex: 0 0 65%;
  }
}
.partner-invoice-column--description {
  max-width: 30%;
  flex: 0 0 30%;
}
.partner-invoice-inline-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
}
.partner-invoice-inline-wrap .form-field {
  width: 64%;
}
@media screen and (max-width: 1600px) {
  .partner-invoice-inline-wrap .form-field {
    width: 62%;
  }
}
.partner-invoice-inline-wrap .form-field.checkbox-wrap {
  width: 25%;
  margin-right: 40px;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
.partner-invoice-content .id {
  margin-top: 8px;
}
.partner-invoice-content .id span {
  font-size: 21px;
  font-weight: 600;
  font-family: "OpenSans-semibold", sans-serif;
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 1441px) {
  .partner-invoice-content .id span {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.partner-invoice-content .tabs-block__content {
  position: relative;
  padding: 35px 35px 80px 35px;
}
.partner-invoice-content .tabs-block__content .btn-wrap--submit {
  margin-left: 10px;
  margin-top: 24px;
}
.partner-invoice-content .tabs-block__content-item[data-tab=financial] .row {
  margin-bottom: 50px;
}
@media screen and (max-width: 1441px) {
  .partner-invoice-content .tabs-block__content-item[data-tab=financial] .row {
    margin-bottom: 35px;
  }
}
.partner-invoice-content .tabs-block__content-item[data-tab=financial] .row p {
  font-weight: 600;
  font-family: "OpenSans-semibold", sans-serif;
  padding-right: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1600px) {
  .partner-invoice-content .tabs-block__content-item[data-tab=financial] .row p {
    padding-right: 25%;
  }
}
.partner-invoice-content .tabs-block__content-item[data-tab=financial] .controls .btn-wrap .btn {
  width: 170px;
}
.partner-invoice-content .tabs-block__content-item .controls {
  position: absolute;
  top: -70px;
  right: -16px;
}
.partner-invoice-content .tabs-block__content-item .controls .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.partner-invoice-details {
  padding-left: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}
@media screen and (max-width: 1441px) {
  .partner-invoice-details {
    margin-bottom: 30px;
  }
}
.partner-invoice-details .column {
  margin-right: 60px;
  text-transform: uppercase;
}
.partner-invoice-details .column p {
  font-weight: 600;
  margin-bottom: 8px;
  font-family: "OpenSans-semibold", sans-serif;
  margin-top: 0;
}
.partner-invoice-details .column p small {
  font-size: 14px;
}
.partner-invoice-details .column p span {
  font-size: 20px;
  font-family: "OpenSansBold", sans-serif;
  font-weight: bold;
}
.partner-invoice-details .column:nth-child(2) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.partner-invoice-details .column:nth-child(2) p span {
  flex: 0 0 105px;
}
.partner-invoice-details .column:nth-child(3) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.partner-invoice-details .column:nth-child(3) p span {
  flex: 0 0 190px;
}
.partner-invoice-details .column:nth-child(4) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 270px;
}
.partner-invoice-details .column:nth-child(4) p span {
  flex: 0 0 170px;
}
.partner-invoice--filter form {
  width: 76%;
}
@media screen and (max-width: 1600px) {
  .partner-invoice--filter form {
    width: 73%;
  }
}
.partner-invoice--filter form .form-field__select {
  max-width: 35%;
  flex: 0 0 35%;
  margin-right: 24px;
}
.partner-invoice--filter form .form-field__select:last-child {
  margin-right: 0;
}
.partner-invoice--filter .form-field--button-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-financial-details .form-field {
  padding-right: 24px;
}

.referral-invoices-filter {
  width: 100%;
}
.referral-invoices-filter form {
  align-items: flex-end;
  justify-content: flex-start;
}
.referral-invoices-filter .group-filter--left {
  max-width: 35%;
  width: 35%;
}
@media screen and (max-width: 1600px) {
  .referral-invoices-filter .group-filter--left {
    max-width: 40%;
    width: 40%;
  }
}
.referral-invoices-filter .group-filter--status {
  margin-left: 24px;
}
.referral-invoices-filter .form-field--inline-flex {
  justify-content: space-between;
}
.referral-invoices-filter .form-field--inline-flex label {
  text-align: left;
}

.sales-filter {
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.sales-filter form {
  align-items: flex-start;
  width: 100%;
}
.sales-filter .group-filter .form-field--search {
  max-width: 100%;
  flex: 0 0 50%;
}
.sales-filter .group-filter .form-field--search .form-field__select {
  max-width: 100%;
  flex: 0 0 100%;
}
@media screen and (max-width: 1440px) {
  .sales-filter .group-filter .form-field--search .form-field__select input {
    height: 42px;
  }
}
.sales-filter .form-field__select {
  max-width: 24%;
  flex: 0 0 24%;
}
.sales-filter .form-sales-column {
  max-width: 30%;
  flex: 0 0 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.sales-filter .form-sales-column button {
  margin-left: auto;
  margin-right: 0;
}
.sales-filter .form-sales-column .form-field__select {
  margin-bottom: 0;
  max-width: 50%;
  flex: 0 0 50%;
}

.privacy-policy {
  padding: 50px 0 0;
}
.privacy-policy h1 {
  font-size: 24px;
  margin-bottom: 40px;
}
.privacy-policy h2 {
  font-size: 21px;
}
.privacy-policy h3 {
  font-size: 18px;
}
.privacy-policy h4 {
  font-size: 16px;
}
.privacy-policy h5 {
  font-size: 14px;
}
.privacy-policy h6 {
  font-size: 14px;
}
.privacy-policy ul {
  margin-left: 24px;
}
.privacy-policy .page-btn {
  text-align: center;
  margin-top: 100px;
}
.privacy-policy .page-btn a {
  margin: 0 auto;
}

.referral-partners--filter form {
  width: 87%;
}
@media screen and (max-width: 1600px) {
  .referral-partners--filter form {
    width: 86%;
  }
}

.form-viewer {
  padding: 50px 0;
}
.form-viewer .container {
  max-width: 700px;
}
.form-viewer__header {
  margin-bottom: 40px;
}
.form-viewer__header img {
  max-width: 150px;
}
.form-viewer__wrap {
  max-width: 700px;
  min-height: 400px;
  margin: 0 auto;
  border: 1px solid #333;
  background-color: #fff;
  position: relative;
}
.form-viewer__wrap.thanks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.form-viewer__title {
  padding: 16px 24px;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  border-bottom: 1px solid #333;
}
.form-viewer__body {
  padding: 16px 24px;
}
.form-viewer__body .form-field {
  padding-bottom: 24px;
  margin-bottom: 12px;
}
.form-viewer__body .form-field label {
  display: block;
  padding-left: 8px;
  margin-bottom: 4px;
}
.form-viewer__body .form-field .error {
  bottom: 0px;
  left: 8px;
}
.form-viewer__body .form-field--other, .form-viewer__body .form-field--not-applicable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.form-viewer__body .form-field--other .checkbox, .form-viewer__body .form-field--not-applicable .checkbox {
  flex: 0 0 25%;
  max-width: 25%;
}
.form-viewer__body .form-field--other .checkbox label, .form-viewer__body .form-field--not-applicable .checkbox label {
  padding-left: 0;
}
.form-viewer__body .form-field--other .control, .form-viewer__body .form-field--not-applicable .control {
  flex: 0 0 75%;
  max-width: 75%;
}
.form-viewer__body .form-field--not-applicable .form-field {
  padding-bottom: 0;
  margin-bottom: 0;
}
.form-viewer__body .form-field--not-applicable .checkbox {
  flex: 0 0 100%;
  max-width: 100%;
}
.form-viewer__body .form-field--tree {
  padding-right: 0;
}
.form-viewer__body .form-field--tree .vue-treeselect--disabled .vue-treeselect__input-container {
  display: inline-block;
  height: 50px;
}
.form-viewer__progress {
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.form-viewer__progress-item {
  width: 40px;
  height: 40px;
  background-image: url("/img/right-empty.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.form-viewer__progress-item--filled {
  background-image: url("/img/right-fill.svg");
}
.form-viewer__footer {
  padding: 16px 24px;
  position: relative;
  height: 100px;
}
.form-viewer__footer .btn {
  position: absolute;
  bottom: 24px;
}
.form-viewer__footer .btn--next {
  right: 16px;
}
.form-viewer__footer .btn--prev {
  left: 16px;
}
.form-viewer__success, .form-viewer__error {
  padding: 50px 24px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
.form-viewer__success {
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.form-viewer__success span {
  display: block;
  margin-top: 16px;
  font-size: 20px;
}
.form-viewer__loader {
  width: 100%;
  height: calc(100% - 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  position: absolute;
  top: 82px;
  left: 0;
}
.form-viewer__error .list-errors {
  margin-top: 24px;
  padding: 12px;
}
.form-viewer__error .list-errors ul {
  list-style-type: none;
}
.form-viewer__error .list-errors ul li {
  margin-bottom: 4px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  color: red;
}
.form-viewer__error .btn-wrap {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-viewer__error .btn-wrap .btn {
  padding: 12px;
}

.form-constructor {
  padding: 50px 0;
}
.form-constructor button {
  text-decoration: none;
  color: #ec4657;
}
.form-constructor .container {
  max-width: 1200px;
}
.form-constructor__list .title {
  font-weight: bold;
  font-size: 24px;
  align-items: center;
  justify-content: flex-start;
}
.form-constructor__list .form-item {
  border-bottom: 1px solid #333;
  padding-top: 12px;
  margin-bottom: 12px;
  padding-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-constructor__list .form-item .name {
  font-size: 18px;
  font-weight: bold;
}
.form-constructor__list .form-item .actions {
  display: block;
}
.form-constructor__list .form-item .actions button {
  display: block;
  min-width: auto;
}
.form-constructor__edit-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.form-constructor__edit-name .form-field {
  margin-bottom: 0;
  max-width: 520px;
}
.form-constructor__edit-name .form-field input {
  padding-left: 0;
  font-weight: bold;
  font-size: 24px;
  border: none;
  background: none;
  transition: all 0.25s;
}
.form-constructor__edit-name .form-field input:focus {
  border: 1px solid #bcbcbc;
  padding-left: 16px;
  padding-right: 12px;
  background-color: #fff;
}
.form-constructor__edit-name .title {
  font-weight: bold;
  font-size: 24px;
  align-items: center;
  justify-content: flex-start;
}
.form-constructor__edit .form-field {
  padding-right: 12px;
}
.form-constructor__edit .form-field--url .row {
  align-items: center;
}
.form-constructor__edit .form-field--url input {
  margin-left: 12px;
  max-width: 250px;
}
.form-constructor__edit-add-page button {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.form-constructor__edit .page-block {
  margin-bottom: 24px;
}
.form-constructor__edit .page-block .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-constructor__edit .page-block-wrap {
  margin-top: 12px;
}
.form-constructor__edit .page-block .page-block-title {
  font-weight: bold;
  font-size: 32px;
  align-items: center;
  justify-content: flex-start;
}
.form-constructor__edit .page-block .controls {
  justify-content: flex-end;
}
.form-constructor__edit .page-block .controls .btn {
  font-size: 14px;
}
.form-constructor__edit .page-block__fields {
  margin-top: 12px;
}
.form-constructor__edit .page-block__fields .field {
  margin-bottom: 12px;
  border-bottom: 1px solid #333;
}
.form-constructor__edit .page-block__fields .field:last-child {
  border-bottom: none;
}
.form-constructor__edit .page-block__fields .field .title {
  font-size: 18px;
  font-weight: 600;
}
.form-constructor__edit .page-block__fields .field-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.form-constructor__edit .page-block__fields .field-item .label {
  flex: 0 0 120px;
}
.form-constructor__edit .page-block__fields .field-item .checkbox {
  margin: 0;
}
.form-constructor__edit .page-block__fields .field-item .checkbox .form-field {
  margin-bottom: 0;
}
.form-constructor__edit .page-block__fields .field-item .form-field--number input {
  max-width: 50px;
}

.wizard .container {
  max-width: 100%;
}
.wizard__wrap {
  padding: 20px 0;
  max-width: 800px;
  margin: 0 auto;
}
.wizard__wrap a {
  color: #ec4657;
}
.wizard__wrap--edit-sales {
  max-width: 100%;
}
.wizard__wrap--edit-sales .wizard__block-table-wrap {
  overflow-x: initial;
}
.wizard__wrap--edit-sales .wizard__block-table-wrap .table tbody tr td.overlap {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.wizard__wrap--historical {
  max-width: 1280px;
}
.wizard__wrap--historical .table thead tr th {
  word-spacing: normal;
  min-width: 100px;
  text-align: left;
}
.wizard__wrap--invoices {
  max-width: 900px;
}
.wizard__wrap--invoices .wizard__block-table-wrap {
  overflow: initial;
}
.wizard__wrap--invoices .wizard__block-table-wrap .table th {
  word-spacing: normal;
}
.wizard__wrap--final {
  max-width: 1000px;
}
.wizard__header {
  padding-top: 50px;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.wizard__header img {
  max-width: 150px;
}
.wizard__header.full-width {
  max-width: 100%;
}
.wizard__block {
  padding: 10px;
  background-color: #fff;
  position: relative;
  margin-top: 12px;
  min-height: 250px;
}
.wizard__block .sow-name {
  font-size: 18px;
  font-weight: bold;
}
.wizard__block .loader {
  position: absolute;
  top: 0;
  background-color: rgba(255, 255, 255, 0.75);
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.wizard__block .loader--sale-line-item {
  background-color: transparent;
  width: 50px;
  height: 50px;
  right: 2%;
  position: fixed;
  top: auto;
  left: auto;
  bottom: 2%;
}
.wizard__block .logo {
  font-size: 16px;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
}
.wizard__block .logo img {
  width: 24px;
  margin-right: 8px;
}
.wizard__block .logo--after {
  padding-left: 36px;
}
@media screen and (max-width: 1441px) {
  .wizard__block .logo--after {
    margin-top: 10px;
    padding-left: 32px;
  }
}
.wizard__block .logo--after::before {
  content: "";
  width: 0;
  position: absolute;
  left: 16px;
  top: 14px;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent #ec4657 transparent transparent;
}
@media screen and (max-width: 1441px) {
  .wizard__block .logo--after::before {
    border-width: 0 16px 16px 0;
  }
}
.wizard__block .logo--after::after {
  content: "";
  position: absolute;
  bottom: -32px;
  right: -90px;
  width: 230px;
  height: 76px;
  background-position: center right;
  background-image: url(/resources/img/h1-after.png?b01d9b5cb43b79d24228f7c072e09cf4);
  background-size: 100%;
  background-repeat: no-repeat;
}
.wizard__block-title {
  margin: 24px 0 32px;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  position: relative;
  z-index: 10;
}
.wizard__block-title .subtitle {
  text-align: center;
  display: block;
  margin: 16px 0;
  font-size: 21px;
}
.wizard__block-title .subtitle.link {
  font-size: 16px;
}
.wizard__block-tasks {
  margin-bottom: 100px;
  padding: 0 40px;
  margin: 0 0 100px 70px;
  position: relative;
  z-index: 10;
}
.wizard__block-tasks .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
}
.wizard__block-tasks .checkbox {
  flex: 0 0 30px;
  max-width: 30px;
}
.wizard__block-tasks .checkbox .checkbox-wrap {
  padding-top: 0;
}
.wizard__block-tasks .checkbox .checkbox-wrap label {
  line-height: 0.975em;
}
.wizard__block-tasks .checkbox .checkbox-wrap label::before {
  width: 1.25em;
  height: 1.25em;
  border-radius: 4px;
}
.wizard__block-tasks .checkbox .checkbox-wrap label i {
  font-size: 12px;
  top: 4px;
  left: 5px;
}
.wizard__block-tasks .task {
  flex: 0 0 calc(100% - 40px);
  max-width: calc(100% - 40px);
  margin-bottom: 24px;
}
.wizard__block-tasks .task-container {
  padding-left: 32px;
}
.wizard__block-tasks .task .title {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 12px;
}
.wizard__block-tasks .task .title span {
  color: #ec4657;
}
.wizard__block-tasks .task .table-wrap {
  overflow-x: initial;
}
.wizard__block-tasks .task .table th {
  padding: 16px 10px;
  font-size: 12px;
  word-spacing: normal;
}
.wizard__block-tasks .task .table th.min-w-200 {
  min-width: 200px;
}
.wizard__block-tasks .task .table td {
  font-size: 14px;
  padding: 16px 10px;
}
.wizard__block-tasks .task .table td.nowrap {
  white-space: nowrap;
}
.wizard__block-tasks .task .table td.opacity {
  opacity: 0.3;
}
.wizard__block-tasks .task .list p {
  display: block;
  margin-bottom: 12px;
}
.wizard__block-tasks .task .list p span {
  color: #ec4657;
}
.wizard__block-tasks .task .list p .edit {
  margin-left: 16px;
  cursor: pointer;
  text-decoration: underline;
}
.wizard__block-tasks .task .list .subitem {
  padding-left: 24px;
}
.wizard__block-tasks .task .edit {
  cursor: pointer;
}
.wizard__block-tasks--final {
  padding: 0 24px;
  margin: 0 0 100px 24px;
}
.wizard__block-tasks--final .task .title {
  padding-left: 32px;
}
.wizard__block-tasks--final .task .title i {
  margin-right: 8px;
  color: green;
}
.wizard__block-tasks--final .task .table tr td.max-220 {
  max-width: 220px;
  min-width: 220px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.wizard__block-footer {
  border-top: 1px solid #333;
  margin: 0 40px 24px;
  padding-top: 24px;
  position: relative;
  z-index: 10;
}
.wizard__block-sow {
  margin-bottom: 100px;
  padding: 0 40px;
}
.wizard__block-sow .type-row {
  margin-bottom: 16px;
}
.wizard__block-sow .form-field {
  margin-bottom: 24px;
}
.wizard__block-sow .form-field label {
  display: block;
  margin-bottom: 8px;
}
.wizard__block-sow .form-field--radiobutton {
  margin-bottom: 0;
}
.wizard__block-sow .form-field input:disabled + .btn--file {
  background-color: #bcbcbc;
}
.wizard__block-sow .form-field--tree .vue-treeselect--disabled .vue-treeselect__value-container {
  min-height: 50px;
  display: block;
}
.wizard__block-nav {
  padding: 12px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.wizard__block-nav .btn {
  margin: 0;
  z-index: 10;
}
.wizard__block-upsell {
  padding: 10px 40px;
}
.wizard__block-table {
  padding: 0 16px;
  padding-bottom: 100px;
  overflow-x: auto;
}
.wizard__block-table--not-overflow {
  overflow-x: initial;
}
.wizard__block-table-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.wizard__block-table-title span {
  font-size: 16px;
  cursor: pointer;
  margin-left: 16px;
}
.wizard__block-table-filter .select .form-field {
  margin-bottom: 0;
}
.wizard__block-table-filter .select .form-field--tree {
  max-width: 240px;
}
.wizard__block-table-filter .select .form-field--tree .vue-treeselect__control {
  border-radius: 4px;
}
.wizard__block-table-filter .select .form-field--tree .vue-treeselect--single .vue-treeselect__input {
  height: 32px;
}
.wizard__block-table-filter .select .form-field--tree .vue-treeselect--single .vue-treeselect__single-value {
  top: 2%;
}
.wizard__block-table-filter .select .form-field--tree .vue-treeselect__menu-container .vue-treeselect__label-container .vue-treeselect__label {
  margin-bottom: 0;
}
.wizard__block-table-filter .select .form-field--tree .vue-treeselect__value-container .vue-treeselect__placeholder {
  top: 2%;
}
.wizard__block-table-filter .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.wizard__block-table-filter .checkbox .form-field {
  margin-bottom: 0;
}
.wizard__block-table-wrap {
  overflow-x: auto;
}
.wizard__block-table-wrap .table thead tr th {
  font-size: 14px;
  padding: 12px;
  min-width: 80px;
}
@media screen and (max-width: 1600px) {
  .wizard__block-table-wrap .table thead tr th {
    font-size: 12px;
    padding: 8px;
  }
}
@media screen and (max-width: 1500px) {
  .wizard__block-table-wrap .table thead tr th {
    font-size: 11px;
    padding: 8px 4px;
  }
}
.wizard__block-table-wrap .table thead tr th.required-action {
  width: 235px;
}
.wizard__block-table-wrap .table thead tr th.explanation {
  min-width: 400px;
}
@media screen and (max-width: 1800px) {
  .wizard__block-table-wrap .table thead tr th.explanation {
    min-width: 320px;
  }
}
@media screen and (max-width: 1680px) {
  .wizard__block-table-wrap .table thead tr th.explanation {
    min-width: 350px;
  }
}
@media screen and (max-width: 1500px) {
  .wizard__block-table-wrap .table thead tr th.explanation {
    min-width: 300px;
  }
}
@media screen and (max-width: 1440px) {
  .wizard__block-table-wrap .table thead tr th.explanation {
    min-width: 250px;
  }
}
.wizard__block-table-wrap .table thead tr th.explanation .form-field input {
  width: 100%;
}
.wizard__block-table-wrap .table tbody tr td {
  font-size: 14px;
  padding: 12px;
  white-space: initial;
}
@media screen and (max-width: 1600px) {
  .wizard__block-table-wrap .table tbody tr td {
    font-size: 12px;
    padding: 8px;
  }
}
.wizard__block-table-wrap .table tbody tr td.explanation {
  min-width: 420px;
}
@media screen and (max-width: 1680px) {
  .wizard__block-table-wrap .table tbody tr td.explanation {
    min-width: 360px;
  }
}
@media screen and (max-width: 1500px) {
  .wizard__block-table-wrap .table tbody tr td.explanation {
    min-width: 340px;
  }
}
@media screen and (max-width: 1440px) {
  .wizard__block-table-wrap .table tbody tr td.explanation {
    min-width: 320px;
  }
}
.wizard__block-table-wrap .table tbody tr td.explanation .form-field input {
  width: 100%;
}
.wizard__block-table-wrap .form-field {
  margin-bottom: 0;
}
.wizard__block-table-wrap .form-field input {
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  width: 150px;
}
.wizard__block-table-wrap .form-field input.currency-input {
  font-size: 14px;
  width: 95px;
}
@media screen and (max-width: 1600px) {
  .wizard__block-table-wrap .form-field input.currency-input {
    font-size: 12px;
    width: 75px;
  }
}
@media screen and (max-width: 1600px) {
  .wizard__block-table-wrap .form-field input {
    font-size: 12px;
    width: 125px;
  }
}
.wizard__block-table-wrap .form-field--tree .vue-treeselect--single .vue-treeselect__control {
  border-radius: 4px;
}
.wizard__block-table-wrap .form-field--tree .vue-treeselect--single .vue-treeselect__input {
  height: 32px;
}
.wizard__block-table-wrap .form-field--tree .vue-treeselect--single .vue-treeselect__single-value,
.wizard__block-table-wrap .form-field--tree .vue-treeselect--single .vue-treeselect__placeholder {
  line-height: 24px;
}
.wizard__block-table-wrap .form-field--tree .vue-treeselect__label {
  white-space: initial;
  font-size: 13px;
  line-height: 130%;
  margin-bottom: 4px;
  margin-top: 4px;
}
.wizard__block-table-wrap .checkbox-wrap input[type=checkbox] + label::before {
  width: 20px !important;
  border-radius: 2px !important;
  height: 20px !important;
}
.wizard__block-table-wrap .checkbox-wrap input[type=checkbox] + label i {
  top: 5px !important;
  left: 5px !important;
  font-size: 10px !important;
}
.wizard__block--final {
  position: relative;
  overflow: hidden;
}
.wizard__block--final::before {
  content: "Complete";
  position: absolute;
  top: 25%;
  left: 10%;
  font-size: 120px;
  color: #bcbcbc;
  opacity: 0.2;
  text-transform: uppercase;
  font-weight: bold;
  transform: rotate(-35deg);
  z-index: 0;
}
.wizard__block--thank {
  min-height: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wizard__block-dealname {
  font-size: 24px;
  text-align: center;
  margin-bottom: 12px;
}
.wizard__block-service-name {
  font-size: 18px;
  text-align: center;
  margin-bottom: 24px;
}
.wizard_sale_wrap {
  padding: 10px 40px;
}
.wizard_sale_wrap .title {
  font-weight: bold;
  font-style: 18px;
}
.wizard_sale_wrap--reasons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wizard_sale_wrap--reasons .form-field--radiobutton {
  max-width: 100%;
  flex: 0 0 100%;
}
.wizard_sale_wrap--reasons .wizard_sale_invoiced-controls {
  flex: 0 0 100%;
  max-width: 100%;
}
.wizard_sale_wrap .form-question-item__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.wizard_sale_wrap .form-question-item__wrap .form-field {
  width: auto;
  margin-bottom: 8px;
}
.wizard_sale_controls {
  padding-right: 12px;
  border-right: 1px solid #bcbcbc;
}
.wizard_sale_controls.no-r-border {
  border-right: none;
}
.wizard_sale_controls .title {
  margin-bottom: 24px;
  font-size: 21px;
  line-height: 150%;
}
.wizard_sale_controls .form-field--radiobutton {
  margin-bottom: 30px;
}
.wizard_sale_controls .form-field--radiobutton input[type=radio]:checked label::before {
  border-color: #333;
}
.wizard_sale_controls .form-field--datepicker {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 38px;
}
.wizard_sale_controls .form-field--datepicker input {
  max-width: 160px;
  padding-right: 50px;
}
.wizard_sale_controls .form-field--datepicker .btn {
  position: absolute;
  top: 0;
  left: 120px;
  margin: 0;
  background: transparent;
}
.wizard_sale_controls--later .form-field--datepicker .btn {
  position: absolute;
  bottom: 0;
  left: 180px;
  top: auto;
  margin: 0;
  background: transparent;
}
.wizard_sale_controls--later .form-field--radiobutton {
  margin-bottom: 16px;
}
.wizard_sale_details {
  padding-left: 32px;
}
.wizard_sale_details .title {
  margin-bottom: 40px;
  font-size: 21px;
  line-height: 150%;
}
.wizard_sale_details .row {
  margin-bottom: 16px;
}
.wizard_sale_details .row .label {
  flex: 0 0 45%;
  font-size: 16px;
  font-weight: 700;
}
.wizard_sale_details .row .value {
  flex: 0 0 50%;
  font-size: 16px;
}
.wizard_sale_details .row .table thead th,
.wizard_sale_details .row .table thead td {
  padding: 8px 8px 16px;
  font-size: 12px;
  min-width: auto;
  text-align: center;
  vertical-align: top;
}
.wizard_sale_details .row .table thead th:first-child,
.wizard_sale_details .row .table thead td:first-child {
  border-top-left-radius: 8px;
}
.wizard_sale_details .row .table thead th:last-child,
.wizard_sale_details .row .table thead td:last-child {
  border-top-right-radius: 8px;
}
.wizard_sale_details .row .table tbody {
  text-align: center;
  padding: 2px 8px;
  font-size: 14px;
  min-width: auto;
}
.wizard_sale_details .row .table tbody td {
  padding: 8px 4px;
}
.wizard_sale_details .row .table tbody tr:nth-child(2n+1) {
  background-color: #eeeeee;
}
.wizard_sale_details .row .table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.wizard_sale_details .row .table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.wizard_sale_invoiced-controls {
  margin-top: 16px;
  margin-bottom: 32px;
}
.wizard_sale_invoiced-controls .form-field {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 16px;
}
.wizard_sale_invoiced-controls .form-field label {
  display: block;
  flex: 0 0 150px;
  max-width: 150px;
}
.wizard_sale_invoiced-controls .form-field .value {
  font-size: 16px;
}
.wizard_sale_invoiced-controls .form-field input {
  max-width: 150px;
}
.wizard_sale_invoiced-controls .form-field textarea {
  border-radius: 10px;
}
.wizard_sale_invoiced-controls .form-field--calc label {
  flex: 0 0 250px;
  max-width: 250px;
}
.wizard_sale_invoiced-controls .form-field--calc .value {
  font-size: 21px;
}
.wizard_sale_invoiced-controls .form-field--owed {
  font-size: 21px;
  font-weight: 600;
}
.wizard_sale_invoiced-controls .form-field--owed label {
  flex: 0 0 250px;
  max-width: 250px;
}
.wizard_sale_invoiced-controls .form-field--owed .value {
  font-size: 21px;
}
.wizard_sale_invoiced-controls .separator {
  width: 100%;
  height: 1px;
  background-color: #b2b2b2;
  margin: 20px 0;
}
.wizard_sale_invoiced-controls .form-field--text {
  margin-bottom: 0px;
  margin-top: 16px;
  display: block;
}
.wizard_sale_invoiced-controls .form-field--text textarea {
  height: 100px;
}
.wizard_sale__sow {
  margin-left: 36px;
}
.wizard_sale__sow-type {
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.wizard_sale__sow-type .form-field--radiobutton {
  flex: 0 0 100px;
  margin-bottom: 0;
}
.wizard_sale__sow-type .form-field--text {
  margin-bottom: 0;
}
.wizard-logout {
  position: absolute;
  top: 32px;
  right: 32px;
}
.wizard-logout .logout button {
  font-size: 1.2rem;
  color: #333;
}
.wizard-logout .logout button:hover {
  color: #ec4657;
}

.is-safari .table tbody tbody tr td {
  font-family: "OpenSans", sans-serif !important;
  font-weight: 400 !important;
}

/*# sourceMappingURL=app.css.map*/