/***** VARIABLES *****/
/*****************************/
/*********************/
/****** SCALING ******/
/*********************/
.select-module {
  min-height: 21px !important;
  height: 21px !important;
  max-height: 21px !important;
  border-radius: 2px;
  box-sizing: border-box;
  border: 0;
  margin: 0 !important;
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  line-height: 19px;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  padding: 0;
  width: 100%;
}
.select-module > div:nth-child(1) {
  position: relative;
  border: 1px solid #c9c9c9;
  background: transparent;
  border-radius: 2px;
}
.select-module .select-input {
  padding: 0 5px;
  min-width: calc(100% - 16px);
  width: calc(100% - 16px);
  border: 0;
  border-radius: 2px;
  text-overflow: ellipsis;
  min-height: 18px !important;
  height: 18px !important;
  background-color: transparent;
}
.select-module .select-input .select-header-title {
  min-width: calc(100% - 20px);
  width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-module.focused-dropdown > div {
  border: 1px solid #5dacaa !important;
}
.select-module.focused-dropdown .select-input {
  border: 0 !important;
}
.select-module[data-state=ReadOnly], .select-module[data-state=Disabled] {
  background: #f2f3f4;
  border: 1px solid #c9c9c9;
  background: #E1E3EB;
  color: #000;
  transition: 0.3s;
}
.select-module[data-state=ReadOnly]:active, .select-module[data-state=ReadOnly]:active:focus, .select-module[data-state=ReadOnly]:focus, .select-module[data-state=Disabled]:active, .select-module[data-state=Disabled]:active:focus, .select-module[data-state=Disabled]:focus {
  box-shadow: none !important;
  outline: none !important;
}
.select-module.disabled-dropdown {
  background: #f2f3f4;
  color: #000;
  pointer-events: none;
  transition: 0.3s;
}
.select-module * {
  cursor: pointer;
  min-height: 21px !important;
  height: 21px !important;
  max-height: 21px !important;
  line-height: 19px !important;
}
.select-module .select-down {
  position: absolute;
  display: flex;
  width: 20px;
  right: 4px;
  top: 0px;
  transform: rotate(180deg);
  min-height: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
}
.select-module .select-down:before {
  content: url(/content/img/ic-action-input-dropdown.svg);
  height: 16px;
}
.select-module .select-up {
  position: absolute;
  display: flex;
  width: 20px !important;
  right: 0px;
  top: 2px;
  min-height: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
}
.select-module .select-up::before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  height: 16px;
}
.select-module.validator-warning > div {
  border: 1px solid #ffb300;
}
.select-module.validator-error > div {
  border: 1px solid #FF2B00 !important;
}
.select-module.validator-error .select-input {
  border: 0 !important;
}
.select-module.validator-warning-error .select-input .select-header-title {
  color: #FF2B00;
}
.select-module.inactive-color {
  background: #ffd8d8;
}
.select-module.inactive-color > div:nth-child(1) {
  background: #ffd8d8;
}
.select-module.inactive-color > div:nth-child(1) input {
  background: #ffd8d8;
}
.select-module.inactive-color .select-down:before {
  content: url(/content/img/ic-action-input-dropdown.svg);
  background: #ffd8d8;
}
.select-module.inactive-color .select-up::before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  background: #ffd8d8;
}

.list-wrapper {
  background: #fff;
  padding: 2px 3px;
  border: 1px solid #0ca597;
  border-radius: 0 0 2px 2px;
  z-index: 999;
  overflow-y: auto;
  transform: translateX(-1px);
}
.list-wrapper::-webkit-scrollbar {
  width: 8px;
}
.list-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
.list-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
.list-wrapper .select-list .list-item {
  font-family: Roboto-Regular, sans-serif;
  line-height: 19px;
  font-size: 13px;
  color: #000;
  width: 100%;
  cursor: pointer;
  padding: 0 5px;
  height: 21px;
  box-sizing: border-box;
  border-radius: 1px;
  border: 1px solid rgba(255, 255, 255, 0);
  background: #fff;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-wrapper .select-list .list-item.selected-item {
  background: #ceedea;
}
.list-wrapper .select-list .list-item:hover, .list-wrapper .select-list .list-item:active, .list-wrapper .select-list .list-item:active:focus {
  background: #9edbd6;
}
.list-wrapper .select-list .list-item.focused-item {
  border: 1px solid #9edbd6;
}
.list-wrapper .select-list .list-item .custom-selector-value {
  width: calc(100% + 10px);
  margin-left: -5px;
  padding: 0 5px;
}

body > .list-wrapper {
  z-index: 111111111;
}

.close-block {
  opacity: 1;
  height: 12px;
  background: transparent;
  width: 12px;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: static;
  right: 4px;
  top: 4px;
  margin-left: 5px;
  margin-top: 9px;
}
.close-block:before {
  content: "";
  background: url(/content/img/close-red.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 12px;
  width: 12px;
  display: block;
}

.inline-checkbox-script-editor {
  min-height: 21px !important;
  height: 21px !important;
  max-height: 21px !important;
  border-radius: 2px;
  box-sizing: border-box;
  border: 0;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin: 0 !important;
  color: #000;
  background: #fff;
  cursor: pointer;
  position: relative;
  padding: 0;
  width: 100%;
}
.inline-checkbox-script-editor .select-options {
  padding: 0 4px;
  min-width: 100%;
  width: 100%;
  border: 1px solid #b6c3d3;
  border-radius: 2px;
  position: relative;
}
.inline-checkbox-script-editor .select-options:hover .select-input {
  padding: 0 4px;
  min-width: 100%;
  width: 100%;
  border: 1px solid #4b5a6d;
}
.inline-checkbox-script-editor:hover .select-input {
  padding: 0 4px;
  min-width: 100%;
  width: 100%;
  border: 1px solid #4b5a6d;
}
.inline-checkbox-script-editor[data-state=ReadOnly], .inline-checkbox-script-editor[data-state=Disabled] {
  background: #f2f4f4;
  color: #ccc;
  transition: 0.3s;
}
.inline-checkbox-script-editor[data-state=ReadOnly]:active, .inline-checkbox-script-editor[data-state=ReadOnly]:active:focus, .inline-checkbox-script-editor[data-state=ReadOnly]:focus, .inline-checkbox-script-editor[data-state=Disabled]:active, .inline-checkbox-script-editor[data-state=Disabled]:active:focus, .inline-checkbox-script-editor[data-state=Disabled]:focus {
  box-shadow: none !important;
  outline: none !important;
}
.inline-checkbox-script-editor.disabled-dropdown {
  background: #fff;
  color: #97a0aa;
  pointer-events: none;
  transition: 0.3s;
}
.inline-checkbox-script-editor * {
  cursor: pointer;
  min-height: 21px !important;
  height: 21px !important;
  max-height: 21px !important;
  line-height: 21px !important;
}
.inline-checkbox-script-editor .select-down {
  position: absolute;
  display: flex;
  width: 20px;
  right: 4px;
  top: 0px;
  transform: rotate(180deg);
  min-height: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
}
.inline-checkbox-script-editor .select-down:before {
  content: url(/content/img/ic-action-input-dropdown.svg);
  background: #fff;
  height: 16px;
}
.inline-checkbox-script-editor .select-up {
  position: absolute;
  display: flex;
  width: 20px !important;
  right: 0px;
  top: 2px;
  min-height: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
}
.inline-checkbox-script-editor .select-up::before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  background: #fff;
  height: 16px;
}
.inline-checkbox-script-editor.validator-warning .select-input {
  border: 1px solid #ffb300;
}
.inline-checkbox-script-editor.validator-error .select-input {
  border: 1px solid #FF2B00;
}
.inline-checkbox-script-editor.validator-warning-error .select-input .select-header-title {
  color: #FF2B00;
}
.inline-checkbox-script-editor option {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  width: 100%;
  cursor: pointer !important;
  padding: 0 5px;
  line-height: 20px;
  height: 22px;
  box-sizing: border-box;
  border-radius: 1px;
  border: 1px solid rgba(255, 255, 255, 0);
  background: #fff !important;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inline-checkbox-script-editor option.selected-item {
  background: #ceedea;
}
.inline-checkbox-script-editor option:hover, .inline-checkbox-script-editor option:active, .inline-checkbox-script-editor option:active:focus, .inline-checkbox-script-editor option:focus, .inline-checkbox-script-editor option[active] {
  background-color: #9edbd6 !important;
}
.inline-checkbox-script-editor option .custom-selector-value {
  width: calc(100% + 10px);
  margin-left: -5px;
  padding: 0 5px;
}

.company-user-report {
  height: calc(100% - 8px);
}
.company-user-report .toolbar-panel > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 1280px;
}
.company-user-report .toolbar-panel > div > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.company-user-report .toolbar-panel > div > div > label + div {
  margin-left: 4px !important;
}
.company-user-report .toolbar-panel > div > div > label + .select-module {
  width: 130px;
}
.company-user-report .toolbar-panel > div > div + div {
  margin-left: 10px;
  border-left: 1px solid #dcdedf;
}
.company-user-report .toolbar-panel .company-export-to-excel {
  border: 0;
  background: rgba(255, 255, 255, 0);
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #1f7244;
  min-width: 129px;
  width: 129px;
  text-decoration: underline;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.company-user-report .toolbar-panel .company-export-to-excel:after {
  content: url(/content/img/excel.svg);
  width: 18px;
  margin-left: 4px;
  height: 24px;
}
.company-user-report .toolbar-panel .company-export-to-excel:hover, .company-user-report .toolbar-panel .company-export-to-excel:active, .company-user-report .toolbar-panel .company-export-to-excel:active:focus {
  color: #014018;
}
.company-user-report .grid-section {
  display: flex;
  flex-direction: column;
  margin: 4px 4px 4px 4px;
  height: calc(100% - 90px);
  overflow-x: auto;
}
.company-user-report .grid-section .grid-header {
  font-family: Roboto-Regular, sans-serif;
  color: #5f5f5f;
  font-size: 14px;
  background: #e3eaed;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  border-bottom: 1px solid #dcdedf;
  display: grid;
  grid-template-columns: 150px 150px 150px 90px 250px 150px 96px 106px 140px 140px 66px 66px;
  width: 1562px;
}
.company-user-report .grid-section .grid-header > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 8px;
  line-height: 24px;
}
.company-user-report .grid-section .grid-header > div label {
  margin-right: 4px;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.company-user-report .grid-section .grid-header > div + div {
  border-left: 1px solid #dcdedf;
  height: 100%;
}
.company-user-report .grid-section .grid-content {
  font-family: Roboto-Regular, sans-serif;
  color: #5f5f5f;
  font-size: 14px;
  background-color: #f2f2f3;
  display: block;
  height: calc(100% - 20px);
  padding: 0;
  width: 1562px;
  overflow-y: auto;
}
.company-user-report .grid-section .grid-content .grid-content-row {
  display: grid;
  grid-template-columns: 150px 150px 150px 90px 250px 150px 96px 106px 140px 140px 66px 66px;
  width: 100%;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
  font-size: 14px;
  position: relative;
  min-height: 24px !important;
  border-bottom: 1px solid #dcdedf;
}
.company-user-report .grid-section .grid-content .grid-content-row:nth-child(odd) {
  background: #f2f4f5;
}
.company-user-report .grid-section .grid-content .grid-content-row:nth-child(even) {
  background: #fafafa;
}
.company-user-report .grid-section .grid-content .grid-content-row > div:nth-child(5) > div, .company-user-report .grid-section .grid-content .grid-content-row > div:nth-child(4) > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.company-user-report .grid-section .grid-content .grid-content-row > div {
  padding: 0 8px;
  line-height: 24px;
}
.company-user-report .grid-section .grid-content .grid-content-row > div + div {
  border-left: 1px solid #dcdedf;
}
.company-user-report .grid-section .grid-content .grid-content-row > div label {
  margin-right: 4px;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.company-user-report .grid-section .grid-content .grid-content-row .check-box-checked,
.company-user-report .grid-section .grid-content .grid-content-row .check-box {
  margin: 0 auto;
}

.select-v2 {
  border: 1px solid #CED0DB;
  font-family: Roboto-Regular;
  font-size: 13px;
  color: #5C5C70;
  padding: 0 0 0 5px;
  line-height: 19px !important;
  height: 20px !important;
  min-height: 20px !important;
}

.select-script {
  background: #F1F3F3;
  border: 1px solid #CED0DB;
  font-family: Roboto-Regular;
  font-size: 13px;
  color: #0CA597;
  padding: 0 0 0 5px;
  line-height: 19px !important;
  height: 20px !important;
  min-height: 20px !important;
  cursor: pointer;
}
.select-script:hover {
  background: #E3E6E8;
  color: #0B8E83;
}
.select-script:active, .select-script:active:focus {
  background: #D5DADD;
  color: #09776D;
}
.select-script[disable], .select-script.disable, .select-script.disabled {
  cursor: initial;
  background: #E1E3EB;
  color: #000;
}
.select-script + .select-up:before {
  content: "";
  background: url(/content/img/brackets-curly.svg);
  width: 19px;
  height: 19px;
  display: block;
  background-size: 16px;
  background-repeat: no-repeat;
}

.toolbar-panel {
  position: relative;
}
.toolbar-panel label {
  font-family: Roboto-Regular;
  font-size: 14px;
  margin: 0 4px 0 8px;
  line-height: 20px;
}
.toolbar-panel .ml-8 {
  margin-left: 8px !important;
}
.toolbar-panel .filter-box {
  min-width: 220px;
  margin-left: 0;
  margin-right: 0;
}
.toolbar-panel .filter-box + .search {
  margin-left: 4px;
}
.toolbar-panel > .payee-label + div {
  width: 300px;
}
.toolbar-panel h5 {
  margin-left: 12px !important;
  height: 24px;
  line-height: 24px;
  font-family: Roboto-Regular;
  color: #000;
  font-size: 20px;
  margin: 0;
}
.toolbar-panel.large {
  width: calc(100% - 10px);
  margin: 4px 4px 0 4px;
  padding: 4px;
  height: 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-radius: 1px;
  background-color: #ffffff;
}
.toolbar-panel.large.document-edit {
  border: 2px dashed #0ca597;
}
.toolbar-panel.large .publish-draft {
  display: flex;
  flex-direction: column;
  border: 1px solid #0ca597;
  border-radius: 2px;
  background: #f7fafb;
  padding: 1px;
}
.toolbar-panel.large .publish-draft .toolbar-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 29px;
  width: 90px;
  box-shadow: none;
  border: 0;
  outline: none !important;
  text-decoration: none !important;
  font-family: Roboto-Regular;
  font-size: 12px;
  line-height: 29px;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  background: #f7fafb;
  color: #0ca597;
}
.toolbar-panel.large .publish-draft .toolbar-status:hover {
  background: #ceedea;
}
.toolbar-panel.large .publish-draft .toolbar-status:active, .toolbar-panel.large .publish-draft .toolbar-status:active:focus {
  background: #9edbd6;
}
.toolbar-panel.large .publish-draft .toolbar-status[disabled] {
  pointer-events: all;
  color: #f7fafb;
  background: #0ca597;
}
.toolbar-panel.large .publish-draft .toolbar-status[disabled]:hover {
  background: #0a9c8f;
}
.toolbar-panel.large .publish-draft .toolbar-status[disabled]:active, .toolbar-panel.large .publish-draft .toolbar-status[disabled]:active:focus {
  background: #0a9487;
}
.toolbar-panel.large .toolbar-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 70px;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  border: 0;
  border-right: 1px solid #dcdedf;
  outline: none !important;
  text-decoration: none !important;
  font-family: Roboto-Regular;
  font-size: 14px;
  line-height: 20px;
  color: #0ca597;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}
.toolbar-panel.large .toolbar-button:hover {
  background: #ceedea;
}
.toolbar-panel.large .toolbar-button:active, .toolbar-panel.large .toolbar-button:active:focus {
  background: #9edbd6;
}
.toolbar-panel.large .toolbar-button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.toolbar-panel.large .toolbar-button:before {
  content: "";
  height: 32px;
  width: 32px;
  background: rgba(255, 255, 255, 0);
  margin: 4px;
}
.toolbar-panel.large .toolbar-button.edit:before {
  background-image: url(/content/img/edit-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.large .toolbar-button.edit:hover:before {
  content: url(/content/img/edit-icon-active.svg);
}
.toolbar-panel.large .toolbar-button.edit:active:before, .toolbar-panel.large .toolbar-button.edit:active:focus:before {
  content: url(/content/img/edit-icon-active.svg);
}
.toolbar-panel.large .toolbar-button.add:before {
  content: url(/content/img/ic-ribbon-action-new.svg);
}
.toolbar-panel.large .toolbar-button.shows:before {
  content: url(/content/img/base-preview-24-px-rest.svg);
  height: 24px;
  min-width: 24px;
}
.toolbar-panel.large .toolbar-button.export-to-excel:before {
  content: url(/content/img/ribbon-export-24-px-rest.svg);
  height: 24px;
  min-width: 24px;
}
.toolbar-panel.large .toolbar-button.export-to-excel:hover:before {
  content: url(/content/img/ribbon-export-24-px-hover-pressed.svg);
}
.toolbar-panel.large .toolbar-button.export-to-excel:active:before, .toolbar-panel.large .toolbar-button.export-to-excel:active:focus:before {
  content: url(/content/img/ribbon-export-24-px-rest.svg);
}
.toolbar-panel.large .toolbar-button.save-as-template:before {
  content: url(/content/img/ribbon-save-template-24-px-rest.svg);
  height: 24px;
  min-width: 24px;
}
.toolbar-panel.large .toolbar-button.save-as-template:hover:before {
  content: url(/content/img/ribbon-save-template-24-px-hover-pressed.svg);
}
.toolbar-panel.large .toolbar-button.save-as-template:active:before, .toolbar-panel.large .toolbar-button.save-as-template:active:focus:before {
  content: url(/content/img/ribbon-save-template-24-px-rest.svg);
}
.toolbar-panel.large .toolbar-button.back {
  width: 80px;
}
.toolbar-panel.large .toolbar-button.back:before {
  content: url(/content/img/ribbon-back-24-px-rest.svg);
  height: 22px;
  min-width: 22px;
}
.toolbar-panel.large .toolbar-button.back:hover:before {
  content: url(/content/img/ribbon-back-24-px-hover-pressed.svg);
}
.toolbar-panel.large .toolbar-button.previous {
  width: fit-content;
}
.toolbar-panel.large .toolbar-button.previous:before {
  content: url(/content/img/ribbon-back-24-px-rest.svg);
  height: 22px;
  min-width: 22px;
}
.toolbar-panel.large .toolbar-button.previous:hover:before {
  content: url(/content/img/ribbon-back-24-px-hover-pressed.svg);
}
.toolbar-panel.large .toolbar-button.current {
  width: fit-content;
  pointer-events: none;
  color: #027373;
}
.toolbar-panel.large .toolbar-button.current:before {
  display: none;
  content: "";
  height: 22px;
  min-width: 22px;
}
.toolbar-panel.large .toolbar-button.current:hover:before {
  display: none;
}
.toolbar-panel.large .toolbar-button.current:active:before, .toolbar-panel.large .toolbar-button.current:active:focus:before {
  display: none;
}
.toolbar-panel.large .toolbar-button.settings:before {
  content: url(/content/img/ribbon-setup-24-px-rest.svg);
  height: 22px;
  min-width: 22px;
}
.toolbar-panel.large .toolbar-button.settings:hover:before {
  content: url(/content/img/ribbon-setup-24-px-hover-pressed.svg);
}
.toolbar-panel.large .toolbar-button.update:before {
  background-image: url(/content/img/ic-ribbon-action-update.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.large .toolbar-button.update:hover:before {
  background-image: url(/content/img/ic-ribbon-action-update-hover.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.large .toolbar-button.restore:before {
  content: url(/content/img/ic-ribbon-action-restore.svg);
}
.toolbar-panel.large .toolbar-button.history:before {
  content: url(/content/img/history.svg);
}
.toolbar-panel.large .toolbar-button.preview:before {
  content: url(/content/img/ic-ribbon-action-preview.svg);
}
.toolbar-panel.large .toolbar-button.print:before {
  content: url(/content/img/ic-ribbon-action-print.svg);
}
.toolbar-panel.large .toolbar-button.save:before {
  content: url(/content/img/ic-ribbon-action-save.svg);
}
.toolbar-panel.large .toolbar-button.publish:before {
  content: url(/content/img/ic-ribbon-action-publish.svg);
}
.toolbar-panel.large .toolbar-button.add-conditions:before {
  background-image: url(/content/img/ic-action-addnew.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.large .toolbar-button.add-conditions:hover:before {
  content: url(/content/img/ic-action-addnew-active.svg);
}
.toolbar-panel.large .toolbar-button.add-conditions:active:before, .toolbar-panel.large .toolbar-button.add-conditions:active:focus:before {
  content: url(/content/img/ic-action-addnew-active.svg);
}
.toolbar-panel.large .toolbar-button.standart-conditions:before {
  background-image: url(/content/img/ic-ribbon-action-new-24.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.large .state-filter label {
  font-family: Roboto-Regular;
  font-size: 14px;
  line-height: 21px;
  margin-left: 12px;
}
.toolbar-panel.large .state-filter label + div {
  margin-right: 4px;
  width: 45px;
}
.toolbar-panel .border-left {
  border-left: 1px solid #dcdedf !important;
  display: inline-flex;
  margin: 0 0 0 8px;
  padding: 0 0 0 8px;
  white-space: nowrap;
  min-height: 32px;
  align-items: center;
}
.toolbar-panel .border-left label {
  margin-left: 2px;
}
.toolbar-panel .border-left + button {
  margin-left: 12px;
}
.toolbar-panel.short {
  width: calc(100% - 8px);
  margin: 3px 4px 0 4px;
  padding: 4px;
  min-height: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-radius: 1px;
  background-color: #ffffff;
}
.toolbar-panel.short.document-edit {
  border: 2px dashed #0ca597;
}
.toolbar-panel.short .publish-draft {
  display: flex;
  flex-direction: column;
  border: 1px solid #0ca597;
  border-radius: 2px;
  background: #f7fafb;
  padding: 1px;
}
.toolbar-panel.short .publish-draft .toolbar-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 29px;
  width: 90px;
  box-shadow: none;
  border: 0;
  outline: none !important;
  text-decoration: none !important;
  font-family: Roboto-Regular;
  font-size: 12px;
  line-height: 29px;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  background: #f7fafb;
  color: #0ca597;
}
.toolbar-panel.short .publish-draft .toolbar-status:hover {
  background: #ceedea;
}
.toolbar-panel.short .publish-draft .toolbar-status:active, .toolbar-panel.short .publish-draft .toolbar-status:active:focus {
  background: #9edbd6;
}
.toolbar-panel.short .publish-draft .toolbar-status[disabled] {
  pointer-events: all;
  color: #f7fafb;
  background: #0ca597;
}
.toolbar-panel.short .publish-draft .toolbar-status[disabled]:hover {
  background: #0a9c8f;
}
.toolbar-panel.short .publish-draft .toolbar-status[disabled]:active, .toolbar-panel.short .publish-draft .toolbar-status[disabled]:active:focus {
  background: #0a9487;
}
.toolbar-panel.short .toolbar-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  height: 100%;
  min-width: fit-content;
  width: fit-content;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  border: 0;
  border-right: 1px solid #dcdedf;
  outline: none !important;
  text-decoration: none !important;
  font-family: Roboto-Regular;
  font-size: 14px;
  line-height: 21px;
  color: #0ca597;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  padding: 0 10px;
}
.toolbar-panel.short .toolbar-button:hover {
  background: #ceedea;
  color: #027373;
}
.toolbar-panel.short .toolbar-button:active, .toolbar-panel.short .toolbar-button:active:focus {
  background: #9edbd6;
}
.toolbar-panel.short .toolbar-button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.toolbar-panel.short .toolbar-button:before {
  content: "";
  height: 24px;
  min-width: 24px;
  background: rgba(255, 255, 255, 0);
  margin: 0 4px 0 0;
}
.toolbar-panel.short .toolbar-button.add:before {
  background-image: url(/content/img/ic-ribbon-action-new.svg);
  background-size: 23px;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.edit:before {
  background-image: url(/content/img/edit-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.edit:hover:before {
  content: url(/content/img/edit-icon-active.svg);
}
.toolbar-panel.short .toolbar-button.edit:active:before, .toolbar-panel.short .toolbar-button.edit:active:focus:before {
  content: url(/content/img/edit-icon-active.svg);
}
.toolbar-panel.short .toolbar-button.help:before {
  background-image: url(/content/img/ic-ribbon-action-help.svg);
  background-size: 23px;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.shows:before {
  content: url(/content/img/base-preview-24-px-rest.svg);
  height: 24px;
  min-width: 24px;
}
.toolbar-panel.short .toolbar-button.shows:hover:before {
  content: url(/content/img/base-preview-24-px-hover-pressed.svg);
}
.toolbar-panel.short .toolbar-button.back {
  width: 80px;
}
.toolbar-panel.short .toolbar-button.back:before {
  content: url(/content/img/ribbon-back-24-px-rest.svg);
  height: 22px;
  min-width: 22px;
}
.toolbar-panel.short .toolbar-button.back:hover:before {
  content: url(/content/img/ribbon-back-24-px-hover-pressed.svg);
}
.toolbar-panel.short .toolbar-button.previous {
  width: fit-content;
}
.toolbar-panel.short .toolbar-button.previous:before {
  content: url(/content/img/ribbon-back-24-px-rest.svg);
  height: 22px;
  min-width: 22px;
}
.toolbar-panel.short .toolbar-button.previous:hover:before {
  content: url(/content/img/ribbon-back-24-px-hover-pressed.svg);
}
.toolbar-panel.short .toolbar-button.empty {
  width: fit-content;
  border-left: 1px solid #dcdedf;
}
.toolbar-panel.short .toolbar-button.empty:before {
  display: none;
  content: "";
  height: 22px;
  min-width: 22px;
}
.toolbar-panel.short .toolbar-button.empty:hover:before {
  display: none;
}
.toolbar-panel.short .toolbar-button.empty:active:before, .toolbar-panel.short .toolbar-button.empty:active:focus:before {
  display: none;
}
.toolbar-panel.short .toolbar-button.blue-link {
  color: #2196f3 !important;
  border-right: 0 !important;
}
.toolbar-panel.short .toolbar-button.blue-link:hover {
  background: rgba(255, 255, 255, 0);
  color: #2196f3;
}
.toolbar-panel.short .toolbar-button.blue-link:active, .toolbar-panel.short .toolbar-button.blue-link:active:focus {
  background: rgba(255, 255, 255, 0);
}
.toolbar-panel.short .toolbar-button.current {
  width: fit-content;
  pointer-events: none;
  color: #027373;
}
.toolbar-panel.short .toolbar-button.current:before {
  display: none;
  content: "";
  height: 22px;
  min-width: 22px;
}
.toolbar-panel.short .toolbar-button.current:hover:before {
  display: none;
}
.toolbar-panel.short .toolbar-button.current:active:before, .toolbar-panel.short .toolbar-button.current:active:focus:before {
  display: none;
}
.toolbar-panel.short .toolbar-button.export-to-excel:before {
  content: url(/content/img/ribbon-export-24-px-rest.svg);
  height: 24px;
  min-width: 24px;
}
.toolbar-panel.short .toolbar-button.export-to-excel:hover:before {
  content: url(/content/img/ribbon-export-24-px-hover-pressed.svg);
}
.toolbar-panel.short .toolbar-button.export-to-excel:active:before, .toolbar-panel.short .toolbar-button.export-to-excel:active:focus:before {
  content: url(/content/img/ribbon-export-24-px-rest.svg);
}
.toolbar-panel.short .toolbar-button.save-as-template:before {
  content: url(/content/img/ribbon-save-template-24-px-rest.svg);
  height: 24px;
  min-width: 24px;
}
.toolbar-panel.short .toolbar-button.save-as-template:hover:before {
  content: url(/content/img/ribbon-save-template-24-px-hover-pressed.svg);
}
.toolbar-panel.short .toolbar-button.save-as-template:active:before, .toolbar-panel.short .toolbar-button.save-as-template:active:focus:before {
  content: url(/content/img/ribbon-save-template-24-px-rest.svg);
}
.toolbar-panel.short .toolbar-button.back {
  width: 80px;
}
.toolbar-panel.short .toolbar-button.back:before {
  content: url(/content/img/ribbon-back-24-px-rest.svg);
  height: 22px;
  min-width: 22px;
}
.toolbar-panel.short .toolbar-button.back:hover:before {
  content: url(/content/img/ribbon-back-24-px-hover-pressed.svg);
}
.toolbar-panel.short .toolbar-button.settings:before {
  content: url(/content/img/ribbon-setup-24-px-rest.svg);
  height: 22px;
  min-width: 22px;
}
.toolbar-panel.short .toolbar-button.settings:hover:before {
  content: url(/content/img/ribbon-setup-24-px-hover-pressed.svg);
}
.toolbar-panel.short .toolbar-button.update:before {
  background-image: url(/content/img/ic-ribbon-action-update.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.update:hover:before {
  background-image: url(/content/img/ic-ribbon-action-update-hover.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.restore:before {
  background-image: url(/content/img/ic-ribbon-action-restore.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.history:before {
  background-image: url(/content/img/history.svg);
  background-size: 22px;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.preview:before {
  background-image: url(/content/img/ic-ribbon-action-preview.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.print:before {
  background-image: url(/content/img/ic-ribbon-action-print.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.save:before {
  background-image: url(/content/img/ic-ribbon-action-save.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.publish:before {
  background-image: url(/content/img/ic-ribbon-action-publish.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.add-conditions:before {
  background-image: url(/content/img/ic-action-addnew.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.add-conditions:hover {
  background: #ceedea;
}
.toolbar-panel.short .toolbar-button.add-conditions:active, .toolbar-panel.short .toolbar-button.add-conditions:active:focus {
  background: #9edbd6;
}
.toolbar-panel.short .toolbar-button.standart-conditions:before {
  background-image: url(/content/img/ic-ribbon-action-new-24.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-panel.short .toolbar-button.standart-conditions:hover {
  background: #ceedea;
}
.toolbar-panel.short .toolbar-button.standart-conditions:active, .toolbar-panel.short .toolbar-button.standart-conditions:active:focus {
  background: #9edbd6;
}
.toolbar-panel.short h5.full-width {
  width: 100%;
}
.toolbar-panel.short h5.full-width + .help {
  border-left: 1px solid #dcdedf;
  border-right: 0;
}
.toolbar-panel.short .state-filter {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.toolbar-panel.short .state-filter label {
  font-family: Roboto-Regular;
  font-size: 14px;
  line-height: 21px;
  margin-left: 12px;
}
.toolbar-panel.short .state-filter label + div {
  margin-left: 4px;
  margin-right: 8px;
  width: 40px;
}
.toolbar-panel.short .print-toolbutton {
  height: 24px;
  font-family: Roboto-Regular;
  font-size: 12px;
  color: #0ca597;
  border: 0;
  min-width: 70px;
  margin: 8px;
  display: inline-flex;
  padding: 0 0 0 8px;
  justify-content: space-between;
  align-items: center;
  box-shadow: none !important;
  border-left: 1px solid #dcdedf;
  background: rgba(255, 255, 255, 0);
}
.toolbar-panel.short .print-toolbutton:before {
  content: url(/content/img/ic-action-print.svg);
}
.toolbar-panel.short .underwriting-status-toolbutton {
  height: 24px;
  width: 40px;
  font-family: Roboto-Regular;
  font-size: 12px;
  color: #0ca597;
  border: 0;
  margin: 8px 16px 8px 0;
  display: inline-flex;
  padding: 0 0 0 8px;
  justify-content: space-between;
  align-items: center;
  box-shadow: none !important;
  border-right: 1px solid #dcdedf;
  background: rgba(255, 255, 255, 0);
}
.toolbar-panel.short .underwriting-status-toolbutton:before {
  content: url(/content/img/base-action-underwriting-status-24-px-rest.svg);
}
.toolbar-panel.short .underwriting-status-toolbutton:hover:before, .toolbar-panel.short .underwriting-status-toolbutton:active:before, .toolbar-panel.short .underwriting-status-toolbutton:active:focus:before {
  content: url(/content/img/base-action-underwriting-status-24-px-hover-pressed.svg);
}
.toolbar-panel.short .toolbar-item {
  display: flex;
  flex-direction: row;
  height: 24px;
  line-height: 24px;
  align-items: center;
  padding: 0 8px;
  border: 0;
  border-right: 1px solid #dcdedf;
  margin: 0;
}
.toolbar-panel.short .toolbar-item label {
  color: #5f5f5f;
  font-family: Roboto-Regular;
  font-size: 12px;
  margin: 0 10px 0 0;
  white-space: nowrap;
}
.toolbar-panel.short .toolbar-item label + .select-module {
  width: 80px;
}
.toolbar-panel.short .toolbar-item .admin-select, .toolbar-panel.short .toolbar-item .admin-select {
  width: 146px;
  margin-top: 6px;
}
.toolbar-panel.short .toolbar-item.product-field .admin-select {
  width: 300px;
  margin-top: 6px;
}
.toolbar-panel.short .toolbar-item.product-field label + div {
  width: 100px;
  margin-top: 6px;
}
.toolbar-panel.short .toolbar-item.product-type label + div {
  width: 235px;
  margin-top: 6px;
}
.toolbar-panel.short .toolbar-item.internal-docs label {
  font-family: Roboto-Regular;
  font-size: 14px;
  color: #304156;
  margin: 0 8px;
  line-height: 40px;
}
.toolbar-panel.short .toolbar-item.internal-docs label + div input.field {
  width: 100px;
}
.toolbar-panel.short .toolbar-item.internal-docs label + .select-module {
  width: 150px;
}
.toolbar-panel.short .toolbar-item.internal-docs label.toolbar-item-h {
  font-size: 16px;
  margin: 0 8px;
}
.toolbar-panel.short .toolbar-item input.field.type-text {
  height: 24px !important;
  border-radius: 2px !important;
  background-color: #ffffff;
}
.toolbar-panel.short .toolbar-item input.field.day-off-date {
  width: 90px;
  text-align: center !important;
}
.toolbar-panel.short .toolbar-item:first-of-type {
  padding-left: 0;
}
.toolbar-panel.short .toolbar-item.pl-8 {
  padding-left: 8px;
}
.toolbar-panel.short .toolbar-item.filter-row {
  position: relative;
}
.toolbar-panel.short .toolbar-item.filter-row button {
  position: absolute;
  right: 4px;
  border: 0;
  box-shadow: none;
  background: rgba(255, 255, 255, 0);
  height: 18px;
}
.toolbar-panel.short .toolbar-item.filter-row button:before {
  content: url(/content/img/ic-action-search-clear.svg);
}
.toolbar-panel.short .toolbar-item.filter-row button[hidden] {
  display: none;
}
.toolbar-panel.short .toolbar-item.data input.field {
  width: 90px;
}
.toolbar-panel.short a + .toolbar-item:first-of-type {
  padding-left: 8px;
}
.toolbar-panel.space-between {
  justify-content: space-between;
}
.toolbar-panel.space-between > div:first-of-type {
  width: 100%;
  display: inline-flex;
}
.toolbar-panel.space-between .toolbar-item:last-of-type {
  border-right: 0 !important;
}
.toolbar-panel .tabs-links {
  position: absolute;
  right: 0;
}
.toolbar-panel .link-active {
  cursor: pointer;
  color: #0ca597;
  direction: ltr;
  border: 0;
  display: inline-block;
  font-family: Roboto-Regular;
  font-weight: 500;
  height: initial;
  font-size: 12px;
  line-height: 1.1;
  margin: 0 20px;
  max-width: 100%;
  text-align: center;
  text-size-adjust: 100%;
  user-select: text;
  width: initial;
  width: fit-content;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.toolbar-panel .link-active:hover {
  color: #04BFAD;
}
.toolbar-panel .link-active:active, .toolbar-panel .link-active:active:focus, .toolbar-panel .link-active:focus {
  color: #04BFAD;
}
.toolbar-panel .link-active + .link-inactive {
  margin-left: 0;
}
.toolbar-panel .link-inactive {
  cursor: pointer;
  color: #027373;
  direction: ltr;
  border: 0;
  display: inline-block;
  font-family: Roboto-Light;
  font-weight: 500;
  height: initial;
  font-size: 12px;
  line-height: 1.1;
  margin: 0 21px;
  max-width: 100%;
  text-align: center;
  text-size-adjust: 100%;
  user-select: text;
  width: initial;
  width: fit-content;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.toolbar-panel .link-inactive:hover {
  color: #027373;
}
.toolbar-panel .link-inactive:active, .toolbar-panel .link-inactive:active:focus, .toolbar-panel .link-inactive:focus {
  color: #027373;
}
.toolbar-panel .link-inactive + .link-active {
  margin-left: 0;
}
.toolbar-panel .link-inactive + .link-inactive {
  margin-left: 0;
}

.toolbar-title {
  height: 40px;
  width: calc(100% - 8px);
  border: 2px solid #fff;
  font-family: Roboto-Regular;
  font-size: 14px;
  background: #fdfdfe;
  line-height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 4px 0;
  color: #304156;
  font-size: 20px;
  margin: 5px 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
}
.toolbar-title:before {
  content: "";
  display: block;
  width: 8px;
  height: 36px;
  border-radius: 1px;
  background: #CAE8E5;
  margin: 0;
}
.toolbar-title > a {
  color: #304156 !important;
  font-size: 20px;
  font-family: Roboto-Regular !important;
  margin: 0 12px;
  cursor: pointer;
  border-bottom: 1px solid #304156;
}
.toolbar-title > a + span {
  cursor: context-menu !important;
}
.toolbar-title > a:first-of-type {
  margin-left: 0;
}
.toolbar-title > a:last-of-type {
  cursor: context-menu !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
}
.toolbar-title > a.layout-primary-button {
  color: #fff !important;
}
.toolbar-title .back {
  border: none;
  border-radius: 3px;
  line-height: 36px;
  position: relative;
  margin-right: 8px;
  width: 18px;
  height: 36px;
  margin: 0;
}
.toolbar-title .back a {
  text-align: center;
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  background: #FFF;
  top: 0;
  height: 100%;
  width: 100%;
}
.toolbar-title .back a:before {
  color: #0ca597;
  font-family: "MaterialIcons";
  content: "arrow_back";
  text-align: center;
  background: none;
  font-size: 24px;
  padding: 0;
  margin: 0 0 0 -3px;
  line-height: 36px;
}
.toolbar-title .back a:hover {
  background: #fff;
}
.toolbar-title .back a:hover:before {
  color: #027373;
}
.toolbar-title .back a:active, .toolbar-title .back a:active:focus, .toolbar-title .back a:focus {
  background: #fff;
}
.toolbar-title .back a:active:before, .toolbar-title .back a:active:focus:before, .toolbar-title .back a:focus:before {
  color: #027373;
}
.toolbar-title .back a[disabled] {
  pointer-events: none;
  background: #fff;
}
.toolbar-title .back a[disabled]:before {
  color: rgba(0, 45, 65, 0.3);
}
.toolbar-title .back[disabled] a {
  pointer-events: none;
  background: #fff;
}
.toolbar-title .back[disabled] a:before {
  color: rgba(0, 45, 65, 0.3);
}
.toolbar-title .back + h2 {
  margin-left: 8px;
  min-height: 18px;
}
.toolbar-title h2 {
  white-space: nowrap;
  height: 24px;
  line-height: 24px;
  font-family: Roboto-Regular;
  color: #000;
  font-size: 20px;
  margin: 0 8px;
}

.layout-standart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 24px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.layout-standart-button > span {
  white-space: nowrap;
}
.layout-standart-button + a,
.layout-standart-button + button {
  margin-left: 8px !important;
}
.layout-standart-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.layout-standart-button:active, .layout-standart-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.layout-standart-button:disabled, .layout-standart-button.disabled {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.layout-primary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 24px;
  border-radius: 2px;
  background-color: #0ca597;
  border: solid 1px #0ca597;
  color: #fff !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.layout-primary-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #0ca597;
  border: 1px solid #0ca597;
}
.layout-primary-button:active, .layout-primary-button:active:focus {
  background-color: #027373;
  border: 1px solid #027373;
}
.layout-primary-button:disabled, .layout-primary-button.disabled {
  pointer-events: none;
  background: #e0e0e0;
  border: 1px solid #c9c9c9;
  color: #cccccc;
}

.layout-red-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 24px;
  border-radius: 2px;
  background-color: #f44336;
  border: solid 1px #f44336;
  color: #fff !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.layout-red-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #f44336;
  border: 1px solid #f44336;
}
.layout-red-button:active, .layout-red-button:active:focus {
  background-color: #a8342b;
  border: 1px solid #a8342b;
}
.layout-red-button:disabled, .layout-red-button.disabled {
  pointer-events: none;
  background: #e0e0e0;
  border: 1px solid #c9c9c9;
  color: #cccccc;
}

.layout-remove-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 24px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #FF2B00;
  color: #FF2B00 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.layout-remove-button > span {
  white-space: nowrap;
}
.layout-remove-button + a,
.layout-remove-button + button {
  margin-left: 8px !important;
}
.layout-remove-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #feeae8;
  border: 1px solid #FF2B00;
}
.layout-remove-button:active, .layout-remove-button:active:focus {
  background-color: #fed6d2;
  border: 1px solid #FF2B00;
}
.layout-remove-button:disabled, .layout-remove-button.disabled {
  pointer-events: none;
  background: #eef0f1;
  border: 1px solid #eef0f1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.underwriting-panel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  background-color: #fff;
  height: 22px;
  border-radius: 1px;
  border: 1px solid #c9c9c9;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 1.48;
  box-shadow: none;
  padding: 0 7px;
  margin-top: 2px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.underwriting-panel-button + a,
.underwriting-panel-button + button {
  margin-left: 8px !important;
}
.underwriting-panel-button:hover {
  box-shadow: none;
  background: #f7fafb;
  border: 1px solid #0ca597;
}
.underwriting-panel-button:active, .underwriting-panel-button:active:focus {
  background: #f7fafb;
  border: 1px solid #0a9487;
}
.underwriting-panel-button:disabled, .underwriting-panel-button.disabled, .underwriting-panel-button[disabled] {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.modal-zip-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 22px;
  border-radius: 1px;
  background-color: #f7fafb;
  border: solid 1px #e9ebec;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 1.48;
  box-shadow: none;
  padding: 0 7px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-zip-button + a,
.modal-zip-button + button {
  margin-left: 8px !important;
}
.modal-zip-button::before {
  content: url(/content/img/zip.svg);
  display: block;
  height: 20px;
  width: 14px;
  margin: 1px 8px 0 0;
}
.modal-zip-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.modal-zip-button:active, .modal-zip-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.modal-zip-button:disabled, .modal-zip-button.disabled, .modal-zip-button[disabled] {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.modal-pdf-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 22px;
  border-radius: 1px;
  background-color: #f7fafb;
  border: solid 1px #e9ebec;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 1.48;
  box-shadow: none;
  padding: 0 7px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-pdf-button + a,
.modal-pdf-button + button {
  margin-left: 8px !important;
}
.modal-pdf-button::before {
  content: url(/content/img/pdf-icon.svg);
  display: block;
  height: 20px;
  width: 14px;
  margin: 1px 8px 0 0;
}
.modal-pdf-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.modal-pdf-button:active, .modal-pdf-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.modal-pdf-button:disabled, .modal-pdf-button.disabled, .modal-pdf-button[disabled] {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.modal-standart-button-v2 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  white-space: nowrap;
  border-radius: 1px;
  background-color: #f7fafb;
  border: solid 1px #e9ebec;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 13px !important;
  box-shadow: none;
  padding: 0 7px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.2s ease-in-out;
}
.modal-standart-button-v2 + a,
.modal-standart-button-v2 + button {
  margin-left: 8px !important;
}
.modal-standart-button-v2:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.modal-standart-button-v2:active, .modal-standart-button-v2:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.modal-standart-button-v2:disabled, .modal-standart-button-v2.disabled, .modal-standart-button-v2[disabled] {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.modal-primary-button-v2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 60px;
  height: 22px;
  border-radius: 1px;
  background-color: #0ca597;
  border: solid 1px #0ca597;
  color: #fff !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 1.48;
  box-shadow: none;
  padding: 0 7px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-primary-button-v2 + a,
.modal-primary-button-v2 + button {
  margin-left: 8px !important;
}
.modal-primary-button-v2:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #0ca597;
  border: 1px solid #0ca597;
}
.modal-primary-button-v2:active, .modal-primary-button-v2:active:focus {
  background-color: #027373;
  border: 1px solid #027373;
}
.modal-primary-button-v2:disabled, .modal-primary-button-v2.disabled, .modal-primary-button-v2[disabled] {
  pointer-events: none;
  background: #eef0f1;
  border: 1px solid #eef0f1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.modal-primary-button-v2-add {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 60px;
  height: 22px;
  border-radius: 2px;
  background-color: #0ca597;
  border: solid 1px #0ca597;
  color: #fff !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 1.48;
  box-shadow: none;
  padding: 0 7px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-primary-button-v2-add + a,
.modal-primary-button-v2-add + button {
  margin-left: 8px !important;
}
.modal-primary-button-v2-add::before {
  content: url(/content/img/add-white.svg);
  display: block;
  height: 18px;
  width: 14px;
  margin: auto 7px auto 0;
}
.modal-primary-button-v2-add:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #0ca597;
  border: 1px solid #0ca597;
}
.modal-primary-button-v2-add:active, .modal-primary-button-v2-add:active:focus {
  background-color: #027373;
  border: 1px solid #027373;
}
.modal-primary-button-v2-add:disabled, .modal-primary-button-v2-add.disabled, .modal-primary-button-v2-add[disabled] {
  pointer-events: none;
  background: #eef0f1;
  border: 1px solid #eef0f1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.modal-standart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #f7fafb;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 22px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.2s ease-in-out;
}
.modal-standart-button + a,
.modal-standart-button + button {
  margin-left: 8px !important;
}
.modal-standart-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.modal-standart-button:active, .modal-standart-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.modal-standart-button:disabled, .modal-standart-button.disabled, .modal-standart-button[disabled] {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.modal-primary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #0ca597;
  border: solid 1px #0ca597;
  color: #fff !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 22px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-primary-button + a,
.modal-primary-button + button {
  margin-left: 8px !important;
}
.modal-primary-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #0ca597;
  border: 1px solid #0ca597;
}
.modal-primary-button:active, .modal-primary-button:active:focus {
  background-color: #027373;
  border: 1px solid #027373;
}
.modal-primary-button:disabled, .modal-primary-button.disabled, .modal-primary-button[disabled] {
  pointer-events: none;
  background: #e0e0e0;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.modal-clear-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0);
  border: solid 1px rgba(255, 255, 255, 0);
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 22px;
  box-shadow: none;
  padding: 0 5px;
  white-space: nowrap;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-clear-button + a,
.modal-clear-button + button {
  margin-left: 8px !important;
}
.modal-clear-button:hover {
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 0);
  color: #0a9487 !important;
}
.modal-clear-button:active, .modal-clear-button:active:focus {
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 0);
}
.modal-clear-button:disabled, .modal-clear-button.disabled, .modal-clear-button[disabled] {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.modal-download-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 200px;
  height: 22px;
  border-radius: 2px;
  background-color: #0ca597;
  border: solid 1px #0ca597;
  color: #fff !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 22px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-download-button + a,
.modal-download-button + button {
  margin-left: 8px !important;
}
.modal-download-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #0ca597;
  border: 1px solid #0ca597;
}
.modal-download-button:active, .modal-download-button:active:focus {
  background-color: #027373;
  border: 1px solid #027373;
}
.modal-download-button:disabled, .modal-download-button.disabled, .modal-download-button[disabled] {
  pointer-events: none;
  background: #e0e0e0;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.modal-red-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #E54322;
  border: solid 1px #E54322;
  color: #fff !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 22px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.2s ease-in-out;
}
.modal-red-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #D53919;
  border: 1px solid #D53919;
}
.modal-red-button + a,
.modal-red-button + button {
  margin-left: 8px !important;
}
.modal-red-button:active, .modal-red-button:active:focus {
  background-color: #BE3316;
  border: 1px solid #BE3316;
}
.modal-red-button:disabled, .modal-red-button.disabled, .modal-red-button[disabled] {
  pointer-events: none;
  background: #e0e0e0;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.modal-red-outline-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #f44336;
  color: #f44336 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 22px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-red-outline-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  color: #f44336;
  border: 1px solid #f44336;
}
.modal-red-outline-button + a,
.modal-red-outline-button + button {
  margin-left: 8px !important;
}
.modal-red-outline-button:active, .modal-red-outline-button:active:focus {
  color: #a8342b;
  border: 1px solid #a8342b;
}
.modal-red-outline-button:disabled, .modal-red-outline-button.disabled, .modal-red-outline-button[disabled] {
  pointer-events: none;
  background: #e0e0e0;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

a.open_new,
button.open_new {
  background-color: rgba(255, 255, 255, 0) !important;
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/ic-action-popup.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center right;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  margin-left: 8px;
}
a.open_new:hover.open_new, a.open_new:active.open_new, a.open_new:active:focus.open_new,
button.open_new:hover.open_new,
button.open_new:active.open_new,
button.open_new:active:focus.open_new {
  background-image: url(/content/img/ic-action-popup-active.svg);
}

a.doc-id-back,
button.doc-id-back {
  background-color: rgba(255, 255, 255, 0) !important;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/ribbon-back-24-px-rest.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center center;
  cursor: pointer;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
a.doc-id-back:hover, a.doc-id-back:active, a.doc-id-back:active:focus,
button.doc-id-back:hover,
button.doc-id-back:active,
button.doc-id-back:active:focus {
  background-image: url(/content/img/ribbon-back-24-px-hover-pressed.svg);
}

a.doc-id-next,
button.doc-id-next {
  background-color: rgba(255, 255, 255, 0) !important;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/ribbon-back-24-px-rest.svg);
  box-shadow: none;
  cursor: pointer;
  transform: rotate(180deg);
  outline: none !important;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
a.doc-id-next:hover, a.doc-id-next:active, a.doc-id-next:active:focus,
button.doc-id-next:hover,
button.doc-id-next:active,
button.doc-id-next:active:focus {
  background-image: url(/content/img/ribbon-back-24-px-hover-pressed.svg);
}

.select-button .layout-double-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 21px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 1;
  box-shadow: none;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 4px;
}
.select-button .layout-double-button + a,
.select-button .layout-double-button + button {
  margin-left: 8px !important;
}
.select-button .layout-double-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.select-button .layout-double-button:active, .select-button .layout-double-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.select-button .layout-double-button > button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 0;
  background-color: #fff;
  border: 0;
  border-right: solid 1px #b6c3d3;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 21px;
  box-shadow: none;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 22px 0 1px;
  margin-top: 0 !important;
  min-width: 58px !important;
  width: calc(100% - 20px) !important;
}
.select-button .layout-double-button > button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
}
.select-button .layout-double-button > button:active, .select-button .layout-double-button > button:active:focus {
  background-color: #c4e9e6;
}
.select-button .layout-double-button:disabled, .select-button .layout-double-button.disabled {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}
.select-button .layout-double-button:disabled > button, .select-button .layout-double-button.disabled > button {
  background-color: #fff;
  border: 0;
  color: #cccccc !important;
}
.select-button .layout-double-button:disabled > button:hover, .select-button .layout-double-button.disabled > button:hover {
  box-shadow: none;
  background-color: #fff;
}
.select-button .layout-double-button:disabled > button:active, .select-button .layout-double-button:disabled > button:active:focus, .select-button .layout-double-button.disabled > button:active, .select-button .layout-double-button.disabled > button:active:focus {
  background-color: #fff;
}
.select-button .select-down {
  position: absolute;
  display: flex;
  width: 20px;
  right: 4px;
  top: 0px;
  transform: rotate(180deg);
  min-height: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
}
.select-button .select-down:before {
  content: url(/content/img/ic-action-input-dropdown.svg);
}
.select-button .select-up {
  position: absolute;
  display: flex;
  width: 20px !important;
  right: 0px;
  top: 2px;
  min-height: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
}
.select-button .select-up::before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
}
.select-button.export-to-excel {
  margin-left: 8px;
}

.upload-document-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 10px);
  height: 30px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #dcdedf;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.upload-document-button + a,
.upload-document-button + button {
  margin-left: 20px !important;
}
.upload-document-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.upload-document-button:active, .upload-document-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.upload-document-button:disabled, .upload-document-button.disabled {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.navigate-preview-doc .doc-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url(/content/img/slider-prevois-32-px-rest.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  background-size: 28px 28px;
}
.navigate-preview-doc .doc-prev + a,
.navigate-preview-doc .doc-prev + button {
  margin-left: 20px !important;
}
.navigate-preview-doc .doc-prev:hover, .navigate-preview-doc .doc-prev:active, .navigate-preview-doc .doc-prev:active:focus {
  box-shadow: 0;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(/content/img/slider-prevois-32-px-hover-pressed.svg);
  border: 0;
}
.navigate-preview-doc .doc-prev:disabled, .navigate-preview-doc .doc-prev.disabled {
  pointer-events: none;
  box-shadow: 0;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(/content/img/slider-prevois-32-px-inactive.svg);
  border: 0;
}
.navigate-preview-doc .doc-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url(/content/img/slider-next-32-px-rest.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  background-size: 28px 28px;
}
.navigate-preview-doc .doc-next:hover, .navigate-preview-doc .doc-next:active, .navigate-preview-doc .doc-next:active:focus {
  box-shadow: 0;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(/content/img/slider-next-32-px-hover-pressed.svg);
  border: 0;
}
.navigate-preview-doc .doc-next:disabled, .navigate-preview-doc .doc-next.disabled {
  pointer-events: none;
  box-shadow: 0;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(/content/img/slider-next-32-px-inactive.svg);
  border: 0;
}

.virtual-document-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 195px;
  height: 30px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #dcdedf;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.virtual-document-button + a,
.virtual-document-button + button {
  margin-left: 20px !important;
}
.virtual-document-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.virtual-document-button:active, .virtual-document-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.virtual-document-button:disabled, .virtual-document-button.disabled {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.remove-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  width: 44px;
  height: 18px;
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #f44336;
  color: #f44336;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 22px;
  box-shadow: none;
  cursor: pointer;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.remove-link:hover {
  color: #f44336;
  border-bottom: 1px solid #f44336;
}
.remove-link + a,
.remove-link + button {
  margin-left: 8px !important;
}
.remove-link:active, .remove-link:active:focus {
  color: #a8342b;
  border-bottom: 1px solid #a8342b;
}
.remove-link:disabled, .remove-link.disabled, .remove-link[disabled] {
  pointer-events: none;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.attach-button {
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
  display: flex !important;
  padding: 4px;
  margin-right: 0px;
  cursor: pointer;
  position: absolute !important;
  top: 4px;
  right: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
  background-image: url(/content/img/icons-ribbon-list-of-documents-24-px.svg) !important;
  background-position: center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.attach-button:hover, .attach-button:active, .attach-button:active:focus, .attach-button.opened {
  background: url(/content/img/icons-ribbon-list-of-documents-24-px.svg) !important;
  border: 0px solid #0ca597;
}
.attach-button[disabled], .attach-button.disabled {
  background: url(/content/img/icons-ribbon-list-of-documents-24-px.svg) !important;
  pointer-events: none;
}

.generate-document-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  margin-left: 8px;
  height: 22px;
  border-radius: 1px;
  background-color: #f7fafb;
  border: solid 1px #e9ebec;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 1.48;
  box-shadow: none;
  padding: 0 7px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.generate-document-button + a,
.generate-document-button + button {
  margin-left: 8px !important;
}
.generate-document-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.generate-document-button:active, .generate-document-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.generate-document-button:disabled, .generate-document-button.disabled, .generate-document-button[disabled] {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.button-define {
  line-height: 21px;
  align-self: flex-start;
}
.button-define:before {
  color: #027373;
  font-family: "MaterialIcons";
  content: "system_update_alt";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
}

.page-transfer-to-left {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url(/content/img/slider-prevois-32-px-rest.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  background-size: 32px 32px;
  margin-bottom: 16px;
}
.page-transfer-to-left.disabled, .page-transfer-to-left[disabled] {
  pointer-events: none;
  box-shadow: 0;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(/content/img/slider-prevois-32-px-inactive.svg);
  border: 0;
}

.page-transfer-to-right {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url(/content/img/slider-prevois-32-px-rest.svg);
  transform: rotate(-180deg);
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  background-size: 32px 32px;
  margin-bottom: 16px;
}
.page-transfer-to-right.disabled, .page-transfer-to-right[disabled] {
  pointer-events: none;
  box-shadow: 0;
  transform: rotate(-180deg);
  background-color: rgba(255, 255, 255, 0);
  background-image: url(/content/img/slider-prevois-32-px-inactive.svg);
  border: 0;
}

.page-transfer-to-left-all {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url(/content/img/slider-double-32-px-rest.svg);
  transform: rotate(-180deg);
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  background-size: 32px 32px;
}
.page-transfer-to-left-all.disabled, .page-transfer-to-left-all[disabled] {
  pointer-events: none;
  box-shadow: 0;
  transform: rotate(-180deg);
  background-color: rgba(255, 255, 255, 0);
  background-image: url(/content/img/slider-double-32-px-inactive.svg);
  border: 0;
}

.page-transfer-to-right-all {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url(/content/img/slider-double-32-px-rest.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  background-size: 32px 32px;
  margin-bottom: 44px;
}
.page-transfer-to-right-all.disabled, .page-transfer-to-right-all[disabled] {
  pointer-events: none;
  box-shadow: 0;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(/content/img/slider-double-32-px-inactive.svg);
  border: 0;
}

.remove-row-button {
  display: flex;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 2px solid #fff;
  box-shadow: none;
  position: relative;
  background-image: url(/content/img/ic-acction-delete.svg);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.3s;
  color: #FF2B00 !important;
}
.remove-row-button:hover, .remove-row-button:active, .remove-row-button:active:focus {
  transition: 0.3s;
  background-color: #fed6d2;
}

.remove-processing-task-button {
  display: flex;
  height: 19px !important;
  min-width: 19px !important;
  width: 19px !important;
  margin-top: 0 !important;
  background-color: rgba(255, 255, 255, 0);
  border: 2px solid rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-image: url(/content/img/ic-acction-delete.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.3s;
  color: #FF2B00 !important;
}
.remove-processing-task-button:hover, .remove-processing-task-button:active, .remove-processing-task-button:active:focus {
  transition: 0.3s;
}

.remove-item-button {
  display: flex;
  height: 100%;
  width: 20px;
  background-color: #f9faf9;
  border: 2px solid rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-image: url(/content/img/ic-acction-delete.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.3s;
  color: #FF2B00 !important;
}
.remove-item-button:hover, .remove-item-button:active, .remove-item-button:active:focus {
  transition: 0.3s;
}

.panels-standart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #f7fafb;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 13px !important;
  line-height: 1.4;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  flex-wrap: nowrap;
  user-select: none;
  white-space: nowrap;
}
.panels-standart-button + a,
.panels-standart-button + button {
  margin-left: 8px !important;
}
.panels-standart-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.panels-standart-button:active, .panels-standart-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.panels-standart-button:disabled, .panels-standart-button.disabled {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.panels-standart-button-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #f7fafb;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 13px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  flex-wrap: nowrap;
  user-select: none;
  white-space: nowrap;
  pointer-events: none;
}
.panels-standart-button-loader + a,
.panels-standart-button-loader + button {
  margin-left: 8px !important;
}
.panels-standart-button-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/content/img/loader-button.gif);
  background-repeat: no-repeat;
  margin-left: 4px;
}

.panels-primary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #0ca597;
  border: solid 1px #0ca597;
  color: #fff !important;
  font-family: Roboto-Medium !important;
  font-size: 13px !important;
  line-height: 22px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.panels-primary-button + a,
.panels-primary-button + button {
  margin-left: 8px !important;
}
.panels-primary-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #0ca597;
  border: 1px solid #0ca597;
}
.panels-primary-button:active, .panels-primary-button:active:focus {
  background-color: #027373;
  border: 1px solid #027373;
}
.panels-primary-button:disabled, .panels-primary-button.disabled {
  pointer-events: none;
  background: #e0e0e0;
  border: 1px solid #c9c9c9;
  color: #cccccc;
}

.h-standart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  width: 45px;
  height: 22px;
  border-radius: 2px;
  background-color: #f7fafb;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Regular !important;
  font-size: 14px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.h-standart-button + a,
.h-standart-button + button {
  margin-left: 8px !important;
}
.h-standart-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.h-standart-button:active, .h-standart-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.h-standart-button:disabled, .h-standart-button.disabled {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.export-templates-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 205px;
  min-height: 24px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Regular !important;
  font-size: 12px !important;
  line-height: 1.4;
  box-shadow: none;
  padding: 0 5px 2px 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  margin: auto;
}
.export-templates-button .bolder {
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
}
.export-templates-button > span {
  white-space: nowrap;
}
.export-templates-button + a,
.export-templates-button + button {
  margin-left: 8px !important;
}
.export-templates-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.export-templates-button:active, .export-templates-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.export-templates-button:disabled, .export-templates-button.disabled {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}
.export-templates-button + div {
  margin-top: 8px;
}

.remove-standart-button {
  display: flex;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border: 2px solid #fff;
  box-shadow: none;
  position: relative;
  background-image: url(/content/img/ic-acction-delete.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.3s;
  color: #FF2B00 !important;
}
.remove-standart-button:hover, .remove-standart-button:active, .remove-standart-button:active:focus {
  background-color: #fed6d2;
}

.remove-button {
  display: flex;
  height: 20px;
  width: 102px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #FF2B00;
  box-shadow: none;
  border-radius: 2px;
  position: relative;
  font-family: Roboto-Medium;
  line-height: 1.4;
  font-size: 13px;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.3s;
  color: #FF2B00 !important;
}
.remove-button:hover, .remove-button:active, .remove-button:active:focus {
  background-color: #fed6d2;
}

.clear-textarea-button {
  display: flex;
  height: 16px;
  width: 16px;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  box-shadow: none;
  position: relative;
  background-image: url(/content/img/clear-textarea.svg);
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.3s;
}
.clear-textarea-button:hover, .clear-textarea-button:active, .clear-textarea-button:active:focus {
  background-image: url(/content/img/clear-textarea-active.svg);
  display: flex;
  height: 16px;
  width: 16px;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  box-shadow: none;
  position: relative;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.3s;
}

.remove-user-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 22px;
  border-radius: 1px;
  background-color: #fff;
  border: solid 1px #e9ebec;
  color: #FF2B00 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 1.48;
  box-shadow: none;
  padding: 0 7px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(250, 50, 30, 0.2) !important;
}
.remove-user-button + a,
.remove-user-button + button {
  margin-left: 8px !important;
}
.remove-user-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid rgba(250, 50, 30, 0.5);
}
.remove-user-button:active, .remove-user-button:active:focus {
  background-color: rgba(250, 50, 30, 0.2) !important;
  border: 1px solid #FF2B00;
}
.remove-user-button:disabled, .remove-user-button.disabled, .remove-user-button[disabled] {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.realestate-view-icon {
  min-width: 25px !important;
  width: 25px !important;
  height: 26px;
  display: block;
  border: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 14px !important;
  position: absolute;
  top: -9px;
  right: 33px;
  padding: 0;
}
.realestate-view-icon span {
  text-decoration: underline;
  color: #64a81a;
  font-family: Roboto-Medium;
}
.realestate-view-icon:before {
  content: url(/content/img/pt-view.svg);
  height: 26px;
  width: 18px;
  margin-right: 6px;
}
.realestate-view-icon[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

.realestate-upload-icon {
  min-width: 21px !important;
  width: 21px !important;
  height: 26px;
  display: block;
  border: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 2px;
  right: 64px;
  padding: 0;
}
.realestate-upload-icon span {
  text-decoration: underline;
  color: #217df8;
  font-family: Roboto-Medium;
}
.realestate-upload-icon:before {
  content: url(/content/img/pt-upload.svg);
  height: 17px;
  width: 21px;
  margin-right: 2px;
}
.realestate-upload-icon[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

.realestate-view {
  min-width: 80px !important;
  width: 80px !important;
  height: 26px;
  display: block;
  border: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 14px !important;
  position: absolute;
  top: 36px;
  left: 3px;
}
.realestate-view span {
  text-decoration: underline;
  color: #64a81a;
  font-family: Roboto-Medium;
}
.realestate-view:before {
  content: url(/content/img/pt-view.svg);
  height: 26px;
  width: 18px;
  margin-right: 6px;
}
.realestate-view[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

.realestate-upload {
  min-width: 80px !important;
  width: 80px !important;
  height: 26px;
  display: block;
  border: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 24px;
  left: 3px;
}
.realestate-upload span {
  text-decoration: underline;
  color: #217df8;
  font-family: Roboto-Medium;
}
.realestate-upload:before {
  content: url(/content/img/pt-upload.svg);
  height: 17px;
  width: 21px;
  margin-right: 2px;
}
.realestate-upload[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

.realestate-remove-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 102px;
  width: 102px;
  height: 24px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #FF2B00;
  color: #FF2B00 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 5px;
  position: absolute;
  bottom: 0;
  margin: 0 6px 0 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.realestate-remove-button > span {
  white-space: nowrap;
}
.realestate-remove-button + a,
.realestate-remove-button + button {
  margin-left: 8px !important;
}
.realestate-remove-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #feeae8;
  border: 1px solid #FF2B00;
}
.realestate-remove-button:active, .realestate-remove-button:active:focus {
  background-color: #fed6d2;
  border: 1px solid #FF2B00;
}
.realestate-remove-button:disabled, .realestate-remove-button.disabled {
  pointer-events: none;
  background: #eef0f1;
  border: 1px solid #eef0f1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.realestate-add-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 102px;
  width: 102px;
  height: 22px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 14px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 5px;
  position: absolute;
  top: 8px;
  right: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.realestate-add-button > span {
  white-space: nowrap;
}
.realestate-add-button + a,
.realestate-add-button + button {
  margin-left: 8px !important;
}
.realestate-add-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #e6f5f4;
  border: 1px solid #0ca597;
}
.realestate-add-button:active, .realestate-add-button:active:focus {
  background-color: #ceedea;
  border: 1px solid #0ca597;
}
.realestate-add-button:disabled, .realestate-add-button.disabled {
  pointer-events: none;
  background: #eef0f1;
  border: 1px solid #eef0f1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.realestate-upload-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 102px;
  width: 102px;
  height: 24px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 13px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 4px;
  margin: 0 6px 6px 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.realestate-upload-button > span {
  white-space: nowrap;
}
.realestate-upload-button:before {
  content: "";
  height: 22px;
  width: 24px;
  margin-right: 4px;
  background: url(/content/img/icons-ribbon-upload-24-px.svg);
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
}
.realestate-upload-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #e6f5f4;
  border: 1px solid #0ca597;
}
.realestate-upload-button:active, .realestate-upload-button:active:focus {
  background-color: #ceedea;
  border: 1px solid #0ca597;
}
.realestate-upload-button:disabled, .realestate-upload-button.disabled {
  pointer-events: none;
  background: #eef0f1;
  border: 1px solid #eef0f1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.realestate-xml-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 83px !important;
  width: 83px !important;
  height: 24px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 13px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 4px;
  margin-top: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.realestate-xml-button > span {
  white-space: nowrap;
}
.realestate-xml-button:before {
  content: "";
  height: 22px;
  width: 24px;
  margin-right: 4px;
  background: url(/content/img/xml.svg);
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
}
.realestate-xml-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #e6f5f4;
  border: 1px solid #0ca597;
}
.realestate-xml-button:active, .realestate-xml-button:active:focus {
  background-color: #ceedea;
  border: 1px solid #0ca597;
}
.realestate-xml-button:disabled, .realestate-xml-button.disabled {
  pointer-events: none;
  background: #eef0f1;
  border: 1px solid #eef0f1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.realestate-refresh-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 102px;
  width: 102px;
  height: 24px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 13px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 4px;
  margin: 0;
  width: 80px !important;
  min-width: 80px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.realestate-refresh-button > span {
  white-space: nowrap;
}
.realestate-refresh-button:before {
  content: "";
  height: 22px;
  width: 24px;
  margin-right: 4px;
  background: url(/content/img/icons-ribbon-refrash-24-px.svg);
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
}
.realestate-refresh-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #e6f5f4;
  border: 1px solid #0ca597;
}
.realestate-refresh-button:active, .realestate-refresh-button:active:focus {
  background-color: #ceedea;
  border: 1px solid #0ca597;
}
.realestate-refresh-button:disabled, .realestate-refresh-button.disabled {
  pointer-events: none;
  background: #eef0f1;
  border: 1px solid #eef0f1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.realestate-view-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 102px;
  width: 102px;
  height: 24px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 13px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 4px;
  margin: 0 6px 6px 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.realestate-view-button > span {
  white-space: nowrap;
}
.realestate-view-button:before {
  content: "";
  height: 22px;
  width: 24px;
  margin-right: 4px;
  background: url(/content/img/icons-ribbon-preview-24-px.svg);
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
}
.realestate-view-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #e6f5f4;
  border: 1px solid #0ca597;
}
.realestate-view-button:active, .realestate-view-button:active:focus {
  background-color: #ceedea;
  border: 1px solid #0ca597;
}
.realestate-view-button:disabled, .realestate-view-button.disabled {
  display: none;
}

.realestate-underwritting-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 102px;
  width: 102px;
  height: 24px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium !important;
  font-size: 13px !important;
  line-height: 23px;
  box-shadow: none;
  padding: 0 4px;
  margin: 0 6px 6px 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.realestate-underwritting-button > div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.realestate-underwritting-button:before {
  content: "";
  height: 22px;
  width: 24px;
  margin-right: 4px;
  background: url(/content/img/icons-ribbon-underwriting-24-px.svg);
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
}
.realestate-underwritting-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #e6f5f4;
  border: 1px solid #0ca597;
}
.realestate-underwritting-button:active, .realestate-underwritting-button:active:focus {
  background-color: #ceedea;
  border: 1px solid #0ca597;
}
.realestate-underwritting-button:disabled, .realestate-underwritting-button.disabled {
  pointer-events: none;
  background: #eef0f1;
  border: 1px solid #eef0f1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.download-pdf-link {
  display: block;
  width: 18px;
  height: 100%;
  cursor: pointer !important;
  margin: 0 0 0 10px;
  background: url(/content/img/pdf-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.download-csv-link {
  display: block;
  width: 18px;
  height: 100%;
  cursor: pointer !important;
  margin: 0 0 0 10px;
  background: url(/content/img/excel-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.invoicing-page .toolbar-title a.download-csv-link {
  display: flex;
  width: 156px;
  align-items: center;
  height: 100%;
  cursor: pointer !important;
  margin: 0 0 0 55px;
  background: none !important;
  position: relative;
  white-space: nowrap;
}
.invoicing-page .toolbar-title a.download-csv-link:before {
  content: url(/content/img/excel-icon.svg);
  display: block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 6px;
}
.invoicing-page .toolbar-title a.download-pdf-link {
  display: block;
  width: 18px;
  height: 100%;
  cursor: pointer !important;
  margin: 0 0 0 10px;
  background: url(/content/img/pdf-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 0 !important;
}

.invoicing-page .toolbar-title + .toolbar-panel.short {
  height: 44px !important;
}

.pure-csv {
  font-family: Roboto-Regular;
  font-size: 14px !important;
  line-height: 1.43;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  min-height: 24px;
  display: flex;
  flex-direction: row;
  margin-top: 4px;
}
.pure-csv:after {
  content: url(/content/img/csv1.svg);
  width: 16px;
  margin-left: 8px;
}
.pure-csv:hover, .pure-csv:active, .pure-csv:active:focus {
  color: #014018;
}

.pure-excel {
  font-family: Roboto-Regular;
  font-size: 14px !important;
  line-height: 1.43;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  min-height: 24px;
  display: flex;
  flex-direction: row;
  margin-top: 4px;
}
.pure-excel:after {
  content: url(/content/img/excel1.svg);
  width: 16px;
  margin-left: 8px;
}
.pure-excel:hover, .pure-excel:active, .pure-excel:active:focus {
  color: #014018;
}

.legal-report-csv {
  font-family: Roboto-Regular;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  min-height: 24px;
  display: flex;
  flex-direction: row;
  margin-top: 4px;
}
.legal-report-csv label {
  font-family: Roboto-Regular;
  font-size: 14px;
  line-height: 1.43;
  color: #1f7244;
  align-items: center;
  display: flex;
  width: 130px;
  text-decoration: underline;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.legal-report-csv label:after {
  content: url(/content/img/csv.svg);
  width: 16px;
  margin-left: 8px;
}
.legal-report-csv label:hover, .legal-report-csv label:active, .legal-report-csv label:active:focus {
  color: #014018;
}
.legal-report-csv.nmls label {
  width: 200px;
}

.edit-button-icon {
  min-width: 22px;
  width: 22px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  border: 0;
  cursor: pointer;
  background-image: url(/content/img/grid-content-edit-active.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
}
.edit-button-icon:hover, .edit-button-icon:active, .edit-button-icon:acive:focus {
  background-image: url(/content/img/grid-content-edit-active.svg);
}

.collapsable-item {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.collapsable-item button {
  min-width: 22px;
  width: 22px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  border: 0;
  cursor: pointer;
}
.collapsable-item button[collapsed=true] {
  background-image: url(/content/img/row-down-base.svg);
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
}
.collapsable-item button[collapsed=true]:hover, .collapsable-item button[collapsed=true]:active, .collapsable-item button[collapsed=true]:acive:focus {
  background-image: url(/content/img/row-down-active.svg);
}
.collapsable-item button[collapsed=false] {
  background-image: url(/content/img/row-up-base.svg);
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
}
.collapsable-item button[collapsed=false]:hover, .collapsable-item button[collapsed=false]:active, .collapsable-item button[collapsed=false]:acive:focus {
  background-image: url(/content/img/row-up-active.svg);
}
.collapsable-item button + label {
  font-family: Roboto-Medium;
  font-size: 13px;
  color: #000;
  line-height: 20px;
}

.navbar-help-link {
  font-family: Roboto-Regular;
  font-size: 16px !important;
  color: #0ca597 !important;
  text-decoration: none !important;
  cursor: pointer;
  border: 0 !important;
}
.navbar-help-link:hover {
  color: #027373 !important;
}
.navbar-help-link.md {
  font-size: 14px !important;
}
.navbar-help-link.sm {
  font-size: 12px !important;
}

.toolbar-title {
  position: relative;
}
.toolbar-title .navbar-help-link {
  font-family: Roboto-Medium !important;
  line-height: 25px;
  margin-left: 12px;
  position: absolute;
  right: 0;
  color: #0ca597 !important;
}
.toolbar-title .navbar-help-link:hover {
  color: #027373 !important;
}

.button-row-left {
  background-color: #F5F6FA !important;
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 28px;
  border: 0;
  background-image: url(/content/img/row-left-base.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  margin-left: 0;
  position: relative;
}
.button-row-left:hover, .button-row-left:active, .button-row-left:active:focus {
  background-image: url(/content/img/row-left-active.svg);
}
.button-row-left.disabled, .button-row-left[disabled] {
  background-image: url(/content/img/row-left.svg);
  pointer-events: none;
}

.button-row-right {
  background-color: #F5F6FA !important;
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 28px;
  border: 0;
  background-image: url(/content/img/row-right-base.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  margin-left: 0;
  position: relative;
}
.button-row-right:hover, .button-row-right:active, .button-row-right:active:focus {
  background-image: url(/content/img/row-right-active.svg);
}
.button-row-right.disabled, .button-row-right[disabled] {
  background-image: url(/content/img/row-right.svg);
  pointer-events: none;
}

input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: #c9e8e5;
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #3ebca7;
  cursor: pointer;
}

.input-wrapper {
  position: relative;
}

.invert {
  background: #fff;
}
.invert input.field {
  /*for font-size:16px basic*/
  font-size: 1rem;
  margin: 0.1111rem 0;
  width: 100%;
  height: 1.333rem;
  line-height: 1.333rem;
  box-sizing: border-box;
  text-align: right;
  padding: 0 5px;
  border: 1px solid #b6c3d3;
  background: #E9F0F2;
}
.invert input.field::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
.invert input.field::-moz-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
.invert input.field:-moz-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
.invert input.field:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
.invert input.field:hover {
  border: 1px solid #e0e0e0;
}
.invert input.field:active, .invert input.field:active:focus, .invert input.field:focus {
  border: 0.1111rem solid #e0e0e0;
  box-shadow: none;
  outline: none;
  padding: 0 0.2222rem;
}
.invert input.field[data-state=ReadOnly] {
  border: 1px solid #c9c9c9;
  background: #f2f3f4;
  color: #000;
}
.invert input.field[data-state=ReadOnly]:hover {
  border: 1px solid #c9c9c9;
  padding: 0 0.2778rem;
}
.invert input.field[data-state=ReadOnly]:active, .invert input.field[data-state=ReadOnly]:active:focus, .invert input.field[data-state=ReadOnly]:focus {
  border: 1px solid #c9c9c9;
  box-shadow: none;
  outline: none;
  padding: 0 0.2778rem;
}
.invert input.field[disable] {
  border: 1px solid #c9c9c9;
  background: #f2f3f4;
  color: rgba(0, 0, 0, 0.5);
}
.invert input.field[disable]:hover {
  border: 1px solid #c9c9c9;
  padding: 0 0.2778rem;
}
.invert input.field[disable]:active, .invert input.field[disable]:active:focus, .invert input.field[disable]:focus {
  border: 1px solid #c9c9c9;
  box-shadow: none;
  outline: none;
  padding: 0 0.2778rem;
}

.status {
  text-decoration: none;
  display: inline-block;
}
.status:before {
  font-family: "MaterialIcons";
  content: "open_in_new";
  font-size: 1rem;
  width: 1rem;
  color: #0093D5;
  display: inline-block;
  vertical-align: sub;
}

.cke {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}

.input-message {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  border-radius: 2px;
  color: #304156;
  position: absolute;
  bottom: -100%;
  left: 0;
  width: inherit;
  box-sizing: border-box;
  padding: 4px;
  min-height: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #fcfdfd;
  opacity: 0;
  transition: 0.3s;
}
.input-message[data-state=ReadOnly], .input-message[data-state=Disabled] {
  border: 1px solid #c9c9c9;
}
.input-message[data-bg=yellow] {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}
.input-message[data-bg=green] {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}
.input-message[data-validation=Information] {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}
.input-message[data-validation=Error] {
  border: 1px solid #FF2B00 !important;
}
.input-message[data-validation=Warning] {
  border: 1px solid #ffb300 !important;
}
.input-message[data-validation=Disabled] {
  border: 1px solid #c9c9c9 !important;
}

input.field,
input.field.type-text,
input.field.number-input {
  min-width: 100%;
  width: 100%;
  height: 21px;
  line-height: 1.43;
  box-sizing: border-box;
  text-align: left;
  padding: 0 5px;
  border-radius: 2px;
  border: 1px solid #c9c9c9;
  background: #fff;
  transition: 0.3s;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  /* validations */
  /* end validations */
}
input.field::-webkit-input-placeholder,
input.field.type-text::-webkit-input-placeholder,
input.field.number-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
input.field::-moz-placeholder,
input.field.type-text::-moz-placeholder,
input.field.number-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
input.field:-moz-placeholder,
input.field.type-text:-moz-placeholder,
input.field.number-input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
input.field:-ms-input-placeholder,
input.field.type-text:-ms-input-placeholder,
input.field.number-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
input.field.number, input.field.money,
input.field.type-text.number,
input.field.type-text.money,
input.field.number-input.number,
input.field.number-input.money {
  text-align: right;
}
input.field:hover,
input.field.type-text:hover,
input.field.number-input:hover {
  background: #fff;
  border: 1px solid #4b5a6d;
  transition: 0.3s;
}
input.field:hover + .input-message,
input.field.type-text:hover + .input-message,
input.field.number-input:hover + .input-message {
  opacity: 1;
  transition: 0.3s;
}
input.field:active, input.field:active:focus, input.field:focus,
input.field.type-text:active,
input.field.type-text:active:focus,
input.field.type-text:focus,
input.field.number-input:active,
input.field.number-input:active:focus,
input.field.number-input:focus {
  border: 1px solid #0ca597;
  box-shadow: none;
  background: #fff;
  outline: none;
  transition: 0.3s;
}
input.field:active + .input-message, input.field:active:focus + .input-message, input.field:focus + .input-message,
input.field.type-text:active + .input-message,
input.field.type-text:active:focus + .input-message,
input.field.type-text:focus + .input-message,
input.field.number-input:active + .input-message,
input.field.number-input:active:focus + .input-message,
input.field.number-input:focus + .input-message {
  opacity: 1;
  transition: 0.3s;
}
input.field[data-state=ReadOnly], input.field[data-state=Disabled],
input.field.type-text[data-state=ReadOnly],
input.field.type-text[data-state=Disabled],
input.field.number-input[data-state=ReadOnly],
input.field.number-input[data-state=Disabled] {
  border: 1px solid #c9c9c9;
  background: #f2f3f4;
  color: #000;
  transition: 0.3s;
}
input.field[data-state=ReadOnly]:active, input.field[data-state=ReadOnly]:active:focus, input.field[data-state=ReadOnly]:focus, input.field[data-state=ReadOnly]:hover, input.field[data-state=Disabled]:active, input.field[data-state=Disabled]:active:focus, input.field[data-state=Disabled]:focus, input.field[data-state=Disabled]:hover,
input.field.type-text[data-state=ReadOnly]:active,
input.field.type-text[data-state=ReadOnly]:active:focus,
input.field.type-text[data-state=ReadOnly]:focus,
input.field.type-text[data-state=ReadOnly]:hover,
input.field.type-text[data-state=Disabled]:active,
input.field.type-text[data-state=Disabled]:active:focus,
input.field.type-text[data-state=Disabled]:focus,
input.field.type-text[data-state=Disabled]:hover,
input.field.number-input[data-state=ReadOnly]:active,
input.field.number-input[data-state=ReadOnly]:active:focus,
input.field.number-input[data-state=ReadOnly]:focus,
input.field.number-input[data-state=ReadOnly]:hover,
input.field.number-input[data-state=Disabled]:active,
input.field.number-input[data-state=Disabled]:active:focus,
input.field.number-input[data-state=Disabled]:focus,
input.field.number-input[data-state=Disabled]:hover {
  border: 1px solid #c9c9c9;
  box-shadow: none;
  outline: none;
  background: #f2f3f4;
}
input.field[data-bg=yellow],
input.field.type-text[data-bg=yellow],
input.field.number-input[data-bg=yellow] {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
  background: #FFE078 !important;
}
input.field[data-bg=green],
input.field.type-text[data-bg=green],
input.field.number-input[data-bg=green] {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
  background: #BBFAAF !important;
}
input.field[data-validation=Disabled],
input.field.type-text[data-validation=Disabled],
input.field.number-input[data-validation=Disabled] {
  width: 100% !important;
  min-width: 100% !important;
  cursor: auto;
}
input.field + i,
input.field.type-text + i,
input.field.number-input + i {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  box-sizing: border-box;
  margin: 0 0.24rem;
  color: #e0e0e0;
  font-size: 1rem;
}
input.field[data-validation=Error],
input.field.type-text[data-validation=Error],
input.field.number-input[data-validation=Error] {
  transition: 0.3s;
  border: 1px solid #FF2B00 !important;
}
input.field[data-validation=Error] + i,
input.field.type-text[data-validation=Error] + i,
input.field.number-input[data-validation=Error] + i {
  background: #D24242;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
input.field[data-validation=None] + i,
input.field.type-text[data-validation=None] + i,
input.field.number-input[data-validation=None] + i {
  background: #59D242;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
input.field[data-validation=Info] + i,
input.field.type-text[data-validation=Info] + i,
input.field.number-input[data-validation=Info] + i {
  background: #e0e0e0;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
input.field[data-validation=Warning],
input.field.type-text[data-validation=Warning],
input.field.number-input[data-validation=Warning] {
  border: 1px solid #ffb300 !important;
  transition: 0.3s;
}
input.field[data-validation=Warning] + i,
input.field.type-text[data-validation=Warning] + i,
input.field.number-input[data-validation=Warning] + i {
  background: #FFA115;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
input.field[data-validation=Disabled] + i,
input.field.type-text[data-validation=Disabled] + i,
input.field.number-input[data-validation=Disabled] + i {
  display: none !important;
}
input.field[data-status=processing] + i,
input.field.type-text[data-status=processing] + i,
input.field.number-input[data-status=processing] + i {
  background: #586B80;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
input.field.type-text,
input.field.type-text.type-text,
input.field.number-input.type-text {
  text-align: left !important;
}

textarea.textarea {
  font-size: 14px;
  min-width: 100%;
  width: 100%;
  height: calc(100% - 4px) !important;
  line-height: 1.43;
  box-sizing: border-box;
  text-align: left;
  padding: 0 5px !important;
  border-radius: 0px !important;
  margin: 2px 0;
  border: 1px solid #c9c9c9;
  background: #fff;
  transition: 0.3s;
  /* validations */
  /* end validations */
}
textarea.textarea::-webkit-scrollbar {
  width: 8px;
}
textarea.textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
textarea.textarea::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
textarea.textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
textarea.textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
textarea.textarea:-moz-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
textarea.textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.75);
}
textarea.textarea.number, textarea.textarea.money {
  text-align: right !important;
}
textarea.textarea:hover {
  background: #fff;
  border: 1px solid #4b5a6d;
  transition: 0.3s;
}
textarea.textarea:active, textarea.textarea:active:focus, textarea.textarea:focus {
  border: 1px solid #0ca597;
  box-shadow: none;
  background: #fff;
  outline: none;
  transition: 0.3s;
}
textarea.textarea[data-state=ReadOnly], textarea.textarea[data-state=Disabled] {
  border: 1px solid #c9c9c9;
  background: #f2f4f4;
  color: #ccc;
  transition: 0.3s;
}
textarea.textarea[data-state=ReadOnly]:active, textarea.textarea[data-state=ReadOnly]:active:focus, textarea.textarea[data-state=ReadOnly]:focus, textarea.textarea[data-state=ReadOnly]:hover, textarea.textarea[data-state=Disabled]:active, textarea.textarea[data-state=Disabled]:active:focus, textarea.textarea[data-state=Disabled]:focus, textarea.textarea[data-state=Disabled]:hover {
  border: 1px solid #c9c9c9;
  box-shadow: none;
  outline: none;
}
textarea.textarea[data-bg=yellow] {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
  background: #FFE078 !important;
}
textarea.textarea[data-bg=green] {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
  background: #BBFAAF !important;
}
textarea.textarea[data-validation=Disabled] {
  width: 100% !important;
  min-width: 100% !important;
  cursor: auto;
}
textarea.textarea + i {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  box-sizing: border-box;
  margin: 0 0.24rem;
  color: #e0e0e0;
  font-size: 1rem;
}
textarea.textarea[data-validation=Error] {
  transition: 0.3s;
  border: 1px solid #FF2B00 !important;
}
textarea.textarea[data-validation=Error] + i {
  background: #D24242;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
textarea.textarea[data-validation=None] + i {
  background: #59D242;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
textarea.textarea[data-validation=Info] + i {
  background: #e0e0e0;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
textarea.textarea[data-validation=Warning] {
  border: 1px solid #ffb300 !important;
  transition: 0.3s;
}
textarea.textarea[data-validation=Warning] + i {
  background: #FFA115;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
textarea.textarea[data-validation=Disabled] + i {
  display: none !important;
}
textarea.textarea[data-status=processing] + i {
  background: #586B80;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
textarea.textarea.type-text {
  text-align: left !important;
}

.collapsable-panel {
  display: block;
}
.collapsable-panel .collapsable-item {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.collapsable-panel .collapsable-item button {
  background-color: rgba(255, 255, 255, 0) !important;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/plus.svg);
  box-shadow: none;
  cursor: pointer;
  transform: rotate(180deg);
  outline: none !important;
  background-position: center center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}
.collapsable-panel .collapsable-item button[collapsed=false] {
  background-image: url(/content/img/minus.svg);
}
.collapsable-panel .collapsable-item label {
  height: 22px;
  position: relative;
  background: #fff;
  padding: 0;
  font-family: Roboto-Regular;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.collapsable-panel .collapsable-content {
  width: 350px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  padding: 8px;
  margin: -4px 0 16px 21px;
}
.collapsable-panel .collapsable-content > div {
  font-family: Roboto-Regular;
  font-size: 14px;
  cursor: pointer;
  padding: 0 4px 0 28px;
  width: 100%;
  line-height: 21px;
  height: 22px;
  display: block;
  margin-right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.collapsable-panel .collapsable-content > div + div {
  margin-top: 2px;
}
.collapsable-panel .collapsable-content > div:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 1px;
  min-width: 22px;
  width: 22px;
  height: 17px;
  display: inline-block;
  background: #f7f7f7;
  margin-right: 4px;
  border-radius: 2px;
  border: 1px solid #a1adbb;
  cursor: pointer;
}
.collapsable-panel .collapsable-content > div:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  min-width: 14px;
  width: 14px;
  height: 17px;
  display: inline-block;
  background-color: #f7f7f7;
  border-radius: 1px;
  cursor: pointer;
}
.collapsable-panel .collapsable-content > div.selected:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  min-width: 14px;
  width: 14px;
  height: 17px;
  display: inline-block;
  background-color: #f7f7f7;
  border-radius: 1px;
  background-image: url(/content/img/dashboard-check.svg);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.admin-notification {
  font-family: Roboto-Regular;
  z-index: 999999999;
}
.admin-notification .modal-window {
  width: 750px;
  min-height: calc(100vh - 180px);
  height: calc(100vh - 180px);
}
.admin-notification .modal-window .modals-body {
  height: calc(100% - 80px);
}
.admin-notification .modal-window .modals-body .admin-notification-list {
  min-height: calc(100% - 33px);
  height: calc(100% - 33px);
  overflow-y: auto;
}
.admin-notification .modal-window .modals-body .admin-notification-list::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.admin-notification .modal-window .modals-body .admin-notification-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
.admin-notification .modal-window .modals-body .admin-notification-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item {
  margin: 0 0 4px 0;
  padding: 4px 6px 0 6px;
  position: relative;
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item + .admin-notification-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item label {
  font-family: Roboto-Medium !important;
  color: #000 !important;
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .stack-trace-block {
  width: calc(100% - 4px);
  border: 1px solid #0CA597;
  background: rgba(12, 165, 151, 0.02);
  border-radius: 1px;
  padding: 2px 4px;
  white-space: pre-line;
  overflow-x: auto;
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .stack-trace-block::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .stack-trace-block::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .stack-trace-block::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .collapsable-item label {
  color: #0ca597 !important;
  font-family: Roboto-Regular !important;
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .switcher-box .content-short {
  margin: 8px 0;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  overflow: hidden;
  height: 54px;
  padding: 4px;
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .switcher-box .content-expanded {
  margin: 8px 0;
  border: 1px solid #0ca597;
  transition: 0.3s;
  border-radius: 1px;
  height: fit-content;
  padding: 4px;
  overflow-x: auto;
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .switcher-box .content-expanded::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .switcher-box .content-expanded::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .switcher-box .content-expanded::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .switcher-box button {
  min-width: 24px;
  width: 24px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  border: 0;
  cursor: pointer;
  background-image: url(/content/img/arrow-down.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
  position: absolute;
  right: 8px;
  bottom: 4px;
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .switcher-box button.switcher-short {
  transform: rotate(0deg);
  transition: 0.3s;
}
.admin-notification .modal-window .modals-body .admin-notification-list .admin-notification-item .switcher-box button.switcher-expanded {
  transform: rotate(180deg);
  transition: 0.3s;
}
.admin-notification .modal-window .modals-body .support-block {
  height: 32px;
  display: flex;
  align-items: center;
  padding: 25px 4px 0px 4px;
  border-top: 1px solid #0ca597;
}

aside.user-side {
  background: #fff;
  border-right: 1px solid #e7e8e8;
  width: 164px;
  overflow-y: auto;
  height: calc(100vh - 40px);
}
aside.user-side nav {
  min-height: calc(100vh - 65px);
  height: calc(100% - 65px);
  overflow-y: auto;
  overflow-x: hidden;
}
aside.user-side nav ul {
  margin-top: 15px;
}
aside.user-side nav ul li {
  position: relative;
  width: 152px;
  margin: 0 6px;
}
aside.user-side nav ul li a {
  display: block;
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  color: #000;
  height: 24px;
  line-height: 24px;
  padding: 0;
  background: rgba(255, 255, 255, 0) !important;
  padding-left: 4px;
  white-space: nowrap;
  overflow: hidden;
}
aside.user-side nav ul li a:hover {
  color: #000 !important;
  background: #f2f2f2 !important;
}
aside.user-side nav ul li a:active, aside.user-side nav ul li a:active:focus, aside.user-side nav ul li a:focus {
  color: #000 !important;
  background: #e5e5e5 !important;
}
aside.user-side nav ul li a:before, aside.user-side nav ul li a:after {
  display: none !important;
}
aside.user-side nav ul li span.menu-item {
  color: #000;
  padding: 5px 15px;
  font-family: Roboto-Regular, sans-serif !important;
  line-height: normal;
  font-size: 15px;
  display: block;
}
aside.user-side nav ul li.active a {
  color: #000 !important;
  background: #ceedea !important;
}
aside.user-side nav ul li.active a:hover, aside.user-side nav ul li.active a:active, aside.user-side nav ul li.active a:active:focus, aside.user-side nav ul li.active a:focus {
  color: #000 !important;
  background: #ceedea !important;
}
aside.user-side nav ul li.subitem {
  position: relative;
}
aside.user-side nav ul li.subitem:before {
  content: "";
  display: block !important;
  height: 1px;
  width: 6px;
  background: #e5e5e5;
  position: absolute;
  left: 0;
  bottom: 9px;
  transform: none !important;
  right: inherit;
}
aside.user-side nav ul li.subitem:after {
  content: "";
  display: block !important;
  height: 8px;
  width: 1px;
  background: #e5e5e5;
  position: absolute;
  left: 0;
  top: 0px;
  transform: none !important;
  right: inherit;
}
aside.user-side nav ul li.subitem + .subitem:after {
  content: "";
  display: block !important;
  height: 17px;
  width: 1px;
  background: #e5e5e5;
  position: absolute;
  left: 0;
  top: -9px;
  transform: none !important;
  right: inherit;
}
aside.user-side nav ul li.subitem a {
  display: block;
  font-family: Roboto-Regular, sans-serif;
  font-size: 13px;
  color: #000;
  height: 18px;
  line-height: 18px;
  padding: 0;
  background: rgba(255, 255, 255, 0) !important;
  padding-left: 6px;
  margin-left: 6px;
}
aside.user-side nav ul li.subitem a:hover {
  color: #000 !important;
  background: #f2f2f2 !important;
}
aside.user-side nav ul li.subitem a:active, aside.user-side nav ul li.subitem a:active:focus, aside.user-side nav ul li.subitem a:focus {
  color: #000 !important;
  background: #e5e5e5 !important;
}
aside.user-side nav ul li.subitem a + .subitem {
  margin-top: 2px;
}
aside.user-side nav ul li.subitem span.menu-item {
  color: #000;
  padding: 5px 15px;
  font-family: Roboto-Medium, sans-serif !important;
  line-height: normal;
  font-size: 13px;
  display: block;
}
aside.user-side nav ul li.subitem.active a {
  color: #000 !important;
  font-family: Roboto-Regular, sans-serif;
  background: #ceedea !important;
}
aside.user-side nav ul li.subitem.active a:hover, aside.user-side nav ul li.subitem.active a:active, aside.user-side nav ul li.subitem.active a:active:focus, aside.user-side nav ul li.subitem.active a:focus {
  color: #000 !important;
  background: #ceedea !important;
}
aside.user-side nav ul li.subitem.active:after {
  display: none;
}
aside.user-side nav ul li.subitem + li {
  margin-top: 4px;
}
aside.user-side nav ul li.subitem + li.subitem {
  margin-top: 0;
}
aside.user-side + #main {
  margin-left: 164px !important;
  max-width: calc(100vw - 165px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
aside.user-side + #main > div:nth-child(1) {
  width: 100%;
}
aside.user-side + #main > div:nth-child(1):empty {
  display: none;
}
aside.user-side .rates-through {
  font-family: Roboto-Light, sans-serif;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  display: inline-flex;
  flex-wrap: nowrap;
  padding: 0 4px 0 8px;
  margin: 0;
  width: 100%;
  border-top: 2px solid #dcdedf;
}

aside.server-side {
  width: 164px !important;
  top: 40px !important;
  min-height: 100%;
}
aside.server-side + #main {
  margin-left: 164px !important;
  max-width: initial;
  width: initial;
  overflow: hidden;
}

.server-side#left-panel {
  top: 50px;
  padding-top: 0px;
  z-index: 111;
  left: initial;
  background: #fff;
  border: 1px solid #ebf0f2;
  overflow-y: auto;
  height: calc(100vh - 40px);
}
.server-side#left-panel nav {
  min-height: calc(100vh - 40px);
  height: calc(100vh - 40px);
  overflow-y: auto;
  overflow-x: hidden;
}
.server-side#left-panel nav .server-nav-items {
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.server-side#left-panel nav .server-nav-items > a {
  font-size: 13px;
  color: #000;
  line-height: 18px;
  padding-left: 6px;
  margin-left: 6px;
  background-color: transparent;
  min-width: 134px;
  position: relative;
  font-family: Roboto-Regular, sans-serif;
}
.server-side#left-panel nav .server-nav-items > a:nth-child(2):after {
  content: "";
  height: 8px;
  width: 1px;
  background: #e5e5e5;
  position: absolute;
  left: -6px;
  top: 0px;
}
.server-side#left-panel nav .server-nav-items > a:before {
  content: "";
  height: 1px;
  width: 6px;
  background: #e5e5e5;
  position: absolute;
  left: -6px;
  bottom: 9px;
}
.server-side#left-panel nav .server-nav-items > a:after {
  content: "";
  height: 17px;
  width: 1px;
  background: #e5e5e5;
  position: absolute;
  left: -6px;
  top: -9px;
}
.server-side#left-panel nav .server-nav-items > a:not(.active):hover {
  background-color: #f2f2f2;
}
.server-side#left-panel nav .server-nav-items > a.active {
  background-color: #ceedea;
}
.server-side#left-panel nav .server-nav-items > a[data-paragraph=paragraph] {
  pointer-events: none;
  cursor: default;
  margin: 0;
  margin-top: 6px;
  font-size: 16px;
  font-family: Roboto-Medium, sans-serif;
  line-height: 24px;
  color: #000000;
  padding-left: 4px;
}
.server-side#left-panel nav .server-nav-items > a[data-paragraph=paragraph]:before, .server-side#left-panel nav .server-nav-items > a[data-paragraph=paragraph]:after {
  display: none;
}
.server-side#left-panel nav .menu-label.name {
  color: #000 !important;
  font-family: Roboto-Medium, sans-serif;
  height: initial;
  line-height: 18px;
  padding: 2px 0 2px 4px;
  pointer-events: none;
  white-space: normal;
}
.server-side#left-panel nav .nav-button-row-wrapper {
  width: 163px;
  height: 81px;
  margin: -1px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fafafa;
  border-bottom: 1px solid #dcdedf;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border: solid 1px #0ca597;
  background-color: #f7fafb;
  border-radius: 2px;
  height: 28px;
  width: 148px;
  margin: 0;
  padding: 1px;
  position: relative;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row a {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 25px;
  background: #fff !important;
  color: #fff;
  height: 24px;
  width: 83px;
  padding: 0;
  display: flex;
  justify-content: center;
  border: 0;
  border-radius: 1px;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row a + a {
  margin-left: 1px;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row a:after {
  display: none !important;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row a.inactive {
  color: #0ca597 !important;
  background: #fff !important;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row a.inactive:hover {
  color: #0ca597 !important;
  background: #ceedea !important;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row a.inactive:active, .server-side#left-panel nav .nav-button-row-wrapper .nav-button-row a.inactive:active:focus {
  background: #9edbd6 !important;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row a.active {
  color: #fff !important;
  background: #0ca597 !important;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row a.active:hover {
  background: #0ca597 !important;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row a.active:active, .server-side#left-panel nav .nav-button-row-wrapper .nav-button-row a.active:active:focus {
  background: #0ca597 !important;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row.top {
  margin-bottom: 9px;
  border: 1px solid #dcdedf;
  transition: 0.2s;
  justify-content: center;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row.top:hover, .server-side#left-panel nav .nav-button-row-wrapper .nav-button-row.top:active, .server-side#left-panel nav .nav-button-row-wrapper .nav-button-row.top:active:focus {
  border: solid 1px #0ca597;
  transition: 0.2s;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row.top a {
  width: 100%;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row.top a:hover {
  color: #fff;
  background: #fff !important;
}
.server-side#left-panel nav .nav-button-row-wrapper .nav-button-row.top a:before {
  content: url(/content/img/ic-action-nav-back.svg);
  height: 24px;
  width: 24px;
  background: rgba(255, 255, 255, 0);
  position: absolute;
  left: 0;
}

/******GRID-MODULE******/
.grid-list-container {
  height: 100%;
}

.grid-loading-info {
  display: flex;
  min-width: 230px;
  width: 230px;
  width: fit-content;
  height: 24px;
  flex-direction: row;
  line-height: 24px;
  position: fixed;
  padding: 2px 4px;
  align-items: center;
  z-index: 11111;
  opacity: 0.7;
  bottom: 4px;
  right: 8px;
  background: #fff;
  font-size: 12px;
  font-family: Roboto-Regular;
}
.grid-loading-info > span + span {
  margin-left: 4px;
}
.grid-loading-info:before {
  content: url(/content/img/select2-spinner.gif);
  margin: 6px 4px 0 0;
}

.grid-module {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.grid-module .right-arrow-light {
  width: 32px;
  min-width: 32px !important;
  background-image: url(/content/img/img-arrow-12-x-32-rest.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: initial;
  min-height: 10px;
  position: absolute;
  right: 15px;
}
.grid-module .open_in_new {
  min-width: 18px;
  width: 18px;
  font-size: 0;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  border: 0;
  cursor: pointer;
  background-image: url(/content/img/open-new.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
  margin: 0 0 0 5px;
}
.grid-module .open_in_new:hover, .grid-module .open_in_new:active, .grid-module .open_in_new:active:focus {
  background-image: url(/content/img/open-new-active.svg);
}
.grid-module .remove {
  min-width: 22px;
  width: 22px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  border: 0;
  cursor: pointer;
  background-image: url(/content/img/base-action-delete-16-px-rest.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
  display: none;
}
.grid-module .remove:hover, .grid-module .remove:active, .grid-module .remove:active:focus {
  background-image: url(/content/img/base-action-delete-16-px-hover-pressed.svg);
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.grid-module .remove-action {
  min-width: 22px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  border: 0;
  cursor: pointer;
  z-index: 9;
  display: none;
}
.grid-module .filter-button {
  background: #e3eaed;
  height: 22px;
  line-height: 24px;
  padding: 0 5px 0 12px;
  cursor: pointer;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Likely future */
}
.grid-module .filter-button i {
  color: #0ca597;
  height: 24px;
  line-height: 24px;
  background: #e3eaed;
  cursor: pointer;
}
.grid-module .grid-module-viewport {
  border: 0;
  display: flex;
}
.grid-module .grid-module-viewport .grid-module-viewport-header {
  position: relative;
  overflow: hidden;
  min-height: 24px;
}
.grid-module .grid-module-viewport .grid-module-viewport-header.filters-opened {
  min-height: 48px;
}
.grid-module .grid-module-viewport > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border: 0 !important;
  visibility: hidden !important;
}
.grid-module .grid-module-viewport .grid-module-scroll-pane {
  overflow: auto !important;
  height: 100%;
  z-index: 1;
}
.grid-module .grid-module-viewport .grid-module-scroll-pane.disable-hover:not(.auto-scroll) * {
  pointer-events: none !important;
  scroll-behavior: smooth;
}
.grid-module .grid-module-viewport .grid-module-scroll-pane > .grid-module-scroll-content-wrapper {
  position: relative;
}
.grid-module .grid-module-viewport.horizontal {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-left: 0;
  border-right: 0;
}
.grid-module .grid-module-viewport.vertical {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-left: 0;
  border-right: 0;
}
.grid-module .grid-module-viewport.vertical .grid-module-viewport-content-wrapper {
  display: flex;
}
.grid-module .grid-module-viewport .grid-module-viewport-filter-row {
  min-height: 24px;
}
.grid-module .grid-module-viewport .grid-module-viewport-row {
  display: flex;
  flex-direction: row;
}
.grid-module .grid-module-viewport .grid-module-viewport-row .to-sort {
  position: absolute;
  background: transparent !important;
  border: 0;
  width: 20px;
  min-width: 20px;
  min-height: 20px;
  cursor: pointer;
  left: 5px;
}
.grid-module .grid-module-viewport .grid-module-viewport-row .to-sort:before {
  width: 20px;
}
.grid-module .grid-module-viewport .grid-module-viewport-row .to-sort:after {
  width: 20px;
}
.grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox {
  width: 90px;
  margin: 0;
  color: #000;
  font-family: "Roboto-Regular";
  font-size: 14px;
  cursor: pointer;
  border: 0px solid rgba(0, 45, 65, 0.2);
  background: #fff;
  position: absolute;
  margin-top: 1px;
}
.grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox .wrap-input {
  border: 1px solid rgba(0, 45, 65, 0.2);
  min-height: 17px;
  line-height: 17px;
}
.grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox .wrap-input span {
  font-family: "Roboto-Regular";
  text-transform: capitalize;
  padding: 0 5px;
}
.grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox .wrap-input:after {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 16px;
  width: 16px;
  right: 2px;
  top: 1px;
  transform: rotate(0deg);
}
.grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox .wrap-input {
  width: 90px;
  position: relative;
  height: 17px;
  line-height: 17px;
}
.grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox .wrap-input span {
  padding: 0 5px;
  line-height: 16px;
  height: 17px;
  display: flex;
}
.grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox.hover .wrap-input, .grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox.selected .wrap-input {
  border: 1px solid #e0e0e0;
}
.grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox.hover .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox.selected .grid-module-viewport-content-cell {
  background: #c2e5e4;
}
.grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox.hover .data-service-column a, .grid-module .grid-module-viewport .grid-module-viewport-row .for-inline-checkbox.selected .data-service-column a {
  visibility: visible;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row {
  display: flex;
  flex-direction: row;
  min-width: 100%;
  min-height: 24px;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box {
  display: inline-flex;
  justify-content: space-between;
  height: 23px;
  line-height: 23px;
  background: #e3eaed;
  border-bottom: 1px solid #dcdedf;
  cursor: pointer;
  position: relative;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell {
  font-family: Roboto-Regular;
  color: #5f5f5f;
  font-size: 14px;
  background: #e3eaed;
  padding: 0;
  width: calc(100% - 7px);
  margin-left: 7px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently*/
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell::selection {
  background: transparent;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell > span {
  display: block;
  line-height: 23px;
  height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box.sortable .grid-module-viewport-header-cell {
  width: calc(100% - 30px);
  margin-left: 7px;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-size {
  min-width: 1px;
  min-height: 22px;
  width: 9px;
  border-left: 4px solid #e3eaed;
  border-right: 4px solid #e3eaed;
  background: #dcdedf;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting {
  min-width: 10px;
  min-height: 24px;
  cursor: pointer;
  margin-right: 5px;
  display: flex;
  align-items: center;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting.asc-sort:before, .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting.desc-sort:before {
  color: #002D41;
  font-family: "MaterialIcons";
  font-size: 16px;
  line-height: 24px;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting.asc-sort:before {
  content: "expand_less";
  font-size: 16px;
  line-height: 24px;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting.desc-sort:before {
  content: "expand_more";
  font-size: 16px;
  line-height: 24px;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting:hover:before {
  color: #0ca597;
  transition: 1s;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box > .resizible-handle.e-handle {
  z-index: 11;
}
.grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box > .resizible-handle.e-handle:before {
  content: url(/content/img/marck-draga-and-drop-border-16-px-rest.svg);
  height: 24px;
  width: 18px;
  position: absolute;
  top: 4px;
  left: -3px;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row {
  display: flex;
  flex-direction: row;
  min-width: 100%;
  /******* ExtraClasses *******/
  /****************************/
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  font-family: Roboto-Regular;
  color: #000;
  font-size: 14px;
  height: 20px;
  position: relative;
  height: 24px !important;
  line-height: 22px !important;
  border-top: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  box-sizing: border-box;
  padding: 0 5px;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell .active {
  display: flex;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: inherit;
  display: block;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > a.open_new {
  width: 30px;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell p * {
  background: rgba(255, 255, 255, 0);
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell.bold-row * {
  font-family: Roboto-Medium;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell span.overflow-row {
  min-width: calc(100% - 22px) !important;
  width: calc(100% - 22px) !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell.green-row {
  background: #c6deb4 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell.highlight-row {
  background: #ffd7d3 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell.blue-row {
  background: #a9e0fb !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div > span {
  min-width: 100%;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell div[class^=check-box] {
  background-position: center;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:last-child {
  display: flex;
  width: 100%;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  display: flex !important;
  align-items: center !important;
  min-height: fit-content;
  height: 22px !important;
  line-height: 22px !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div .for-inline-checkbox {
  min-height: fit-content;
  margin-top: 2px !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div .for-inline-checkbox * {
  min-height: fit-content;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.select-module {
  min-height: fit-content;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.select-module * {
  min-height: fit-content;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.select-module .Select-multi-value-wrapper .Select-value-label {
  line-height: 20px !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.dynamic-cell {
  min-height: 100% !important;
  background: #fff;
  border: 1px solid #fff !important;
  border-left: 1px solid #d1e0e5 !important;
  box-shadow: none;
  cursor: pointer;
  display: none !important;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.dynamic-cell .remove {
  background: #fff;
  border: 0 !important;
  height: 100% !important;
  line-height: 34px;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.dynamic-cell .remove:before {
  content: url(/content/img/base-action-delete-16-px-rest.svg);
  margin-right: 2px;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.dynamic-cell .remove:hover, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.dynamic-cell .remove:active, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.dynamic-cell .remove:active:focus {
  background: #fed6d2;
  color: #027373;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.dynamic-cell .remove:hover:before, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.dynamic-cell .remove:active:before, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.dynamic-cell .remove:active:focus:before {
  content: url(/content/img/base-action-delete-16-px-hover-pressed.svg);
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0);
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0);
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell p {
  min-width: 100%;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > span, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell p {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin: 0;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div *, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > span *, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell p * {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin: 0;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell .data-service-column.states-btn > span {
  min-width: calc(100% - 26px) !important;
  max-width: calc(100% - 26px) !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell .data-service-column.script-btn > span {
  min-width: calc(100% - 26px) !important;
  max-width: calc(100% - 26px) !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell .input-wrapper {
  position: relative;
  display: flex !important;
  align-items: center;
  height: 24px;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell[editable-selected] {
  background: #ceedea !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell[editable-selected~=left-border] {
  background: #ceedea !important;
  border-left: 1px solid #0ca597 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell[editable-selected~=top-border] {
  background: #ceedea !important;
  border-top: 1px solid #0ca597 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell[editable-selected~=right-border] {
  background: #ceedea !important;
  border-right: 1px solid #0ca597 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell[editable-selected~=bottom-border] {
  background: #ceedea !important;
  border-bottom: 1px solid #0ca597 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell[editable-focused~=true] {
  border: 1px solid #0ca597 !important;
  background: #fff !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:hover > div.dynamic-cell {
  display: flex !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:hover > span:empty + .dynamic-cell {
  display: none !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell {
  background: #fafafa;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell > div *, .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell > span *, .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell p * {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin: 0;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.selected {
  background: #ceedea;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).selected .grid-module-viewport-content-cell {
  background: #ceedea;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).selected .grid-module-viewport-content-cell .edit, .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).selected .grid-module-viewport-content-cell .remove {
  visibility: visible;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell {
  background: #f2f4f5;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell > div *, .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell > span *, .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell p * {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin: 0;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.selected {
  background: #ceedea !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).selected .grid-module-viewport-content-cell {
  background: #ceedea;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).selected .grid-module-viewport-content-cell .edit, .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).selected .grid-module-viewport-content-cell .remove {
  visibility: visible;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row.bold-row * {
  font-family: Roboto-Medium;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row.green-row .grid-module-viewport-content-cell {
  background: #c6deb4 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:hover {
  cursor: pointer;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell {
  border-top: 1px solid #57c0b7;
  border-bottom: 1px solid #57c0b7;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid #57c0b7;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell:last-child {
  border-right: 1px solid #57c0b7;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(even) .grid-module-viewport-content-cell {
  background: #fafafa;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(odd) .grid-module-viewport-content-cell {
  background: #f2f4f5;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:hover.bold-row * {
  font-family: Roboto-Medium;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:hover.green-row .grid-module-viewport-content-cell {
  background: #c6deb4 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:hover.selected .grid-module-viewport-content-cell {
  background: #ceedea;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .data-service-column a {
  visibility: visible;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.highlight-row .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.highlight-row .grid-module-viewport-content-cell {
  background: #ffd7d3 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.blue-row .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.blue-row:nth-child(even) .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.blue-row:nth-child(odd) .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.blue-row .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.blue-row:nth-child(even) .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.blue-row:nth-child(odd) .grid-module-viewport-content-cell {
  background: #a9e0fb !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.bold-row *, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.bold-row * {
  font-family: Roboto-Medium;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.green-row .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.green-row .grid-module-viewport-content-cell {
  background: #c6deb4 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.red-row .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.red-row .grid-module-viewport-content-cell {
  background: #ffd8d8 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.default-activation .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.default-activation .grid-module-viewport-content-cell {
  background: #ffd8d8 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.light-orange-row .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.light-orange-row .grid-module-viewport-content-cell {
  background-color: #ffd9b3 !important;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.package-highlight-nonprintable .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.package-highlight-nonprintable .grid-module-viewport-content-cell {
  background: #FFDF92;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.package-highlight-default .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.package-highlight-default .grid-module-viewport-content-cell {
  background: #5FA4AF;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.selected .grid-module-viewport-content-cell, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover:hover .grid-module-viewport-content-cell {
  background: #ceedea;
}
.grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .edit, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .remove, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell .edit, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell .remove, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.selected .grid-module-viewport-content-cell .edit, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover.selected .grid-module-viewport-content-cell .remove, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover:hover .grid-module-viewport-content-cell .edit, .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-row.hover:hover .grid-module-viewport-content-cell .remove {
  visibility: visible;
}
.grid-module .grid-module-viewport-filter-row {
  display: flex;
  flex-direction: row;
  min-width: 100%;
}
.grid-module .grid-module-viewport-header-filter-cell {
  font-family: Roboto-Light;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  padding: 0 5px;
  background: #f7f9fb;
  border-bottom: 1px solid #d8e0e3;
  height: 24px;
  width: 100%;
  padding-left: 2px;
  padding-top: 1px;
}
.grid-module .grid-module-viewport-header-filter-cell .selector-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
  margin-top: -2px;
}
.grid-module .grid-module-viewport-header-filter-cell .selector-wrapper .disable {
  display: none !important;
}
.grid-module .grid-module-viewport-header-filter-cell .selector-wrapper .input-select {
  font-family: Roboto-Regular;
  transition: none !important;
  font-size: 14px;
  min-width: 100%;
  width: 100%;
  height: 21px !important;
  line-height: 21px;
  box-sizing: border-box;
  text-align: left;
  padding: 0 5px !important;
  border-radius: 0px !important;
  padding: 0;
  border: 1px solid #b6c3d3;
  background: #fff;
}
.grid-module .grid-module-viewport-header-filter-cell::selection {
  background: transparent;
}
.grid-module .grid-module-viewport-header-filter-cell .form-group {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
  position: relative;
}
.grid-module .grid-module-viewport-header-filter-cell .form-group > input {
  font-family: Roboto-Regular;
  transition: none !important;
  font-size: 14px;
  min-width: 100%;
  width: 100%;
  height: 21px !important;
  line-height: 21px;
  box-sizing: border-box;
  text-align: left;
  padding: 0 5px !important;
  border-radius: 0px !important;
  padding: 0;
  border: 1px solid #b6c3d3;
  background: #fff;
}
.grid-module .grid-module-viewport-header-filter-cell .form-group > input.left {
  text-align: left !important;
}
.grid-module .grid-module-viewport-header-filter-cell .form-group > input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0);
}
.grid-module .grid-module-viewport-header-filter-cell .form-group > input::-moz-placeholder {
  color: rgba(0, 0, 0, 0);
}
.grid-module .grid-module-viewport-header-filter-cell .form-group > input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0);
}
.grid-module .grid-module-viewport-header-filter-cell .form-group > input:-moz-placeholder {
  color: rgba(0, 0, 0, 0);
}
.grid-module .grid-module-viewport-header-filter-cell .form-group > input:hover {
  transition: none !important;
  border: 1px solid #4b5a6d;
  box-shadow: none !important;
  outline: none !important;
}
.grid-module .grid-module-viewport-header-filter-cell .form-group > input:active, .grid-module .grid-module-viewport-header-filter-cell .form-group > input:active:focus, .grid-module .grid-module-viewport-header-filter-cell .form-group > input:focus {
  transition: none !important;
  width: 100%;
  border: 1px solid #5dacaa;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 5px !important;
}
.grid-module .grid-module-viewport-header-filter-cell .form-group > input[data-state=ReadOnly] {
  pointer-events: none;
  border: 1px solid rgba(0, 45, 65, 0.2);
  background: #E9F0F2;
  color: #000;
}
.grid-module .grid-module-viewport-header-filter-cell .form-group > input[data-state=ReadOnly]:hover {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}
.grid-module .grid-module-viewport-header-filter-cell .form-group > input[data-state=ReadOnly]:active, .grid-module .grid-module-viewport-header-filter-cell .form-group > input[data-state=ReadOnly]:active:focus, .grid-module .grid-module-viewport-header-filter-cell .form-group > input[data-state=ReadOnly]:focus {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 5px !important;
}
.grid-module .grid-module-viewport-header-filter-cell .form-group .remove-standart-button {
  display: block;
  position: absolute;
  right: 1px;
  top: 1px;
  height: 18px;
  width: 18px;
  background-size: 16px;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div {
  height: 21px;
  line-height: 21px;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div.input-sm {
  display: none;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input {
  font-family: Roboto-Regular;
  transition: none !important;
  font-size: 14px;
  min-width: 100%;
  width: 100%;
  height: 21px !important;
  line-height: 21px;
  box-sizing: border-box;
  text-align: left;
  padding: 0 5px !important;
  border-radius: 0px !important;
  padding: 0;
  border: 1px solid #b6c3d3;
  background: #fff;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input.left {
  text-align: left !important;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0);
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input::-moz-placeholder {
  color: rgba(0, 0, 0, 0);
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0);
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input:-moz-placeholder {
  color: rgba(0, 0, 0, 0);
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input:hover {
  transition: none !important;
  border: 1px solid #e0e0e0;
  box-shadow: none !important;
  outline: none !important;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input:active, .grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input:active:focus {
  transition: none !important;
  width: 100%;
  border: 1px solid #e0e0e0;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 5px !important;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input:focus {
  transition: none !important;
  width: 100%;
  border: 1px solid #e0e0e0;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 5px !important;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input[data-state=ReadOnly] {
  pointer-events: none;
  border: 1px solid rgba(0, 45, 65, 0.2);
  background: #E9F0F2;
  color: #000;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input[data-state=ReadOnly]:hover {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}
.grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input[data-state=ReadOnly]:active, .grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input[data-state=ReadOnly]:active:focus, .grid-module .grid-module-viewport-header-filter-cell .numeric-form > div > div > input[data-state=ReadOnly]:focus {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 5px !important;
}

/*********END GRID-MODULE****************/
.zebra-separators-height-30 {
  position: relative;
  margin: 8px 0 12px 0;
}
.zebra-separators-height-30 .grid-module-viewport-content-cell > div, .zebra-separators-height-30 .grid-module-viewport-content-cell > p, .zebra-separators-height-30 .grid-module-viewport-content-cell > span {
  line-height: 30px;
  height: 30px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport {
  border: 0;
  display: flex;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header {
  background: #e3eaed;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-row {
  min-height: 30px !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row {
  display: flex;
  flex-direction: row;
  min-width: 100%;
  min-height: 30px !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box {
  display: inline-flex;
  justify-content: space-between;
  height: 29px !important;
  line-height: 29px !important;
  background: #e3eaed;
  border-bottom: 0px solid #dcdedf;
  cursor: pointer;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box > .resizible-handle.e-handle {
  z-index: 11;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box > .resizible-handle.e-handle:before {
  content: url(/content/img/marck-draga-and-drop-border-16-px-rest.svg);
  height: 24px;
  width: 18px;
  position: absolute;
  top: 4px;
  left: -4px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell {
  font-family: Roboto-Regular;
  color: #5f5f5f;
  font-size: 14px;
  background: #e3eaed;
  padding: 0;
  width: calc(100% - 30px);
  margin-left: 7px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently*/
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell::selection {
  background: transparent;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell > span {
  display: block;
  line-height: 31px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-size {
  min-width: 1px;
  min-height: 22px;
  width: 9px;
  border-left: 4px solid #e3eaed;
  border-right: 4px solid #e3eaed;
  background: #dcdedf;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting {
  min-width: 10px;
  min-height: 24px;
  cursor: pointer;
  margin-right: 5px;
  display: flex;
  align-items: center;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting.asc-sort:before, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting.desc-sort:before {
  color: #002D41;
  font-family: "MaterialIcons";
  font-size: 16px;
  line-height: 24px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting.asc-sort:before {
  content: "expand_less";
  font-size: 16px;
  line-height: 24px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting.desc-sort:before {
  content: "expand_more";
  font-size: 16px;
  line-height: 24px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting:hover:before {
  color: #0ca597;
  transition: 1s;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  background: #fafafa;
  border-bottom: 1px solid #dcdedf;
  border-top: 1px solid rgba(255, 255, 255, 0);
  height: 30px !important;
  line-height: 30px !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell .sorter {
  height: 30px !important;
  line-height: 30px !important;
  margin-top: 5px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:last-child {
  display: flex;
  width: 100%;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > span, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > p {
  height: 29px !important;
  line-height: 29px !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div > span, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > span > span, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > p > span {
  height: 21px !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div .input-wrapper, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > span .input-wrapper, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > p .input-wrapper {
  height: 21px !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div.data-service-column > span, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > span.data-service-column > span, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > p.data-service-column > span {
  height: 29px !important;
  line-height: 29px !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell .select-module {
  margin: 4px 0 !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0);
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0);
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell.selected {
  background: #ceedea !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.blue-row {
  background: #ceedea !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.blue-row {
  background: #ceedea !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-last-child(2) .grid-module-viewport-content-cell {
  border-bottom: 1px solid #dcdedf !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover {
  cursor: pointer;
  position: relative;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell {
  border-top: 1px solid #57c0b7;
  border-bottom: 1px solid #57c0b7;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid #57c0b7;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell:last-child {
  border-right: 1px solid #57c0b7;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(even) .grid-module-viewport-content-cell.blue-row {
  background: #ceedea !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(even).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(odd) .grid-module-viewport-content-cell.blue-row {
  background: #ceedea !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(odd).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .edit, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .remove {
  visibility: visible;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover + .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column {
  display: flex;
  flex-direction: column;
  min-width: 2px;
  min-height: fit-content;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-filter-cell {
  font-family: Roboto-Light;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  padding: 0 5px;
  background: #f7f9fb;
  border-bottom: 1px solid #d8e0e3;
  height: 24px;
  width: 100%;
  padding-left: 0px;
  padding-top: 2px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-filter-cell::selection {
  background: transparent;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box {
  display: inline-flex;
  min-width: 100%;
  justify-content: space-between;
  cursor: pointer;
  height: 23px;
  line-height: 23px;
  background: #E9F0F2;
  border-bottom: 1px solid #d8e0e3;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-header-cell {
  font-family: Roboto-Regular;
  color: #002D41;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  height: 20px;
  background: #e3eaed;
  min-height: 20px;
  width: calc(100% - 30px);
  margin-left: 7px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently*/
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-header-cell::selection {
  background: transparent;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-header-cell > span {
  display: block;
  line-height: 23px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-size {
  min-width: 1px;
  min-height: 22px;
  width: 6px;
  background: #E9F0F2;
  border-left: 1px solid #cdd6d8;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting {
  min-width: 10px;
  min-height: 24px;
  cursor: pointer;
  margin-right: 5px;
  display: flex;
  align-items: center;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting:before {
  color: #002D41;
  font-family: "MaterialIcons";
  content: "expand_more";
  font-size: 16px;
  line-height: 24px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting:hover:before, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting:active:before, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting:active:focus:before {
  color: #0ca597;
  transition: 1s;
  font-size: 16px;
  line-height: 24px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting.asc-sort:before {
  color: #0ca597;
  font-family: "MaterialIcons";
  content: "expand_less";
  font-size: 16px;
  line-height: 24px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting.desc-sort:before {
  color: #0ca597;
  font-family: "MaterialIcons";
  content: "expand_more";
  font-size: 16px;
  line-height: 24px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-content-cell {
  font-family: Roboto-Light;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  padding: 0 5px;
  background: #f0f5f7;
  border-bottom: 1px solid #d8e0e3;
  height: 20px;
  min-height: 20px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-content-cell > div {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-content-cell::selection {
  background: transparent;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-filter-column .grid-module-viewport-content-cell.hover {
  background: #ceedea;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row.blue-row:nth-child(even) .grid-module-viewport-content-cell, .zebra-separators-height-30 .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row.blue-row:nth-child(odd) .grid-module-viewport-content-cell {
  background: #c9ebe9 !important;
}
.zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row.blue-row:nth-child(even).hover .grid-module-viewport-content-cell, .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row.blue-row:nth-child(even) :hover .grid-module-viewport-content-cell, .zebra-separators-height-30 .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row.blue-row:nth-child(odd).hover .grid-module-viewport-content-cell, .zebra-separators-height-30 .zebra-separators-height-30 .grid-module .grid-module-viewport .grid-module-viewport-content-row.blue-row:nth-child(odd) :hover .grid-module-viewport-content-cell {
  background: #c9ebe9 !important;
}

.zebra-separators-package {
  position: relative;
  margin: 4px 0;
}
.zebra-separators-package.row-container {
  height: 100%;
}
.zebra-separators-package .grid-module .grid-module-viewport {
  border: 0;
  display: flex;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-header {
  background: #e3eaed;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-filter-row {
  min-height: 30px !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-header-row {
  min-height: 30px !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box {
  height: 29px !important;
  line-height: 29px !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell {
  font-family: Roboto-Medium;
  color: #828d99;
  background: #e3eaed;
  line-height: 30px !important;
  padding: 0;
  height: 30px !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell > span {
  line-height: 30px;
  height: 30px;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  height: 30px !important;
  line-height: 30px !important;
  border-top: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0);
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell + .grid-module-viewport-content-cell {
  position: relative;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell + .grid-module-viewport-content-cell:before {
  position: absolute;
  top: 3px;
  left: 0;
  content: "";
  display: block;
  height: 24px;
  width: 1px;
  background: #dcdedf;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:last-child {
  display: flex;
  width: 100%;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  height: 30px !important;
  line-height: 30px !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell .select-module {
  margin: 4px 0 !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:nth-last-child(2) .grid-module-viewport-content-cell {
  border-bottom: 1px solid #dcdedf !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell, .zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell {
  background: #ceedea;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell .edit, .zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell .remove, .zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .edit, .zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .remove {
  visibility: visible;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell {
  background: #f6f7f8 !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.blue-row {
  background: #ceedea !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).doc-added .grid-module-viewport-content-cell {
  background: rgba(0, 128, 0, 0.15) !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).doc-added.hover .grid-module-viewport-content-cell {
  background: rgba(0, 128, 0, 0.15) !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).doc-deleted {
  position: relative;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).doc-deleted .grid-module-viewport-content-cell {
  background: #feeae8 !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).doc-deleted .grid-module-viewport-content-cell:nth-child(1) > span {
  text-decoration: line-through;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).doc-deleted .grid-module-viewport-content-cell:nth-child(1) > span.add-back {
  text-decoration: none;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).doc-deleted.hover .grid-module-viewport-content-cell {
  background: #feeae8 !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell {
  background: #fff !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.blue-row {
  background: #ceedea !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).doc-added .grid-module-viewport-content-cell {
  background: rgba(0, 128, 0, 0.15) !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).doc-added.hover .grid-module-viewport-content-cell {
  background: rgba(0, 128, 0, 0.15) !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).doc-deleted {
  position: relative;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).doc-deleted .grid-module-viewport-content-cell {
  background: #feeae8 !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).doc-deleted .grid-module-viewport-content-cell:nth-child(1) > span {
  text-decoration: line-through;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).doc-deleted .grid-module-viewport-content-cell:nth-child(1) > span.add-back {
  text-decoration: none;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).doc-deleted.hover .grid-module-viewport-content-cell {
  background: #feeae8 !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover {
  cursor: pointer;
  position: relative;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell {
  border-top: 1px solid #57c0b7;
  border-bottom: 1px solid #57c0b7;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid #57c0b7;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(even) .grid-module-viewport-content-cell {
  background: #f6f7f8 !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(even) .grid-module-viewport-content-cell.blue-row {
  background: #ceedea !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(even).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(odd) .grid-module-viewport-content-cell {
  background: #fff !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(odd) .grid-module-viewport-content-cell.blue-row {
  background: #ceedea !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(odd).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators-package .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover + .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column {
  display: flex;
  flex-direction: column;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box {
  display: inline-flex;
  min-width: 100%;
  justify-content: space-between;
  cursor: pointer;
  height: 23px;
  line-height: 23px;
  background: #E9F0F2;
  border-bottom: 1px solid #d8e0e3;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-header-cell {
  font-family: Roboto-Regular;
  color: #002D41;
  font-size: 14px;
  line-height: 20px;
  background: #e3eaed;
  padding: 0;
  height: 20px;
  width: calc(100% - 30px);
  margin-left: 7px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently*/
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-header-cell::selection {
  background: transparent;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-header-cell > span {
  display: block;
  line-height: 23px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-size {
  min-width: 1px;
  min-height: 22px;
  width: 6px;
  background: #E9F0F2;
  border-left: 1px solid #cdd6d8;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting {
  min-width: 10px;
  min-height: 24px;
  cursor: pointer;
  margin-right: 5px;
  display: flex;
  align-items: center;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting:before {
  color: #002D41;
  font-family: "MaterialIcons";
  content: "expand_more";
  font-size: 16px;
  line-height: 24px;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting:hover:before, .zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting:active:before, .zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting:active:focus:before {
  color: #0ca597;
  transition: 1s;
  font-size: 16px;
  line-height: 24px;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting.asc-sort:before {
  color: #0ca597;
  font-family: "MaterialIcons";
  content: "expand_less";
  font-size: 16px;
  line-height: 24px;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-header-box .grid-module-viewport-sorting.desc-sort:before {
  color: #0ca597;
  font-family: "MaterialIcons";
  content: "expand_more";
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-content-cell {
  font-family: Roboto-Light;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  padding: 0 5px;
  background: #f7f9fb;
  border-bottom: 1px solid #d8e0e3;
  height: 20px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-content-cell > div {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-content-cell::selection {
  background: transparent;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-content-cell.hover {
  background: #ceedea;
}
.zebra-separators-package .zebra-separators-package-viewport-filter-column .grid-module-viewport-content-cell.blue-row {
  background: #ceedea !important;
}

.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  border-top: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0);
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0);
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0);
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell.blue-row {
  background: #ceedea !important;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell {
  background: #fafafa;
  border-bottom: 1px solid #dcdedf;
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.selected {
  background: #ceedea !important;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell {
  background: #fafafa;
  border-bottom: 1px solid #dcdedf;
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.selected {
  background: #ceedea !important;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.bold-row * {
  font-family: Roboto-Medium;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.green-row .grid-module-viewport-content-cell {
  background: #c6deb4 !important;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover {
  cursor: pointer;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(even) .grid-module-viewport-content-cell, .no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(odd) .grid-module-viewport-content-cell {
  border-top: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  background: #fafafa;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(even) .grid-module-viewport-content-cell:first-child, .no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(odd) .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0);
  padding: 0 5px 0 4px;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(even) .grid-module-viewport-content-cell:last-child, .no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(odd) .grid-module-viewport-content-cell:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0);
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover.green-row .grid-module-viewport-content-cell {
  background: #c6deb4;
}
.no-zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover.selected .grid-module-viewport-content-cell {
  background: #ceedea;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport {
  border: 0;
  display: flex;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-header {
  background: #e3eaed;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-filter-row {
  min-height: 24px;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-header-row {
  display: flex;
  flex-direction: row;
  min-width: 100%;
  min-height: 24px;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  height: 22px !important;
  line-height: 22px !important;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  line-height: 20px;
  background: #fafafa;
  border-top: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  height: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:last-child {
  display: flex;
  width: 100%;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  height: 22px;
  line-height: 22px;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell.selected {
  background: #ceedea !important;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell, .no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell {
  background: #ceedea;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell .edit, .no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell .remove, .no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .edit, .no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .remove {
  visibility: visible;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover {
  cursor: pointer;
  border-left: 1px solid #57c0b7;
  border-right: 1px solid #57c0b7;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell {
  border-top: 1px solid #57c0b7;
  border-bottom: 1px solid #57c0b7;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover:nth-child(even) .grid-module-viewport-content-cell {
  background: #fafafa !important;
}
.no-zebra .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover:nth-child(odd) .grid-module-viewport-content-cell {
  background: #f2f4f5 !important;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport {
  border: 0;
  display: flex;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-header {
  background: #e3eaed;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row .wrap-input {
  border: 1px solid rgba(0, 45, 65, 0.2);
  min-height: 17px;
  line-height: 17px;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row .wrap-input span {
  font-family: "Roboto-Regular";
  text-transform: capitalize;
  padding: 0 5px;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row .wrap-input:after {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 16px;
  width: 16px;
  right: 2px;
  top: 1px;
  transform: rotate(0deg);
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row:hover .wrap-input {
  border: 1px solid #e0e0e0;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row:hover .grid-module-viewport-content-cell {
  background: #c2e5e4;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row:hover .data-service-column a {
  visibility: visible;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-filter-row {
  min-height: 24px;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  height: 22px !important;
  line-height: 22px !important;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  background: #fafafa;
  border-bottom: 1px solid #dcdedf;
  border-top: 1px solid rgba(255, 255, 255, 0);
  height: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row .grid-module-viewport-content-cell:last-child {
  display: flex;
  width: 100%;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  height: 22px;
  line-height: 22px;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row .grid-module-viewport-content-cell.selected {
  background: #ceedea !important;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell, .no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell {
  background: #ceedea;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell .edit, .no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell .remove, .no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .edit, .no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .remove {
  visibility: visible;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover {
  cursor: pointer;
  border-left: 1px solid #57c0b7;
  border-right: 1px solid #57c0b7;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell {
  border-top: 1px solid #57c0b7;
  border-bottom: 1px solid #57c0b7 !important;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover:nth-child(even) .grid-module-viewport-content-cell {
  background: #fafafa !important;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover:nth-child(odd) .grid-module-viewport-content-cell {
  background: #f2f4f5 !important;
}
.no-zebra .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover + .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  border-top: 1px solid rgba(255, 255, 255, 0);
}

.zebra-separators .data-service-column a {
  height: 24px !important;
  line-height: 24px;
}
.zebra-separators .grid-module .grid-module-viewport {
  border: 0;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-header {
  background: #e3eaed;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  height: 24px !important;
  line-height: 22px !important;
  border-top: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  padding: 0 5px;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  height: 22px !important;
  line-height: 22px !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div input.field, .zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div input.field.type-text, .zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div input.field.number-input {
  margin: 0 !important;
  height: 20px !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0);
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0);
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell.blue-row {
  background: #ceedea !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell {
  background: #fafafa !important;
  border-bottom: 1px solid #dcdedf;
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.selected {
  background: #ceedea !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell {
  background: #f2f4f5;
  border-bottom: 1px solid #dcdedf;
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.selected {
  background: #ceedea !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).blue-row .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.bold-row * {
  font-family: Roboto-Medium;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.green-row .grid-module-viewport-content-cell {
  background: #c6deb4 !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover {
  cursor: pointer;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell {
  border-top: 1px solid #57c0b7;
  border-bottom: 1px solid #57c0b7;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid #57c0b7;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover .grid-module-viewport-content-cell:last-child {
  border-right: 1px solid #57c0b7;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(even) .grid-module-viewport-content-cell {
  background: #fafafa !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover:nth-child(odd) .grid-module-viewport-content-cell {
  background: #f2f4f5 !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover.bold-row * {
  font-family: Roboto-Medium;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover.green-row .grid-module-viewport-content-cell {
  background: #c6deb4 !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover.selected .grid-module-viewport-content-cell {
  background: #ceedea !important;
}
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover + .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  border-top: 1px solid rgba(255, 255, 255, 0) !important;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport {
  border: 0;
  display: flex;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-header {
  background: #e3eaed;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-filter-row {
  min-height: 24px;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-header-row {
  display: flex;
  flex-direction: row;
  min-width: 100%;
  min-height: 24px;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  height: 22px !important;
  line-height: 22px !important;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  line-height: 20px;
  background: #fafafa;
  border-top: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  height: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:last-child {
  display: flex;
  width: 100%;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  height: 22px;
  line-height: 22px;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell.selected {
  background: #ceedea !important;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell, .zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell {
  background: #ceedea;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell .edit, .zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell .remove, .zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .edit, .zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .remove {
  visibility: visible;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover {
  cursor: pointer;
  border-left: 1px solid #57c0b7;
  border-right: 1px solid #57c0b7;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell {
  border-top: 1px solid #57c0b7;
  border-bottom: 1px solid #57c0b7;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover:nth-child(even) .grid-module-viewport-content-cell {
  background: #fafafa !important;
}
.zebra-separators .grid-module-viewport-row:hover .white-line .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover:nth-child(odd) .grid-module-viewport-content-cell {
  background: #f2f4f5 !important;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport {
  border: 0;
  display: flex;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-header {
  background: #e3eaed;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row .wrap-input {
  border: 1px solid rgba(0, 45, 65, 0.2);
  min-height: 17px;
  line-height: 17px;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row .wrap-input span {
  font-family: "Roboto-Regular";
  text-transform: capitalize;
  padding: 0 5px;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row .wrap-input:after {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 16px;
  width: 16px;
  right: 2px;
  top: 1px;
  transform: rotate(0deg);
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row.hover .wrap-input, .zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row.selected .wrap-input {
  border: 1px solid #e0e0e0;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row:hover .grid-module-viewport-content-cell {
  background: #c2e5e4;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport .grid-module-viewport-row:hover .data-service-column a {
  visibility: visible;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-filter-row {
  min-height: 24px;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  height: 22px !important;
  line-height: 22px !important;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  background: #fafafa;
  border-bottom: 1px solid #dcdedf;
  border-top: 1px solid rgba(255, 255, 255, 0);
  height: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row .grid-module-viewport-content-cell:last-child {
  display: flex;
  width: 100%;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  height: 22px;
  line-height: 22px;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row .grid-module-viewport-content-cell.selected {
  background: #ceedea !important;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell, .zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell {
  background: #ceedea;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell .edit, .zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell .remove, .zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .edit, .zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell .remove {
  visibility: visible;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover {
  cursor: pointer;
  border-left: 1px solid #57c0b7;
  border-right: 1px solid #57c0b7;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover .grid-module-viewport-content-cell {
  border-top: 1px solid #57c0b7;
  border-bottom: 1px solid #57c0b7 !important;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover:nth-child(even) .grid-module-viewport-content-cell {
  background: #fafafa !important;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover:nth-child(odd) .grid-module-viewport-content-cell {
  background: #f2f4f5 !important;
}
.zebra-separators .grid-module-viewport-row:hover .row-separators .grid-module .grid-module-viewport-content-row.hover + .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  border-top: 1px solid rgba(255, 255, 255, 0);
}

.brokercompensation-grid {
  position: relative;
}
.brokercompensation-grid div[style="width: 0px;"] {
  display: none !important;
}
.brokercompensation-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-cell, .brokercompensation-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-top, .brokercompensation-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-right, .brokercompensation-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-bottom, .brokercompensation-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-left {
  background-color: #e8edf2 !important;
}
.brokercompensation-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-cell, .brokercompensation-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-top, .brokercompensation-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-right, .brokercompensation-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-bottom, .brokercompensation-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-left {
  background-color: #e8edf2 !important;
}
.brokercompensation-grid .grid-module-viewport-header-row .grid-module-viewport-header-box {
  background: #e8edf2;
  border-bottom: 1px solid #d1e0e5;
  border-left: 1px solid #d1e0e5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 73px;
  width: 73px;
  height: 39px !important;
  line-height: 39px !important;
}
.brokercompensation-grid .grid-module-viewport-header-row .grid-module-viewport-header-box.filter-column {
  display: none;
}
.brokercompensation-grid .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell {
  font-family: Roboto-Medium;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  margin: 0 10px 0 0;
  width: calc(100% - 20px);
  height: 40px !important;
  line-height: 40px !important;
}
.brokercompensation-grid .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell > div {
  line-height: 14px;
}
.brokercompensation-grid .grid-module-viewport-header-row .grid-module-viewport-header-box:nth-child(1) .grid-module-viewport-header-cell {
  margin: auto;
  width: calc(100% - 24px) !important;
  align-items: center;
}
.brokercompensation-grid .grid-module-viewport-header-row .grid-module-viewport-header-box:nth-child(2) .grid-module-viewport-header-cell {
  align-items: center;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell {
  height: 30px !important;
  line-height: 29px !important;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0);
  border-left: 1px solid #d1e0e5;
  border-bottom: 1px solid #d1e0e5;
  cursor: pointer;
  text-align: right;
  color: #000;
  font-family: Roboto-Regular;
  font-size: 14px;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell .check-box, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell .check-box-checked, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell .check-box, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell .check-box-checked {
  margin: 0 auto;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:last-child, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:last-child {
  display: block;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:nth-last-child(-n+1), .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:nth-last-child(-n+1) {
  border-right: 1px solid #d1e0e5;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:nth-child(1), .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell input, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell input {
  min-height: 26px !important;
  height: 26px !important;
  line-height: 26px !important;
  border: 0px solid rgba(255, 255, 255, 0) !important;
  outline: none !important;
  font-family: Roboto-Regular;
  font-size: 14px;
  text-align: right;
  color: #000;
  padding: 0 8px;
  width: 100%;
  position: absolute !important;
  left: 0;
  box-sizing: border-box;
  top: 0px;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell input[type=number], .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell input[type=number] {
  padding: 0 4px;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:hover, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:hover {
  border: 1px solid #4b5a6d !important;
  cursor: pointer;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:hover .dynamic-cell, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:hover .dynamic-cell {
  display: block !important;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.selected-cell, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.selected-cell {
  border: 2px solid #0ca597 !important;
  background: #fff !important;
  padding: 0 7px !important;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.selected-cell input, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.selected-cell input {
  cursor: text;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.focused-cell, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.focused-cell {
  border: 2px solid #0ca597 !important;
  background: #fff !important;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.focused-cell input, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.focused-cell input {
  cursor: text;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-cell, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-cell {
  border: 1px solid #d1e0e5 !important;
  background: #e8edf2 !important;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-cell input, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-cell input {
  cursor: text;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-top, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-top {
  background: #e8edf2 !important;
  border-top: 2px solid #0ca597 !important;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-right, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-right {
  background: #e8edf2 !important;
  border-right: 2px solid #0ca597 !important;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-bottom, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-bottom {
  background: #e8edf2 !important;
  border-bottom: 2px solid #0ca597 !important;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-left, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-left {
  background: #e8edf2 !important;
  border-left: 2px solid #0ca597 !important;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even):hover, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd):hover {
  cursor: pointer;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even):hover .grid-module-viewport-content-cell, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd):hover .grid-module-viewport-content-cell {
  border-bottom: 1px solid #dcdedf;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even):hover .grid-module-viewport-content-cell:first-child, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd):hover .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid #dcdedf;
  padding: 0 5px 0 4px;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even):hover .grid-module-viewport-content-cell:last-child, .brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd):hover .grid-module-viewport-content-cell:last-child {
  border-right: 1px solid #dcdedf;
  padding: 0 5px 0 4px;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-cell {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script .inline-script {
  margin: 3px 0 0 0;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script .inline-script .wrap-custom-input input {
  min-height: 21px !important;
  height: 21px !important;
  line-height: 21px !important;
  border: 1px solid #c9c9c9 !important;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script .inline-script .wrap-custom-input:hover input {
  border: 1px solid #4b5a6d !important;
}
.brokercompensation-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script .inline-script .wrap-custom-input button.script-button {
  height: 19px;
}

.loan-table-grid .grid-list-container .grid-module .grid-module-viewport.vertical .grid-module-viewport-header-row {
  width: fit-content;
}
.loan-table-grid .grid-list-container .grid-module .grid-module-viewport.vertical .grid-module-viewport-content {
  overflow: auto;
  box-sizing: border-box;
}
.loan-table-grid .grid-list-container .grid-module .grid-module-viewport.vertical .grid-module-viewport-content::-webkit-scrollbar {
  width: 10px;
  min-width: 10px;
}
.loan-table-grid .grid-list-container .grid-module .grid-module-viewport.vertical .grid-module-viewport-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 10px #fff;
}
.loan-table-grid .grid-list-container .grid-module .grid-module-viewport.vertical .grid-module-viewport-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
.loan-table-grid .grid-list-container .grid-module .grid-module-viewport.vertical .grid-module-viewport-content .grid-module-viewport-content-wrapper.vertical {
  display: block;
  height: fit-content;
  white-space: nowrap;
}
.loan-table-grid .grid-list-container .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > div {
  display: flex !important;
  align-items: center !important;
}

.read-write-settings-grid {
  position: relative;
  width: 605px;
}
.read-write-settings-grid div[style="width: 0px;"] {
  display: none !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 0 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell > span {
  width: 100%;
  text-overflow: initial !important;
  line-height: 1.4 !important;
  display: flex;
  height: inherit;
  justify-content: center;
  align-items: center;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:hover {
  padding: 0 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:hover > span {
  width: 100%;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:nth-child(1) > span {
  justify-content: flex-end;
  padding-right: 4px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:nth-child(1):hover {
  padding: 0 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:nth-child(1):hover > span {
  justify-content: flex-end;
  padding-right: 4px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell {
  height: 30px !important;
  line-height: 29px !important;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0);
  border-left: 1px solid #d1e0e5;
  border-bottom: 1px solid #d1e0e5;
  cursor: pointer;
  text-align: right;
  color: #000;
  font-family: Roboto-Regular;
  font-size: 14px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell .check-box, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell .check-box-checked, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell .check-box, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell .check-box-checked {
  margin: 0 auto;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:last-child, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:last-child {
  display: block;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:nth-last-child(-n+1), .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:nth-last-child(-n+1) {
  border-right: 1px solid #d1e0e5;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:nth-child(1), .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell input, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell input {
  min-height: 26px !important;
  height: 26px !important;
  line-height: 26px !important;
  border: 0px solid rgba(255, 255, 255, 0) !important;
  outline: none !important;
  font-family: Roboto-Regular;
  font-size: 14px;
  text-align: right;
  color: #000;
  padding: 0 8px;
  width: 100%;
  position: absolute !important;
  left: 0;
  box-sizing: border-box;
  top: 0px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell input[type=number], .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell input[type=number] {
  padding: 0 4px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:hover, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:hover {
  border: 1px solid #4b5a6d !important;
  cursor: pointer;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:hover .dynamic-cell, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:hover .dynamic-cell {
  display: block !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.selected-cell, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.selected-cell {
  border: 2px solid #0ca597 !important;
  background: #fff !important;
  padding: 0 7px !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.selected-cell input, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.selected-cell input {
  cursor: text;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.focused-cell, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.focused-cell {
  border: 2px solid #0ca597 !important;
  background: #fff !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.focused-cell input, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.focused-cell input {
  cursor: text;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-cell, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-cell {
  border: 1px solid #d1e0e5 !important;
  background: #e8edf2 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-cell input, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-cell input {
  cursor: text;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-top, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-top {
  background: #e8edf2 !important;
  border-top: 2px solid #0ca597 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-right, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-right {
  background: #e8edf2 !important;
  border-right: 2px solid #0ca597 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-bottom, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-bottom {
  background: #e8edf2 !important;
  border-bottom: 2px solid #0ca597 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-left, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-left {
  background: #e8edf2 !important;
  border-left: 2px solid #0ca597 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even):hover, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd):hover {
  cursor: pointer;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even):hover .grid-module-viewport-content-cell, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd):hover .grid-module-viewport-content-cell {
  border-bottom: 1px solid #dcdedf;
  background: #fff;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even):hover .grid-module-viewport-content-cell:first-child, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd):hover .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid #dcdedf;
  padding: 0 5px 0 4px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even):hover .grid-module-viewport-content-cell:last-child, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd):hover .grid-module-viewport-content-cell:last-child {
  border-right: 1px solid #dcdedf;
  padding: 0 5px 0 4px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-header-row {
  height: 124px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box {
  background: #e8edf2;
  border-bottom: 1px solid #d1e0e5;
  border-left: 1px solid #d1e0e5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end !important;
  height: 124px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box:empty {
  display: none !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box.filter-column {
  display: none;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell {
  font-family: Roboto-Medium !important;
  font-size: 13px;
  display: flex;
  flex-direction: row;
  align-items: center !important;
  margin: 0 3px 0 0;
  width: calc(100% - 20px);
  justify-content: center;
  padding: 0 !important;
  height: calc(100% - 8px) !important;
  margin-bottom: 4px;
  background: #e8edf2;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell > div {
  line-height: 14px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-header-row:nth-last-child(-n+1) {
  border-right: 1px solid #d1e0e5;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell {
  height: 30px !important;
  line-height: 30px !important;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0);
  border-left: 1px solid #d1e0e5;
  border-bottom: 1px solid #d1e0e5;
  cursor: pointer;
  align-items: center !important;
  text-align: right;
  color: #000;
  font-family: Roboto-Regular;
  font-size: 14px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell .check-box, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell .check-box-checked {
  margin: 0 auto;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell .dynamic-cell {
  min-height: 100% !important;
  background: #fff;
  border: 1px solid #fff !important;
  border-left: 1px solid #d1e0e5 !important;
  box-shadow: none;
  cursor: pointer;
  display: none !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell .dynamic-cell .remove {
  background: #fff;
  border: 0 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell .dynamic-cell .remove:hover, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell .dynamic-cell .remove:active, .read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell .dynamic-cell .remove:active:focus {
  background: #fed6d2;
  height: 100% !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell:last-child {
  display: block;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell:nth-last-child(-n+1) {
  border-right: 1px solid #d1e0e5;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell input {
  min-height: 26px !important;
  height: 26px !important;
  line-height: 26px !important;
  border: 0px solid rgba(255, 255, 255, 0) !important;
  outline: none !important;
  font-family: Roboto-Regular;
  font-size: 14px;
  text-align: right;
  color: #000;
  padding: 0 8px;
  width: 100%;
  position: absolute !important;
  left: 0;
  box-sizing: border-box;
  top: 0px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell input[type=number] {
  padding: 0 4px;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell[editable-selected] {
  background: #ceedea !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell[editable-focused~=true] {
  background: #fff !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell:hover {
  border: 1px solid #4b5a6d !important;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 8px !important;
  line-height: 30px !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell:hover .dynamic-cell {
  display: flex !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell:hover > span:empty + .dynamic-cell {
  display: none !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell.multi-selected-cell {
  border: 1px solid #d1e0e5 !important;
  background: #e8edf2 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell.multi-selected-cell input {
  cursor: text;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell.multi-selected-top {
  background: #e8edf2 !important;
  border-top: 2px solid #0ca597 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell.multi-selected-right {
  background: #e8edf2 !important;
  border-right: 2px solid #0ca597 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell.multi-selected-bottom {
  background: #e8edf2 !important;
  border-bottom: 2px solid #0ca597 !important;
}
.read-write-settings-grid .grid-module .grid-module-viewport .grid-module-viewport-content-cell.multi-selected-left {
  background: #e8edf2 !important;
  border-left: 2px solid #0ca597 !important;
}

.milestones-grid {
  position: relative;
}
.milestones-grid div[style="width: 0px;"] {
  display: none !important;
}
.milestones-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell {
  background: #fff !important;
}
.milestones-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-cell, .milestones-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-top, .milestones-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-right, .milestones-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-bottom, .milestones-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-left {
  background-color: #e8edf2 !important;
}
.milestones-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell {
  background: #f6f7f8 !important;
}
.milestones-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-cell, .milestones-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-top, .milestones-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-right, .milestones-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-bottom, .milestones-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-left {
  background-color: #e8edf2 !important;
}
.milestones-grid .grid-module-viewport-header-row .grid-module-viewport-header-box {
  background: #e8edf2;
  border-bottom: 1px solid #d1e0e5;
  border-left: 1px solid #d1e0e5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 73px;
  width: 73px;
}
.milestones-grid .grid-module-viewport-header-row .grid-module-viewport-header-box.filter-column {
  display: none;
}
.milestones-grid .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell {
  height: 30px;
  font-family: Roboto-Medium;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  margin: 0 10px 0 0;
  width: calc(100% - 20px);
}
.milestones-grid .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell > div {
  line-height: 14px;
}
.milestones-grid .grid-module-viewport-header-row:nth-last-child(-n+1) {
  border-right: 1px solid #d1e0e5;
}
.milestones-grid .grid-module-viewport-content-cell {
  height: 30px !important;
  line-height: 30px !important;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0);
  border-left: 1px solid #d1e0e5;
  border-bottom: 1px solid #d1e0e5;
  cursor: pointer;
  text-align: right;
  color: #000;
  font-family: Roboto-Regular;
  font-size: 14px;
}
.milestones-grid .grid-module-viewport-content-cell .check-box, .milestones-grid .grid-module-viewport-content-cell .check-box-checked {
  margin: 0 auto;
}
.milestones-grid .grid-module-viewport-content-cell .dynamic-cell {
  min-height: 100% !important;
  background: #fff;
  border: 1px solid #fff !important;
  border-left: 1px solid #d1e0e5 !important;
  box-shadow: none;
  cursor: pointer;
  display: none !important;
}
.milestones-grid .grid-module-viewport-content-cell .dynamic-cell .remove {
  background: #fff;
  border: 0 !important;
}
.milestones-grid .grid-module-viewport-content-cell .dynamic-cell .remove:hover, .milestones-grid .grid-module-viewport-content-cell .dynamic-cell .remove:active, .milestones-grid .grid-module-viewport-content-cell .dynamic-cell .remove:active:focus {
  background: #fed6d2;
  height: 100% !important;
}
.milestones-grid .grid-module-viewport-content-cell:last-child {
  display: block;
}
.milestones-grid .grid-module-viewport-content-cell:nth-last-child(-n+1) {
  border-right: 1px solid #d1e0e5;
}
.milestones-grid .grid-module-viewport-content-cell input {
  min-height: 26px !important;
  height: 26px !important;
  line-height: 26px !important;
  border: 0px solid rgba(255, 255, 255, 0) !important;
  outline: none !important;
  font-family: Roboto-Regular;
  font-size: 14px;
  text-align: right;
  color: #000;
  padding: 0 8px;
  width: 100%;
  position: absolute !important;
  left: 0;
  box-sizing: border-box;
  top: 0px;
}
.milestones-grid .grid-module-viewport-content-cell:hover {
  border: 1px solid #4b5a6d !important;
  cursor: pointer;
}
.milestones-grid .grid-module-viewport-content-cell:hover .dynamic-cell {
  display: flex !important;
}
.milestones-grid .grid-module-viewport-content-cell:hover > span:empty + .dynamic-cell {
  display: none !important;
}
.milestones-grid .grid-module-viewport-content-cell.selected-cell {
  border: 2px solid #0ca597 !important;
  background: #fff !important;
}
.milestones-grid .grid-module-viewport-content-cell.selected-cell input {
  cursor: text;
}
.milestones-grid .grid-module-viewport-content-cell.focused-cell {
  border: 2px solid #0ca597 !important;
  background: #fff !important;
}
.milestones-grid .grid-module-viewport-content-cell.focused-cell input {
  cursor: text;
}
.milestones-grid .grid-module-viewport-content-cell.multi-selected-cell {
  border: 1px solid #d1e0e5 !important;
  background: #e8edf2 !important;
}
.milestones-grid .grid-module-viewport-content-cell.multi-selected-cell input {
  cursor: text;
}
.milestones-grid .grid-module-viewport-content-cell.multi-selected-top {
  background: #e8edf2 !important;
  border-top: 2px solid #0ca597 !important;
}
.milestones-grid .grid-module-viewport-content-cell.multi-selected-right {
  background: #e8edf2 !important;
  border-right: 2px solid #0ca597 !important;
}
.milestones-grid .grid-module-viewport-content-cell.multi-selected-bottom {
  background: #e8edf2 !important;
  border-bottom: 2px solid #0ca597 !important;
}
.milestones-grid .grid-module-viewport-content-cell.multi-selected-left {
  background: #e8edf2 !important;
  border-left: 2px solid #0ca597 !important;
}

.type-admin-grid {
  position: relative;
  padding: 0;
  max-height: calc(100% - 44px);
}
.type-admin-grid .grid-list-container {
  height: 100%;
}
.type-admin-grid div[style="width: 0px;"] {
  display: none !important;
}
.type-admin-grid > .zebra-separators-height-30 {
  margin: 0;
}
.type-admin-grid .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  display: flex !important;
  align-items: center;
  line-height: 25px !important;
  justify-content: flex-start !important;
}
.type-admin-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell {
  background: #fff !important;
}
.type-admin-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-cell, .type-admin-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-top, .type-admin-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-right, .type-admin-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-bottom, .type-admin-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-left {
  background-color: #e8edf2 !important;
}
.type-admin-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell {
  background: #fff !important;
}
.type-admin-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-cell, .type-admin-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-top, .type-admin-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-right, .type-admin-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-bottom, .type-admin-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-left {
  background-color: #e8edf2 !important;
}
.type-admin-grid .grid-module-viewport-content-row .grid-module-viewport-content-cell:nth-child(1) {
  background: #e3eaed !important;
  justify-content: center !important;
}
.type-admin-grid .grid-module-viewport-content-row .grid-module-viewport-content-cell:nth-child(1).multi-selected-cell, .type-admin-grid .grid-module-viewport-content-row .grid-module-viewport-content-cell:nth-child(1).multi-selected-top, .type-admin-grid .grid-module-viewport-content-row .grid-module-viewport-content-cell:nth-child(1).multi-selected-right, .type-admin-grid .grid-module-viewport-content-row .grid-module-viewport-content-cell:nth-child(1).multi-selected-bottom, .type-admin-grid .grid-module-viewport-content-row .grid-module-viewport-content-cell:nth-child(1).multi-selected-left {
  background-color: #e3eaed !important;
}
.type-admin-grid .grid-module-viewport-content-row:nth-child(1) .grid-module-viewport-content-cell {
  background: #e3eaed !important;
}
.type-admin-grid .grid-module-viewport-content-row:nth-child(1) .grid-module-viewport-content-cell.multi-selected-cell, .type-admin-grid .grid-module-viewport-content-row:nth-child(1) .grid-module-viewport-content-cell.multi-selected-top, .type-admin-grid .grid-module-viewport-content-row:nth-child(1) .grid-module-viewport-content-cell.multi-selected-right, .type-admin-grid .grid-module-viewport-content-row:nth-child(1) .grid-module-viewport-content-cell.multi-selected-bottom, .type-admin-grid .grid-module-viewport-content-row:nth-child(1) .grid-module-viewport-content-cell.multi-selected-left {
  background-color: #e3eaed !important;
}
.type-admin-grid .grid-module-viewport-header-row .grid-module-viewport-header-box {
  background: #e8edf2;
  border-bottom: 1px solid #d1e0e5;
  border-left: 1px solid #d1e0e5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end !important;
}
.type-admin-grid .grid-module-viewport-header-row .grid-module-viewport-header-box:empty {
  display: none !important;
}
.type-admin-grid .grid-module-viewport-header-row .grid-module-viewport-header-box.filter-column {
  display: none;
}
.type-admin-grid .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell {
  font-family: Roboto-Medium !important;
  font-size: 13px;
  display: flex;
  flex-direction: row;
  align-items: center !important;
  margin: 0 10px 0 0;
  width: calc(100% - 20px);
  justify-content: center;
  padding: 0 !important;
  height: calc(100% - 8px) !important;
  margin-bottom: 4px;
}
.type-admin-grid .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell > div {
  line-height: 14px;
}
.type-admin-grid .grid-module-viewport-header-row:nth-last-child(-n+1) {
  border-right: 1px solid #d1e0e5;
}
.type-admin-grid .grid-module-viewport-content-cell {
  height: 30px !important;
  line-height: 30px !important;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0);
  border-left: 1px solid #d1e0e5;
  border-bottom: 1px solid #d1e0e5;
  cursor: pointer;
  align-items: center !important;
  text-align: right;
  color: #000;
  font-family: Roboto-Regular;
  font-size: 14px;
}
.type-admin-grid .grid-module-viewport-content-cell .check-box, .type-admin-grid .grid-module-viewport-content-cell .check-box-checked {
  margin: 0 auto;
}
.type-admin-grid .grid-module-viewport-content-cell .dynamic-cell {
  min-height: 100% !important;
  background: #fff;
  border: 1px solid #fff !important;
  border-left: 1px solid #d1e0e5 !important;
  box-shadow: none;
  cursor: pointer;
  display: none !important;
}
.type-admin-grid .grid-module-viewport-content-cell .dynamic-cell .remove {
  background: #fff;
  border: 0 !important;
}
.type-admin-grid .grid-module-viewport-content-cell .dynamic-cell .remove:hover, .type-admin-grid .grid-module-viewport-content-cell .dynamic-cell .remove:active, .type-admin-grid .grid-module-viewport-content-cell .dynamic-cell .remove:active:focus {
  background: #fed6d2;
  height: 100% !important;
}
.type-admin-grid .grid-module-viewport-content-cell:last-child {
  display: block;
}
.type-admin-grid .grid-module-viewport-content-cell:nth-last-child(-n+1) {
  border-right: 1px solid #d1e0e5;
}
.type-admin-grid .grid-module-viewport-content-cell input {
  min-height: 26px !important;
  height: 26px !important;
  line-height: 26px !important;
  border: 0px solid rgba(255, 255, 255, 0) !important;
  outline: none !important;
  font-family: Roboto-Regular;
  font-size: 14px;
  text-align: right;
  color: #000;
  padding: 0 8px;
  width: 100%;
  position: absolute !important;
  left: 0;
  box-sizing: border-box;
  top: 0px;
}
.type-admin-grid .grid-module-viewport-content-cell input[type=number] {
  padding: 0 4px;
}
.type-admin-grid .grid-module-viewport-content-cell:hover {
  border: 1px solid #4b5a6d !important;
  cursor: pointer;
}
.type-admin-grid .grid-module-viewport-content-cell:hover .dynamic-cell {
  display: flex !important;
}
.type-admin-grid .grid-module-viewport-content-cell:hover > span:empty + .dynamic-cell {
  display: none !important;
}
.type-admin-grid .grid-module-viewport-content-cell.selected-cell {
  border: 2px solid #0ca597 !important;
  background: #fff !important;
  padding: 0 7px !important;
}
.type-admin-grid .grid-module-viewport-content-cell.selected-cell input {
  cursor: text;
}
.type-admin-grid .grid-module-viewport-content-cell.focused-cell {
  border: 2px solid #0ca597 !important;
  background: #fff !important;
}
.type-admin-grid .grid-module-viewport-content-cell.focused-cell input {
  cursor: text;
}
.type-admin-grid .grid-module-viewport-content-cell.multi-selected-cell {
  border: 1px solid #d1e0e5 !important;
  background: #e8edf2 !important;
}
.type-admin-grid .grid-module-viewport-content-cell.multi-selected-cell input {
  cursor: text;
}
.type-admin-grid .grid-module-viewport-content-cell.multi-selected-top {
  background: #e8edf2 !important;
  border-top: 2px solid #0ca597 !important;
}
.type-admin-grid .grid-module-viewport-content-cell.multi-selected-right {
  background: #e8edf2 !important;
  border-right: 2px solid #0ca597 !important;
}
.type-admin-grid .grid-module-viewport-content-cell.multi-selected-bottom {
  background: #e8edf2 !important;
  border-bottom: 2px solid #0ca597 !important;
}
.type-admin-grid .grid-module-viewport-content-cell.multi-selected-left {
  background: #e8edf2 !important;
  border-left: 2px solid #0ca597 !important;
}

.loan-invoices-grid {
  position: relative;
  height: 100%;
}
.loan-invoices-grid div[style="width: 0px;"] {
  display: none !important;
}
.loan-invoices-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-cell, .loan-invoices-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-top, .loan-invoices-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-right, .loan-invoices-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-bottom, .loan-invoices-grid .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-left {
  background-color: #e8edf2 !important;
}
.loan-invoices-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-cell, .loan-invoices-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-top, .loan-invoices-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-right, .loan-invoices-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-bottom, .loan-invoices-grid .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-left {
  background-color: #e8edf2 !important;
}
.loan-invoices-grid .grid-module-viewport-header {
  min-height: 40px !important;
}
.loan-invoices-grid .grid-module-viewport-header-row .grid-module-viewport-header-box {
  background: #e8edf2;
  border-bottom: 1px solid #d1e0e5;
  border-left: 1px solid #d1e0e5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 73px;
  width: 73px;
  height: 39px !important;
  line-height: 39px !important;
  flex-direction: row;
}
.loan-invoices-grid .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-sorting {
  display: flex;
}
.loan-invoices-grid .grid-module-viewport-header-row .grid-module-viewport-header-box.filter-column {
  display: none;
}
.loan-invoices-grid .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell {
  font-family: Roboto-Medium;
  font-size: 13px;
  display: block;
  justify-content: center;
  margin: 0 0 0 4px !important;
  width: calc(100% - 20px) !important;
  line-height: 40px !important;
}
.loan-invoices-grid .grid-module-viewport-header-row .grid-module-viewport-header-box .grid-module-viewport-header-cell > div {
  line-height: 14px;
}
.loan-invoices-grid .grid-module-viewport-header-row .grid-module-viewport-header-box:nth-child(1) .grid-module-viewport-header-cell, .loan-invoices-grid .grid-module-viewport-header-row .grid-module-viewport-header-box:nth-child(11) .grid-module-viewport-header-cell, .loan-invoices-grid .grid-module-viewport-header-row .grid-module-viewport-header-box:nth-child(13) .grid-module-viewport-header-cell {
  align-items: flex-end;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0);
  border-left: 1px solid #d1e0e5;
  border-bottom: 1px solid #d1e0e5;
  text-align: left;
  color: #000;
  font-family: Roboto-Regular;
  font-size: 14px;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell a, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell a {
  width: 100%;
  text-decoration: underline;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell .to-right, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell .to-right {
  text-align: right !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell .check-box, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell .check-box-checked, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell .check-box, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell .check-box-checked {
  margin: 0 auto;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:last-child, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:last-child {
  display: block;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:nth-last-child(-n+1), .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:nth-last-child(-n+1) {
  border-right: 1px solid #d1e0e5;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell:nth-child(1), .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell input, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell input {
  border: 0px solid rgba(255, 255, 255, 0) !important;
  outline: none !important;
  font-family: Roboto-Regular;
  font-size: 14px;
  text-align: right;
  color: #000;
  padding: 0 8px;
  width: 100%;
  left: 0;
  box-sizing: border-box;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell input[type=number], .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell input[type=number] {
  padding: 0 4px;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.selected-cell, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.selected-cell {
  border: 2px solid #0ca597 !important;
  background: #fff !important;
  padding: 0 7px !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.selected-cell input, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.selected-cell input {
  cursor: text;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.focused-cell, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.focused-cell {
  border: 2px solid #0ca597 !important;
  background: #fff !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.focused-cell input, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.focused-cell input {
  cursor: text;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-cell, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-cell {
  border: 1px solid #d1e0e5 !important;
  background: #e8edf2 !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-cell input, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-cell input {
  cursor: text;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-top, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-top {
  background: #e8edf2 !important;
  border-top: 2px solid #0ca597 !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-right, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-right {
  background: #e8edf2 !important;
  border-right: 2px solid #0ca597 !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-bottom, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-bottom {
  background: #e8edf2 !important;
  border-bottom: 2px solid #0ca597 !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even) .grid-module-viewport-content-cell.multi-selected-left, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd) .grid-module-viewport-content-cell.multi-selected-left {
  background: #e8edf2 !important;
  border-left: 2px solid #0ca597 !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell:nth-child(11) {
  align-items: flex-end;
  text-align: right !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-cell {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .input-wrapper {
  border: 1px solid #c9c9c9 !important;
  height: 20px;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .input-wrapper:hover, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .input-wrapper:active, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .input-wrapper:active:focus {
  border: 1px solid #4b5a6d !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row:hover input {
  border: 1px solid #4b5a6d !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script .inline-script {
  margin: 3px 0 0 0;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script .inline-script .wrap-custom-input input {
  min-height: 21px !important;
  height: 21px !important;
  line-height: 21px !important;
  border: 1px solid #c9c9c9 !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script .inline-script .wrap-custom-input input:hover, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script .inline-script .wrap-custom-input input:active, .loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script .inline-script .wrap-custom-input input:active:focus {
  border: 1px solid #4b5a6d !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script .inline-script .wrap-custom-input:hover input {
  border: 1px solid #4b5a6d !important;
}
.loan-invoices-grid .grid-module .grid-module-viewport .grid-module-viewport-content-row .flex-script .inline-script .wrap-custom-input button.script-button {
  height: 19px;
}
.loan-invoices-grid .grid-module-viewport-header-row .grid-module-viewport-header-box.filter-column {
  display: block !important;
  width: 35px;
}

.grid-link {
  padding: 0 5px;
  line-height: 21px;
  height: 21px;
  min-height: 21px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
  font-size: 13px;
  text-overflow: ellipsis;
  border: 0;
  outline: none;
  box-shadow: 0;
  background: rgba(255, 255, 255, 0);
}
.grid-link:hover {
  text-decoration: underline;
}
.grid-link.restore {
  color: #64a81a;
}
.grid-link.create {
  color: #0ca597;
}
.grid-link.rejecte {
  color: #f5a623;
}
.grid-link.publish {
  color: #5f5f5f;
}
.grid-link.delete {
  color: #fa4533;
}
.grid-link[disabled], .grid-link.disabled, .grid-link[disable] {
  pointer-events: none;
  color: #999 !important;
  user-select: none;
}

.grid-module a.disabled, .grid-module a[disabled] {
  pointer-events: none !important;
  cursor: initial !important;
  color: #999 !important;
}
.grid-module button.disabled, .grid-module button[disabled] {
  pointer-events: none !important;
  color: #999 !important;
  cursor: initial !important;
}

button.pdf-convertion-review {
  color: #0ca597;
  margin-left: 4px !important;
  background: rgba(255, 255, 255, 0);
  font-family: "Roboto-Light";
  border: 0;
}
button.pdf-convertion-review:hover {
  background: rgba(255, 255, 255, 0);
  color: #027373;
}

/***** Legal Report ******/
aside.legal-server-side {
  width: 164px !important;
  top: 40px !important;
}
aside.legal-server-side + #main {
  margin-left: 164px !important;
  max-width: initial;
  width: initial;
  overflow: hidden;
}

.legal-reports-app .nmls-report-wrapper {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: calc(100vh - 94px);
  width: 100%;
}
.legal-reports-app .legal-report-panel {
  background: white;
  border-radius: 2px;
  color: #304156;
  padding: 0 8px 0 8px;
  margin: 0 4px 5px 4px;
  width: 300px;
  height: 100%;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
}
.legal-reports-app .legal-report-panel + .legal-report-panel {
  width: 500px;
  margin: 0 4px 5px 0;
}
.legal-reports-app .legal-report-panel .legal-report-h {
  color: #304156;
  font-size: 16px;
  line-height: 32px;
  font-family: Roboto-Medium, sans-serif;
  margin: 0 0 6px 0;
  padding: 0 4px;
  border-bottom: 1px solid #dcdedf;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.legal-reports-app .legal-report-panel .legal-report-row {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex;
  min-height: 24px;
  padding: 0 4px;
}
.legal-reports-app .legal-report-panel .legal-report-row.pa-lender {
  display: grid;
  grid-template-columns: 230px 170px 166px;
}
.legal-reports-app .legal-report-panel .legal-report-row.pa-lender span {
  font-size: 10.5px;
  margin-left: 3px;
  margin-top: 3px;
}
.legal-reports-app .legal-report-panel .legal-report-row.center {
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}
.legal-reports-app .legal-report-panel .legal-report-row.red-label {
  color: #ff2b00 !important;
}
.legal-reports-app .legal-report-panel .legal-report-row.red-label a {
  font-family: Roboto-Medium, sans-serif;
}
.legal-reports-app .legal-report-panel .legal-report-row label {
  min-width: 68px;
}
.legal-reports-app .legal-report-panel .legal-report-row label.lg {
  min-width: 122px;
}
.legal-reports-app .legal-report-panel .legal-report-row label + div {
  width: 100%;
}
.legal-reports-app .legal-report-panel .legal-report-row label.sh + div {
  width: 50px;
}
.legal-reports-app .legal-report-panel .legal-report-row label.sm + div {
  width: 70px;
}
.legal-reports-app .legal-report-panel .legal-report-row label.sx + div {
  width: 81px;
}
.legal-reports-app .legal-report-panel .legal-report-row label.md + div {
  width: 140px;
}
.legal-reports-app .legal-report-panel .legal-report-row label.medium + div {
  width: 242px;
}
.legal-reports-app .legal-report-panel.settings {
  width: 590px;
  padding: 8px;
}
.legal-reports-app .legal-report-panel.settings .legal-report-row.pa-lender {
  display: grid;
  grid-template-columns: 230px 170px 166px;
}
.legal-reports-app .legal-report-panel.settings .legal-report-row.pa-lender span {
  font-size: 10.5px;
  margin-left: 3px;
  margin-top: 3px;
}
.legal-reports-app .legal-report-panel.settings .legal-report-row label {
  min-width: 230px;
}
.legal-reports-app .legal-report-history {
  background: #fafafa;
  border-radius: 2px;
  color: #304156;
  padding: 0 8px 8px 8px;
  margin: 0 4px 5px 0;
  width: calc(100% - 310px);
  height: 100%;
}
.legal-reports-app .legal-report-history .legal-report-h {
  color: #304156;
  font-size: 16px;
  line-height: 32px;
  font-family: Roboto-Medium, sans-serif;
  margin: 0 0 6px 0;
  padding: 0 4px;
  border-bottom: 1px solid #dcdedf;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.legal-reports-app .legal-report-history .legal-report-h > span {
  width: 250px;
}
.legal-reports-app .legal-report-history .legal-report-h > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.legal-reports-app .legal-report-history .legal-report-h > div + div {
  margin-left: 28px;
}
.legal-reports-app .legal-report-history .legal-report-h > div label {
  font-size: 14px;
  font-family: Roboto-Regular, sans-serif;
  margin-right: 4px;
}
.legal-reports-app .legal-report-history .legal-report-h > div label + div {
  width: 100px;
}
.legal-reports-app .legal-report-history .legal-report-h > div:last-child > a {
  font-family: Roboto-Medium, sans-serif;
}
.legal-reports-app .legal-report-history .legal-report-grid {
  height: calc(100% - 36px);
}
.legal-reports-app .legal-report-wrapper {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  height: 100%;
}
.legal-reports-app .legal-report-wrapper + .legal-report-panel {
  width: 804px;
  padding: 8px;
}
.legal-reports-app .legal-report-excel {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  min-height: 24px;
  display: flex;
  flex-direction: row;
}
.legal-reports-app .legal-report-excel label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #1f7244;
  align-items: center;
  display: flex;
  width: 164px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.legal-reports-app .legal-report-excel label:after {
  content: url(/content/img/excel.svg);
  width: 16px;
  margin-left: 8px;
}
.legal-reports-app .legal-report-excel label:hover, .legal-reports-app .legal-report-excel label:active, .legal-reports-app .legal-report-excel label:active:focus {
  color: #014018;
}
.legal-reports-app .legal-report-excel.nmls label {
  width: 250px;
}

/*** end Legal Report ****/
.modal-body-item-wrapper, .modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar, .modals.user-profile-change .user-profile-change-wrapper, .modals.phone-num-validation .phone-num-validation-wrapper, .modals.edit-user-profile .modal-window .modals-body .edit-user-body .user-roles-groups .user-roles-groups-col, .modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel, .modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column:first-child .userdetails-block, .modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column:not(:first-child), .modals.edit-user-profile .modal-window .modals-body .edit-user-header, .modals.modal-company-picker .modal-column {
  background-color: white;
  padding: 8px;
  box-shadow: 0 0 1px rgba(40, 41, 61, 0.04), 0 1px 2px rgba(96, 97, 112, 0.16);
  border-radius: 2px;
  margin-top: 4px;
}
.modal-body-item-wrapper:first-child, .modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar:first-child, .modals.user-profile-change .user-profile-change-wrapper:first-child, .modals.phone-num-validation .phone-num-validation-wrapper:first-child, .modals.edit-user-profile .modal-window .modals-body .edit-user-body .user-roles-groups .user-roles-groups-col:first-child, .modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel:first-child, .modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column:first-child .userdetails-block:first-child, .modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column:first-child:not(:first-child), .modals.edit-user-profile .modal-window .modals-body .edit-user-header:first-child, .modals.modal-company-picker .modal-column:first-child {
  margin-top: 0;
}

.modals {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 38, 35, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modals .modal-window {
  border-radius: 6px;
  background-color: white;
  max-height: calc(100% - 120px);
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.modals .modal-window .modals-header {
  margin: 0;
  padding: 4px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modals .modal-window .modals-header > div, .modals .modal-window .modals-header > h3 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: unset;
}
.modals .modal-window .modals-header .close {
  opacity: 1;
  height: 24px;
  background: rgba(0, 0, 0, 0);
  width: 24px;
  margin: 0;
  user-select: none;
  transition: all 0.2s ease-in-out;
}
.modals .modal-window .modals-header .close:hover {
  filter: brightness(0.5);
}
.modals .modal-window .modals-header .close:before {
  content: "";
  background: url(/content/img/ic-close.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  display: block;
}
.modals .modal-window .modals-body {
  background-color: #eaebec;
  padding: 4px;
  max-height: calc(100% - 78px);
  overflow: auto;
  position: relative;
  color: #000000;
}
.modals .modal-window .modals-footer {
  padding: 8px;
  background: #fafafa;
  box-shadow: inset 0 1px 0 #ebedf5;
  border-radius: 0 0 6px 6px;
  display: flex;
  justify-content: flex-end;
}
.modals .modal-window .modals-footer > .footer-wrap {
  display: flex;
}
.modals.modal-company-picker .modals-body {
  display: flex;
  overflow: hidden !important;
}
.modals.modal-company-picker .modals-body .company-picker-wrapper {
  overflow: auto;
  height: calc(100% - 28px);
  margin-top: 8px;
  scrollbar-gutter: stable;
  width: calc(100% + 8px);
}
.modals.modal-company-picker .modals-body .company-picker-wrapper .modal-row {
  cursor: pointer;
  width: 100%;
  border: 1px solid transparent;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 21px;
  transition: all 0.2s ease-in-out;
  padding: 0 4px;
  border-radius: 2px;
}
.modals.modal-company-picker .modals-body .company-picker-wrapper .modal-row:hover {
  border: 1px solid #0ca597;
}
.modals.modal-company-picker .modal-filter-row {
  display: flex;
}
.modals.modal-company-picker .modal-filter-row > div {
  width: 100%;
}
.modals.modal-company-picker .modal-filter-row > label {
  margin: 0 4px 0 16px;
  line-height: 21px;
}
.modals.modal-company-picker .modal-filter-row .select-module {
  min-width: 75px;
  width: 75px;
}
.modals.confirmation .modal-window {
  min-width: 500px;
}
.modals.confirmation .modals-header > div {
  color: #e54322;
}
.modals.confirmation .modals-body {
  background-color: #f2f2f2;
}
.modals.confirmation .modal-column {
  box-shadow: 0 1px 2px 0 rgba(96, 97, 112, 0.16), 0 0 1px 0 rgba(40, 41, 61, 0.04);
  border-radius: 2px;
  background-color: white;
  padding: 8px;
}
.modals.confirmation .modal-column label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.modals.edit-user-profile .modal-window {
  min-width: 1032px;
  max-width: 1274px;
}
.modals.edit-user-profile .modal-window .modals-body {
  min-height: 400px;
  display: flex;
  flex-direction: column;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-header {
  padding: 8px 0;
  margin-bottom: 4px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-header .link-active,
.modals.edit-user-profile .modal-window .modals-body .edit-user-header .link-inactive {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 8px;
  position: relative;
  color: #0ca597;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-header .link-active:before,
.modals.edit-user-profile .modal-window .modals-body .edit-user-header .link-inactive:before {
  content: "";
  height: 4px;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-header .link-inactive:hover {
  color: #0b8e83;
  background-color: #f9fbfb;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-header .link-active:before {
  content: "";
  height: 4px;
  width: 100%;
  background: #0ca597;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 2px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body {
  flex: 1;
  display: flex;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails {
  display: flex;
  width: 100%;
  max-width: 1180px;
  min-height: 100%;
  gap: 4px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column {
  flex: 1;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column:not(:first-child) {
  margin-top: 0;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column:first-child .userdetails-block:last-child {
  height: 100%;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column h3 {
  margin: 0;
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  line-height: 22px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .userdetails-block .admin-block-h {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .userdetails-block .admin-block-h .modal-standart-button {
  border: 1px solid #e9ebec;
  font-size: 13px !important;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row {
  display: flex;
  width: 100%;
  font-size: 14px;
  align-items: center;
  line-height: 20px;
  font-family: Roboto-Regular, sans-serif;
  margin-top: 8px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row:first-child {
  margin-top: 0;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row label {
  min-width: 94px;
  width: 94px;
  color: #000;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row .input-main-wrapper {
  width: 100%;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .date-of-birth > div {
  max-width: 88px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .state > label:last-of-type {
  margin: 0 4px 0 14px;
  width: auto;
  min-width: unset;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .state > label:last-of-type + div {
  width: 62px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .state > label:last-of-type + div input {
  text-align: right !important;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row.row-with-checkbox > label {
  width: 100%;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .ext label:first-child + div {
  width: auto;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .ext .input-main-wrapper:last-of-type {
  width: 69px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .ext .ext-label {
  margin: 0 4px 0 26px;
  width: auto;
  min-width: unset;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .ext.zip input {
  width: 54px !important;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .ext.zip .ext-label {
  margin: 0 4px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .ext.zip .input-main-wrapper {
  width: auto;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .ext.zip .input-main-wrapper input {
  width: 44px !important;
  text-align: right !important;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .phone-row {
  position: relative;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .phone-row div:first-of-type {
  max-width: 129px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row + .phone-row span {
  color: #4a4e5f;
  font-size: 13px !important;
  font-family: Roboto-Regular, sans-serif !important;
  padding: 0 0 4px 0;
  line-height: 1.2;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row .validated-phone {
  color: #65a81b;
  position: absolute;
  right: 0;
  padding: 1px 6px 1px 23px;
  border: 1px solid #65a81b;
  border-radius: 2px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px;
  display: flex;
  height: 21px;
  align-items: flex-start;
  line-height: 18px;
  white-space: nowrap;
  margin-left: 6px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row .validated-phone:before {
  content: "";
  background: url(/content/img/mark-success-16-px.svg);
  background-size: 14px;
  position: absolute;
  left: 5px;
  top: 3px;
  display: block;
  width: 14px;
  height: 14px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row .validate-phone {
  color: #ffb300;
  position: absolute;
  right: 0;
  position: relative;
  padding: 1px 6px 1px 23px;
  border: 1px solid #ffb300;
  border-radius: 2px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px;
  display: flex;
  height: 21px;
  align-items: flex-start;
  line-height: 18px;
  white-space: nowrap;
  margin-left: 6px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .userdetails-column .column-row .validate-phone:before {
  content: "";
  background: url(/content/img/mark-warning-16-px.svg);
  background-size: 14px;
  position: absolute;
  left: 5px;
  top: 3px;
  display: block;
  width: 14px;
  height: 14px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel {
  flex: none;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel:first-child {
  width: 33.4%;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel:last-child {
  width: calc(66.6% - 4px);
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block {
  height: 100%;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block {
  height: 100%;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .doc-letter-h {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
  margin-bottom: 8px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .doc-letter-h h3 {
  margin: 0;
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  line-height: 22px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .doc-letter-h .buttons-wrapper {
  display: flex;
  gap: 8px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .doc-letter-h .buttons-wrapper button {
  margin-left: 0 !important;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader {
  height: calc(100% - 40px);
  cursor: pointer;
  margin: 0 !important;
  border: 0 !important;
  width: 100%;
  min-height: 90px;
  font-family: Roboto-Light, sans-serif;
  font-size: 15px;
  line-height: 1;
  position: relative;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .image-editor-vertical-pane {
  background: #596e87;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .image-editor-vertical-pane .image-editor-element.selected .image-editor-element-fragment:after {
  content: "";
  border: solid 6px #7acdc6;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  z-index: 1;
  top: 0px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .image-editor-vertical-pane .image-editor-element.selected.deleted:after {
  border: solid 0px #FF2B00;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .fitted-content-pane {
  height: auto;
  width: 100%;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .fitted-content-pane .virtualised-pane {
  width: 100%;
  height: 100%;
  position: relative;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .fitted-content-pane .virtualised-pane iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .fitted-content-pane .virtualised-pane .virtualised-scrollable-pane {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .fitted-content-pane .virtualised-pane .virtualised-scrollable-pane .virtualised-vertical-pane {
  position: relative;
  min-height: 100%;
  margin: 0 auto;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .fitted-content-pane .virtualised-pane .virtualised-scrollable-pane .virtualised-vertical-pane .virtualised-element {
  position: absolute;
  left: 5px;
  right: 5px;
  min-width: 0 !important;
  display: flex;
  justify-content: center;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  align-items: flex-start;
  z-index: 2;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .fitted-content-pane .virtualised-pane .virtualised-scrollable-pane .virtualised-vertical-pane .virtualised-element .image-editor-element-fragment {
  position: relative;
  width: auto;
  margin: 7px 0;
  background-color: #fff;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .fitted-content-pane .virtualised-pane .virtualised-scrollable-pane .virtualised-vertical-pane .virtualised-element .image-editor-element-fragment canvas {
  max-width: 840px !important;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .fitted-content-pane .virtualised-pane .virtualised-scrollable-pane .virtualised-vertical-pane .virtualised-element .image-editor-element-fragment .selection-path {
  transform-origin: 0 0;
  position: absolute;
  z-index: 2;
  height: 3px;
  border-top: 4.5px dashed rgba(255, 0, 0, 0.5);
  border-bottom: 0px dashed rgba(255, 0, 0, 0.5);
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .attach-img {
  height: 100%;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .attach-img input[type=file] {
  display: none;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .attach-img .user-profile-upload {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .attach-img .user-profile-upload:before {
  content: url(/content/img/placeholder-upload-2.svg);
  position: static;
  margin-bottom: 4px;
  display: flex;
  justify-content: center;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .attach-img .user-profile-upload:hover {
  filter: brightness(0.8);
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .userdetails .signature-panel .signature-block .doc-letter-block .image-uploader .attach-img .user-profile-upload .bolder {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .user-roles-groups {
  display: flex;
  gap: 4px;
  height: 100%;
  overflow-y: auto;
  width: 100%;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .user-roles-groups .user-roles-groups-col {
  margin-top: 0;
  flex: 1;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .user-roles-groups .user-roles-groups-col > div {
  color: #000 !important;
  display: inline-flex;
  width: 100%;
  font-size: 14px !important;
  font-family: Roboto-Regular, sans-serif !important;
  align-items: center;
  min-height: 24px;
  line-height: 1;
  padding: 0 4px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .user-roles-groups .user-roles-groups-col h3 {
  position: relative;
  background: none;
  padding: 8px 4px;
  margin: 0 0 4px 0;
  text-align: left;
  font-family: Roboto-Medium, sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1;
  min-height: 30px;
  border-bottom: 1px solid #c9d3d8;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone {
  height: calc(80vh - 44px);
  min-width: 1258px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .toolbar-title {
  margin: 0 0 4px;
  width: 100%;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper {
  display: flex;
  flex-direction: column;
  height: calc(100% - 50px);
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .user-milestone-tabs {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 60px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .user-milestone-tabs .tab-item-inactive,
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .user-milestone-tabs .tab-item-active {
  margin-left: 1px;
  font-family: Roboto-Regular, sans-serif;
  color: #5f5f5f;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  padding: 4px 16px 4px 12px;
  border-radius: 1px 1px 0 0;
  line-height: 1.1;
  min-width: 190px;
  width: 190px;
  position: relative;
  border: 0;
  background: #f0f5f7;
  z-index: 1;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .user-milestone-tabs .tab-item-inactive:before,
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .user-milestone-tabs .tab-item-active:before {
  content: "";
  background: #f0f5f7;
  width: 0;
  height: 0;
  border-top: 62px solid #eaebec;
  border-left: 16px solid rgba(255, 255, 255, 0);
  position: absolute;
  top: -1px;
  right: -1px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .user-milestone-tabs .tab-item-active {
  background: #fff;
  z-index: 2;
  color: #000;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .user-milestone-tabs .tab-item-active:before {
  background: #fff;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid {
  height: calc(100% - 65px);
  min-width: 961px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid h3 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding: 8px;
  margin: 0;
  background: #fff;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .app-notification {
  padding: 8px;
  background: #fff;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .app-notification > div {
  display: flex;
  flex-direction: row;
  margin-top: 4px;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .app-notification > div:first-child {
  margin-top: 0;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .app-notification > div label {
  margin-left: 4px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #304156;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .app-notification > p {
  font-family: Roboto-Regular, sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators {
  overflow: auto;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators.notification-milestone {
  height: 100%;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper {
  display: flex;
  flex-direction: row;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper .milestone-grid-column:nth-child(2),
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper .milestone-grid-column:nth-child(3) {
  border-left: 3px solid #a0acba;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper .notification-api-header-milestone {
  font-family: Roboto-Regular;
  color: #5f5f5f;
  font-size: 14px;
  background: #e3eaed;
  display: flex;
  flex-direction: row;
  min-height: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #dcdedf;
  position: sticky;
  z-index: 2;
  top: 0;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper .grid-module {
  height: calc(100% - 20px);
  overflow: inherit;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper .grid-module .grid-module-viewport-header {
  position: sticky;
  top: 20px;
  z-index: 2;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper .grid-module .grid-module-viewport-content-row .remove-action {
  width: 35px;
  display: none;
  color: #d24242;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper .grid-module .grid-module-viewport-content-row:hover .remove-action {
  display: block;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper .grid-module .grid-module-viewport-content-cell {
  display: flex;
  justify-content: space-between;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper .grid-module .red-frame .grid-module-viewport-content-cell {
  border-top: 1px solid #ff2b00;
  border-bottom: 1px solid #ff2b00;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper .grid-module .red-frame .grid-module-viewport-content-cell:first-child {
  border-left: 1px solid #ff2b00;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .zebra-separators .notification-grid-wrapper .grid-module .red-frame .grid-module-viewport-content-cell:last-child {
  border-right: 1px solid #ff2b00;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .event-notifications-wrapper {
  display: flex;
  overflow: auto;
  overflow-y: hidden;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .event-notifications-wrapper .milestone-grid-column:nth-child(2),
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .event-notifications-wrapper .milestone-grid-column:nth-child(3) {
  border-left: 3px solid #a0acba;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .event-notifications-wrapper .notification-api-header-milestone {
  font-family: Roboto-Regular, sans-serif;
  color: #5f5f5f;
  font-size: 14px;
  background: #e3eaed;
  display: flex;
  flex-direction: row;
  min-height: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #dcdedf;
}
.modals.edit-user-profile .modal-window .modals-body .edit-user-body .admin-panel-left.user-milestone .user-milestone-wrapper .admin-grid .loan-status-table {
  margin-top: 36px;
}
.modals.phone-num-validation .phone-num-validation-wrapper label {
  margin-bottom: 8px;
}
.modals.user-profile-change .user-profile-change-wrapper {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  min-width: 392px;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row {
  display: flex;
  margin-top: 8px;
  position: relative;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row .input-main-wrapper {
  width: 100%;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row:first-child {
  margin-top: 0;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.pass input {
  padding-right: 22px !important;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.pass .show-pass {
  border: 0;
  outline: none;
  background: rgba(255, 255, 255, 0);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.pass .show-pass:before {
  font-family: "MaterialIcons", sans-serif;
  content: "visibility";
  font-size: 16px;
  color: #0ca597;
  transition: all 0.2s ease-in-out;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.pass .show-pass:hover:before {
  color: #027373;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row label {
  min-width: 110px;
  font-family: Roboto-Medium, sans-serif;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.list {
  flex-direction: column;
  margin-top: 12px;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.list > div {
  line-height: 24px;
  font-size: 16px;
  font-family: Roboto-Medium, sans-serif;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.list ul {
  margin: 0;
  padding: 0 0 0 16px;
  text-transform: capitalize;
  line-height: 18px;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.list ul li {
  position: relative;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.list ul li:before {
  content: "";
  background-image: url(../../img/figmaIcons/Success_no-solid.svg);
  background-size: contain;
  position: absolute;
  top: 2px;
  left: -20px;
  width: 14px;
  height: 14px;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.list ul li::marker {
  color: transparent;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.list ul li[data-attr=error-state] {
  color: #0ca597;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.list ul li[data-attr=error-state]:before {
  display: none;
}
.modals.user-profile-change .user-profile-change-wrapper .column-row.list ul li[data-attr=error-state]::marker {
  color: #0ca597;
}
.modals.user-profile-change .user-profile-change-wrapper .error-confirm-pass {
  font-size: 14px;
  font-family: Roboto-Regular, sans-serif;
  color: #ff0000;
  line-height: 20px;
  position: relative;
  padding-left: 20px;
  margin-top: 8px;
}
.modals.user-profile-change .user-profile-change-wrapper .error-confirm-pass:before {
  content: "";
  background-image: url(../../img/figmaIcons/Info_no-solid.svg);
  background-size: contain;
  position: absolute;
  top: 2px;
  left: -4px;
  width: 14px;
  height: 14px;
}
.modals.one-page-modal .modal-window {
  max-height: 100%;
}
.modals.one-page-modal .modals-body {
  height: 100%;
  border-radius: 6px;
  padding: 0;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar {
  min-width: 294px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 0;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .modal-standart-button {
  align-self: flex-end;
  margin-top: 8px;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context {
  position: relative;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-header {
  background-color: #f4f4f4;
  border: 2px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0 4px;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-header:first-child {
  margin-top: 0;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-header span {
  color: #304156;
  font-size: 14px;
  line-height: 24px;
  font-family: Roboto-Medium, sans-serif;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-header a {
  font-size: 14px;
  line-height: 24px;
  font-family: Roboto-Medium, sans-serif;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-header a.disabled {
  pointer-events: none;
  color: #ccc;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row {
  display: flex;
  align-items: center;
  margin-top: 4px;
  gap: 8px;
  padding: 1px 4px;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row.disabled {
  pointer-events: none;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row.disabled label {
  color: #b5c0cd;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #304156;
  min-width: 70px;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row.transformation {
  padding: 0 4px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0);
  transition: all 0.2s ease-in-out;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row.transformation label {
  cursor: pointer;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row.transformation button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: none;
  outline: none;
  background-position: center center;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row.transformation:hover {
  border: 1px solid rgba(12, 165, 151, 0.5);
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row.transformation .level {
  background-image: url(../../img/base-document-menu-action-level-16-px.svg);
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row.transformation .doc-id-delete {
  background-image: url(../../img/base-action-delete-16-px-rest.svg);
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row.transformation .zoom-up {
  background-image: url(../../img/zoom-up.svg);
  background-size: 18px 18px;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .one-page-modal-sidebar .doc-id-context .doc-id-context-row.transformation .zoom-down {
  background-image: url(../../img/zoom-down-active.svg);
  background-size: 18px 18px;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .image-editor-area {
  width: 100%;
  height: 100%;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .image-editor-area .virtualised-pane {
  width: 100%;
  height: 100%;
  position: relative;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .image-editor-area .virtualised-pane iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .image-editor-area .image-editor-scrollable-pane .image-editor-vertical-pane {
  background: #e8edf2;
  position: relative;
  min-height: 100%;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .image-editor-area .virtualised-pane .virtualised-scrollable-pane {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .image-editor-area .virtualised-element {
  position: absolute;
  left: 5px;
  right: 5px;
  min-width: 0;
  display: flex;
  justify-content: center;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  align-items: flex-start;
  z-index: 2;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .image-editor-area .image-editor-element-fragment {
  position: relative;
  width: auto;
  margin: 5px 0;
  background-color: #fff;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .image-editor-area .image-editor-element-fragment canvas {
  max-width: 840px;
}
.modals.one-page-modal .modals-body .one-page-modal-wrapper .image-editor-area .image-editor-element-fragment .selection-path {
  transform-origin: 0 0;
  position: absolute;
  z-index: 2;
  height: 3px;
  border-top: 4.5px dashed rgba(255, 0, 0, 0.5);
  border-bottom: 0px dashed rgba(255, 0, 0, 0.5);
}
.modals.provide-credentials-modal .modal-column {
  box-shadow: 0 1px 2px 0 rgba(96, 97, 112, 0.16), 0 0 1px 0 rgba(40, 41, 61, 0.04);
  border-radius: 2px;
  background-color: white;
  padding: 8px;
}
.modals.provide-credentials-modal .modal-column .modal-row:not(:first-child) {
  margin-top: 2px;
}
.modals.provide-credentials-modal .modal-column .modal-row label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.modals.provide-credentials-modal .modal-column .modal-row label:first-child {
  min-width: 170px;
}

.document-management-app {
  margin-left: 0;
  max-width: 100vw;
  overflow: hidden;
}
.document-management-app #image-editor-popup {
  position: absolute;
  z-index: 111111;
}
.document-management-app #image-editor-popup .doc-id-context {
  width: 280px;
  border: solid 2px rgba(62, 188, 167, 0.5);
  border-radius: 6px;
  background: #fff;
  padding: 8px 8px 0;
  position: relative;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-drop {
  height: 12px;
  width: calc(100% - 2px);
  background-color: #3ebca7;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: grab;
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 2px;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-drop:before {
  transform: rotate(90deg);
  content: url(../../img/base-drad-indicator-24-px-light.svg);
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-drop + div {
  margin-top: 8px;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-header {
  background-color: #f4f4f4;
  border: 2px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0 4px;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-header:first-child {
  margin-top: 0;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-header span {
  color: #304156;
  font-size: 14px;
  line-height: 24px;
  font-family: Roboto-Medium, sans-serif;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-header a {
  font-size: 14px;
  line-height: 24px;
  font-family: Roboto-Medium, sans-serif;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-header a.disabled {
  pointer-events: none;
  color: #ccc;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-row {
  display: flex;
  align-items: center;
  margin-top: 4px;
  gap: 8px;
  padding: 1px 4px;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-row.disabled {
  pointer-events: none;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-row.disabled label {
  color: #b5c0cd;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-row label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #304156;
  min-width: 70px;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-row.transformation {
  padding: 0 4px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0);
  transition: all 0.2s ease-in-out;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-row.transformation label {
  cursor: pointer;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-row.transformation button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: none;
  outline: none;
  background-position: center center;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-row.transformation:hover {
  border: 1px solid rgba(12, 165, 151, 0.5);
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-row.transformation .level {
  background-image: url(../../img/base-document-menu-action-level-16-px.svg);
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-row.transformation .doc-id-delete {
  background-image: url(../../img/base-action-delete-16-px-rest.svg);
}
.document-management-app #image-editor-popup .doc-id-context .doc-id-context-footer {
  background: #fafafa;
  box-shadow: inset 0 1px 0 #ebedf5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 8px;
  width: calc(100% + 16px);
  transform: translateX(-8px);
  padding: 8px;
  border-radius: 0 0 6px 6px;
}

.check-box {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-rest-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-position: 0px;
  background-size: contain;
  background-repeat: no-repeat !important;
}
.check-box:hover {
  background-image: url(/content/img/check-box-hover-v2.svg) !important;
}
.check-box:active, .check-box:active:focus, .check-box[tab-focus-custom="1"] {
  background-image: url(/content/img/check-box-focuse-v2.svg) !important;
}
.check-box[disabled], .check-box[data-readonly=readonly], .check-box.state-disabled, .check-box.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/check-box-disabled-v2.svg) !important;
}

.check-box-val-error {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-val-error-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-position: 0px;
  background-size: contain;
  background-repeat: no-repeat !important;
}

.check-box-val-warning {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-val-warning-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-position: 0px;
  background-size: contain;
  background-repeat: no-repeat !important;
}

.check-box-checked {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-rest-selected-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: 0px;
  background-repeat: no-repeat !important;
}
.check-box-checked:hover {
  background-image: url(/content/img/check-box-hover-selected-v2.svg) !important;
}
.check-box-checked:active, .check-box-checked:active:focus, .check-box-checked[tab-focus-custom="1"] {
  background-image: url(/content/img/check-box-focuse-selected-v2.svg) !important;
}
.check-box-checked[disabled], .check-box-checked[data-readonly=readonly], .check-box-checked.state-disabled, .check-box-checked.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/check-box-disabled-selected-v2.svg) !important;
}

.check-box-checked-val-error {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-rest-selected-val-error-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: 0px;
  background-repeat: no-repeat !important;
}

.check-box-checked-val-warning {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-rest-selected-val-warning-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: 0px;
  background-repeat: no-repeat !important;
}

.check-box-highlight {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-highlight-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-position: 0px;
  background-size: contain;
  background-repeat: no-repeat !important;
}
.check-box-highlight:hover {
  background-image: url(/content/img/check-box-highlight-hover-v2.svg) !important;
}
.check-box-highlight:active, .check-box-highlight:active:focus, .check-box-highlight[tab-focus-custom="1"] {
  background-image: url(/content/img/check-box-highlight-focuse-v2.svg) !important;
}
.check-box-highlight[disabled], .check-box-highlight[data-readonly=readonly], .check-box-highlight.state-disabled, .check-box-highlight.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/check-box-highlight-disabled-v2.svg) !important;
}

.check-box-highlight-checked {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-highlight-selected-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: 0px;
  background-repeat: no-repeat !important;
}
.check-box-highlight-checked:hover {
  background-image: url(/content/img/check-box-highlight-hover-selected-v2.svg) !important;
}
.check-box-highlight-checked:active, .check-box-highlight-checked:active:focus, .check-box-highlight-checked[tab-focus-custom="1"] {
  background-image: url(/content/img/check-box-highlight-focuse-selected-v2.svg) !important;
}
.check-box-highlight-checked[disabled], .check-box-highlight-checked[data-readonly=readonly], .check-box-highlight-checked.state-disabled, .check-box-highlight-checked.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/check-box-highlight-disabled-selected-v2.svg) !important;
}

.check-box-partially {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-rest-indeterminate-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: 0px;
  background-repeat: no-repeat !important;
}
.check-box-partially:hover {
  background-image: url(/content/img/check-box-hover-indeterminate-v2.svg) !important;
}
.check-box-partially:active, .check-box-partially:active:focus, .check-box-partially[tab-focus-custom="1"] {
  background-image: url(/content/img/check-box-hover-indeterminate-v2.svg) !important;
}
.check-box-partially[disabled], .check-box-partially[data-readonly=readonly], .check-box-partially.state-disabled, .check-box-partially.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/check-box-disabled-indeterminate-v2.svg) !important;
}

.check-box-partially-val-error {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-error-indeterminate-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: 0px;
  background-repeat: no-repeat !important;
}

.check-box-partially-val-warning {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-warning-indeterminate-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: 0px;
  background-repeat: no-repeat !important;
}

.check-box-warning {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-error-null-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-position: 0px;
  background-size: contain;
  background-repeat: no-repeat !important;
}
.check-box-warning:hover {
  background-image: url(/content/img/check-box-error-v2.svg) !important;
}
.check-box-warning:active, .check-box-warning:active:focus, .check-box-warning[tab-focus-custom="1"] {
  background-image: url(/content/img/check-box-error-v2.svg) !important;
}
.check-box-warning[disabled], .check-box-warning[data-readonly=readonly], .check-box-warning.state-disabled, .check-box-warning.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/check-box-v2.svg) !important;
}

.check-box-warning-checked {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-error-null-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-position: 0px;
  background-size: contain;
  background-repeat: no-repeat !important;
}
.check-box-warning-checked:hover {
  background-image: url(/content/img/check-box-error-hover-null-v2.svg) !important;
}
.check-box-warning-checked:active, .check-box-warning-checked:active:focus, .check-box-warning-checked[tab-focus-custom="1"] {
  background-image: url(/content/img/check-box-error-focus-null-v2.svg) !important;
}
.check-box-warning-checked[disabled], .check-box-warning-checked[data-readonly=readonly], .check-box-warning-checked.state-disabled, .check-box-warning-checked.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/check-box-disabled-null-v2.svg) !important;
}

.check-box-error {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-error-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-position: 0px;
  background-size: contain;
  background-repeat: no-repeat !important;
}
.check-box-error:hover {
  background-image: url(/content/img/check-box-error-hover-v2.svg) !important;
}
.check-box-error:active, .check-box-error:active:focus, .check-box-error[tab-focus-custom="1"] {
  background-image: url(/content/img/check-box-error-focuse-v2.svg) !important;
}
.check-box-error[disabled], .check-box-error[data-readonly=readonly], .check-box-error.state-disabled, .check-box-error.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/check-box-disabled-v2.svg) !important;
}

.check-box-error-checked {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-rest-false-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: 0px;
  background-repeat: no-repeat !important;
}
.check-box-error-checked:hover {
  background-image: url(/content/img/check-box-hover-false-v2.svg) !important;
}
.check-box-error-checked:active, .check-box-error-checked:active:focus, .check-box-error-checked[tab-focus-custom="1"] {
  background-image: url(/content/img/check-box-focuse-false-v2.svg) !important;
}
.check-box-error-checked[disabled], .check-box-error-checked[data-readonly=readonly], .check-box-error-checked.state-disabled, .check-box-error-checked.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/check-box-disabled-false-v2.svg) !important;
}

.check-box-false {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-rest-false-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-position: 0px;
  background-size: contain;
  background-repeat: no-repeat !important;
}
.check-box-false:hover {
  background-image: url(/content/img/check-box-hover-false-v2.svg) !important;
}
.check-box-false:active, .check-box-false:active:focus, .check-box-false[tab-focus-custom="1"] {
  background-image: url(/content/img/check-box-focuse-false-v2.svg) !important;
}
.check-box-false[disabled], .check-box-false[data-readonly=readonly], .check-box-false.state-disabled, .check-box-false.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/check-box-disabled-false-v2.svg) !important;
}

.check-box-false-val-error {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-cross-val-error-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-position: 0px;
  background-size: contain;
  background-repeat: no-repeat !important;
}

.check-box-false-val-warning {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-cross-val-warning-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-position: 0px;
  background-size: contain;
  background-repeat: no-repeat !important;
}

.check-box-null {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-rest-null-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: 0px;
  background-repeat: no-repeat !important;
}
.check-box-null:hover {
  background-image: url(/content/img/check-box-hover-null-v2.svg) !important;
}
.check-box-null:active, .check-box-null:active:focus, .check-box-null[tab-focus-custom="1"] {
  background-image: url(/content/img/check-box-focuse-null-v2.svg) !important;
}
.check-box-null[disabled], .check-box-null[data-readonly=readonly], .check-box-null.state-disabled, .check-box-null.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/check-box-disabled-null-v2.svg) !important;
}

.check-box-null-val-error {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-error-indeterminate-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: 0px;
  background-repeat: no-repeat !important;
}

.check-box-null-val-warning {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/check-box-warning-indeterminate-v2.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-position: 0px;
  background-repeat: no-repeat !important;
}

.cell-viollet .check-box {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/ui-checkbox-0-viollet.svg) !important;
  min-width: 18px !important;
  width: 18px !important;
  height: 18px !important;
  background-size: contain;
  background-repeat: no-repeat !important;
}
.cell-viollet .check-box-checked {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/ui-checkbox-1-viollet.svg) !important;
  min-width: 18px !important;
  width: 18px !important;
  height: 18px !important;
  background-size: contain;
  background-repeat: no-repeat !important;
}
.cell-viollet .check-box-false {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/ui-checkbox-false-viollet.svg) !important;
  min-width: 18px !important;
  width: 18px !important;
  height: 18px !important;
  background-size: contain;
  background-repeat: no-repeat !important;
}
.cell-viollet .check-box-null {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/ui-checkbox-null-viollet.svg) !important;
  min-width: 18px !important;
  width: 18px !important;
  height: 18px !important;
  background-size: contain;
  background-repeat: no-repeat !important;
}

/**************RADIO********************/
.radio-unchecked {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/radio-rest.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-repeat: no-repeat !important;
}
.radio-unchecked + div, .radio-unchecked + label, .radio-unchecked + span {
  margin-left: 7px !important;
}
.radio-unchecked[disabled], .radio-unchecked[data-readonly=readonly], .radio-unchecked.state-disabled, .radio-unchecked.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/radio-disabled.svg) !important;
}
.radio-unchecked:hover {
  background-image: url(/content/img/radio-hover.svg) !important;
}
.radio-unchecked:active, .radio-unchecked:active:focus {
  background-image: url(/content/img/radio-focuse.svg) !important;
}

.radio-checked {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/radio-rest-selected.svg) !important;
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: contain;
  background-repeat: no-repeat !important;
}
.radio-checked + div, .radio-checked + label, .radio-checked + span {
  margin-left: 7px !important;
}
.radio-checked[disabled], .radio-checked[data-readonly=readonly], .radio-checked.state-disabled, .radio-checked.state-readonly {
  pointer-events: none;
  background-image: url(/content/img/radio-disabled-selected.svg) !important;
}
.radio-checked:hover {
  background-image: url(/content/img/radio-hover-selected.svg) !important;
}
.radio-checked:active, .radio-checked:active:focus {
  background-image: url(/content/img/radio-focuse-selected.svg) !important;
}

/**************End RADIO****************/
.resizible-handle {
  position: absolute;
  width: 100%;
  height: 100%;
}
.resizible-handle.n-handle, .resizible-handle.ne-handle, .resizible-handle.nw-handle {
  top: -8px;
  height: 8px;
  cursor: n-resize;
}
.resizible-handle.s-handle, .resizible-handle.se-handle, .resizible-handle.sw-handle {
  bottom: -8px;
  cursor: s-resize;
  height: 8px;
}
.resizible-handle.e-handle, .resizible-handle.se-handle, .resizible-handle.ne-handle {
  right: -8px;
  width: 8px;
  cursor: e-resize;
}
.resizible-handle.w-handle, .resizible-handle.sw-handle, .resizible-handle.nw-handle {
  left: -8px;
  width: 8px;
  cursor: w-resize;
}
.resizible-handle.w-handle {
  top: 0;
}
.resizible-handle.e-handle {
  top: 0;
}
.resizible-handle.ne-handle {
  cursor: ne-resize;
}
.resizible-handle.nw-handle {
  cursor: nw-resize;
}
.resizible-handle.se-handle {
  background-image: none !important;
  width: 10px;
  border-right: 1px solid #4b5a6d !important;
  border-bottom: 1px solid #4b5a6d !important;
  margin: 2px 0 0 2px;
  height: 10px;
  cursor: se-resize;
}
.resizible-handle.sw-handle {
  cursor: sw-resize;
}

.notification-popup-list {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 11111;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 4px;
}
.notification-popup-list > div {
  padding: 8px 8px 8px 32px;
  min-width: 120px;
  max-width: 400px;
  display: flex;
  align-items: center;
  max-height: 200px;
  overflow: auto;
  font-family: Roboto-Medium, sans-serif;
  border-radius: 12px;
  color: #000;
  background-repeat: no-repeat;
  background-position: 6px;
  background-size: 20px;
}
.notification-popup-list > div::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.notification-popup-list > div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
.notification-popup-list > div::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
.notification-popup-list > div.notification-popup-success {
  border: 1px solid #77B300;
  background-color: #EEFFCC;
  background-image: url(/content/img/figmaIcons/success_solid--icon.svg);
}
.notification-popup-list > div.notification-popup-error {
  border: 1px solid #D53919;
  background-color: #FADED9;
  background-image: url(/content/img/figmaIcons/error_solid--icon.svg);
}
.notification-popup-list > div.notification-popup-warning {
  border: 1px solid #E6AD00;
  background-color: #FFF2CC;
  background-image: url(/content/img/figmaIcons/warning_solid--icon.svg);
}
.notification-popup-list > div.notification-popup-info {
  border: 1px solid #0B8E83;
  background-color: #cdf3f0;
  background-image: url(/content/img/figmaIcons/info_solid--icon.svg);
}

/*****VARIABLES*****/
@font-face {
  font-family: "Roboto-Medium";
  src: url("/Content/fonts/Roboto-Medium.ttf") format("truetype");
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
*:focus-visible {
  outline: unset;
}

html {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: #fff;
  position: relative;
}

#uploader-screen .upload-modal {
  z-index: 99999999;
}

.dob-label {
  min-width: 95px !important;
  width: 95px !important;
}

.age-label {
  min-width: 53px !important;
  width: 53px !important;
}

.fee-template-item-name {
  display: flex;
}
.fee-template-item-name .input-wrapper {
  width: 408px;
}
.fee-template-item-name > div {
  margin-top: 7px;
}

.book-failed {
  color: red;
}

.book-success {
  color: forestgreen;
}

.local-coucelor-header {
  min-width: 222px;
}

.local-coucelor-help {
  margin-left: calc(100% - 302px);
}
.local-coucelor-help a {
  float: right;
  color: blue;
}

.invoice-email-name-account {
  word-break: break-word;
  max-width: 264px;
}

.filter-button i {
  cursor: pointer;
}

.local-coucelor-help-1 {
  margin-left: calc(100% - 302px);
}
.local-coucelor-help-1 a {
  float: right;
}

mark {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, 0) !important;
  color: #ff9400 !important;
  min-width: fit-content;
}
mark.selected {
  background: #FFC107 !important;
}

.blur {
  filter: blur(1px);
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

nav ul li a:hover, nav ul li a:active, nav ul li a:active:focus {
  background: rgba(255, 255, 255, 0) !important;
}

.chanel-row .select-dropdown {
  width: 250px !important;
  max-width: 250px !important;
  min-width: 250px !important;
}

.context-uli input {
  width: 331px !important;
}

[data-fee-tolerance=Zero]:before {
  color: #FF2B00;
  font-family: Roboto-Regular, sans-serif;
  content: "0%";
  text-align: center;
  background: none;
  font-size: 12px;
  padding: 0;
  margin: 0;
}

[data-fee-tolerance=TenPercent]:before {
  color: #FF8000;
  font-family: Roboto-Regular, sans-serif;
  content: "10%";
  text-align: center;
  background: none;
  font-size: 12px;
  padding: 0;
  margin: 0;
}

[data-fee-tolerance=Unlimitted]:before {
  content: url(/content/img/ic-mark-infinity.png);
  text-align: center;
  background: none;
  margin: 0;
  height: 24px;
  width: 24px;
}

.select-dropdown .focused-dropdown .select-input {
  border: 1px solid #5dacaa !important;
  border-radius: 2px 2px 0 0 !important;
}

.red-color {
  color: #ff0000 !important;
}

.system-template-editor-wrap .editor {
  font-size: 16px;
  background: #3B3C3D;
  font-family: "OpenSans", Helvetica, Arial, Sans-Serif;
}
.system-template-editor-wrap .editor div .container {
  width: 100%;
}
.system-template-editor-wrap .editor div .container .page {
  background: #fff;
  width: 8.5in;
  height: 10.91in;
  margin: 0.25in auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  page-break-after: always;
}
.system-template-editor-wrap .editor div .container .page.no-page-footer .wrapper {
  height: 10.16in;
}
.system-template-editor-wrap .editor div .container .page.no-page-header .wrapper .content {
  margin-top: 0 !important;
}
.system-template-editor-wrap .editor div .container .page.template-sm-editor {
  line-height: 1.3;
  font-size: 16px;
}
.system-template-editor-wrap .editor div .container .page .wrapper {
  padding: 0.375in 0.5in 0 0.5in !important;
  width: 100%;
  height: 9.62in;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content {
  padding: 0 !important;
  width: 100% !important;
  display: flex;
  flex-direction: column;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content grid resizer-row {
  display: none !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) {
  /*font-size: 16px;*/
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  /*******************************/
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) *:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) *:not(.recharts-element) {
  /*font-size: 16px; */
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) span.lnk-color,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) span.lnk-color {
  color: #0000C8 !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading6,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading6 {
  font-size: 16px !important;
  font-family: "OpenSans-Bold";
  margin-top: 8px !important;
  line-height: 24px !important;
  margin-bottom: 0px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading6 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading6 * {
  font-size: 16px !important;
  line-height: 16px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) * + .heading6,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) * + .heading6 {
  margin-top: 8px !important;
  line-height: 24px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading5,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading5 {
  font-size: 18px !important;
  font-family: "OpenSans-Bold";
  margin-bottom: 0px;
  margin-top: 9px !important;
  line-height: 27px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading5 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading5 * {
  font-size: 18px !important;
  line-height: 18px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) * + .heading5,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) * + .heading5 {
  margin-top: 9px !important;
  line-height: 27px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading4,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading4 {
  font-size: 20px !important;
  font-family: "OpenSans-Bold";
  line-height: 20px !important;
  margin-top: 10px !important;
  margin-bottom: 0px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading4 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading4 * {
  font-size: 20px !important;
  line-height: 20px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) * + .heading4,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) * + .heading4 {
  line-height: 20px !important;
  margin-top: 10px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading3,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading3 {
  font-size: 22px !important;
  font-family: "OpenSans-Bold";
  margin-top: 11px !important;
  line-height: 33px !important;
  margin-bottom: 0px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading3 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading3 * {
  font-size: 22px !important;
  line-height: 22px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) * + .heading3,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) * + .heading3 {
  margin-top: 11px !important;
  line-height: 33px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading2,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading2 {
  font-size: 22px !important;
  font-family: "OpenSans-Bold";
  text-decoration: underline;
  margin-top: 11px !important;
  line-height: 33px !important;
  margin-bottom: 0px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading2 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading2 * {
  font-size: 22px !important;
  line-height: 22px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) * + .heading2,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) * + .heading2 {
  margin-top: 11px !important;
  line-height: 33px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading1,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading1 {
  font-size: 24px !important;
  font-family: "OpenSans-Bold";
  text-decoration: underline;
  margin-top: 12px !important;
  line-height: 36px !important;
  margin-bottom: 0px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).heading1 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).heading1 * {
  font-size: 24px !important;
  line-height: 24px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) * + .heading1,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) * + .heading1 {
  margin-top: 12px !important;
  line-height: 36px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).normal:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).normal:not(.recharts-element) {
  font-size: 16px !important;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).normal:not(.recharts-element) *:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).normal:not(.recharts-element) *:not(.recharts-element) {
  font-size: 16px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).normalNoSpacing:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).normalNoSpacing:not(.recharts-element) {
  font-size: 16px !important;
  line-height: 1;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).normalNoSpacing:not(.recharts-element) *:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).normalNoSpacing:not(.recharts-element) *:not(.recharts-element) {
  font-size: 16px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).normalSpaced:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).normalSpaced:not(.recharts-element) {
  font-size: 16px !important;
  line-height: 1.3;
  margin-top: 8px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).normalSpaced:not(.recharts-element) *:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).normalSpaced:not(.recharts-element) *:not(.recharts-element) {
  font-size: 16px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).normalSpaced:not(.recharts-element) *:not(.recharts-element) sup,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).normalSpaced:not(.recharts-element) *:not(.recharts-element) sup {
  font-size: 10px !important;
  line-height: 1;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).small,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).small {
  font-size: 14px !important;
  line-height: 12px;
  margin-top: 7px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).small *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).small * {
  font-size: 14px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).small * sup,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).small * sup {
  font-size: 10px !important;
  line-height: 1;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).courier:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).courier:not(.recharts-element) {
  font-size: 16px !important;
  line-height: 1;
  margin-top: 8px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Courier;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).courier:not(.recharts-element) *:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).courier:not(.recharts-element) *:not(.recharts-element) {
  font-size: 16px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute6,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute6 {
  font-size: 6pt !important;
  margin-top: 3pt;
  line-height: 9pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute6 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute6 * {
  font-size: 6pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute7,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute7 {
  font-size: 7pt !important;
  margin-top: 3.5pt;
  line-height: 10.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute7 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute7 * {
  font-size: 7pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute8,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute8 {
  font-size: 8pt !important;
  margin-top: 4pt;
  line-height: 12pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute8 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute8 * {
  font-size: 8pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute9,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute9 {
  font-size: 9pt !important;
  margin-top: 4.5pt;
  line-height: 13.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute9 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute9 * {
  font-size: 9pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute10,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute10 {
  font-size: 10pt !important;
  margin-top: 5pt;
  line-height: 15pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute10 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute10 * {
  font-size: 10pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute11,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute11 {
  font-size: 11pt !important;
  margin-top: 5.5pt;
  line-height: 16.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute11 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute11 * {
  font-size: 11pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute12,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute12 {
  font-size: 12pt !important;
  margin-top: 6pt;
  line-height: 18pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute12 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute12 * {
  font-size: 12pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute13,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute13 {
  font-size: 13pt !important;
  margin-top: 6.5pt;
  line-height: 19.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute13 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute13 * {
  font-size: 13pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute14,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute14 {
  font-size: 14pt !important;
  margin-top: 7pt;
  line-height: 21pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute14 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute14 * {
  font-size: 14pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute15,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute15 {
  font-size: 15pt !important;
  margin-top: 7.5pt;
  line-height: 22.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute15 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute15 * {
  font-size: 15pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute16,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute16 {
  font-size: 16pt !important;
  margin-top: 8pt;
  line-height: 24pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute16 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute16 * {
  font-size: 16pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute17,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute17 {
  font-size: 17pt !important;
  margin-top: 8.5pt;
  line-height: 25.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute17 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute17 * {
  font-size: 17pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute18,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute18 {
  font-size: 18pt !important;
  margin-top: 9pt;
  line-height: 27pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute18 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute18 * {
  font-size: 18pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute42,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute42 {
  font-size: 42pt !important;
  margin-top: 9pt;
  line-height: 24pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute42 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute42 * {
  font-size: 42pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute19,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute19 {
  font-size: 19pt !important;
  margin-top: 9.5pt;
  line-height: 28.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute19 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute19 * {
  font-size: 19pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute20,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute20 {
  font-size: 20pt !important;
  margin-top: 10pt;
  line-height: 30pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).absolute20 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).absolute20 * {
  font-size: 20pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).timesNewRoman28,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).timesNewRoman28 {
  font-size: 28pt !important;
  font-family: "Times New Roman" !important;
  margin-top: 0;
  line-height: 1.5;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element).timesNewRoman28 *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element).timesNewRoman28 * {
  font-size: 28pt !important;
  font-family: "Times New Roman" !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) .conspicuous,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) .conspicuous {
  font-size: 20px !important;
  font-weight: bold !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) .conspicuous div,
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) .conspicuous p,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) .conspicuous div,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) .conspicuous p {
  font-size: 20px !important;
  font-weight: bold !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) .conspicuous ul li,
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) .conspicuous ol li,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) .conspicuous ul li,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) .conspicuous ol li {
  font-size: 20px !important;
  font-weight: bold !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content p:not(.recharts-element) .conspicuous *,
.system-template-editor-wrap .editor div .container .page .wrapper .content div:not(.recharts-element) .conspicuous * {
  font-size: 20px !important;
  font-weight: 800 !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul > li:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content ol > li:not(.recharts-element) {
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading6 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading6 > li {
  font-size: 16px !important;
  font-family: "OpenSans-Bold";
  margin-top: 8px !important;
  line-height: 24px !important;
  margin-bottom: 0px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading6 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading6 > li * {
  font-size: 16px !important;
  line-height: 16px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul * + .heading6,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol * + .heading6 {
  margin-top: 8px !important;
  line-height: 24px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading5 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading5 > li {
  font-size: 18px !important;
  font-family: "OpenSans-Bold";
  margin-top: 9px !important;
  line-height: 27px !important;
  margin-bottom: 0px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading5 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading5 > li * {
  font-size: 18px !important;
  line-height: 18px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul * + .heading5,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol * + .heading5 {
  margin-top: 9px !important;
  line-height: 27px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading4 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading4 > li {
  font-size: 20px !important;
  font-family: "OpenSans-Bold";
  line-height: 30px !important;
  margin-top: 10px !important;
  margin-bottom: 0px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading4 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading4 > li * {
  font-size: 20px !important;
  line-height: 20px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul * + .heading4,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol * + .heading4 {
  line-height: 30px !important;
  margin-top: 10px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading3 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading3 > li {
  font-size: 22px !important;
  font-family: "OpenSans-Bold";
  margin-top: 11px !important;
  line-height: 33px !important;
  margin-bottom: 0px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading3 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading3 > li * {
  font-size: 22px !important;
  line-height: 22px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul * + .heading3,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol * + .heading3 {
  margin-top: 11px !important;
  line-height: 33px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading2 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading2 > li {
  font-size: 22px !important;
  font-family: "OpenSans-Bold";
  text-decoration: underline;
  margin-top: 11px !important;
  line-height: 33px !important;
  margin-bottom: 0px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading2 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading2 > li * {
  font-size: 22px !important;
  line-height: 22px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul * + .heading2,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol * + .heading2 {
  margin-top: 11px !important;
  line-height: 33px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading1 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading1 > li {
  font-size: 24px !important;
  font-family: "OpenSans-Bold";
  text-decoration: underline;
  margin-top: 12px !important;
  line-height: 36px !important;
  margin-bottom: 0px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.heading1 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.heading1 > li * {
  font-size: 24px !important;
  line-height: 24px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul * + .heading1,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol * + .heading1 {
  margin-top: 12px !important;
  line-height: 36px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.normal > li:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.normal > li:not(.recharts-element) {
  font-size: 16px !important;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.normal > li:not(.recharts-element) *:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.normal > li:not(.recharts-element) *:not(.recharts-element) {
  font-size: 16px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.normalNoSpacing > li:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.normalNoSpacing > li:not(.recharts-element) {
  font-size: 16px !important;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.normalNoSpacing > li:not(.recharts-element) *:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.normalNoSpacing > li:not(.recharts-element) *:not(.recharts-element) {
  font-size: 16px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.normalSpaced > li:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.normalSpaced > li:not(.recharts-element) {
  font-size: 16px !important;
  line-height: 1.3;
  margin-top: 8px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.normalSpaced > li:not(.recharts-element) *:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.normalSpaced > li:not(.recharts-element) *:not(.recharts-element) {
  font-size: 16px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.normalSpaced > li:not(.recharts-element) *:not(.recharts-element) sup,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.normalSpaced > li:not(.recharts-element) *:not(.recharts-element) sup {
  font-size: 10px !important;
  line-height: 1;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.small > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.small > li {
  font-size: 14px !important;
  line-height: 12px;
  margin-top: 7px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.small > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.small > li * {
  font-size: 14px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.small > li * sup,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.small > li * sup {
  font-size: 10px !important;
  line-height: 1;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.courier > li:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.courier > li:not(.recharts-element) {
  font-size: 16px !important;
  line-height: 1;
  margin-top: 8px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Courier;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.courier > li:not(.recharts-element) *:not(.recharts-element),
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.courier > li:not(.recharts-element) *:not(.recharts-element) {
  font-size: 16px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute6 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute6 > li {
  font-size: 6pt !important;
  margin-top: 3pt;
  line-height: 9pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute6 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute6 > li * {
  font-size: 6pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute7 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute7 > li {
  font-size: 7pt !important;
  margin-top: 3.5pt;
  line-height: 10.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute7 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute7 > li * {
  font-size: 7pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute8 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute8 > li {
  font-size: 8pt !important;
  margin-top: 4pt;
  line-height: 12pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute8 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute8 > li * {
  font-size: 8pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute9 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute9 > li {
  font-size: 9pt !important;
  margin-top: 4.5pt;
  line-height: 13.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute9 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute9 > li * {
  font-size: 9pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute10 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute10 > li {
  font-size: 10pt !important;
  margin-top: 5pt;
  line-height: 15pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute10 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute10 > li * {
  font-size: 10pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute11 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute11 > li {
  font-size: 11pt !important;
  margin-top: 5.5pt;
  margin-bottom: 0;
  line-height: 16.5pt;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute11 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute11 > li * {
  font-size: 11pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute12 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute12 > li {
  font-size: 12pt !important;
  margin-top: 6pt;
  line-height: 18pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute12 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute12 > li * {
  font-size: 12pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute13 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute13 > li {
  font-size: 13pt !important;
  margin-top: 6.5pt;
  line-height: 19.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute13 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute13 > li * {
  font-size: 13pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute14 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute14 > li {
  font-size: 14pt !important;
  margin-top: 7pt;
  line-height: 21pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute14 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute14 > li * {
  font-size: 14pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute15 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute15 > li {
  font-size: 15pt !important;
  margin-top: 7.5pt;
  line-height: 22.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute15 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute15 > li * {
  font-size: 15pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute16 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute16 > li {
  font-size: 16pt !important;
  margin-top: 8pt;
  line-height: 24pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute16 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute16 > li * {
  font-size: 16pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute17 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute17 > li {
  font-size: 17pt !important;
  margin-top: 8.5pt;
  line-height: 25.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute17 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute17 > li * {
  font-size: 17pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute18 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute18 > li {
  font-size: 18pt !important;
  margin-top: 9pt;
  line-height: 27pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute18 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute18 > li * {
  font-size: 18pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute42 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute42 > li {
  font-size: 42pt !important;
  margin-top: 9pt;
  line-height: 44pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute42 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute42 > li * {
  font-size: 42pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute19 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute19 > li {
  font-size: 19pt !important;
  margin-top: 9.5pt;
  line-height: 28.5pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute19 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute19 > li * {
  font-size: 19pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute20 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute20 > li {
  font-size: 20pt !important;
  margin-top: 10pt;
  line-height: 30pt;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.absolute20 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.absolute20 > li * {
  font-size: 20pt !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.timesNewRoman28 > li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.timesNewRoman28 > li {
  font-size: 28pt !important;
  font-family: "Times New Roman" !important;
  margin-top: 0;
  line-height: 1.5;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul.timesNewRoman28 > li *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol.timesNewRoman28 > li * {
  font-size: 28pt !important;
  font-family: "Times New Roman" !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul .conspicuous,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol .conspicuous {
  font-size: 20px !important;
  font-weight: bold !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul .conspicuous div,
.system-template-editor-wrap .editor div .container .page .wrapper .content ul .conspicuous p,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol .conspicuous div,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol .conspicuous p {
  font-size: 20px !important;
  font-weight: bold !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul .conspicuous ul li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ul .conspicuous ol li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol .conspicuous ul li,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol .conspicuous ol li {
  font-size: 20px !important;
  font-weight: bold !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content ul .conspicuous *,
.system-template-editor-wrap .editor div .container .page .wrapper .content ol .conspicuous * {
  font-size: 20px !important;
  font-weight: 800 !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content .qr-signature-editor {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0.05in 0 0.15in 0 !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content .qr-signature-editor > div {
  width: calc(50% - 0.15in);
}
.system-template-editor-wrap .editor div .container .page .wrapper .content .qr-signature-editor > div + div {
  margin-left: 0.3in;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content .qr-signature-editor > div > div {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content .qr-signature-editor > div > div > div {
  font-size: 14px !important;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content .qr-signature-editor > div > div > div:nth-child(1) {
  width: 0.5in;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content .qr-signature-editor > div > div > div + div {
  width: calc(100% - 0.5in);
  margin-left: 0.05in;
  border-bottom: 1px solid #000;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content .qr-signature-editor > div > div:nth-child(1) {
  margin-bottom: 0.08in;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content .qr-signature-editor > div > div:nth-child(1) > div {
  font-size: 16px;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content .qr-signature-editor > div > div:nth-child(1) > div + div {
  margin-left: 0.05in;
}
.system-template-editor-wrap .editor div .container .page .wrapper .content .qr-signature-editor > div > div + div {
  margin-top: 0.05in !important;
}

/***************** SORTER ********************/
.sorter {
  width: 22px;
  height: 20px !important;
  max-height: 20px !important;
  min-height: 20px !important;
  display: flex !important;
  background: url(/content/img/ic-table-action-dragindicator.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
}
.sorter:hover, .sorter:active, .sorter:active:focus {
  width: 22px;
  height: 20px !important;
  max-height: 20px !important;
  min-height: 20px !important;
  display: flex;
  background: url(/content/img/ic-table-action-dragindicator-active.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
}

.note-item-details > div {
  width: 620px;
}

.note-item-details .modals-body {
  background: #e3eaed;
  display: grid;
}
.note-item-details .modals-body .notes-doc-uploader {
  background: #fafafa;
  padding: 0 8px 5px 8px;
  width: 100%;
  border: 1px solid #dcdedf;
  /**/
  /**/
}
.note-item-details .modals-body .notes-doc-uploader .panel-header {
  height: 32px;
  line-height: 32px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e8edf2;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  position: relative;
}
.note-item-details .modals-body .notes-doc-uploader .panel-header .download-attached {
  bottom: 3px;
}
.note-item-details .modals-body .notes-doc-uploader .panel-header .add-doc {
  padding: 0 0 0 20px;
  position: relative;
  color: #0ca597;
  cursor: pointer;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
}
.note-item-details .modals-body .notes-doc-uploader .panel-header .add-doc:before {
  content: url(/content/img/base-action-add-16-px-rest.svg);
  position: absolute;
  top: 0px;
  left: 1px;
}
.note-item-details .modals-body .notes-doc-uploader .panel-header .add-doc:hover, .note-item-details .modals-body .notes-doc-uploader .panel-header .add-doc:active, .note-item-details .modals-body .notes-doc-uploader .panel-header .add-doc:active:focus {
  color: #027373;
}
.note-item-details .modals-body .notes-doc-uploader .panel-header .add-doc:hover:before, .note-item-details .modals-body .notes-doc-uploader .panel-header .add-doc:active:before, .note-item-details .modals-body .notes-doc-uploader .panel-header .add-doc:active:focus:before {
  content: url(/content/img/base-action-add-16-px-hover-pressed.svg);
  position: absolute;
  top: 0px;
  left: 1px;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-panel {
  background: #fafafa;
  padding: 0;
  width: 100%;
  margin-bottom: 4px;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-panel .panel-header {
  height: 32px;
  line-height: 32px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e8edf2;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #000;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 24px;
  border: 1px solid rgba(255, 255, 255, 0);
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .doc-row-remove {
  display: flex;
  height: 24px;
  width: 16px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background: url(/content/img/ic-acction-delete.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  visibility: hidden;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .doc-row-remove[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .doc-row-view {
  display: flex;
  height: 24px;
  width: 20px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background: url(/content/img/ic-ribbon-action-preview.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  visibility: hidden;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row label {
  position: relative;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row label + div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row label + div.note-dropdown {
  width: 300px !important;
  position: static !important;
  margin-left: 8px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row a {
  font-size: 14px;
  font-family: Roboto-Regular, sans-serif;
  color: #0ca597 !important;
  background-color: #fff;
  border: 2px solid #fff;
  padding: 0 6px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row a:hover {
  background-color: rgba(158, 219, 214, 0.5);
  opacity: 1;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row a:active, .note-item-details .modals-body .notes-doc-uploader .doc-row a:active:focus {
  background-color: #9edbd6;
  color: #027373;
  opacity: 1;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .remove {
  opacity: 0;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .remove:hover {
  background-color: rgba(254, 214, 210, 0.5);
  opacity: 1;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .remove:active, .note-item-details .modals-body .notes-doc-uploader .doc-row .remove:active:focus {
  background-color: #fed6d2;
  opacity: 1;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row:hover {
  border: 1px solid #9edbd6;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row:hover > button {
  visibility: visible;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row:hover .remove,
.note-item-details .modals-body .notes-doc-uploader .doc-row:hover a {
  opacity: 1;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row:active, .note-item-details .modals-body .notes-doc-uploader .doc-row:active:focus {
  background: rgba(0, 176, 255, 0.1);
  border: 1px solid #9edbd6;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row:active button, .note-item-details .modals-body .notes-doc-uploader .doc-row:active:focus button {
  visibility: visible;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row:active .remove,
.note-item-details .modals-body .notes-doc-uploader .doc-row:active a, .note-item-details .modals-body .notes-doc-uploader .doc-row:active:focus .remove,
.note-item-details .modals-body .notes-doc-uploader .doc-row:active:focus a {
  opacity: 1;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .radio-unchecked,
.note-item-details .modals-body .notes-doc-uploader .doc-row .radio-checked {
  background-color: rgba(255, 255, 255, 0);
  opacity: 1;
  border: 0;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .radio-unchecked:hover, .note-item-details .modals-body .notes-doc-uploader .doc-row .radio-unchecked:active, .note-item-details .modals-body .notes-doc-uploader .doc-row .radio-unchecked:active:focus,
.note-item-details .modals-body .notes-doc-uploader .doc-row .radio-checked:hover,
.note-item-details .modals-body .notes-doc-uploader .doc-row .radio-checked:active,
.note-item-details .modals-body .notes-doc-uploader .doc-row .radio-checked:active:focus {
  background-color: rgba(255, 255, 255, 0);
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.not-linked-uploaded {
  padding-left: 27px;
  margin: 0 !important;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .doc-uploaded {
  width: 100%;
  position: relative;
  padding-left: 23px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .doc-uploaded:before {
  content: url(/content/img/ic-document-attachment.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .doc-requested {
  width: 100%;
  position: relative;
  padding-left: 23px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .doc-requested:before {
  content: url(/content/img/ic-document-request.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .doc-removed {
  width: 100%;
  position: relative;
  padding-left: 23px;
  color: #999;
  padding: 0 50px 0 2px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row .doc-removed:before {
  content: "Removed";
  position: absolute;
  top: 0;
  right: 2px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.status-requested label {
  padding: 0 0 0 20px !important;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.status-requested label:before {
  content: url(/content/img/ic-document-request.svg);
  position: absolute;
  top: 3px;
  left: 1px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.status-printed label {
  padding: 0 0 0 20px !important;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.status-printed label:before {
  content: url(/content/img/mark-document-printed-16-px.svg);
  position: absolute;
  top: 3px;
  left: 1px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.linked-uploaded label {
  padding: 0 0 0 20px !important;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.linked-uploaded label:before {
  content: url(/content/img/ic-document-attachment.svg);
  position: absolute;
  top: 3px;
  left: 1px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.radio {
  margin: 0;
  justify-content: flex-start;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.radio label {
  padding: 0;
  margin-left: 2px !important;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.radio label + div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: initial;
  position: absolute;
  right: 0;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.radio a + label {
  padding: 0;
  margin-left: 2px !important;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.radio a + label + div {
  margin-left: 6px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.not-linked-uploaded label {
  padding: 0 0 0 20px !important;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row.not-linked-uploaded label:before {
  content: url(/content/img/mark-document-attachment-unlinked-16-px.svg);
  position: absolute;
  top: 3px;
  left: 1px;
}
.note-item-details .modals-body .notes-doc-uploader .doc-row + .doc-row {
  margin-top: 0;
}
.note-item-details .modals-body .notes-doc-uploader .none {
  height: 22px;
  background: #f6f7f8;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
  color: #cccccc;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.note-item-details .modals-body .notes-doc-uploader .remove {
  min-width: 22px;
  width: 22px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 0;
  cursor: pointer;
  background-image: url(/content/img/base-action-delete-16-px-rest.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .remove:before {
  content: "";
  height: 18px;
  width: 1px;
  display: flex;
  background: rgba(2, 115, 115, 0.1);
  position: absolute;
  top: 0px;
  left: -2px;
}
.note-item-details .modals-body .notes-doc-uploader .remove:hover, .note-item-details .modals-body .notes-doc-uploader .remove:active, .note-item-details .modals-body .notes-doc-uploader .remove:active:focus {
  background-image: url(/content/img/base-action-delete-16-px-hover-pressed.svg);
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add {
  height: 35px;
  background: #fff;
  border: 1px solid #dcdedf;
  border-radius: 2px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 34px;
  box-sizing: border-box;
  color: #0ca597;
  padding: 0 16px 0 24px;
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: 0.1s;
  position: relative;
  overflow: hidden;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add + .condominium-add {
  margin-left: 12px;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add > a {
  height: 35px;
  width: inherit;
  background: #fff;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 37px;
  color: #0ca597;
  text-decoration: none;
  display: flex;
  flex-direction: row;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add > a:before {
  content: url(/content/img/base-action-view-in-poup-16-px-rest.svg);
  position: absolute;
  left: 5px;
  top: 10px;
  height: 16px;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add:hover {
  background: #fff;
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  transition: 0.1s;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add:hover > a {
  height: 35px;
  width: inherit;
  background: #fff;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 37px;
  color: #0ca597;
  text-decoration: none;
  display: flex;
  flex-direction: row;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add:hover > a:before {
  content: url(/content/img/base-action-view-in-poup-16-px-hover-pressed.svg);
  position: absolute;
  left: 5px;
  top: 10px;
  height: 16px;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add:active, .note-item-details .modals-body .notes-doc-uploader .condominium-add:active:focus {
  background: #d8ecf9;
  box-shadow: none;
  color: #027373;
  transition: 0.1s;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add:active > a, .note-item-details .modals-body .notes-doc-uploader .condominium-add:active:focus > a {
  height: 35px;
  width: inherit;
  background: #d8ecf9;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 37px;
  color: #0ca597;
  text-decoration: none;
  display: flex;
  flex-direction: row;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add:active > a:before, .note-item-details .modals-body .notes-doc-uploader .condominium-add:active:focus > a:before {
  content: url(/content/img/base-action-view-in-poup-16-px-hover-pressed.svg);
  position: absolute;
  left: 5px;
  top: 10px;
  height: 16px;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add:active .remove, .note-item-details .modals-body .notes-doc-uploader .condominium-add:active:focus .remove {
  right: 0;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add.disabled, .note-item-details .modals-body .notes-doc-uploader .condominium-add[disabled] {
  pointer-events: none;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add.disabled *, .note-item-details .modals-body .notes-doc-uploader .condominium-add[disabled] * {
  pointer-events: none;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add.disabled a, .note-item-details .modals-body .notes-doc-uploader .condominium-add[disabled] a {
  color: #ccc !important;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add.disabled:before, .note-item-details .modals-body .notes-doc-uploader .condominium-add[disabled]:before {
  display: none;
}
.note-item-details .modals-body .notes-doc-uploader .condominium-add.disabled:after, .note-item-details .modals-body .notes-doc-uploader .condominium-add[disabled]:after {
  content: url(/content/img/base-action-view-in-poup-16-px-inactive.svg);
  position: absolute;
  left: 5px;
  top: 10px;
  height: 16px;
}
.note-item-details .modals-body .notes-doc-uploader .marked-block {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #f2f4f5;
  padding: 0 4px;
  margin: 4px 0;
}
.note-item-details .modals-body .notes-doc-uploader .marked-block div {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #304156;
}
.note-item-details .modals-body .notes-doc-uploader .marked-block a {
  color: #0ca597;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.note-item-details .modals-body .notes-doc-uploader .light-marked {
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #828d99;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row {
  height: 24px;
  position: relative;
  background: rgba(0, 176, 255, 0.1);
  border: 1px solid rgba(0, 176, 255, 0);
  border-radius: 2px;
  padding: 0 0 0 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row label + div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row a {
  font-size: 14px;
  font-family: Roboto-Regular, sans-serif;
  color: #0ca597 !important;
  background-color: #fff;
  border: 2px solid #fff;
  padding: 0 6px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row a:hover, .note-item-details .modals-body .notes-doc-uploader .modal-row a:active, .note-item-details .modals-body .notes-doc-uploader .modal-row a:active:focus {
  background-color: #e6f6f4;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row .remove {
  display: flex;
  height: 22px;
  width: fit-content;
  background-color: #fff;
  border: 2px solid #fff;
  box-shadow: none;
  position: relative;
  background-image: none;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: 0;
  transition: 0.3s;
  color: #FF2B00 !important;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row .remove:hover, .note-item-details .modals-body .notes-doc-uploader .modal-row .remove:active, .note-item-details .modals-body .notes-doc-uploader .modal-row .remove:active:focus {
  background-color: #fed6d2;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row:hover, .note-item-details .modals-body .notes-doc-uploader .modal-row:active, .note-item-details .modals-body .notes-doc-uploader .modal-row:active:focus {
  background: rgba(0, 176, 255, 0.2);
  border: 1px solid rgba(0, 176, 255, 0.2);
}
.note-item-details .modals-body .notes-doc-uploader .modal-row:hover .remove,
.note-item-details .modals-body .notes-doc-uploader .modal-row:hover a, .note-item-details .modals-body .notes-doc-uploader .modal-row:active .remove,
.note-item-details .modals-body .notes-doc-uploader .modal-row:active a, .note-item-details .modals-body .notes-doc-uploader .modal-row:active:focus .remove,
.note-item-details .modals-body .notes-doc-uploader .modal-row:active:focus a {
  opacity: 1;
  transition: 0.3s;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row .radio-unchecked,
.note-item-details .modals-body .notes-doc-uploader .modal-row .radio-checked {
  background-color: rgba(255, 255, 255, 0);
  opacity: 1;
  border: 0;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row .radio-unchecked:hover, .note-item-details .modals-body .notes-doc-uploader .modal-row .radio-unchecked:active, .note-item-details .modals-body .notes-doc-uploader .modal-row .radio-unchecked:active:focus,
.note-item-details .modals-body .notes-doc-uploader .modal-row .radio-checked:hover,
.note-item-details .modals-body .notes-doc-uploader .modal-row .radio-checked:active,
.note-item-details .modals-body .notes-doc-uploader .modal-row .radio-checked:active:focus {
  background-color: rgba(255, 255, 255, 0);
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.status-requested {
  padding: 0 0 0 20px;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.status-requested:before {
  content: url(/content/img/ic-document-request.svg);
  position: absolute;
  top: 5px;
  left: 1px;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.status-printed {
  padding: 0 0 0 20px;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.status-printed:before {
  content: url(/content/img/mark-document-printed-16-px.svg);
  position: absolute;
  top: 5px;
  left: 1px;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.linked-uploaded {
  padding: 0 0 0 20px;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.linked-uploaded:before {
  content: url(/content/img/ic-document-attachment.svg);
  position: absolute;
  top: 5px;
  left: 1px;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.radio {
  margin: 0;
  justify-content: flex-start;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.radio label {
  padding-left: 0 !important;
  margin-left: 2px !important;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.radio label + div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: initial;
  position: absolute;
  right: 0;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.radio a + label {
  padding-left: 0 !important;
  margin-left: 2px !important;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.radio a + label + div {
  margin-left: 6px;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.not-linked-uploaded {
  padding: 0 0 0 20px;
}
.note-item-details .modals-body .notes-doc-uploader .modal-row.not-linked-uploaded:before {
  content: url(/content/img/mark-document-attachment-unlinked-16-px.svg);
  position: absolute;
  top: 5px;
  left: 1px;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader {
  border-radius: 2px;
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  border: 1px solid #dcdedf;
  background: #fff;
  display: flex;
  height: 100px;
  padding: 4px;
  margin-top: 4px;
  position: relative;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  text-align: center;
  display: flex;
  height: 100px;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(1, 38, 35, 0.8);
  padding: 4px 4px;
  width: 100%;
  z-index: 99;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .file-name {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff !important;
  line-height: 16px;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .status {
  color: #fff !important;
  line-height: 16px;
  height: 16px;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .status:before {
  display: none;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .complited {
  color: #28941F;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .complited:before {
  display: none;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .error-load {
  color: #FF0000;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .error-load:before {
  display: none;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .loader-file-wrap {
  height: 18px !important;
  width: 100%;
  background: #fff;
  border: 1px solid #fff;
  position: relative;
  bottom: 0;
  display: flex;
  left: 0;
  flex-direction: row;
  justify-content: flex-start;
  margin: 4px 0;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .loader-file-wrap .loader-file-back {
  position: absolute;
  left: calc(50% - 10px);
  top: 0;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .loader-file-wrap .loader-file-active {
  height: 16px;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .loader-file-wrap.loading .loader-file-back {
  color: #304156;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .loader-file-wrap.loading .loader-file-active {
  background: #0ca597;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .loader-file-wrap.complete .loader-file-back {
  color: #fff;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .loader-file-wrap.complete .loader-file-active {
  background: #7ed321;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .loader-file-wrap.error-load .loader-file-back {
  color: #304156;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .file-uploader-info .loader-file-wrap.error-load .loader-file-active {
  background: #FF0000;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .qr-symbol {
  background: url(/content/img/qr-symbol.svg);
  width: 90px;
  height: 90px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader > div {
  width: 100%;
  padding: 0 0 0 29px;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader > div .upload-header {
  height: 20px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader > div .upload-header + div {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 5px;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader > div ul {
  margin: 0;
  padding: 0 0 0 14px;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader > div ul li {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 1.1;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader input[type=file] + div {
  position: relative;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader input[type=file] + div:before {
  content: url(/content/img/ribbon-download-24-px-rest.svg);
  position: absolute;
  top: 35px;
  left: 1px;
  transform: rotate(180deg);
  cursor: pointer;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .qr-emty {
  min-width: 90px;
  width: 90px;
  min-height: 90px;
  display: block;
  position: relative;
  background: #f2f4f5;
  border: 1px solid rgba(224, 224, 224, 0.2);
  padding: 0;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .qr-emty:after {
  content: url(/content/img/img-logo-watermark-sm.svg);
  position: absolute;
  height: 50px;
  width: 48px;
  top: 23px;
  left: 21px;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .mobile-upload-code {
  width: 90px;
  padding: 0;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader .mobile-upload-code img {
  width: 90px;
  height: 90px;
}
.note-item-details .modals-body .notes-doc-uploader .row-uploader[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.note-item-details .modals-body .notes-doc-uploader .requested-doc-list .modal-row {
  background: rgba(0, 176, 255, 0.1);
  position: relative;
}
.note-item-details .modals-body .notes-doc-uploader .upload-documents .modal-row {
  background: rgba(0, 176, 255, 0);
  position: relative;
  cursor: pointer;
}
.note-item-details .modals-body .notes-doc-uploader .upload-documents .modal-row label {
  min-width: initial;
  margin-right: 8px;
  pointer-events: none;
}
.note-item-details .modals-body .notes-doc-uploader .upload-documents .modal-row .select-field {
  width: 100%;
}
.note-item-details .modals-body .notes-doc-uploader .upload-documents .modal-row:hover, .note-item-details .modals-body .notes-doc-uploader .upload-documents .modal-row:active, .note-item-details .modals-body .notes-doc-uploader .upload-documents .modal-row:active:focus {
  background: rgba(0, 176, 255, 0.2);
  border: 1px solid rgba(0, 176, 255, 0.2);
}
.note-item-details .modals-body .notes-doc-uploader .upload-documents .modal-row:hover .remove, .note-item-details .modals-body .notes-doc-uploader .upload-documents .modal-row:active .remove, .note-item-details .modals-body .notes-doc-uploader .upload-documents .modal-row:active:focus .remove {
  opacity: 1;
  transition: 0.3s;
}
.note-item-details .modals-body .uw-block-left {
  grid-column: 1;
  grid-row: 1;
  background: #f0f5f7;
  width: 100%;
  overflow-y: auto;
}
.note-item-details .modals-body .uw-block-left .asset-panel {
  width: calc(100% - 8px);
}
.note-item-details .modals-body .uw-block-left .asset-panel .asset-attach-wrapper .asset-attachments-static .asset-actions {
  margin-left: 25px;
}
.note-item-details .modals-body .uw-block-left .asset-attachments-static {
  display: flex;
}
.note-item-details .modals-body .uw-block-left .asset-attachments-static .asset-actions {
  margin: 0 !important;
  width: 100%;
  justify-content: flex-start;
}
.note-item-details .modals-body .uw-block-left .asset-attachments-static .asset-actions > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.note-item-details .modals-body .uw-block-left .asset-attachments-static .asset-actions > a:before {
  content: url(/content/img/base-action-add-16-px-inactive.svg);
  text-align: center;
  background: none;
  margin: 0 5px 0 2px;
}
.note-item-details .modals-body .uw-block-left .asset-attachments-static:hover .asset-actions > a:before {
  content: url(/content/img/base-action-add-16-px-rest.svg);
  text-align: center;
  background: none;
  margin: 0 5px 0 2px;
}
.note-item-details .modals-body .uw-block-left .asset-attachments-static:active .asset-actions > a, .note-item-details .modals-body .uw-block-left .asset-attachments-static:active:focus .asset-actions > a {
  color: #027373;
}
.note-item-details .modals-body .uw-block-left .asset-attachments-static:active .asset-actions > a:before, .note-item-details .modals-body .uw-block-left .asset-attachments-static:active:focus .asset-actions > a:before {
  content: url(/content/img/base-action-add-16-px-hover-pressed.svg);
  text-align: center;
  background: none;
  margin: 0 5px 0 2px;
}
.note-item-details .modals-body .uw-block-left .editor-block {
  height: calc(100% - 50px);
  max-width: inherit;
  border-radius: 2px;
  background: #fff;
  margin: 8px;
}
.note-item-details .modals-body .uw-block-left .editor-block > div {
  height: 100%;
  max-width: inherit;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div {
  height: calc(100% - 2px);
  max-width: inherit;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .editor-scroll-wrap {
  max-height: 400px;
  min-height: 400px;
  overflow-y: auto;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:hover, .note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:active, .note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:active:focus, .note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:focus, .note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:hover, .note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:active, .note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:active:focus, .note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:focus, .note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .editor {
  height: calc(100% - 2px);
  max-width: inherit;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  padding: 10px;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.note-item-details .modals-body .uw-block-left .editor-block > div > div .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.note-item-details .modals-body .uw-block-left .editor-block .menu.slate-toolbar-menu[style="display: none;"] + .editor > div {
  height: 100%;
}
.note-item-details .modals-body .uw-block-left .editor-block .menu.slate-toolbar-menu[style="display: flex;"] + .editor > div {
  height: calc(100% - 32px);
}
.note-item-details .modals-body .details-first-row {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 24px;
  padding: 8px 8px 8px 0;
  display: grid;
  width: 97%;
  grid-template-columns: 50px 180px 70px 100px 100px 100px;
  border-bottom: 1px solid #dcdedf;
  margin: 0 0 0 8px;
  /***/
  /***/
}
.note-item-details .modals-body .details-first-row .select-dropdown {
  width: 180px !important;
  min-width: 180px !important;
  padding: 0 !important;
  font-family: "MaterialIcons";
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  display: inline-block;
  text-transform: none;
  height: 24px;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  position: relative !important;
}
.note-item-details .modals-body .details-first-row .select-dropdown .Select-control {
  height: 24px !important;
  line-height: 24px !important;
}
.note-item-details .modals-body .details-first-row .select-dropdown .Select-control div {
  height: 24px !important;
  line-height: 24px !important;
}
.note-item-details .modals-body .details-first-row .select-dropdown .Select-control div .Select-value {
  margin-top: 5px;
}
.note-item-details .modals-body .details-first-row .select-dropdown .Select-arrow-zone {
  line-height: 24px;
  height: 24px;
  padding-right: 0px;
}
.note-item-details .modals-body .details-first-row .select-dropdown .Select-arrow-zone:before {
  height: 24px;
  line-height: 31px;
  font-size: 16px;
}
.note-item-details .modals-body .details-first-row .select-dropdown .Select-menu-outer {
  width: 180px;
  max-width: 180px;
  position: absolute !important;
}
.note-item-details .modals-body .details-first-row .select-dropdown .Select-menu-outer .Select-menu {
  max-height: 200px !important;
}
.note-item-details .modals-body .details-first-row .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  height: 24px !important;
  line-height: 24px !important;
}
.note-item-details .modals-body .details-first-row label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 26px;
  color: #5f5f5f;
  text-align: right;
  padding-right: 10px;
}
.note-item-details .modals-body .details-first-row .request-row {
  max-height: 24px;
  overflow-y: hidden;
  width: calc(100% - 8px);
  max-width: 384px;
  background: #fff;
  border: 1px solid rgba(224, 224, 224, 0.5);
  box-sizing: border-box;
  position: relative;
  padding: 0 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.note-item-details .modals-body .details-first-row .request-row button {
  width: 60px;
  border-radius: 1px;
  color: #fff;
  line-height: 16px;
  height: 18px;
  border: 0;
  box-shadow: none;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  background-color: #0ca597;
  position: absolute;
  top: 2px;
  right: 3px;
}
.note-item-details .modals-body .details-first-row .request-row .doc-row {
  width: fit-content;
  height: 18px;
  display: inline-flex;
  min-width: fit-content;
  border-radius: 1px;
  background-color: rgba(0, 176, 255, 0.1);
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding: 0 2px 0 20px;
  color: #000000;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin-left: 0;
}
.note-item-details .modals-body .details-first-row .request-row .doc-row + .doc-row {
  margin-left: 2px;
}
.note-item-details .modals-body .details-first-row .request-row .doc-row > button {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
}
.note-item-details .modals-body .details-first-row .request-row .doc-row > button:nth-child(1) {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: 16px 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
  background-image: url(/content/img/ic-ribbon-action-preview.svg);
}
.note-item-details .modals-body .details-first-row .request-row .doc-row > button:nth-child(2), .note-item-details .modals-body .details-first-row .request-row .doc-row > button.condition-doc-remove {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: 16px 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
  background-image: url(/content/img/ic-acction-delete.svg);
}
.note-item-details .modals-body .details-first-row .request-row .doc-row:hover > button, .note-item-details .modals-body .details-first-row .request-row .doc-row:active > button, .note-item-details .modals-body .details-first-row .request-row .doc-row:active:focus > button {
  visibility: visible;
}
.note-item-details .modals-body .details-first-row .request-row .doc-row.doc-uploaded:before {
  content: url(/content/img/ic-document-attachment.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.note-item-details .modals-body .details-first-row .request-row .doc-row.doc-requested:before {
  content: url(/content/img/ic-document-request.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.note-item-details .modals-body .details-first-row .request-row .doc-row.doc-removed {
  color: #999;
  padding: 0 50px 0 2px;
}
.note-item-details .modals-body .details-first-row .request-row .doc-row.doc-removed:before {
  content: "Removed";
  position: absolute;
  top: 0;
  right: 2px;
}
.note-item-details .modals-body .asset-attachments > div:first-child {
  max-width: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row {
  width: 100%;
  height: 18px;
  display: inline-flex;
  min-width: fit-content;
  border-radius: 1px;
  background-color: rgba(0, 176, 255, 0);
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 18px;
  padding: 0 2px 0 0;
  color: #000000;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin-left: 0;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row .row-uploader {
  width: 100%;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-remove {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: 16px 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: 0;
  visibility: hidden;
  background-image: url(/content/img/ic-acction-delete.svg);
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-view {
  display: flex;
  height: 24px;
  width: 20px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background: url(/content/img/ic-ribbon-action-preview.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  visibility: hidden;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download {
  display: flex;
  height: 24px;
  width: 20px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background: url(/content/img/base-action-upload-16-px-rest-sm.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  visibility: hidden;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download:hover, .note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download:active, .note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download:active:focus {
  background: url(/content/img/base-action-upload-16-px-hover-pressed-sm.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download.disabled, .note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download[disabled] {
  background: url(/content/img/base-action-upload-16-px-inactive-sm.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download.disabled:hover, .note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download.disabled:active, .note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download.disabled:active:focus, .note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download[disabled]:hover, .note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download[disabled]:active, .note-item-details .modals-body .asset-attach-wrapper .doc-row > button.doc-row-download[disabled]:active:focus {
  background: url(/content/img/base-action-upload-16-px-inactive-sm.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row:hover, .note-item-details .modals-body .asset-attach-wrapper .doc-row:active, .note-item-details .modals-body .asset-attach-wrapper .doc-row:active:focus {
  background-color: rgba(0, 176, 255, 0.1);
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row:hover > button, .note-item-details .modals-body .asset-attach-wrapper .doc-row:active > button, .note-item-details .modals-body .asset-attach-wrapper .doc-row:active:focus > button {
  visibility: visible;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row .doc-uploaded {
  padding: 0 0 0 22px;
  width: 100%;
  position: relative;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row .doc-uploaded:before {
  content: url(/content/img/ic-document-attachment.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row .doc-requested {
  padding: 0 0 0 22px;
  width: 100%;
  position: relative;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row .doc-requested:before {
  content: url(/content/img/ic-document-request.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row .doc-removed {
  color: #999;
  padding: 0 50px 0 22px;
  width: 100%;
  position: relative;
}
.note-item-details .modals-body .asset-attach-wrapper .doc-row .doc-removed:before {
  content: "Removed";
  position: absolute;
  top: 0;
  right: 26px;
}

body > .list-wrapper {
  z-index: 111111111;
}

/*************end admin-select **************/
.remove-in-grid {
  display: flex;
  height: 21px;
  width: 16px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  background: url(/content/img/ic-acction-delete.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  right: 8px;
  top: 0px;
  position: absolute;
  opacity: 0;
}

.grid-module-viewport-content-row:hover .remove-in-grid, .grid-module-viewport-content-row:active .remove-in-grid, .grid-module-viewport-content-row:active:focus .remove-in-grid {
  opacity: 1;
}

.products-parameters .add-new {
  display: flex;
  margin-top: 10px;
}
.products-parameters .add-new .add-margin {
  margin-left: 8px;
}
.products-parameters .add-new div:first-child {
  width: 60px;
}
.products-parameters .display-flex .min {
  min-width: 27px;
}
.products-parameters .display-flex .inline-script {
  min-width: 80px;
  width: 80px;
}
.products-parameters .display-flex .inline-script .wrap-custom-input input {
  min-width: 67px !important;
  width: 67px !important;
}
.products-parameters .display-flex label {
  margin: 0 4px 0 5px !important;
  text-align: right;
  min-width: fit-content;
}
.products-parameters .display-flex label:nth-child(1) {
  margin: 0 4px 0 0px !important;
}

.or-fee-column .display-flex .inline-script {
  min-width: 80px;
  width: 80px;
}
.or-fee-column .select-dropdown {
  width: 180px;
  margin-right: 10px !important;
}

.lender-credit-column .select-dropdown {
  width: 180px;
  margin-right: 10px !important;
}
.lender-credit-column div label {
  width: 50px;
  min-width: 50px;
}
.lender-credit-column div .max {
  width: 33px;
  min-width: 33px;
}

.contributors-modal div {
  max-height: 300px;
  width: 410px;
}
.contributors-modal div .modals-body .note-item .grid-module .grid-module-viewport .grid-module-viewport-header div .grid-module-viewport-header-row .filter-column .filter-button {
  height: 24px;
  line-height: 24px;
  padding: 0;
  cursor: pointer;
  user-select: none;
}
.contributors-modal div .modals-body .note-item .grid-module .grid-module-viewport .grid-module-viewport-header div .grid-module-viewport-header-row .filter-column .filter-button i {
  box-sizing: border-box;
  color: rgb(12, 165, 151);
  cursor: pointer;
  direction: ltr;
  display: inline;
  font-family: "MaterialIcons";
  font-feature-settings: "liga";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  height: 24px;
  letter-spacing: normal;
  line-height: 24px;
  overflow-wrap: normal;
  text-rendering: optimizelegibility;
  text-size-adjust: 100%;
  text-transform: none;
  user-select: none;
  white-space: normal;
  width: auto;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.lender-credit-modal .modals-body {
  height: 600px;
  min-width: 430px;
}
.lender-credit-modal .modals-body .note-item {
  height: 100%;
  width: 100%;
  position: relative;
}

.modal-primary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #0ca597;
  border: solid 1px #0ca597;
  color: #fff !important;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 14px !important;
  line-height: 1;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-primary-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #0ca597;
  border: 1px solid #0ca597;
}
.modal-primary-button:active, .modal-primary-button:active:focus, .modal-primary-button:focus {
  background-color: #027373;
  border: 1px solid #027373;
}
.modal-primary-button:disabled, .modal-primary-button.disabled {
  pointer-events: none;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #c9c9c9;
  color: #cccccc;
}

.notes-wrapper .notes-header {
  width: 1197px;
  height: 40px;
  background-color: #fefefe;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  border: 2px solid #BFCCD2;
}
.notes-wrapper .toolbar-panel {
  width: 1197px;
  margin: 0px;
  border: 2px solid #BFCCD2;
}
.notes-wrapper .loan-notes-grid {
  background: #f2f4f5;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
  font-size: 12px;
  width: fit-content;
  max-width: 1280px;
}
.notes-wrapper .loan-notes-grid .header-row {
  display: grid;
  grid-gap: 1px;
  background: #f2f4f5;
}
.notes-wrapper .loan-notes-grid .header-row .header-column {
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #5f5f5f;
  padding: 0;
  line-height: 24px;
  min-height: 24px;
}
.notes-wrapper .loan-notes-grid .header-row .header-column .filter-button {
  height: 24px;
  line-height: 24px;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.notes-wrapper .loan-notes-grid .header-row .header-column .filter-button i {
  color: #0ca597;
  height: 24px;
  line-height: 24px;
}
.notes-wrapper .loan-notes-grid .filter-row {
  display: grid;
  grid-gap: 1px;
}
.notes-wrapper .loan-notes-grid .filter-row input {
  height: 22px !important;
  border-radius: 2px !important;
  padding: 0 4px;
  border: 1px solid #b6c3d3;
  background-color: #fff;
  color: #000;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
}
.notes-wrapper .loan-notes-grid .filter-row .form-group {
  margin-bottom: 5px;
}
.notes-wrapper .loan-notes-grid .rows-wrapper {
  overflow: auto;
  max-height: 430px;
}
.notes-wrapper .loan-notes-grid .rows-wrapper .line-row {
  display: grid;
  grid-gap: 1px;
  border-bottom: 1px solid #f2f4f5;
  cursor: pointer;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 20px;
}
.notes-wrapper .loan-notes-grid .rows-wrapper .line-row > div {
  padding: 4px 0 0 5px;
  background: #fff;
  line-height: 1.2;
  min-height: 24px;
  max-width: 100%;
}
.notes-wrapper .loan-notes-grid .rows-wrapper .line-row > div p {
  margin: 0;
}
.notes-wrapper .loan-notes-grid .rows-wrapper .line-row > div .list {
  margin: 0;
}
.notes-wrapper .loan-notes-grid .rows-wrapper .line-row > div .condition {
  overflow-wrap: break-word;
}

.add-standart-condition-grid {
  background: #f2f4f5;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
  font-size: 12px;
  width: fit-content;
  max-width: 1280px;
}
.add-standart-condition-grid .header-row {
  display: grid;
  grid-gap: 1px;
  background: #f2f4f5;
}
.add-standart-condition-grid .header-row .header-column {
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #5f5f5f;
  padding: 0;
  line-height: 24px;
  min-height: 24px;
}
.add-standart-condition-grid .header-row .header-column .filter-button {
  height: 24px;
  line-height: 24px;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.add-standart-condition-grid .header-row .header-column .filter-button i {
  color: #0ca597;
  height: 24px;
  line-height: 24px;
}
.add-standart-condition-grid .filter-row {
  display: grid;
  grid-gap: 1px;
}
.add-standart-condition-grid .filter-row input {
  height: 22px !important;
  border-radius: 2px !important;
  padding: 0 4px;
  border: 1px solid #b6c3d3;
  background-color: #fff;
  color: #000;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
}
.add-standart-condition-grid .filter-row .form-group {
  margin-bottom: 5px;
}
.add-standart-condition-grid .rows-wrapper {
  overflow: auto;
  max-height: 430px;
}
.add-standart-condition-grid .rows-wrapper .line-row {
  display: grid;
  grid-gap: 1px;
  border-bottom: 1px solid #f2f4f5;
  cursor: pointer;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 20px;
}
.add-standart-condition-grid .rows-wrapper .line-row > div {
  padding: 4px 0 0 5px;
  background: #fff;
  line-height: 1.2;
  min-height: 24px;
  max-width: 100%;
}
.add-standart-condition-grid .rows-wrapper .line-row > div p {
  margin: 0;
}
.add-standart-condition-grid .rows-wrapper .line-row > div .list {
  margin: 0;
}
.add-standart-condition-grid .rows-wrapper .line-row > div .condition {
  overflow-wrap: break-word;
}

#cke_ace_definitions {
  width: inherit;
  display: block;
}
#cke_ace_definitions div {
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 22px;
  overflow: hidden;
  width: inherit;
}

#cke_formula_name div {
  width: 215px;
}
#cke_formula_name div input {
  width: 215px !important;
}

#cke_formula_decimals div {
  width: 30px;
}
#cke_formula_decimals div input {
  min-width: 30px !important;
  width: 30px !important;
}

.search {
  margin-left: 15px;
}

.slate-color-plugin-formula-draggable-handle-container {
  position: absolute;
  z-index: 9999999999;
  width: 200px;
  background: #fff;
  top: -300px;
  left: 20px;
  color: #5f5f5f;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 0px;
  border: 2px solid rgba(12, 165, 151, 0.2);
  max-height: 380px;
  overflow-y: auto;
}
.slate-color-plugin-formula-draggable-handle-container .active {
  background: #ceedea;
}
.slate-color-plugin-formula-draggable-handle-container > div {
  height: 24px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  padding: 0 4px;
}
.slate-color-plugin-formula-draggable-handle-container > div:hover, .slate-color-plugin-formula-draggable-handle-container > div:active, .slate-color-plugin-formula-draggable-handle-container > div:active:focus {
  background: #ceedea;
}
.slate-color-plugin-formula-draggable-handle-container > div span + span {
  margin-left: 4px;
  white-space: nowrap;
}
.slate-color-plugin-formula-draggable-handle-container > div .circle {
  display: block;
  min-height: 12px;
  height: 12px;
  max-height: 12px;
  min-width: 12px;
  width: 12px;
  max-width: 12px;
  border-radius: 50%;
}

.color-label {
  width: 190px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  padding: 0 4px 0 0;
  margin-right: calc(100% - 392px);
}
.color-label span + span {
  width: 170px;
  margin-left: 12px;
}
.color-label .circle {
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
.color-label.relat {
  position: relative;
}
.color-label .slate-color-plugin-formula-draggable-handle-container {
  left: -190px;
}

.dropdown-backdrop {
  display: none !important;
}

input.number-input {
  text-align: right !important;
  justify-content: flex-end !important;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.Select-option.is-focused {
  background-color: #ceedea !important;
}

.cell-viollet > div {
  min-height: 100% !important;
}
.cell-viollet .select-dropdown {
  min-height: fit-content !important;
}
.cell-viollet input {
  background: rgb(170, 170, 255) !important;
}

.test-loan {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  color: #027373;
  height: 100%;
  display: inline-flex;
  align-items: center;
  width: 120px;
  padding: 0 15px;
}
.test-loan > div + div {
  margin-left: 4px;
}

.test-loan-header {
  background: rgba(250, 50, 30, 0.3);
  display: block;
  height: 40px;
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
}

.notes-loan {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  color: #027373;
  height: 100%;
  display: inline-flex;
  align-items: center;
  width: 65px;
  padding: 0 15px 0 7px;
  cursor: pointer;
}
.notes-loan .notes-div {
  margin-top: 12px;
}
.notes-loan > div + div {
  margin-left: 4px;
}

.plus {
  display: flex;
  width: 24px;
  height: 24px;
  background: url(/content/img/ic-action-addnew.svg);
  background-position: center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.plus:hover, .plus:active, .plus:active:focus {
  display: flex;
  width: 24px;
  height: 24px;
  background: url(/content/img/ic-action-addnew-active.svg);
  background-position: center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.clear-button {
  min-width: 84px;
  height: 22px;
  border-radius: 1px;
  background-color: rgba(255, 255, 255, 0);
  border: solid 1px #0ca597;
  color: #0ca597;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  line-height: 21px;
  box-shadow: none;
  padding: 0 5px;
  margin-right: 0;
  position: relative;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}
.clear-button:hover {
  background-color: #fcfdfd;
  border: 1px solid #28aca1;
}
.clear-button:active, .clear-button:active:focus, .clear-button:focus {
  background-color: #d8ebeb;
  border: 1px solid #0a9487;
}

.clear-button[disabled] {
  pointer-events: none;
  border: 1px solid #ccc !important;
  color: #ccc !important;
}

.modal-cancel-button {
  min-width: 64px;
  height: 22px;
  border-radius: 1px;
  background-color: #f7fafb;
  border: solid 1px #0ca597;
  color: #0ca597;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  line-height: 21px;
  box-shadow: none;
  padding: 0 5px;
  margin-right: 10px;
  position: relative;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}
.modal-cancel-button:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #fcfdfd;
  border: 1px solid #28aca1;
}
.modal-cancel-button:active, .modal-cancel-button:active:focus, .modal-cancel-button:focus {
  background-color: #d8ebeb;
  border: 1px solid #0a9487;
}

.modal-button-add {
  height: 22px;
  border-radius: 1px;
  background-color: #0ca597;
  border: solid 1px #0ca597;
  color: #fff;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px !important;
  line-height: 21px;
  box-shadow: none;
  padding: 0 5px;
  margin-right: 10px;
  position: relative;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}
.modal-button-add:hover {
  background-color: #23ada1;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.modal-button-add:active, .modal-button-add:active:focus, .modal-button-add:focus {
  background: #0a9487;
  color: #fff;
}
.modal-button-add[disabled] {
  opacity: 0.5;
  transition: 0.5s;
}

.modal-button-red {
  height: 22px;
  border-radius: 1px;
  background-color: #FF2B00;
  border: solid 1px #FF2B00;
  color: #fff;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px !important;
  line-height: 21px;
  box-shadow: none;
  padding: 0 5px;
  margin-right: 10px;
  position: relative;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}
.modal-button-red:hover {
  background-color: #FF0000;
  border: solid 1px #FF0000;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.modal-button-red:active, .modal-button-red:active:focus, .modal-button-red:focus {
  background: #802828;
  border: solid 1px #802828;
  color: #fff;
}
.modal-button-red[disabled] {
  opacity: 0.5;
  transition: 0.5s;
  pointer-events: none;
}

button.standart {
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  color: #0ca597;
  font-family: Roboto-Regular, sans-serif;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  margin-left: 5px;
}
button.standart:hover {
  background: #9edbd6;
}
button.standart:active, button.standart:active:focus {
  background: #9edbd6;
  color: #027373;
}

.payoff-grid button.standart {
  width: fit-content;
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  color: #0ca597;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  margin: auto 0;
}
.payoff-grid button.standart:hover {
  /*background:#9edbd6;*/
  background: none;
  color: #027373;
}
.payoff-grid button.standart:active, .payoff-grid button.standart:active:focus {
  /*background: #9edbd6;*/
  background: none;
  color: #027373;
}

.button-initial {
  background: #0ca597;
  border: 0;
  border-radius: 1px !important;
  font-family: Roboto-Medium, sans-serif;
  color: #fff !important;
  line-height: 20px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 8px;
  text-transform: initial;
  /*
                  &:before {
                      color: #fff;
                      font-family: "MaterialIcons";
                      content: "file_download";
                      text-align: center;
                      background: none;
                      font-size: 21px;
                      padding: 0;
                      margin: 0 5px 0 0;
                  }
              */
}
.button-initial:hover {
  background-color: #23ada1;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.button-initial:active, .button-initial:active:focus {
  background-color: #0a9487;
}
.button-initial:focus {
  background: #0ca597;
}
.button-initial[disabled] {
  pointer-events: none;
  opacity: 0.3;
}

.button-initial {
  background: #0ca597;
  border: 0;
  border-radius: 1px !important;
  font-family: Roboto-Medium, sans-serif;
  color: #fff !important;
  line-height: 20px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 8px;
  text-transform: initial;
}
.button-initial:hover {
  background-color: #23ada1;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.button-initial:active, .button-initial:active:focus {
  background-color: #0a9487;
}
.button-initial:focus {
  background: #0ca597;
}
.button-initial[disabled] {
  pointer-events: none;
  opacity: 0.3;
}

.newloan-button {
  background: rgba(255, 255, 255, 0);
  border: 1px solid #0ca597;
  border-radius: 1px !important;
  font-family: Roboto-Medium, sans-serif;
  color: #0ca597 !important;
  line-height: 2;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 6px;
  text-transform: initial;
  margin-left: 15px;
  height: 20px;
}
.newloan-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.newloan-button:active, .newloan-button:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.newloan-button:disabled, .newloan-button.disabled {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}
.newloan-button.in-month {
  min-width: 84px;
  width: 84px;
}

.button-header {
  background: #0ca597;
  border: 0;
  border-radius: 1px !important;
  font-family: Roboto-Medium, sans-serif;
  color: #fff !important;
  line-height: 20px;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  padding: 0px 8px;
  text-transform: initial;
  margin-left: 15px;
}
.button-header:hover {
  background-color: #23ada1;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.button-header:active, .button-header:active:focus {
  background-color: #0a9487;
}
.button-header:focus {
  background: #0ca597;
}
.button-header[disabled], .button-header:disabled, .button-header.disabled {
  pointer-events: none;
  opacity: 0.3;
}

.button-header-standart {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #f7fafb;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 14px !important;
  line-height: 22px;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-header-standart:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.button-header-standart:active, .button-header-standart:active:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.button-header-standart:disabled, .button-header-standart.disabled {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  color: #cccccc !important;
}

.standard-condition .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell {
  padding: 0 !important;
}

.standard-condition .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell .sorter {
  background-position: left;
}

.standard-condition .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell .data-service-column span {
  width: fit-content !important;
}
.standard-condition .grid-module .grid-module-viewport .grid-module-viewport-content-row .grid-module-viewport-content-cell .data-service-column span + span {
  margin-left: 4px;
}

body.material-icons {
  font-family: initial;
  font-weight: normal;
  font-style: normal;
  font-size: initial;
  /* Preferred icon size */
  display: initial !important;
  line-height: 1;
  text-transform: none;
  letter-spacing: initial !important;
  word-wrap: initial !important;
  white-space: initial !important;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

html {
  font-family: Arial;
  overflow: hidden;
}

label {
  margin-bottom: 0;
  font-weight: 400;
}

.modals.dba-uploader > div {
  max-width: 960px;
  width: 960px;
}
.modals.dba-uploader > div .modals-header {
  width: 100%;
}
.modals.dba-uploader > div .modals-body {
  width: 100%;
}
.modals.dba-uploader > div .modals-body .image-uploader {
  width: 100%;
}
.modals.dba-uploader > div .modals-body .image-uploader img {
  max-width: 939px;
  max-height: 70px;
}
.modals.dba-uploader > div .modals-body .image-uploader .attach-img {
  display: flex;
  flex-direction: row;
  border: 1px solid #c9c9c9;
  min-height: 80px;
  margin: 20px 0 0 0 !important;
  position: relative;
  width: inherit;
  background: rgba(255, 255, 255, 0.4);
  align-items: center;
  justify-content: center;
}

.check-box-document {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/ui-checkbox-0.svg) !important;
  width: 18px !important;
  height: 18px !important;
  background-size: contain;
  background-repeat: no-repeat !important;
  display: inline-flex !important;
  vertical-align: -3px;
}

.check-box-document-checked {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/ui-checkbox-1.svg) !important;
  min-width: 18px !important;
  width: 18px !important;
  height: 18px !important;
  background-size: contain;
  background-repeat: no-repeat !important;
  display: inline-flex !important;
  vertical-align: -3px;
}

.check-box-doc-black {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/ui-checkbox-0.svg) !important;
  width: 18px !important;
  height: 18px !important;
  background-size: contain;
  background-repeat: no-repeat !important;
  display: inline-flex !important;
  vertical-align: -3px;
}

.check-box-doc-black-checked {
  position: relative;
  cursor: pointer;
  background-image: url(/content/img/ui-checkbox-1-black.svg) !important;
  min-width: 18px !important;
  width: 18px !important;
  height: 18px !important;
  background-size: contain;
  background-repeat: no-repeat !important;
  display: inline-flex !important;
  vertical-align: -3px;
}

.button-blue {
  background: #0093D5;
  border: 1px solid rgba(0, 45, 65, 0.2);
  font-family: Roboto-Regular, sans-serif;
  color: #fff;
  line-height: 28px;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
}
.button-blue:before {
  color: #fff;
  font-family: "MaterialIcons";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
}
.button-blue[disabled] {
  pointer-events: none;
  opacity: 0.3;
}
.button-blue.cancel:before {
  width: 0 !important;
  opacity: 0 !important;
}
.button-blue.cancel-button {
  background: #fff;
  color: #027373;
}
.button-blue.cancel-button:before {
  width: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
}
.button-blue.clear:before {
  width: 0 !important;
  opacity: 0 !important;
  margin: 0 !important;
}

a {
  font-family: Roboto-Light, sans-serif;
  color: #0ca597;
  cursor: pointer;
}
a:hover {
  color: #027373;
}
a:active {
  color: #027373;
}
a:active:focus {
  color: #027373;
}
a:focus {
  color: #0ca597;
}

.link {
  font-family: Roboto-Light, sans-serif;
  color: #0ca597;
  cursor: pointer;
  border: none;
  background: transparent;
  box-shadow: none;
  outline: none;
  padding: 0;
}
.link:hover {
  color: #0ca597;
}
.link:active {
  color: #0ca597;
}
.link:active:focus {
  color: #0ca597;
}
.link:focus {
  font-size: 14px;
  width: fit-content !important;
  color: #0ca597;
}
.link.green {
  font-size: 14px;
  width: fit-content !important;
  color: #64a81a;
}
.link.green:hover {
  color: #64a81a;
}
.link.green:active {
  color: #64a81a;
}
.link.green:active:focus {
  color: #64a81a;
}
.link.green:focus {
  font-size: 14px;
  width: fit-content !important;
  color: #64a81a;
}
.link.blue {
  font-size: 14px;
  width: fit-content !important;
  color: #0ca597;
}
.link.red {
  font-size: 14px;
  width: fit-content !important;
  color: #FF2B00;
}
.link.red:hover {
  color: #FF2B00;
}
.link.red:active {
  color: #FF2B00;
}
.link.red:active:focus {
  color: #FF2B00;
}
.link.red:focus {
  font-size: 14px;
  width: fit-content !important;
  color: #FF2B00;
}

button.open_in_new {
  /*
  border: 0px solid rgba(2, 115, 115, 0.2);
  border-radius: 1px;
  outline: none !important;
  //  background: linear-gradient(to bottom, #CCFAFA, #B2E4E0);
  background: none;
  font-size: 0;
  height: 18px;
  min-width: 18px;
  width: 18px;
  padding: 0;
  margin: 0 0 0 5px;
  line-height: 18px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: relative;

  &:before {
      font-family: "MaterialIcons";
      content: "open_in_new";
      font-size: 18px;
      width: 18px;
      height: 18px;
      color: #027373;
      position: absolute;
  }
  */
  min-width: 18px;
  width: 18px;
  font-size: 0;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  border: 0;
  cursor: pointer;
  background-image: url(/content/img/open-new.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
  margin: 0 0 0 5px;
}
button.open_in_new:hover, button.open_in_new:active, button.open_in_new:active:focus {
  background-image: url(/content/img/open-new-active.svg);
}
button.open-script {
  font-size: 13px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0);
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: static;
  border: 0;
  cursor: pointer;
  color: #0ca597;
  font-family: Roboto-Medium, sans-serif;
  background-image: url(/content/img/open-script.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center left;
  z-index: 9;
  margin: 0;
  display: inline-flex;
  padding: 0 0 0 22px;
}
button.open-script:hover, button.open-script:active, button.open-script:active:focus {
  background-image: url(/content/img/open-script-active.svg);
  color: #027373;
}
button.standart {
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  color: #0ca597;
  font-family: Roboto-Regular, sans-serif;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  margin-left: 5px;
}
button.standart:hover {
  background: #9edbd6;
}
button.standart:active, button.standart:active:focus {
  background: #9edbd6;
  color: #027373;
}

a.open_in_new {
  /*
  border: 0px solid rgba(2, 115, 115, 0.2) !important;
  border-radius: 1px;
  outline: none !important;
  background: #fff0;
  font-size: 0;
  height: 18px;
  width: 18px;
  padding: 0;
  margin: 0 0 0 0;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;

  &:before {
      font-family: "MaterialIcons";
      content: "open_in_new";
      font-size: 18px;
      width: 18px;
      height: 18px;
      color: #027373;
      position: absolute;
      bottom: 0;
  }
      */
  min-width: 18px;
  width: 18px;
  font-size: 0;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  border: 0;
  cursor: pointer;
  background-image: url(/content/img/open-new.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
  margin: 0 0 0 5px;
}
a.open_in_new:hover, a.open_in_new:active, a.open_in_new:active:focus {
  background-image: url(/content/img/open-new-active.svg);
}

.material-icons {
  font-family: "MaterialIcons";
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

.warning-red {
  background-image: url(/content/img/error.png) !important;
  background-size: contain !important;
  width: 15px;
  margin: 2px 0 0 0;
  display: block;
  height: 15px;
  background-repeat: no-repeat !important;
}

.warning-yellow {
  background-image: url(/content/img/warning.png) !important;
  background-size: contain !important;
  width: 15px;
  margin: 2px 0 0 0;
  display: block;
  height: 15px;
  background-repeat: no-repeat !important;
}

.react-grid-Container .react-grid-Main .react-grid-Grid .react-grid-Viewport .react-grid-Canvas > div > div .react-grid-Row:hover .warning-red {
  background-image: url(/content/img/error.png) !important;
  background-size: contain !important;
  width: 15px;
  margin: 2px 0 0 0;
  display: block;
  height: 15px;
  background-repeat: no-repeat !important;
}
.react-grid-Container .react-grid-Main .react-grid-Grid .react-grid-Viewport .react-grid-Canvas > div > div .react-grid-Row:hover .warning-yellow {
  background-image: url(/content/img/warning.png) !important;
  background-size: contain !important;
  width: 15px;
  margin: 2px 0 0 0;
  display: block;
  height: 15px;
  background-repeat: no-repeat !important;
}

.grid-selected-row.row-selected * .warning-red {
  background-image: url(/content/img/error.png) !important;
  background-size: contain !important;
  width: 15px;
  margin: 2px 0 0 0;
  display: block;
  height: 15px;
  background-repeat: no-repeat !important;
}
.grid-selected-row.row-selected * .warning-yellow {
  background-image: url(/content/img/warning.png) !important;
  background-size: contain !important;
  width: 15px;
  margin: 2px 0 0 0;
  display: block;
  height: 15px;
  background-repeat: no-repeat !important;
}

nav ul span.menu-item-parent {
  margin: 0 0 0 25px !important;
}

nav ul .open span.menu-item-parent {
  margin: 0 0 0 10px !important;
}

html {
  font-size: 18px;
}

body {
  overflow: hidden;
}

body:not(.menu-on-top).desktop-detected {
  min-height: 0 !important;
}

.page-footer {
  display: none !important;
}

#left-panel {
  position: absolute;
  top: 40px;
  padding-top: 0;
  z-index: 111;
  left: initial;
}

#main {
  padding: 0 !important;
  position: relative;
  font-family: "Roboto-Condensed", sans-serif !important;
  height: calc(100vh - 40px);
  overflow: auto;
  background-color: #F2F2F3;
}

.loan-purchase-screen#main {
  margin-left: 0 !important;
  max-width: 100vw;
  overflow: hidden;
}

.report-templates-main#main {
  margin-left: 0 !important;
  max-width: 100vw;
  overflow: hidden;
}

.widget-body,
.jarviswidget,
.jarviswidget > div {
  position: static !important;
}

.SplitPane.admin-panel {
  overflow-y: auto !important;
  height: calc(100vh - 50px) !important;
}

.widget-body {
  padding: 10px;
  height: calc(100vh - 49px);
}
.widget-body section {
  height: calc(100% - 250px);
  overflow-y: auto;
  margin-top: 10px;
}
.widget-body .widget-h {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  font-size: 1.167rem;
  color: #002D41;
  width: 100%;
  max-width: 100%;
  height: 42px;
  padding: 0 5px 0 0;
  display: inline-flex;
  align-items: flex-start;
  margin: 0 0 10px 0;
  line-height: 42px;
  background: #F6F9F8;
}
.widget-body .widget-h .back-button {
  border-right: 1px solid #fff;
}
.widget-body .widget-h .back-button a {
  width: 42px;
  height: 42px;
  text-align: center;
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0;
  background: #E9F0F2;
}
.widget-body .widget-h .back-button a:before {
  line-height: 46px;
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "arrow_back";
  text-align: center;
  background: none;
  font-size: 23px;
  padding: 0;
  margin: 0;
}
.widget-body .widget-h h2 {
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-size: 21px;
  color: #002D41;
  height: 42px;
  padding: 0 10px;
  margin: 0 0 10px 0;
  line-height: 44px;
  background: #E9F0F2;
}
.widget-body .widget-panel {
  display: inline-flex;
  width: 100%;
}
.widget-body .widget-nav {
  height: 47px;
  display: flex;
  margin-top: 10px;
  flex-direction: row;
  background: #F6F9F8;
  align-items: center;
}
.widget-body .widget-nav button {
  font-family: Roboto-Light, sans-serif;
  font-size: 1rem;
  color: #000;
  display: inline-flex;
  height: 47px;
  line-height: 47px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  border: 0;
  border-right: 1px solid #fff;
  outline: none !important;
  box-shadow: none !important;
  background: #E9F0F2;
}
.widget-body .widget-nav button[disabled] {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
  background: #F6F9F8;
}
.widget-body .widget-nav button[disabled]:before {
  color: rgba(0, 0, 0, 0.25) !important;
}
.widget-body .widget-nav button.add-button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "add_box";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}

.true-color {
  color: #54A800;
}

.false-color {
  color: #D24242;
}

.history-tooltip {
  background: #FFFFCC;
  position: absolute;
  min-width: 440px;
  z-index: 1111;
  color: #000;
  font-size: 1rem;
  display: block;
}
.history-tooltip .history-toolbar {
  height: 42px;
  background: #EDEDED;
  border: 1px solid #C9D3D8;
  display: inline-flex;
  min-width: 100%;
  padding: 0 10px;
  justify-content: flex-end;
}
.history-tooltip .history-toolbar > button {
  display: block !important;
  border: 0 !important;
  background: initial !important;
  box-shadow: none !important;
  color: #0093D5;
  padding: 0;
  opacity: 1;
  line-height: 52px;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
  position: absolute;
  top: -8px;
}
.history-tooltip .history-toolbar > button i {
  font-size: 23px;
}
.history-tooltip .history-container {
  background: initial;
}
.history-tooltip .history-container .type1-transaction {
  font-style: normal;
  padding-right: 10px;
}
.history-tooltip .history-container .type1-transaction:before {
  color: #008033;
  font-family: "MaterialIcons";
  content: "arrow_forward";
  text-align: center;
  background: none;
  font-size: 15px;
  line-height: 14px;
}
.history-tooltip .history-container .type2-transaction {
  font-style: normal;
  padding-right: 10px;
}
.history-tooltip .history-container .type2-transaction:before {
  color: #FF8000;
  font-family: "MaterialIcons";
  content: "subdirectory_arrow_right";
  text-align: center;
  background: none;
  font-size: 15px;
  line-height: 14px;
}
.history-tooltip .history-container .tabs {
  margin-top: -44px;
}
.history-tooltip .history-container input[id*=historytab-1] + label {
  width: 40px;
  height: 40px !important;
  line-height: 1 !important;
  background: #FAFAFA;
  border: 0;
  border-right: 1px solid #C9D3D8;
  margin: 0;
  display: inline-block !important;
}
.history-tooltip .history-container input[id*=historytab-1] + label:before {
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "info_outline";
  text-align: center;
  background: none;
  font-size: 21px;
  display: flex;
  justify-content: center;
  height: 40px;
  align-items: center;
}
.history-tooltip .history-container input[id*=historytab-1]:checked + label {
  width: 40px;
  height: 41px !important;
  line-height: 1 !important;
  background: #FFFFCC;
  border: 0;
  border-right: 1px solid #C9D3D8;
  border-bottom: 1px solid #FFFFCC;
  margin: 0;
  display: inline-block !important;
}
.history-tooltip .history-container input[id*=historytab-1]:checked + label:before {
  color: #002D41;
  font-family: "MaterialIcons";
  content: "info_outline";
  text-align: center;
  background: none;
  font-size: 21px;
  display: flex;
  justify-content: center;
  height: 40px;
  align-items: center;
}
.history-tooltip .history-container input[id*=historytab-2] + label {
  width: 40px;
  height: 40px !important;
  line-height: 1 !important;
  background: #FAFAFA;
  border: 0;
  border-right: 1px solid #C9D3D8;
  margin: 0;
  display: inline-block !important;
}
.history-tooltip .history-container input[id*=historytab-2] + label:before {
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "history";
  text-align: center;
  background: none;
  font-size: 21px;
  display: flex;
  justify-content: center;
  height: 40px;
  align-items: center;
}
.history-tooltip .history-container input[id*=historytab-2]:checked + label {
  width: 40px;
  height: 41px !important;
  line-height: 1 !important;
  background: #FFFFCC;
  border: 0;
  border-right: 1px solid #C9D3D8;
  border-bottom: 1px solid #FFFFCC;
  margin: 0;
  display: inline-block !important;
}
.history-tooltip .history-container input[id*=historytab-2]:checked + label:before {
  color: #002D41;
  font-family: "MaterialIcons";
  content: "history";
  text-align: center;
  background: none;
  font-size: 21px;
  display: flex;
  justify-content: center;
  height: 40px;
  align-items: center;
}
.history-tooltip .history-container h2 {
  font-family: Roboto-Regular, sans-serif;
  font-size: 17px;
  margin: 0;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0 !important;
  line-height: initial;
  background: none;
}
.history-tooltip .history-container section {
  padding: 10px;
  border: 0;
  min-height: 170px;
  max-height: 220px;
  overflow-y: auto;
}
.history-tooltip .history-container section table {
  background: #FFFFCC;
}
.history-tooltip .history-container section tr {
  background: initial !important;
}
.history-tooltip .history-container section td {
  width: initial !important;
}
.history-tooltip .history-container section > div {
  font-family: "Roboto-Light" !important;
  font-size: 15px !important;
}
.history-tooltip .history-container section > button {
  display: block !important;
  border: 0 !important;
  background: initial !important;
  box-shadow: none !important;
  font-size: 15px;
  font-family: Roboto-Regular, sans-serif;
  color: #0093D5;
  padding: 0;
  margin: 10px 0 0 0;
}
.history-tooltip .history-container section#history-content-2 {
  flex-direction: column;
  justify-content: space-between;
}
.history-tooltip .history-container .right-section {
  padding: 10px;
  border: 0;
  min-height: 170px;
  max-height: 220px;
  overflow-y: auto;
}
.history-tooltip .history-container .right-section tr {
  background: initial !important;
}
.history-tooltip .history-container .right-section td {
  width: initial !important;
}
.history-tooltip .history-container .right-section > div {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 15px !important;
}
.history-tooltip .history-container .right-section > button {
  display: block !important;
  border: 0 !important;
  background: initial !important;
  box-shadow: none !important;
  font-size: 15px;
  font-family: Roboto-Regular, sans-serif;
  color: #0093D5;
  padding: 0;
  margin: 10px 0 0 0;
}
.history-tooltip .history-container .right-section#history-content-2 {
  flex-direction: column;
  justify-content: space-between;
}
.history-tooltip .history-container .table-container table {
  background: initial !important;
}
.history-tooltip .history-container .table-container thead {
  display: none;
}
.history-tooltip .history-container .table-container tr td {
  vertical-align: baseline !important;
  line-height: 18px !important;
  font-family: Roboto-Light, sans-serif !important;
  font-size: 15px !important;
}
.history-tooltip .history-container .table-container tr td:nth-child(2) {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 17px !important;
  padding: 0 5px 0 0 !important;
}
.history-tooltip .history-footer {
  margin: 0 10px;
  height: 40px;
  line-height: 49px;
  border-top: 1px solid #CCCCCC;
}
.history-tooltip .history-footer > button {
  display: block !important;
  border: 0 !important;
  background: #FFFFCC !important;
  box-shadow: none !important;
  font-size: 15px;
  font-family: Roboto-Regular, sans-serif;
  color: #0093D5;
  padding: 0;
  float: initial !important;
  margin: 0 !important;
}

input::-webkit-input-placeholder {
  color: #ccc !important;
}
input::-moz-placeholder {
  color: #ccc !important;
}
input:-ms-input-placeholder {
  color: #ccc !important;
}
input:-moz-placeholder {
  color: #ccc !important;
}

a,
button {
  -webkit-tap-highlight-color: rgba(3, 120, 215, 0.2) !important;
}

input.day-off-date {
  color: #ff0000 !important;
}

/*** modal window***/
.modal-body {
  font-family: Roboto-Condensed, sans-serif !important;
  display: flex;
  flex-direction: column;
}
.modal-body .fee-block {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.flex-right {
  justify-content: flex-end;
}

.data-service-column:hover a {
  visibility: visible;
}

.inline-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.inline-flex .checklist {
  margin: 0 13px 0 -3px;
}

textarea.field {
  width: 100%;
  resize: none;
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  padding: 2px 4px;
  margin: 2px 0;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
textarea.field:hover {
  border: 1px solid #e0e0e0;
}
textarea.field:active, textarea.field:active:focus, textarea.field:focus {
  border: 1px solid #e0e0e0;
  box-shadow: none !important;
  outline: none !important;
  padding: 2px 4px;
}

.disb-calculation-row {
  display: flex;
  flex-direction: row;
  font-family: Roboto-Light, sans-serif;
  font-size: 14px;
  align-items: center;
}
.disb-calculation-row .checklist {
  margin-right: 13px;
}
.disb-calculation-row .control-label {
  min-width: 135px;
  max-width: 135px;
}
.disb-calculation-row .text-editor {
  font-size: 14px;
}
.disb-calculation-row .text-editor > div {
  margin: 0 !important;
}
.disb-calculation-row .text-editor .wrap-input input {
  border: 1px solid #e0e0e0 !important;
  height: 22px !important;
  line-height: 22px;
  border-radius: 0 !important;
  font-family: Roboto-Regular, sans-serif;
}
.disb-calculation-row .text-editor .wrap-input input:hover {
  border: 1px solid #e0e0e0 !important;
}
.disb-calculation-row .text-editor .wrap-input input:active, .disb-calculation-row .text-editor .wrap-input input:active:focus, .disb-calculation-row .text-editor .wrap-input input:focus {
  border: 1px solid #e0e0e0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 8px !important;
}
.disb-calculation-row .text-editor .wrap-input button {
  display: none;
}

.Select.is-disabled > .Select-control {
  background: #ebf0f2;
  border-color: rgba(224, 224, 224, 0.2);
}

.for-inline-button {
  background: none !important;
  border: none;
  padding: 0 !important;
  cursor: pointer;
  font-family: Roboto-Light, sans-serif;
  color: #0ca597;
}
.for-inline-button:hover {
  color: #027373;
}
.for-inline-button:active, .for-inline-button:active:focus {
  color: #027373;
}

.for-inline-checkbox {
  width: 100%;
  margin: 0;
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid rgba(0, 45, 65, 0.2);
  background: #fff;
}
.for-inline-checkbox .wrap-input span {
  font-family: Roboto-Regular, sans-serif;
  text-transform: capitalize;
  padding: 0 5px;
}
.for-inline-checkbox .is-open.Select:after {
  right: 5px;
  color: #e0e0e0;
}
.for-inline-checkbox .wrap-input {
  width: 100%;
  position: relative;
}
.for-inline-checkbox .wrap-input span {
  padding: 0 5px;
  line-height: 24px;
}
.for-inline-checkbox .Select-control {
  height: 24px !important;
  display: block;
  padding: 0;
  border-bottom: 1px solid;
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
  cursor: pointer;
}
.for-inline-checkbox .Select-control div {
  height: 24px;
  line-height: 24px;
}
.for-inline-checkbox .Select-menu-outer {
  border: 1px solid #e0e0e0;
  padding: 4px;
}
.for-inline-checkbox .Select-menu-outer .Select-menu {
  margin-top: 0;
  max-height: 190px !important;
}

.Select-control {
  height: 24px !important;
  display: block;
  padding: 0;
  border-bottom: 1px solid;
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
  cursor: pointer;
}
.Select-control div {
  height: 24px;
  line-height: 24px;
}

.Select-menu-outer {
  border: 1px solid #e0e0e0 !important;
  padding: 4px;
  min-width: 80px !important;
  width: inherit;
  max-width: inherit;
  top: initial;
}
.Select-menu-outer .Select-menu {
  margin-top: 0;
  max-height: 190px !important;
}

.Select-option:last-child {
  border-radius: 0 !important;
}

/*** end modal *****/
#logo-group {
  min-width: 164px !important;
  width: 164px !important;
  border-right: 1px solid #dcdedf;
  cursor: pointer;
}

.Pane.vertical.Pane1 {
  width: 100%;
  min-width: 605px;
}

.Resizer.vertical {
  width: 11px !important;
  margin: 0 -5px !important;
  border-left: 5px solid rgba(255, 255, 255, 0) !important;
  border-right: 5px solid rgba(255, 255, 255, 0) !important;
  cursor: col-resize !important;
  margin-right: 2px !important;
  margin-left: 2px !important;
}

.Pane.vertical.Pane2 {
  min-width: 634px;
}
.Pane.vertical.Pane2:empty {
  width: 0;
  min-width: 0;
  display: none;
}

.Select-arrow {
  display: none !important;
}

.product-used-selector div a {
  display: block;
  color: #fff;
  font-size: 0;
  font-weight: 400;
  border-radius: 4px;
  border: 0;
  width: 91px;
  line-height: 8px;
  padding: 9px 8px 3px 8px;
  margin-left: 0px;
  background-color: #53d703;
  box-shadow: 0 2px 0 #4abd02;
  -webkit-tap-highlight-color: #53d703;
}
.product-used-selector div a:before {
  content: "Add Product";
  font-size: 15px;
}

.states {
  align-items: baseline !important;
}

.widget-page > div {
  background-color: #cccccc !important;
}

.wrap-widget {
  font-family: Roboto-Light, sans-serif !important;
  margin: 10px 0px 0 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  transition-delay: 2s;
  width: calc(100% - 11px);
  /*
  button.remove {
      display: flex;
      opacity: 0;
      width: 0;
      padding: 0;
      transition: 0.15s;
      background-color: $remove-bg;
      box-shadow: 0 2px 0 $remove-shadow;
      background-image: linear-gradient(to top, rgba(255, 255, 255, 0.04) 0%, transparent 100%);
      border: 0;
      border-radius: 0;
      color: $white;
      align-items: center;

      &:before {
          content: url(/content/img/remove.svg);
          margin: auto;
      }

      &:hover {
          span {
              position: absolute;
              right: 40px;
              color: $white;

              &:before {
                  content: attr(data-tooltip);
                  max-width: 250px;
                  background: $tooltip-bg;
                  padding: 4px 8px;
                  border-radius: 4px;
              }

              &:after {
                  content: '';
                  border-top: 4px solid transparent;
                  border-bottom: 4px solid transparent;
                  border-left: 8px solid $tooltip-bg;
                  position: absolute;
                  right: -8px;
                  top: 4px;
              }
          }
      }
  }
  */
  /*
  &:hover {
      .remove {
          animation: buttons-show 0.6s;
          opacity: 1;
          width: 32px;
          padding: 1px 6px;
      }

      .override-button {
          animation: buttons-show 0.6s;
          opacity: 1;
          width: 32px;
          padding: 1px 6px;
      }
  }
  */
}
.wrap-widget:first-child {
  margin-top: 0;
}
.wrap-widget button.override-button {
  display: flex;
  opacity: 0;
  width: 0;
  padding: 0;
  transition: 0.15s;
  background-color: #ffd200;
  box-shadow: 0 2px 0 #d9b100;
  border: 0;
  border-radius: 0;
  color: #000000;
  align-items: center;
}
.wrap-widget button.override-button:before {
  content: url(/content/img/override.svg);
  margin: auto;
  width: 14px;
}
.wrap-widget button.override-button:hover span {
  position: absolute;
  right: 40px;
  color: #ffffff;
}
.wrap-widget button.override-button:hover span:before {
  content: attr(data-tooltip);
  max-width: 250px;
  background: #ccc;
  padding: 4px 8px;
  border-radius: 4px;
}
.wrap-widget button.override-button:hover span:after {
  content: "";
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 8px solid #ccc;
  position: absolute;
  right: -8px;
  top: 4px;
}
@keyframes buttons-show {
  0% {
    opacity: 0;
    width: 0;
    padding: 0;
  }
  75% {
    opacity: 0;
    width: 0;
    padding: 0;
  }
  100% {
    opacity: 1;
    width: 32px;
    padding: 1px 6px;
  }
}
.wrap-widget .widget {
  font-family: Roboto-Light, sans-serif !important;
  background-color: #ffffff;
  box-shadow: 0;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #000;
  font-size: 15px;
}
.wrap-widget .widget:last-of-type {
  margin-bottom: 8px;
}
.wrap-widget .widget a {
  color: #0378d7;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  cursor: pointer;
}
.wrap-widget .widget a:hover {
  color: #0378d7;
  text-decoration: none;
  cursor: pointer;
}
.wrap-widget .widget a:active, .wrap-widget .widget a:active:focus, .wrap-widget .widget a:focus {
  color: #0378d7;
  text-decoration: none;
}
.wrap-widget .widget.widget-editable > header {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  border-bottom: 1px solid #cccccc;
  justify-content: space-between;
  background-color: #FAFAAF;
}
.wrap-widget .widget.widget-editable > header h2 {
  color: #002D41;
  font-size: 18px;
  font-family: Roboto-Regular, sans-serif;
  padding: 10px 15px;
  margin: 0;
  line-height: 1;
}
.wrap-widget .widget.widget-editable > header .right-header {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wrap-widget .widget.widget-editable > header .right-header > div {
  padding: 0 16px;
  font-size: 15px;
}
.wrap-widget .widget.widget-editable > header .right-header > div span {
  font-family: Roboto-Regular, sans-serif;
}
.wrap-widget .widget.widget-editable > header .right-header a {
  font-family: Roboto-Light, sans-serif;
  font-size: 15px;
  color: #000;
  display: inline-flex;
  height: 100%;
  line-height: inherit;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  border: 0;
  background: inherit;
}
.wrap-widget .widget.widget-editable > header .right-header a.add-button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "add_box";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > header .right-header a.remove-button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "close";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > header .right-header a.edit-button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "mode_edit";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > header .right-header a.search-button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "search";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > header .right-header a.filter-button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "filter_list";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > header .right-header a[disabled] {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.wrap-widget .widget.widget-editable > header .right-header a[disabled]:before {
  color: rgba(0, 0, 0, 0.25) !important;
}
.wrap-widget .widget.widget-editable > header .right-header button {
  font-family: Roboto-Light, sans-serif;
  font-size: 15px;
  color: #0077B2;
  display: inline-flex;
  height: 100%;
  line-height: inherit;
  padding: 0 10px 0 0;
  justify-content: center;
  align-items: center;
  border: 0;
  outline: none !important;
  box-shadow: none !important;
  background: inherit;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.wrap-widget .widget.widget-editable > header .right-header button[disabled] {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
  background: #F6F9F8;
}
.wrap-widget .widget.widget-editable > header .right-header button[disabled]:before {
  color: rgba(0, 0, 0, 0.25) !important;
}
.wrap-widget .widget.widget-editable > header .right-header button.add-button:before {
  color: #0077B2;
  font-family: "MaterialIcons";
  content: "add_circle_outline";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > header .right-header button.remove-button:before {
  color: #0077B2;
  font-family: "MaterialIcons";
  content: "close";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > header .right-header button.edit-button:before {
  color: #0077B2;
  font-family: "MaterialIcons";
  content: "mode_edit";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > header .right-header button.history-button:before {
  color: #0077B2;
  font-family: "MaterialIcons";
  content: "history";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > header .right-header button.over-button:before {
  color: #0077B2;
  font-family: "MaterialIcons";
  content: "subdirectory_arrow_right";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > header .right-header button.search-button:before {
  color: #0077B2;
  font-family: "MaterialIcons";
  content: "search";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > header .right-header button.filter-button:before {
  color: #0077B2;
  font-family: "MaterialIcons";
  content: "filter_list";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-editable > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.wrap-widget .widget.widget-editable > div .widget-check {
  width: 200px;
  min-width: 200px;
  padding: 10px 0px 10px 15px;
  background: #FAFAAF;
  display: grid;
  grid-template-rows: 24px 24px 24px;
}
.wrap-widget .widget.widget-editable > div .widget-check > div {
  display: inline-flex;
  line-height: 21px;
  margin: 0;
  align-items: center;
}
.wrap-widget .widget.widget-editable > div .widget-check > div .checklist {
  margin-right: 7px;
}
.wrap-widget .widget.widget-editable > div .widget-content {
  width: calc(100% - 200px);
  max-width: calc(100% - 200px);
  background: #FAFAAF;
  padding: 10px 15px;
  display: grid;
  grid-template-rows: 24px 24px 24px;
}
.wrap-widget .widget.widget-editable > div .widget-content > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 0 0 0;
  font-weight: 400;
  line-height: 21px;
  align-items: center;
}
.wrap-widget .widget.widget-editable > div .widget-content > div label {
  min-width: 70px;
  margin-bottom: 0;
  line-height: 21px;
  font-size: 14px;
}
.wrap-widget .widget.widget-editable > div .widget-content > div .inline-script-editor {
  height: 21px;
  line-height: 1;
}
.wrap-widget .widget.widget-editable > div .widget-content > div .inline-script-editor .wrap-input {
  height: 22px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  max-width: 680px;
}
.wrap-widget .widget.widget-editable > div .widget-content > div .inline-script-editor .wrap-input span {
  height: 22px;
  display: block;
  padding: 0 5px;
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 21px;
}
.wrap-widget .widget.widget-editable:hover header > div:last-child > div:last-child button {
  opacity: 1;
  -webkit-transition: 0.5s;
  visibility: visible;
}
.wrap-widget .widget.widget-readonly {
  pointer-events: initial !important;
}
.wrap-widget .widget.widget-readonly > div {
  pointer-events: initial !important;
}
.wrap-widget .widget.widget-readonly > header {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  border-bottom: 1px solid #cccccc;
  justify-content: space-between;
  background-color: #E9F0F2 !important;
}
.wrap-widget .widget.widget-readonly > header h2 {
  color: #002D41;
  font-size: 18px;
  font-family: Roboto-Regular, sans-serif;
  padding: 10px 15px;
  margin: 0;
  line-height: 1;
}
.wrap-widget .widget.widget-readonly > header .right-header {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wrap-widget .widget.widget-readonly > header .right-header > div {
  padding: 0 16px;
  font-size: 15px;
}
.wrap-widget .widget.widget-readonly > header .right-header > div span {
  font-family: Roboto-Regular, sans-serif;
}
.wrap-widget .widget.widget-readonly > header .right-header a {
  font-family: Roboto-Light, sans-serif;
  font-size: 15px;
  color: #000;
  display: inline-flex;
  height: 100%;
  line-height: inherit;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  border: 0;
  background: inherit;
  pointer-events: none;
}
.wrap-widget .widget.widget-readonly > header .right-header a.add-button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "add_box";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > header .right-header a.remove-button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "close";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > header .right-header a.edit-button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "mode_edit";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > header .right-header a.search-button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "search";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > header .right-header a.filter-button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "filter_list";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > header .right-header a[disabled] {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.wrap-widget .widget.widget-readonly > header .right-header a[disabled]:before {
  color: rgba(0, 0, 0, 0.25) !important;
}
.wrap-widget .widget.widget-readonly > header .right-header button {
  font-family: Roboto-Light, sans-serif;
  font-size: 15px;
  color: rgba(0, 119, 178, 0.5);
  display: inline-flex;
  height: 100%;
  line-height: inherit;
  padding: 0 10px 0 0;
  justify-content: center;
  align-items: center;
  border: 0;
  outline: none !important;
  box-shadow: none !important;
  background: inherit;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  pointer-events: none;
}
.wrap-widget .widget.widget-readonly > header .right-header button[disabled] {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
  background: #F6F9F8;
}
.wrap-widget .widget.widget-readonly > header .right-header button[disabled]:before {
  color: rgba(0, 0, 0, 0.25) !important;
}
.wrap-widget .widget.widget-readonly > header .right-header button.add-button:before {
  color: rgba(0, 119, 178, 0.5);
  font-family: "MaterialIcons";
  content: "add_circle_outline";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > header .right-header button.remove-button:before {
  color: rgba(0, 119, 178, 0.5);
  font-family: "MaterialIcons";
  content: "close";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > header .right-header button.edit-button:before {
  color: rgba(0, 119, 178, 0.5);
  font-family: "MaterialIcons";
  content: "mode_edit";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > header .right-header button.history-button {
  pointer-events: none;
}
.wrap-widget .widget.widget-readonly > header .right-header button.history-button:before {
  color: rgba(0, 119, 178, 0.5);
  font-family: "MaterialIcons";
  content: "history";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > header .right-header button.over-button {
  color: #0077B2 !important;
  pointer-events: initial !important;
}
.wrap-widget .widget.widget-readonly > header .right-header button.over-button:before {
  color: #0077B2;
  font-family: "MaterialIcons";
  content: "subdirectory_arrow_right";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > header .right-header button.search-button:before {
  color: rgba(0, 119, 178, 0.5);
  font-family: "MaterialIcons";
  content: "search";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > header .right-header button.filter-button:before {
  color: rgba(0, 119, 178, 0.5);
  font-family: "MaterialIcons";
  content: "filter_list";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.wrap-widget .widget.widget-readonly > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.wrap-widget .widget.widget-readonly > div * {
  pointer-events: initial !important;
}
.wrap-widget .widget.widget-readonly > div .widget-check {
  width: 200px;
  min-width: 200px;
  padding: 10px 0px 10px 15px;
  background: #E9F0F2 !important;
  display: grid;
  grid-template-rows: 24px 24px 24px;
}
.wrap-widget .widget.widget-readonly > div .widget-check > div {
  display: inline-flex;
  line-height: 21px;
  margin: 0;
  align-items: center;
}
.wrap-widget .widget.widget-readonly > div .widget-check > div .checklist {
  margin-right: 7px;
}
.wrap-widget .widget.widget-readonly > div .widget-content {
  width: calc(100% - 200px);
  max-width: calc(100% - 200px);
  background: #E9F0F2 !important;
  padding: 10px 15px;
  display: grid;
  grid-template-rows: 24px 24px 24px;
}
.wrap-widget .widget.widget-readonly > div .widget-content > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 0 0 0;
  font-weight: 400;
  line-height: 21px;
  align-items: center;
}
.wrap-widget .widget.widget-readonly > div .widget-content > div label {
  min-width: 70px;
  margin-bottom: 0;
  line-height: 21px;
  font-size: 14px;
}
.wrap-widget .widget.widget-readonly > div .widget-content > div .inline-script-editor {
  height: 21px;
  line-height: 1;
}
.wrap-widget .widget.widget-readonly > div .widget-content > div .inline-script-editor .wrap-input {
  height: 22px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  max-width: 680px;
}
.wrap-widget .widget.widget-readonly > div .widget-content > div .inline-script-editor .wrap-input span {
  height: 22px;
  display: block;
  padding: 0 5px;
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 21px;
}
.wrap-widget .widget.widget-readonly:hover header > div:last-child > div:last-child button {
  opacity: 1;
  -webkit-transition: 0.5s;
  visibility: visible;
}

/********END CASCADE**********/
/**********EDITOR************/
.dark-wrap {
  background: rgba(1, 38, 35, 0.8);
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
}

.widget {
  background-color: #ffffff;
  box-shadow: 0;
  margin: 8px 8px 0 8px;
  font-family: Roboto-Light, sans-serif;
  color: #000;
  font-size: 18px;
}
.widget:last-of-type {
  margin-bottom: 8px;
}
.widget a {
  color: #0378d7;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  height: 29px;
}
.widget a:hover {
  color: #0378d7;
  text-decoration: none;
}
.widget a:active, .widget a:active:focus, .widget a:focus {
  color: #0378d7;
  text-decoration: none;
}

/***** EDITABLE INPUTS******/
.tooltip-top {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  pointer-events: none;
  position: absolute;
  margin: 0;
  padding: 0 6px;
  white-space: normal;
  text-align: center;
  color: #ffffff;
  min-height: 28px;
  width: 160px;
  top: -36px;
  left: 24%;
  border-radius: 4px;
}
.tooltip-top:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 0, 0, 0);
  border-width: 8px;
  margin-left: -8px;
}

.table-container {
  position: relative !important;
  zoom: 1;
  border-radius: 0;
  border: 0;
  overflow: visible;
  margin-top: 0;
}
.table-container h4 {
  font-weight: 400;
  font-family: Roboto-Regular, sans-serif;
  margin: 15px 0 10px 0;
}
.table-container table {
  width: 100%;
  margin: 0 0 10px 0;
  background: #ffffff;
}
.table-container table thead {
  border-bottom: 2px solid rgba(194, 203, 207, 0.5);
}
.table-container table thead tr {
  border-bottom: 0;
}
.table-container table tbody {
  border: 0;
}
.table-container table tr {
  border: 0;
  border-bottom: rgba(194, 203, 207, 0.5);
}
.table-container table tr[data-valign=top] {
  vertical-align: top;
}
.table-container table tr th.w-20 {
  min-width: 20px;
}
.table-container table tr th.w-50 {
  min-width: 50px;
}
.table-container table tr th.w-id {
  min-width: 40px;
  padding: 0 10px !important;
}
.table-container table tr th.w-300 {
  min-width: 300px;
}
.table-container table tr th.w-200 {
  min-width: 200px;
}
.table-container table tr th.w-150 {
  min-width: 150px;
}
.table-container table tr th.w-100 {
  min-width: 100px;
}
.table-container table tr th.free {
  width: 100%;
}
.table-container table tr td {
  line-height: 24px;
  height: initial;
  max-height: 1rem;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0 !important;
  background: inherit;
  cursor: default;
  border-left: 0;
  border-right: 0;
}
.table-container table tr td p {
  margin: 0;
  padding: 0;
  line-height: inherit;
}
.table-container table tr td:first-child {
  padding: 0 8px !important;
}
.table-container table tr td.w-100 {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-container table tr td.w-200-mightOverflow {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-container table tr td .field {
  cursor: text;
}
.table-container table tr td a {
  line-height: 33px;
  color: #0378d7;
  cursor: pointer;
}
.table-container table tr td a:first-child {
  margin-left: 0;
}
.table-container table tr td a:hover, .table-container table tr td a:active, .table-container table tr td a:focus, .table-container table tr td a:active:focus {
  outline: none;
  border: 0;
  cursor: pointer;
  color: #0378d7;
}
.table-container table + button {
  margin: 0 19px 10px 19px;
}
.table-container table + .btn {
  margin: 10px 0 10px 0;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
}

.table-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0 19px 10px 19px;
}
.table-toolbar .toolbar-search {
  display: inline-flex;
}
.table-toolbar .toolbar-search span {
  width: 35px;
}
.table-toolbar .toolbar-select {
  display: inline-flex;
  align-items: baseline;
}
.table-toolbar .toolbar-select select {
  height: 32px;
  padding: 0 0 0 7px;
  margin: 0 0 0 10px;
  border: 1px solid #ccc;
}
.table-toolbar .toolbar-dropdown {
  display: inline-flex;
  align-items: baseline;
}
.table-toolbar .toolbar-dropdown label {
  min-width: 90px;
}

/******USER LIST******/
#react-userlist > .wrapper {
  display: inline-flex;
  min-height: calc(100vh - 160px);
  justify-content: space-between;
}
#react-userlist > .wrapper .left-panel {
  padding-top: 13px;
}
#react-userlist > .wrapper .left-panel td {
  cursor: pointer;
}
#react-userlist > .wrapper .left-panel tr[data-selected=true] {
  background: #FAFAAF;
}
#react-userlist > .wrapper .left-panel tr:hover {
  background: #e5f1fb;
}
#react-userlist > .wrapper .modals-footer {
  padding: 5px 13px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
}
#react-userlist > .wrapper .modals-footer button {
  margin: 0 5px;
}

.wrapper-right-panel {
  display: inline-flex;
  min-height: calc(100vh - 160px);
  justify-content: space-between;
  width: 100%;
  padding: 0;
  position: relative;
}
.wrapper-right-panel .right-panel {
  width: 505px;
  background: none;
  position: absolute;
  right: 0;
}
.wrapper-right-panel .right-panel .right-panel-header {
  height: 44px;
  line-height: 44px;
  font-family: Roboto-Regular, sans-serif;
  color: #002D41;
  font-size: 1.167rem;
  padding: 0 14px;
  position: relative;
}
.wrapper-right-panel .right-panel .right-panel-header .close-section {
  height: 23px;
  width: 23px;
  right: 8px;
  top: 10px;
}
.wrapper-right-panel .right-panel .right-panel-header .close-section:before {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 23px;
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "close";
  text-align: center;
  background: none;
  font-size: 23px;
  padding: 0;
  margin: 0;
}
.wrapper-right-panel .right-panel > div {
  height: 100%;
  background: #fff;
}
.wrapper-right-panel .right-panel > div .tabs {
  height: calc(100% - 44px);
}
.wrapper-right-panel .right-panel > div .tabs label {
  background: #fff;
  margin: 0;
  padding: 0 10px;
  border: 0;
  color: #0093D5;
  font-family: Roboto-Regular, sans-serif;
  font-size: 1rem;
}
.wrapper-right-panel .right-panel > div .tabs label[for=tab1] {
  margin-left: 16px;
}
.wrapper-right-panel .right-panel > div .tabs > input:checked + label {
  background: #E9F0F2;
  color: #191919;
}
.wrapper-right-panel .right-panel > div section[id*=content] {
  height: 100%;
  background: #E9F0F2;
  border: 0;
  padding: 11px 21px 11px 16px;
}
.wrapper-right-panel .right-panel > div section[id*=content] table {
  background: none;
  border: 0;
}
.wrapper-right-panel .right-panel > div section[id*=content] table tr {
  background: none;
  height: 29px;
  line-height: 29px;
}
.wrapper-right-panel .right-panel > div section[id*=content] table tr td {
  font-family: Roboto-Light, sans-serif;
  font-size: 1rem;
  color: #000;
  border: 0;
  padding: 0;
  height: 29px;
  line-height: 23px;
}
.wrapper-right-panel .right-panel > div section[id*=content] table tr td input.field {
  width: 281px;
  height: 24px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 1rem;
  color: #000;
}
.wrapper-right-panel .right-panel > div section[id*=content] table tr td input.field[disabled] {
  pointer-events: none;
  background: none;
}
.wrapper-right-panel .right-panel > div .right-section[id*=content] {
  height: 100%;
  background: #E9F0F2;
  border: 0;
  padding: 11px 21px 11px 16px;
}
.wrapper-right-panel .right-panel > div .right-section[id*=content] table {
  background: none;
  border: 0;
}
.wrapper-right-panel .right-panel > div .right-section[id*=content] table tr {
  background: none;
  height: 29px;
  line-height: 29px;
}
.wrapper-right-panel .right-panel > div .right-section[id*=content] table tr td {
  font-family: Roboto-Light, sans-serif;
  font-size: 1rem;
  color: #000;
  border: 0;
  padding: 0;
  height: 29px;
  line-height: 23px;
}
.wrapper-right-panel .right-panel > div .right-section[id*=content] table tr td input.field {
  width: 281px;
  height: 24px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 1rem;
  color: #000;
}
.wrapper-right-panel .right-panel > div .right-section[id*=content] table tr td input.field[disabled] {
  pointer-events: none;
  background: none;
}

.close-section {
  width: 18px;
  height: 18px;
  border: 0;
  outline: none;
  box-shadow: none;
  position: absolute;
  padding: 0;
  margin: 0;
  background: #fff;
  right: 14px;
  top: 13px;
}
.close-section:before {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 23px;
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "close";
  text-align: center;
  background: none;
  font-size: 23px;
  padding: 0;
  margin: 0;
}
.close-section:hover, .close-section:active, .close-section:active:focus, .close-section:focus {
  border: 0;
  outline: none;
  box-shadow: none;
}

/*****END USER LIST**/
.authentif tr td:last-child {
  width: 246px;
}
.authentif tr td:last-child .text-editor .wrap-input {
  display: inline-flex;
  line-height: 1 !important;
  justify-content: center;
}
.authentif tr td:last-child .text-editor .wrap-input input[type=password] {
  border: 2px solid #81bbeb !important;
  color: #0378d7;
  min-width: 100% !important;
  border-radius: 0 !important;
}

.product-table .Select {
  width: 255px;
  margin: 0;
}
.product-table .Select .Select-control {
  display: inline-flex;
  justify-content: space-between;
  max-width: 255px;
  min-width: 255px;
  margin: 0;
  padding: 0;
  height: 33px;
  min-height: 33px;
}
.product-table .Select .Select-control span {
  display: inline-block;
}
.product-table .Select .Select-control span.Select-multi-value-wrapper {
  width: 185px !important;
}
.product-table .Select .Select-control span.Select-multi-value-wrapper .Select-placeholder {
  max-height: 33px !important;
  height: 33px;
  line-height: 33px;
}
.product-table .Select .Select-control span.Select-multi-value-wrapper .Select-input {
  display: inline-block;
  height: 33px;
  margin-top: -8px;
}
.product-table .Select .Select-control span.Select-clear-zone {
  min-width: 33px;
  max-width: 33px;
  height: 33px;
  background: #fff;
}
.product-table .Select .Select-control span.Select-arrow-zone {
  min-width: 33px;
  max-width: 33px;
  height: 33px;
  background: #fff;
}
.product-table .Select .Select-menu-outer {
  max-width: 255px !important;
  min-width: 255px !important;
  display: block;
}
.product-table .Select .Select-menu-outer div {
  max-width: 250px !important;
  min-width: 250px !important;
}

span[data-readonly=readonly] {
  cursor: text;
  color: #333;
  width: 100%;
  margin: 0 !important;
  padding: 0 10px;
}

table[name=productGrid] .cellParagraph {
  margin-bottom: 0 !important;
  text-align: right;
}

.ReactModal__Overlay--after-open {
  left: 185px !important;
  z-index: 111111;
}
.ReactModal__Overlay--after-open .widget-editor#editor {
  width: calc(100% - 240px);
  left: 120px;
}

/***** Connected Users*****/
header#header {
  position: relative;
  z-index: 905;
  background: #fafafa;
  padding: 0;
  height: 40px;
  display: inline-flex;
  width: 100%;
  justify-content: flex-start;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.empty {
  width: inherit;
}

.header-name-menu {
  position: relative;
  border-right: 1px solid #dcdedf;
  min-width: fit-content;
  white-space: nowrap;
}
.header-name-menu.selected-loan-name {
  border-right: none !important;
}
.header-name-menu.open .header-label {
  background: #fff;
  color: #191919;
}
.header-name-menu.open .header-label .loan-name {
  color: #191919;
}
.header-name-menu:hover {
  background: #fff;
}
.header-name-menu.new-loan-button {
  border-right: 1px solid #dcdedf;
}
.header-name-menu.new-loan-button .loan-name {
  min-width: 50px !important;
}
.header-name-menu.new-loan-button:hover, .header-name-menu.new-loan-button:active, .header-name-menu.new-loan-button:active:focus, .header-name-menu.new-loan-button:focus {
  background: #fff;
}
.header-name-menu.user-app-dashboard {
  border-right: 1px solid #dcdedf;
  display: flex !important;
}
.header-name-menu.user-app-dashboard button {
  border: 0;
  background: rgba(255, 255, 255, 0);
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  color: #0ca597;
}
.header-name-menu.user-app-dashboard:hover, .header-name-menu.user-app-dashboard:active, .header-name-menu.user-app-dashboard:active:focus, .header-name-menu.user-app-dashboard:focus {
  background: #fff;
}

#header > div {
  height: 40px;
}
#header > div a {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.selected-loan-name {
  cursor: initial !important;
}
.selected-loan-name:hover {
  background: rgb(251, 252, 253);
}
.selected-loan-name div {
  cursor: text !important;
  user-select: text;
}

.header-label {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  color: #0ca597;
  height: 100%;
  display: inline-flex;
  align-items: center;
  width: inherit;
  padding: 0 8px;
  font-weight: 100 !important;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  text-align: center;
}
.header-label.create-document {
  width: 92px;
}
.header-label i {
  font-family: "MaterialIcons";
  font-size: 18px;
  color: #0ca597;
  font-style: normal;
  padding-right: 5px;
}
.header-label .loan-name {
  color: #0ca597;
  min-width: 200px;
}
.header-label.full-width .loan-name {
  white-space: nowrap;
}
.header-label.back-button:before {
  content: "";
  background-image: url(/content/img/base-document-menu-action-rotate-left-16-px-hover-pressed.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  height: 16px;
  min-width: 16px;
  display: block;
  margin-right: 8px;
}
.header-label.back-button a {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  color: #027373;
}
.header-label[aria-expanded=true]:after {
  content: "";
  background: rgba(1, 38, 35, 0.8);
  width: 100vw;
  height: calc(100vh - 40px);
  position: fixed;
  top: 40px;
  left: 0;
  z-index: 1;
}
.header-label + .dropdown-menu {
  margin: 0;
  width: fit-content;
  min-width: 380px;
  padding: 0 !important;
  border: 0;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
  z-index: 2;
}
.header-label + .dropdown-menu ul {
  margin: 2px 2px 34px 2px;
  padding: 0;
  width: fit-content;
  min-width: calc(100% - 4px);
}
.header-label + .dropdown-menu ul li {
  list-style-type: none;
  border: 0;
  width: 100%;
  min-width: 100%;
  height: 28px;
}
.header-label + .dropdown-menu ul li > a {
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  color: #000;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  height: 28px;
  line-height: 29px;
  padding: 0;
  width: 100%;
  min-width: fit-content;
  position: relative;
  flex-wrap: nowrap;
}
.header-label + .dropdown-menu ul li > a:before {
  content: url(/content/img/mark-document-new-16-px.svg);
  z-index: 11;
  border: 0;
  width: 16px;
  top: 3px;
  left: 10px;
  position: absolute;
  height: 16px;
}
.header-label + .dropdown-menu ul li > a:hover, .header-label + .dropdown-menu ul li > a:active, .header-label + .dropdown-menu ul li > a:active:focus, .header-label + .dropdown-menu ul li > a:focus {
  background: rgba(32, 148, 243, 0.1);
}
.header-label + .dropdown-menu ul li > a .item {
  margin-left: 32px;
  white-space: nowrap;
}
.header-label + .dropdown-menu ul li > a .date {
  font-size: 13px;
  white-space: nowrap;
  margin: 0 8px 0 4px;
}
.header-label + .dropdown-menu ul li:last-child a {
  border-bottom: 0;
}
.header-label + .dropdown-menu ul li.dropdown-header {
  font-family: Roboto-Regular, sans-serif;
  margin: 0 0 8px 0;
  padding: 8px 10px;
  background: #fafafa;
  height: 40px;
  font-size: 20px;
  line-height: 24px;
  color: #304156;
  background: rgba(32, 148, 243, 0.2);
  cursor: default;
}
.header-label + .dropdown-menu ul.view-documents .dropdown-header {
  background: rgba(100, 168, 26, 0.2);
}
.header-label + .dropdown-menu ul.view-documents li a:before {
  content: url(/content/img/mark-document-view-16-px.svg);
  text-align: center;
  padding: 0;
  margin: 0 5px 0 -2px;
  z-index: 11;
  border: 0;
  width: 21px;
  position: absolute;
}
.header-label + .dropdown-menu ul.view-documents li a:hover, .header-label + .dropdown-menu ul.view-documents li a:active, .header-label + .dropdown-menu ul.view-documents li a:active:focus, .header-label + .dropdown-menu ul.view-documents li a:focus {
  background: rgba(100, 168, 26, 0.1);
}
.header-label + .dropdown-menu ul.upload-documents {
  margin: 2px 2px 8px 2px;
}
.header-label + .dropdown-menu ul.upload-documents .dropdown-header {
  background: rgba(12, 165, 151, 0.2);
}
.header-label + .dropdown-menu ul.upload-documents .upload-documents-place {
  height: 100px;
  width: 356px;
  margin: 10px 10px;
  border-radius: 2px;
  padding: 0;
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #304156;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-section {
  height: 100px;
  width: 100%;
  background: rgba(12, 165, 151, 0.05);
  margin: 0;
  border: 2px dashed #0ca597;
  border-radius: 2px;
  font-family: Roboto-Regular, sans-serif;
  padding: 14px 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #304156;
  display: flex;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
}
.header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-section:hover, .header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-section:active, .header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-section:active:focus {
  background: rgba(12, 165, 151, 0.1);
}
.header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button {
  height: 100px;
  width: 68px;
  margin-left: 6px;
  cursor: pointer;
  position: relative;
  box-shadow: none;
  background: #fff;
  border: 1px solid #0ca597;
  border-radius: 2px;
}
.header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button:before {
  content: url(/content/img/placeholder-upload-qr-rest.svg);
  padding: 0;
  margin: 0;
  z-index: 11;
  border: 0;
  height: 80px;
  width: 72px;
  top: 10px;
  right: 0;
  position: absolute;
}
.header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button:hover, .header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button:active, .header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button:active:focus {
  background: rgba(12, 165, 151, 0.1);
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
}
.header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button:hover:before, .header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button:active:before, .header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button:active:focus:before {
  content: url(/content/img/placeholder-upload-qr-active.svg);
  padding: 0;
  margin: 0;
  z-index: 11;
  border: 0;
  height: 80px;
  width: 72px;
  top: 10px;
  right: 0px;
  position: absolute;
}
.header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button:disabled, .header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button.disabled {
  background: rgba(255, 255, 255, 0);
  pointer-events: none;
  border: 1px solid #c9c9c9;
}
.header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button:disabled:before, .header-label + .dropdown-menu ul.upload-documents .upload-documents-place .upload-documents-button.disabled:before {
  content: url(/content/img/placeholder-upload-qr-dark.svg);
  padding: 0;
  margin: 0;
  z-index: 11;
  border: 0;
  height: 80px;
  width: 72px;
  top: 10px;
  right: 0px;
  position: absolute;
}
.header-label .loan-name {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  color: #0ca597;
}
.header-label .loan-name + .loan-empty {
  display: none;
}
.header-label .loan-name:empty + .loan-empty {
  display: block;
}
.header-label[disabled] {
  pointer-events: none;
}

.header-doc-menu {
  position: relative;
  border-right: 1px solid #dcdedf;
}
.header-doc-menu:hover {
  background: #fff;
}
.header-doc-menu.open .header-label {
  background: #fff;
}

.find-wrapper-loan {
  position: relative;
  border-right: 1px solid #dcdedf;
  display: flex !important;
  padding: 8px;
}
.find-wrapper-loan .find {
  margin: auto;
  min-width: 150px;
  width: 150px !important;
  max-width: 150px;
  transition: 0.3s;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
}
.find-wrapper-loan.focus .find {
  min-width: 450px;
  width: 450px !important;
  max-width: 450px;
  position: static !important;
  transition: 0.3s;
  border: 1px solid #0ca597 !important;
}
.find-wrapper-loan .find-dropdown {
  min-width: 940px;
  width: calc(100vw - 340px);
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  border-radius: 0 2px 2px 0;
  border: 1px solid #0ca597;
  position: absolute;
  padding: 4px 0;
  background: #fff;
  top: 30px;
  z-index: 1;
}
.find-wrapper-loan .find-dropdown:empty {
  display: none;
}
.find-wrapper-loan .find-dropdown .find-dropdown-header {
  background-color: #dcdedf;
  color: #304156;
  border-bottom: 1px solid #dcdedf;
  line-height: 22px;
  height: 22px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  padding: 0 5px;
  cursor: pointer;
  display: grid;
  grid-template-columns: 72px calc(16% - 49px) 35px calc(16% - 49px) calc(16% - 49px) calc(16% - 49px) calc(16% - 49px) 100px calc(17% - 49px) 88px;
  grid-gap: 3px;
}
.find-wrapper-loan .find-dropdown .find-dropdown-row {
  line-height: 22px;
  height: 22px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  padding: 0 5px;
  cursor: pointer;
  display: grid;
  grid-template-columns: 72px calc(16% - 49px) 35px calc(16% - 49px) calc(16% - 49px) calc(16% - 49px) calc(16% - 49px) 100px calc(17% - 49px) 88px;
  grid-gap: 3px;
}
.find-wrapper-loan .find-dropdown .find-dropdown-row[data-selected=true] {
  background: #ceedea;
}
.find-wrapper-loan .find-dropdown .find-dropdown-row > div {
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.find-wrapper-loan .find-dropdown .find-dropdown-row:nth-child(even) {
  background: #fafafa;
  border-bottom: 1px solid #dcdedf;
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.find-wrapper-loan .find-dropdown .find-dropdown-row:nth-child(odd) {
  background: #f2f4f5;
  border-bottom: 1px solid #dcdedf;
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.find-wrapper-loan .find-dropdown .find-dropdown-row:hover {
  background: #e6f6f4 !important;
}
.find-wrapper-loan .find-dropdown .find-dropdown-row:active, .find-wrapper-loan .find-dropdown .find-dropdown-row:active:focus {
  background: #e6f6f4 !important;
  border-color: rgba(12, 165, 151, 0.5);
}
.find-wrapper-loan .find-dropdown .find-dropdown-empty-row {
  padding: 0 4px;
}

.find-wrapper {
  position: relative;
  border-right: 1px solid #dcdedf;
  display: flex !important;
  padding: 8px;
}
.find-wrapper .find {
  margin: auto;
  min-width: 150px;
  width: 150px !important;
  max-width: 150px;
  transition: 0.3s;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
}
.find-wrapper.focus .find {
  min-width: 450px;
  width: 450px !important;
  max-width: 450px;
  position: static !important;
  transition: 0.3s;
  border: 1px solid #0ca597 !important;
}
.find-wrapper .find-dropdown {
  min-width: 780px;
  width: calc(100vw - 600px);
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  border-radius: 0 2px 2px 0;
  border: 1px solid #0ca597;
  position: absolute;
  padding: 4px 0;
  background: #fff;
  top: 31px;
  margin-top: -1px;
  z-index: 11;
}
.find-wrapper .find-dropdown:empty {
  display: none;
}
.find-wrapper .find-dropdown > div {
  line-height: 22px;
  height: 22px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  padding: 0 5px;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 100px 350px 67px;
  grid-gap: 3px;
}
.find-wrapper .find-dropdown > div:hover, .find-wrapper .find-dropdown > div:active, .find-wrapper .find-dropdown > div:active:focus {
  background: #e6f6f4;
}
.find-wrapper .find-dropdown > div[data-selected=true] {
  background: #ceedea;
}
.find-wrapper .find-dropdown > div > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}

.connected-users-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 5px;
  height: 40px;
  background: inherit;
  margin-left: 0px;
  position: relative;
}
.connected-users-wrapper > div:first-child.connected-user.current-user {
  margin-left: 0 !important;
}
.connected-users-wrapper .connected-user {
  position: relative;
}
.connected-users-wrapper .connected-user a {
  display: flex;
  height: 28px;
  width: 28px;
  background: #ccc;
  font-family: "SegoeUI";
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  border: 0;
  border-radius: 50%;
}
.connected-users-wrapper .connected-user + .connected-user {
  margin: 0 0 0 5px;
}
.connected-users-wrapper .connected-user.avatar a {
  font-size: 0 !important;
  opacity: 0;
  border: 0;
  border-radius: 50%;
}
.connected-users-wrapper .connected-user.avatar:before {
  border-radius: 50%;
  color: #CCCCCC;
  font-family: "MaterialIcons";
  content: "account_circle";
  text-align: center;
  font-size: 32px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0px;
  width: 32px;
  height: 32px;
  background: #002D41;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
}
.connected-users-wrapper .connected-user.current-user {
  padding: 0 5px 0 5px;
  width: 60px;
  margin-left: 15px;
}
.connected-users-wrapper .connected-user.current-user:after {
  border-radius: 0;
  color: #CCCCCC;
  font-family: "MaterialIcons";
  content: "arrow_drop_down";
  text-align: center;
  font-size: 21px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 1px;
  width: 21px;
  height: 32px;
  left: 40px;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
}
.connected-users-wrapper .connected-user.current-user a {
  background: #FFF !important;
  color: #002D41;
  box-shadow: 0 0 3px 0px #ccc;
}
.connected-users-wrapper .connected-user.current-user.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #FFF !important;
}
.connected-users-wrapper .connected-user + .current-user {
  border-left: 1px solid rgba(204, 204, 204, 0.3);
  padding: 0 5px 0 15px;
}
.connected-users-wrapper .connected-user.color-1 a {
  background: #FF0404;
}
.connected-users-wrapper .connected-user.color-1.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #FF0404;
}
.connected-users-wrapper .connected-user.color-2 a {
  background: #FF04AB;
}
.connected-users-wrapper .connected-user.color-2.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #FF04AB;
}
.connected-users-wrapper .connected-user.color-3 a {
  background: #AB04FF;
}
.connected-users-wrapper .connected-user.color-3.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #AB04FF;
}
.connected-users-wrapper .connected-user.color-4 a {
  background: #0404FF;
}
.connected-users-wrapper .connected-user.color-4.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #0404FF;
}
.connected-users-wrapper .connected-user.color-5 a {
  background: #04ABFF;
}
.connected-users-wrapper .connected-user.color-5.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #04ABFF;
}
.connected-users-wrapper .connected-user.color-6 a {
  background: #04FFAB;
}
.connected-users-wrapper .connected-user.color-6.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #04FFAB;
}
.connected-users-wrapper .connected-user.color-7 a {
  background: #04FF04;
}
.connected-users-wrapper .connected-user.color-7.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #04FF04;
}
.connected-users-wrapper .connected-user.color-8 a {
  background: #ABFF04;
}
.connected-users-wrapper .connected-user.color-8.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #ABFF04;
}
.connected-users-wrapper .connected-user.color-9 a {
  background: #FFAB04;
}
.connected-users-wrapper .connected-user.color-9.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #FFAB04;
}
.connected-users-wrapper .connected-user.color-10 a {
  background: #FFFFFF;
}
.connected-users-wrapper .connected-user.color-10.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #FFFFFF;
}
.connected-users-wrapper .connected-user.color-11 a {
  background: #CC0303;
}
.connected-users-wrapper .connected-user.color-11.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #CC0303;
}
.connected-users-wrapper .connected-user.color-12 a {
  background: #CC0389;
}
.connected-users-wrapper .connected-user.color-12.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #CC0389;
}
.connected-users-wrapper .connected-user.color-13 a {
  background: #8903CC;
}
.connected-users-wrapper .connected-user.color-13.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #8903CC;
}
.connected-users-wrapper .connected-user.color-14 a {
  background: #0303CC;
}
.connected-users-wrapper .connected-user.color-14.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #0303CC;
}
.connected-users-wrapper .connected-user.color-15 a {
  background: #0389CC;
}
.connected-users-wrapper .connected-user.color-15.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #0389CC;
}
.connected-users-wrapper .connected-user.color-16 a {
  background: #03CC89;
}
.connected-users-wrapper .connected-user.color-16.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #03CC89;
}
.connected-users-wrapper .connected-user.color-17 a {
  background: #03CC03;
}
.connected-users-wrapper .connected-user.color-17.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #03CC03;
}
.connected-users-wrapper .connected-user.color-18 a {
  background: #89CC03;
}
.connected-users-wrapper .connected-user.color-18.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #89CC03;
}
.connected-users-wrapper .connected-user.color-19 a {
  background: #CC8903;
}
.connected-users-wrapper .connected-user.color-19.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #CC8903;
}
.connected-users-wrapper .connected-user.color-20 a {
  background: #CCCCCC;
}
.connected-users-wrapper .connected-user.color-20.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #CCCCCC;
}
.connected-users-wrapper .connected-user.color-21 a {
  background: #54A800;
}
.connected-users-wrapper .connected-user.color-21.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #54A800;
}
.connected-users-wrapper .connected-user.color-22 a {
  background: #990267;
}
.connected-users-wrapper .connected-user.color-22.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #990267;
}
.connected-users-wrapper .connected-user.color-23 a {
  background: #670299;
}
.connected-users-wrapper .connected-user.color-23.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #670299;
}
.connected-users-wrapper .connected-user.color-24 a {
  background: #020299;
}
.connected-users-wrapper .connected-user.color-24.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #020299;
}
.connected-users-wrapper .connected-user.color-25 a {
  background: #026799;
}
.connected-users-wrapper .connected-user.color-25.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #026799;
}
.connected-users-wrapper .connected-user.color-26 a {
  background: #029967;
}
.connected-users-wrapper .connected-user.color-26.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #029967;
}
.connected-users-wrapper .connected-user.color-27 a {
  background: #029902;
}
.connected-users-wrapper .connected-user.color-27.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #029902;
}
.connected-users-wrapper .connected-user.color-28 a {
  background: #679902;
}
.connected-users-wrapper .connected-user.color-28.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #679902;
}
.connected-users-wrapper .connected-user.color-29 a {
  background: #996702;
}
.connected-users-wrapper .connected-user.color-29.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #996702;
}
.connected-users-wrapper .connected-user.color-30 a {
  background: #999999;
}
.connected-users-wrapper .connected-user.color-30.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #999999;
}
.connected-users-wrapper.open {
  background: #fff;
}
.connected-users-wrapper.open .current-user:after {
  border-radius: 0;
  color: rgba(0, 45, 65, 0.75);
  font-family: "MaterialIcons";
  content: "arrow_drop_up";
  text-align: center;
  font-size: 21px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 1px;
  width: 21px;
  height: 32px;
  left: 40px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
}
.connected-users-wrapper.open .dropdown-menu {
  background: rgba(1, 38, 35, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 111;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap {
  background: #F2F2F2;
  width: 482px;
  box-shadow: none;
  position: absolute;
  top: -2px;
  right: -1px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop {
  background: #fff;
  padding: 20px 20px 4px 20px;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-row {
  width: 100%;
  display: inline-flex;
  align-items: center;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-row .user-logo {
  display: flex;
  height: 70px;
  width: 70px;
  min-height: 70px;
  min-width: 70px;
  max-height: 70px;
  max-width: 70px;
  font-family: "SegoeUI";
  justify-content: center;
  align-items: center;
  font-size: 23px;
  text-transform: uppercase;
  margin: 0 10px 0 0;
  border: 0;
  border-radius: 50%;
  background: #FFF !important;
  color: #002D41;
  box-shadow: 0 0 3px 0px #ccc;
  position: relative;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-row .user-logo > a {
  font-size: 14px;
  color: #0ca597;
  font-family: Roboto-Regular, sans-serif;
  text-transform: initial;
  position: absolute;
  bottom: -20px;
  white-space: nowrap;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-row .user-logo > a:hover, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-row .user-logo > a:active, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-row .user-logo > a:active:focus {
  color: #027373;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-row .user-info {
  width: 100%;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-row .user-info .user-info-name {
  font-family: Roboto-Regular, sans-serif;
  font-size: 21px;
  color: #002D41;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-row .user-info .user-info-doc {
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
  line-height: 1;
  color: rgba(0, 45, 65, 0.5);
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-row .user-info + a {
  height: 25px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-row a {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  white-space: nowrap;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons {
  min-width: 130px;
  display: inline-flex;
  align-items: center;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a {
  margin-right: 5px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:last-child {
  margin: 0;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a i {
  font-size: 24px;
  color: #0ca597;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a.legal-reports-link {
  position: relative;
  cursor: pointer;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a.legal-reports-link:before {
  content: url(/content/img/federal-bank.svg) !important;
  position: absolute;
  width: 22px;
  height: 22px;
  top: -1px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a.bulk-loan {
  position: relative;
  cursor: pointer;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a.bulk-loan:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 3px;
  top: 1px;
  background: url(/content/img/bulk-menu.svg) !important;
  background-size: 22px 22px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:hover, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active:focus {
  color: #027373;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:hover i, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active i, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active:focus i {
  color: #027373;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:hover.legal-reports-link, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active.legal-reports-link, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active:focus.legal-reports-link {
  position: relative;
  cursor: pointer;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:hover.legal-reports-link:before, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active.legal-reports-link:before, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active:focus.legal-reports-link:before {
  content: url(/content/img/federal-bank-active.svg) !important;
  position: absolute;
  width: 22px;
  height: 22px;
  top: -1px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:hover.bulk-loan, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active.bulk-loan, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active:focus.bulk-loan {
  position: relative;
  cursor: pointer;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:hover.bulk-loan:before, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active.bulk-loan:before, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .current-user-drop .user-buttons a:active:focus.bulk-loan:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 3px;
  top: 1px;
  background: url(/content/img/bulk-menu-active.svg) !important;
  background-size: 22px 22px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons {
  min-width: 130px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  margin-left: 80px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a {
  padding-left: 32px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  height: 24px;
  margin-top: 6px;
  width: 100%;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:last-child {
  margin: 0;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a i {
  font-size: 24px;
  color: #0ca597;
  position: absolute;
  top: 0;
  left: 0;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a.legal-reports-link {
  position: relative;
  cursor: pointer;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a.legal-reports-link:before {
  content: url(/content/img/federal-bank.svg) !important;
  position: absolute;
  width: 22px;
  height: 22px;
  top: -1px;
  left: 2px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a.sign-out {
  position: relative;
  cursor: pointer;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
  border-top: 0 !important;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a.sign-out:before {
  content: url(/content/img/signout.svg) !important;
  position: absolute;
  width: 22px;
  height: 22px;
  top: -1px;
  left: 2px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a.bulk-loan {
  position: relative;
  cursor: pointer;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a.bulk-loan:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 3px;
  top: 1px;
  background: url(/content/img/bulk-menu.svg) !important;
  background-size: 22px 22px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:hover, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active:focus {
  color: #027373;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:hover i, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active i, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active:focus i {
  color: #027373;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:hover.sign-out, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active.sign-out, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active:focus.sign-out {
  position: relative;
  cursor: pointer;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
  border-top: 0 !important;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:hover.sign-out:before, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active.sign-out:before, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active:focus.sign-out:before {
  content: url(/content/img/signout-active.svg) !important;
  position: absolute;
  width: 22px;
  height: 22px;
  top: -1px;
  left: 2px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:hover.legal-reports-link, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active.legal-reports-link, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active:focus.legal-reports-link {
  position: relative;
  cursor: pointer;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:hover.legal-reports-link:before, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active.legal-reports-link:before, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active:focus.legal-reports-link:before {
  content: url(/content/img/federal-bank-active.svg) !important;
  position: absolute;
  width: 22px;
  height: 22px;
  top: -1px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:hover.bulk-loan, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active.bulk-loan, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active:focus.bulk-loan {
  position: relative;
  cursor: pointer;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:hover.bulk-loan:before, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active.bulk-loan:before, .connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a:active:focus.bulk-loan:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 3px;
  top: 1px;
  background: url(/content/img/bulk-menu-active.svg) !important;
  background-size: 22px 22px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a[data-action=userLogout] {
  border-top: 1px solid #0ca597;
  margin-top: 4px;
  height: 30px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-row-buttons a[data-action=userLogout] i {
  top: 4px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop {
  padding: 20px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop p {
  font-family: Roboto-Regular, sans-serif;
  font-size: 15px;
  color: #000;
  padding: 0 0 10px 0;
  margin: 0;
  line-height: 1;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row {
  display: flex;
  flex-direction: row;
  padding: 0 0 10px 0;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row:last-child {
  padding: 0;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo {
  display: flex;
  height: 49px;
  width: 49px;
  min-height: 49px;
  min-width: 49px;
  max-height: 49px;
  max-width: 49px;
  font-family: "SegoeUI";
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 10px 0 0;
  border: 0;
  border-radius: 50%;
  background: #049BFF;
  color: #fff;
  box-shadow: none;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-1 {
  background: #FF0404;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-1.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #FF0404;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-2 {
  background: #FF04AB;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-2.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #FF04AB;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-3 {
  background: #AB04FF;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-3.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #AB04FF;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-4 {
  background: #0404FF;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-4.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #0404FF;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-5 {
  background: #04ABFF;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-5.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #04ABFF;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-6 {
  background: #04FFAB;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-6.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #04FFAB;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-7 {
  background: #04FF04;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-7.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #04FF04;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-8 {
  background: #ABFF04;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-8.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #ABFF04;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-9 {
  background: #FFAB04;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-9.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #FFAB04;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-10 {
  background: #FFFFFF;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-10.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #FFFFFF;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-11 {
  background: #CC0303;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-11.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #CC0303;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-12 {
  background: #CC0389;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-12.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #CC0389;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-13 {
  background: #8903CC;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-13.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #8903CC;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-14 {
  background: #0303CC;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-14.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #0303CC;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-15 {
  background: #0389CC;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-15.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #0389CC;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-16 {
  background: #03CC89;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-16.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #03CC89;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-17 {
  background: #03CC03;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-17.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #03CC03;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-18 {
  background: #89CC03;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-18.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #89CC03;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-19 {
  background: #CC8903;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-19.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #CC8903;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-20 {
  background: #CCCCCC;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-20.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #CCCCCC;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-21 {
  background: #54A800;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-21.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #54A800;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-22 {
  background: #990267;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-22.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #990267;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-23 {
  background: #670299;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-23.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #670299;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-24 {
  background: #020299;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-24.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #020299;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-25 {
  background: #026799;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-25.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #026799;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-26 {
  background: #029967;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-26.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #029967;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-27 {
  background: #029902;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-27.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #029902;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-28 {
  background: #679902;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-28.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #679902;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-29 {
  background: #996702;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-29.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #996702;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-30 {
  background: #999999;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-logo.color-30.avatar:before {
  font-family: "MaterialIcons";
  content: "account_circle";
  border: 3px solid #999999;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-info .user-info-name {
  line-height: 18px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-info .user-info-name span:first-child {
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
  color: #002D41;
  padding-right: 10px;
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-info .user-info-name span:last-child {
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
  color: rgba(0, 45, 65, 0.5);
}
.connected-users-wrapper.open .dropdown-menu .dropdown-menu-wrap .user-drop .user-row .user-info .user-info-doc {
  line-height: 18px;
  font-family: Roboto-Light, sans-serif;
  font-size: 16px;
  color: #002D41;
}

.loan-aside {
  width: 185px;
  position: absolute;
  border-bottom: 1px solid #CCCCCC;
  background: #E9F0F2;
  height: 60px;
  top: 0;
}
.loan-aside .loan-current {
  font-family: Roboto-Light, sans-serif;
  font-size: 15px;
  color: #000;
  padding: 13px 0 0 15px;
  line-height: 1;
}
.loan-aside .loan-user {
  font-family: Roboto-Medium, sans-serif;
  font-size: 15px;
  color: #000;
  padding: 5px 0 0 15px;
  line-height: 1;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.loan-aside .loan-user span {
  font-family: Roboto-Medium, sans-serif;
  font-size: 15px;
  color: #000;
  line-height: 1;
}

/*** END Connected Users***/
/********* LOAN HISTORY PAGE************/
.history-page-header {
  background: initial;
  margin: 10px;
}
.history-page-header .history-page-h {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  font-size: 1.167rem;
  color: #002D41;
  width: 100%;
  max-width: 100%;
  height: 42px;
  padding: 0 5px 0 0;
  display: inline-flex;
  align-items: flex-start;
  margin: 0;
  line-height: 42px;
  background: #F6F9F8;
}
.history-page-header .back-button {
  border-right: 1px solid #fff;
}
.history-page-header .back-button a {
  width: 42px;
  height: 42px;
  text-align: center;
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0;
  background: #E9F0F2;
}
.history-page-header .back-button a:before {
  line-height: 46px;
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "arrow_back";
  text-align: center;
  background: none;
  font-size: 23px;
  padding: 0;
  margin: 0;
}
.history-page-header h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  font-size: 1.167rem;
  color: #002D41;
  height: 42px;
  padding: 0 10px;
  margin: 0 0 10px 0;
  line-height: 44px;
  background: #E9F0F2;
}
.history-page-header .close {
  opacity: 1;
  height: 25px;
  width: 25px;
  margin: 9px 0 0 0;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}
.history-page-header .close i.material-icons {
  color: #0093D5;
  font-size: 25px;
}

.history-page-table {
  width: 100%;
  padding: 10px;
}
.history-page-table .table-container {
  max-width: 100%;
}

/***************************************/
.for-inline-checkbox .Select--single > .Select-control .Select-value,
.Select-placeholder {
  line-height: 24px !important;
  padding: 0 5px !important;
}

.for-inline-checkbox .Select.is-open .Select-control {
  width: calc(100% + 2px);
  margin: -1px 0 0 -1px;
}

.for-inline-checkbox .Select-menu-outer {
  width: calc(100% + 2px);
  margin: -1px 0 0 -1px;
}

/******** Modal Window Buttons *******/
.modal-button-blue {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
  background: #04BFAD;
  border: 1px solid rgba(0, 45, 65, 0.2);
  border-radius: 1px;
  padding: 6px 8px;
  line-height: 18px;
  display: inline-flex;
}
.modal-button-blue:before {
  color: #fff;
  font-family: "MaterialIcons";
  content: "add_box";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
}
.modal-button-blue:hover {
  background: #05ad9c;
}
.modal-button-blue:active, .modal-button-blue:active:focus {
  background: #059083;
}
.modal-button-blue:focus {
  background: #04BFAD;
}
.modal-button-blue:disabled {
  background: #04BFAD;
  opacity: 0.5;
}

.modal-button-green {
  background: #04BFAD;
  border: 1px solid rgba(0, 45, 65, 0.2);
  font-family: Roboto-Regular, sans-serif;
  color: #fff;
  line-height: 1;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  margin-top: 2px;
}
.modal-button-green:before {
  color: #fff;
  font-family: "MaterialIcons";
  content: "add_box";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
}
.modal-button-green:hover {
  background: #05ad9c;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
.modal-button-green:active, .modal-button-green:active:focus {
  background: #059083;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
.modal-button-green:focus {
  background: #04BFAD;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
.modal-button-green:disabled {
  background: #04BFAD;
  border: 1px solid rgba(0, 45, 65, 0.2);
  opacity: 0.5;
}

.disabled .modal-button-blue {
  background: #0093D5 !important;
  border: 1px solid rgba(0, 45, 65, 0.2);
  opacity: 0.5;
}
.disabled .modal-button-green {
  background: #04BFAD !important;
  border: 1px solid rgba(0, 45, 65, 0.2);
  opacity: 0.5;
}

/*************************************/
nav ul li.active > a:before {
  content: "arrow_drop_up";
  font-family: "MaterialIcons";
  display: block;
  height: 21px;
  line-height: normal;
  width: 21px;
  position: absolute;
  right: -9px;
  font-size: 21px;
  color: #fff;
  transform: rotate(270deg);
}

.payoff-wrap {
  background: #fafafa;
  margin: 10px 0;
  font-family: Roboto-Light, sans-serif;
  font-size: 18px;
}
.payoff-wrap > button {
  font-family: Roboto-Light, sans-serif;
  font-size: 1rem;
  color: #000;
  display: inline-flex;
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  border: 0;
  border-right: 1px solid #fff;
  outline: none !important;
  box-shadow: none !important;
  background: #E9F0F2;
}
.payoff-wrap > button:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "add_box";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 14px;
}
.payoff-wrap .payoff-row {
  display: inline-grid;
  grid-template-columns: 32% 32% 32%;
  width: 100%;
  position: relative;
}
.payoff-wrap .payoff-row > div {
  display: inline-flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
}
.payoff-wrap .payoff-row > div label {
  margin: 0 10px 0 0;
}
.payoff-wrap .payoff-row > div input.field {
  min-width: 115px;
  width: 115px;
}
.payoff-wrap .payoff-row .remove {
  background: #fafafa;
  border: 0;
  height: 21px;
  padding: 0;
  width: 21px;
  margin: 0;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.payoff-wrap .payoff-row .remove:before {
  content: "delete";
  font-family: "MaterialIcons";
  color: #D24242;
  font-size: 21px;
  line-height: 1;
}

.drop-up .Select-menu-outer {
  position: absolute !important;
  bottom: calc(100% - 1px);
  border-top-width: 1px !important;
}

.package-highlight-nonprintable {
  background: #FFDF92;
}

.package-highlight-default {
  background: #5FA4AF;
}
.package-highlight-default:hover {
  background: #7fb6bf !important;
}

/**/
.stakeholder-layout .green-pick {
  display: block;
  margin: 0 10px 0 0;
  width: 12px;
}

.stakeholder-layout .green-pick:after {
  content: "";
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  border-radius: 100%;
  background: #00ff21;
  display: block;
  border: 1px solid #fff;
}

/*********** DASHBOARD ***********/
.dashboard-wrapper {
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.dashboard-wrapper .dashboard-item {
  width: 295px;
  min-height: 265px;
  background: #F0F5F7;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.dashboard-wrapper .dashboard {
  width: 295px;
  min-height: 265px;
  background: #F0F5F7;
  display: inline-block;
  margin-right: 10px;
  opacity: 1;
  height: 100%;
  position: relative;
}
.dashboard-wrapper .dashboard .close {
  position: absolute;
  top: 0;
  right: 3px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.dashboard-wrapper .dashboard .close i {
  color: #027373 !important;
  font-size: 18px;
  line-height: 18px;
}
.dashboard-wrapper .dashboard .close:hover, .dashboard-wrapper .dashboard .close:active, .dashboard-wrapper .dashboard .close:active:focus, .dashboard-wrapper .dashboard .close:focus {
  opacity: 1;
}
.dashboard-wrapper .dashboard .close:hover i, .dashboard-wrapper .dashboard .close:active i, .dashboard-wrapper .dashboard .close:active:focus i, .dashboard-wrapper .dashboard .close:focus i {
  color: #024040;
  opacity: 1;
}
.dashboard-wrapper .dashboard .dashboard-settings {
  position: absolute;
  line-height: 10px;
  top: 50px;
  right: 10px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.dashboard-wrapper .dashboard .dashboard-settings i {
  color: #027373 !important;
  font-size: 18px;
  line-height: 18px;
}
.dashboard-wrapper .dashboard .dashboard-settings:hover, .dashboard-wrapper .dashboard .dashboard-settings:active, .dashboard-wrapper .dashboard .dashboard-settings:active:focus, .dashboard-wrapper .dashboard .dashboard-settings:focus {
  opacity: 1;
}
.dashboard-wrapper .dashboard .dashboard-settings:hover i, .dashboard-wrapper .dashboard .dashboard-settings:active i, .dashboard-wrapper .dashboard .dashboard-settings:active:focus i, .dashboard-wrapper .dashboard .dashboard-settings:focus i {
  color: #024040;
  opacity: 1;
}
.dashboard-wrapper .dashboard .dashboard-assign-loan {
  position: absolute;
  line-height: 10px;
  top: 50px;
  right: 37px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.dashboard-wrapper .dashboard .dashboard-assign-loan i {
  color: #027373 !important;
  font-size: 18px;
  line-height: 18px;
}
.dashboard-wrapper .dashboard .dashboard-assign-loan:hover, .dashboard-wrapper .dashboard .dashboard-assign-loan:active, .dashboard-wrapper .dashboard .dashboard-assign-loan:active:focus, .dashboard-wrapper .dashboard .dashboard-assign-loan:focus {
  opacity: 1;
}
.dashboard-wrapper .dashboard .dashboard-assign-loan:hover i, .dashboard-wrapper .dashboard .dashboard-assign-loan:active i, .dashboard-wrapper .dashboard .dashboard-assign-loan:active:focus i, .dashboard-wrapper .dashboard .dashboard-assign-loan:focus i {
  color: #024040;
  opacity: 1;
}
.dashboard-wrapper .dashboard .dashboard-header {
  height: 75px;
  display: flex;
  flex-direction: column;
  padding: 10px 10px 10px 10px;
  position: relative;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-name {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  color: #000;
  padding-bottom: 2px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  line-height: 19px;
  min-height: 19px;
  height: 19px;
  max-width: 260px;
  white-space: nowrap;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-name a {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 17px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-name a:hover, .dashboard-wrapper .dashboard .dashboard-header .dashboard-name a:active, .dashboard-wrapper .dashboard .dashboard-header .dashboard-name a:active:focus, .dashboard-wrapper .dashboard .dashboard-header .dashboard-name a:focus {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-state {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  min-width: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  height: 28px;
  line-height: 28px;
  align-items: center;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-state > div {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  height: 19px;
  line-height: 28px;
  align-items: center;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-state > div > div {
  min-height: 17px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-state > div > div + div {
  margin-left: 10px;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-state a {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-state a:hover, .dashboard-wrapper .dashboard .dashboard-header .dashboard-state a:active, .dashboard-wrapper .dashboard .dashboard-header .dashboard-state a:active:focus, .dashboard-wrapper .dashboard .dashboard-header .dashboard-state a:focus {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-status {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  min-width: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  min-height: 19px;
  line-height: 19px;
  align-items: center;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-name-wrapper {
  display: flex;
  min-width: 100%;
  height: 55px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-notification {
  width: 18px;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-notification button {
  background: none;
  border: 0px solid rgba(2, 115, 115, 0.2);
  border-radius: 2px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  min-width: 18px;
  width: 18px;
  height: 18px;
  box-shadow: none;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-notification i {
  color: #027373;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-notification i[data-attr=notifications_off] {
  color: #027373;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-notification i[data-attr=notifications_active] {
  color: #027373;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-notification + div div span {
  margin-right: 5px;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-num {
  font-size: 18px;
  min-width: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 24px;
  line-height: 19px;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id {
  display: flex;
  min-width: 18px;
  cursor: pointer;
  padding: 0 2px;
  height: 18px;
  width: 18px;
  min-height: 18px;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1px;
  font-weight: 800;
  border: 0px solid #027373;
  border-radius: 2px;
  background: none;
  color: rgb(255, 255, 255) !important;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="1"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="4"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="7"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="10"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="13"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="16"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="19"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="22"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="25"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="28"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="31"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="34"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="37"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="40"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="43"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="46"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="49"] {
  background: #F10000;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="2"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="5"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="8"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="11"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="14"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="17"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="20"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="23"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="26"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="29"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="32"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="35"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="38"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="41"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="44"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="47"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="50"] {
  background: #06AA00;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="3"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="6"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="9"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="12"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="15"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="18"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="20"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="24"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="27"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="30"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="33"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="36"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="39"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="42"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="45"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="48"], .dashboard-wrapper .dashboard .dashboard-header .dashboard-num .num-id[data-attr="51"] {
  background: #0093D5;
}
.dashboard-wrapper .dashboard .dashboard-header > div {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-user-wrapper {
  display: flex;
  flex-direction: row !important;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-user {
  font-family: "SegoeUI";
  cursor: pointer;
  font-size: 10px;
  color: #fff;
  width: 24px;
  margin-right: 0 !important;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #049BFF;
  border-radius: 5px;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-user:empty {
  display: none;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-user:nth-child(1), .dashboard-wrapper .dashboard .dashboard-header .dashboard-user:nth-child(4) {
  background: #B2E0FF;
  border: 1px solid rgba(4, 155, 255, 0.5);
  color: #049BFF;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-user:nth-child(2), .dashboard-wrapper .dashboard .dashboard-header .dashboard-user:nth-child(5) {
  background: #CAE4B1;
  border: 1px solid rgba(84, 168, 0, 0.5);
  color: #54A800;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-user:nth-child(3), .dashboard-wrapper .dashboard .dashboard-header .dashboard-user:nth-child(6) {
  background: #FFD8B1;
  border: 1px solid rgba(255, 128, 0, 0.5);
  color: #FF8000;
}
.dashboard-wrapper .dashboard .dashboard-header .dashboard-user + .dashboard-user {
  margin-left: 3px;
}
.dashboard-wrapper .dashboard .dashboard-header:hover .close {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
}
.dashboard-wrapper .dashboard .dashboard-header:hover .dashboard-settings {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
}
.dashboard-wrapper .dashboard .dashboard-header:hover .dashboard-assign-loan {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
}
.dashboard-wrapper .dashboard .dashboard-linkbar {
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
  border-top: 1px solid #C1D4D9;
}
.dashboard-wrapper .dashboard .dashboard-linkbar a {
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #027373;
  margin-right: 10px;
}
.dashboard-wrapper .dashboard .dashboard-linkbar a:hover, .dashboard-wrapper .dashboard .dashboard-linkbar a:active, .dashboard-wrapper .dashboard .dashboard-linkbar a:active:focus, .dashboard-wrapper .dashboard .dashboard-linkbar a:focus {
  color: #027373;
}
.dashboard-wrapper .dashboard .dashboard-content {
  background: #F0F5F7;
  padding: 10px;
  min-height: 103px;
  height: calc(100% - 156px);
  border: 0;
  border-top: 1px solid #C1D4D9;
  border-bottom: 1px solid #C1D4D9;
  font-family: Roboto-Light, sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.dashboard-wrapper .dashboard .dashboard-content .dashboard-content-row {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
.dashboard-wrapper .dashboard .dashboard-footer {
  display: flex;
  position: relative;
  flex-direction: row;
  background: #F0F5F7;
  height: 52px;
  min-height: 52px;
  min-width: 100%;
  padding: 10px;
  font-family: Roboto-Light, sans-serif;
  font-size: 12px;
  color: #000;
  line-height: 16px;
}
.dashboard-wrapper .dashboard .dashboard-footer .dashboard-notification {
  position: absolute;
  top: 10px;
  right: 12px;
}
.dashboard-wrapper .dashboard .dashboard-footer .dashboard-notification button {
  background: none;
  border: 0px solid rgba(2, 115, 115, 0.2);
  border-radius: 2px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  min-width: 18px;
  width: 18px;
  height: 18px;
  box-shadow: none;
}
.dashboard-wrapper .dashboard .dashboard-footer .dashboard-notification i {
  color: #027373;
}
.dashboard-wrapper .dashboard .dashboard-footer .dashboard-notification i[data-attr=notifications_off] {
  color: #027373;
}
.dashboard-wrapper .dashboard .dashboard-footer .dashboard-notification i[data-attr=notifications_active] {
  color: #027373;
}
.dashboard-wrapper .dashboard .dashboard-footer .dashboard-notification + div div span {
  margin-left: 2px;
  margin-right: 4px;
}
.dashboard-wrapper .dashboard .dashboard-footer .dashboard-footer-info {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  max-width: 100%;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-wrapper .dashboard .dashboard-footer .dashboard-footer-info .info-time {
  font-size: 11px;
  font-family: Roboto-Regular, sans-serif;
  color: #B80000;
  min-width: calc(100% - 20px);
  max-width: calc(100% - 20px);
}
.dashboard-wrapper .dashboard.dragging {
  opacity: 0;
  cursor: -webkit-grabbing;
}
.dashboard-wrapper .dashboard-back {
  background: rgba(1, 38, 35, 0.4);
  width: 295px;
  min-height: 265px;
  height: 100%;
  position: absolute;
}

.dashboard-modal-notification {
  z-index: 1111;
  background: #fff;
  position: fixed;
  min-width: 120px;
  border: 5px solid #BFCCD2;
  padding: 20px 15px;
}
.dashboard-modal-notification h6 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  color: #002D41;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 0 8px 0;
  padding: 0 0 13px 0;
}
.dashboard-modal-notification label {
  cursor: pointer;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  padding: 0 0 0 10px;
  line-height: 28px;
}
.dashboard-modal-notification button {
  border: 0;
  outline: none !important;
  box-shadow: none;
  background: none;
  padding: 0;
  line-height: 24px;
}
.dashboard-modal-notification button i {
  color: #027373;
  line-height: 24px;
}
.dashboard-modal-notification > div {
  cursor: pointer;
  display: flex;
  line-height: 24px;
  height: 24px;
}
.dashboard-modal-notification > div:hover button i, .dashboard-modal-notification > div:active button i, .dashboard-modal-notification > div:active:focus button i, .dashboard-modal-notification > div:focus button i {
  color: #034a4a;
}
.dashboard-modal-notification > div:hover label, .dashboard-modal-notification > div:active label, .dashboard-modal-notification > div:active:focus label, .dashboard-modal-notification > div:focus label {
  cursor: pointer;
  text-decoration: underline;
}

.dashboard-modal-priority {
  z-index: 1111;
  background: #fff;
  position: fixed;
  min-width: 120px;
  border: 5px solid #BFCCD2;
  padding: 20px 15px;
}
.dashboard-modal-priority h6 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  color: #002D41;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 0 8px 0;
  padding: 0 0 13px 0;
}
.dashboard-modal-priority label {
  cursor: pointer;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  padding: 0 0 0 10px;
  line-height: 18px;
  margin: 0;
}
.dashboard-modal-priority button {
  outline: none !important;
  box-shadow: none;
  line-height: 19px;
  display: flex;
  min-width: 18px;
  height: 18px;
  width: 18px;
  min-height: 18px;
  align-items: center;
  justify-content: center;
  border: 0;
  font-size: 10px;
  font-weight: 800;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  color: rgb(255, 255, 255) !important;
}
.dashboard-modal-priority button[data-attr=hight] {
  background: #F10000;
}
.dashboard-modal-priority button[data-attr=middle] {
  background: #06AA00;
}
.dashboard-modal-priority button[data-attr=low] {
  background: #0093D5;
}
.dashboard-modal-priority > div {
  cursor: pointer;
  display: flex;
  line-height: 24px;
  height: 24px;
  align-items: center;
}
.dashboard-modal-priority > div:hover button[data-attr=hight], .dashboard-modal-priority > div:active button[data-attr=hight], .dashboard-modal-priority > div:active:focus button[data-attr=hight], .dashboard-modal-priority > div:focus button[data-attr=hight] {
  background: rgb(165, 1, 1);
}
.dashboard-modal-priority > div:hover button[data-attr=middle], .dashboard-modal-priority > div:active button[data-attr=middle], .dashboard-modal-priority > div:active:focus button[data-attr=middle], .dashboard-modal-priority > div:focus button[data-attr=middle] {
  background: #077703;
}
.dashboard-modal-priority > div:hover button[data-attr=low], .dashboard-modal-priority > div:active button[data-attr=low], .dashboard-modal-priority > div:active:focus button[data-attr=low], .dashboard-modal-priority > div:focus button[data-attr=low] {
  background: #026896;
}
.dashboard-modal-priority > div:hover label, .dashboard-modal-priority > div:active label, .dashboard-modal-priority > div:active:focus label, .dashboard-modal-priority > div:focus label {
  text-decoration: underline;
  cursor: pointer;
}

.dashboard-modal-settings {
  z-index: 1111;
  background: #fff;
  position: fixed;
  min-width: 120px;
  border: 5px solid #BFCCD2;
  padding: 20px 15px;
}
.dashboard-modal-settings h6 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  color: #002D41;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 0 8px 0;
  padding: 0 0 13px 0;
}
.dashboard-modal-settings label {
  cursor: pointer;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  padding: 0 0 0 10px;
  line-height: 18px;
  margin: 0;
}

.loan-table-settings {
  z-index: 99999;
  background: #fff;
  position: fixed;
  min-width: 210px;
  width: 210px;
  border: 5px solid #BFCCD2;
  padding: 20px 15px;
}
.loan-table-settings h6 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  color: #002D41;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 0 8px 0;
  padding: 0 0 13px 0;
}
.loan-table-settings .setting-row {
  display: inline-flex;
  min-width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  height: 28px;
  line-height: 28px;
}
.loan-table-settings .setting-row > label {
  cursor: pointer;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  padding: 0 0 0 0;
  line-height: 18px;
  margin: 0 0 0 10px;
}

.loan-wrapper-assign {
  background: rgba(1, 38, 35, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 111111;
  min-height: 600px;
  min-width: 1280px;
}
.loan-wrapper-assign .loan-assign {
  z-index: 1111;
  background: #e3eaed;
  padding: 0px;
  min-width: 500px;
}
.loan-wrapper-assign .loan-assign h6 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  color: #002D41;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 0 8px 0;
  padding: 0 0 13px 0;
}
.loan-wrapper-assign .loan-assign .cke_top,
.loan-wrapper-assign .loan-assign .cke_bottom {
  display: none;
}
.loan-wrapper-assign .loan-assign .modal-column {
  padding: 0 !important;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row {
  padding: 0 8px;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num {
  font-size: 18px;
  min-width: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 24px;
  line-height: 19px;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id {
  display: flex;
  min-width: 18px;
  cursor: pointer;
  padding: 0 2px;
  height: 18px;
  width: 18px;
  min-height: 18px;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  font-weight: 800;
  border: 0px solid #027373;
  border-radius: 2px;
  background: none;
  color: rgb(255, 255, 255) !important;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="1"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="4"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="7"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="10"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="13"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="16"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="19"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="22"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="25"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="28"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="31"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="34"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="37"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="40"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="43"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="46"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="49"] {
  background: #F10000;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="2"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="5"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="8"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="11"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="14"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="17"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="20"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="23"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="26"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="29"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="32"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="35"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="38"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="41"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="44"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="47"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="50"] {
  background: #06AA00;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="3"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="6"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="9"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="12"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="15"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="18"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="20"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="24"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="27"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="30"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="33"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="36"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="39"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="42"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="45"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="48"], .loan-wrapper-assign .loan-assign .modal-column .modal-row .dashboard-num .num-id[data-attr="51"] {
  background: #0093D5;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row > a {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 18px;
  font-weight: 100;
  min-height: 24px;
  line-height: 24px;
  margin: 0;
  color: #000;
  text-decoration: underline;
  outline: none !important;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row > a:hover, .loan-wrapper-assign .loan-assign .modal-column .modal-row > a:active, .loan-wrapper-assign .loan-assign .modal-column .modal-row > a:active:focus, .loan-wrapper-assign .loan-assign .modal-column .modal-row > a:focus {
  color: #000;
  text-decoration: underline;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row label {
  min-width: 100px;
  line-height: 24px;
  font-size: 14px;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row label.loan-label {
  margin-bottom: 0px;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row.textarea-row {
  align-items: flex-start;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row.textarea-row .cke_editable {
  margin: 10px !important;
  line-height: 1 !important;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row.textarea-row .cke_editable > * {
  padding: 0;
  line-height: 1 !important;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row.link-row {
  margin-top: 5px;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row.link-row span {
  font-size: 18px;
  min-height: 25px;
  line-height: 25px;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row.modal-button-row {
  margin-top: 0;
  padding: 8px 0;
  justify-content: flex-end;
  border-top: 1px solid #e0eaed;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row.modal-button-row .modal-button-cancel {
  color: #027373;
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
  background: #fff;
  border: 1px solid rgba(0, 45, 65, 0.2);
  border-radius: 1px;
  padding: 6px 8px;
  height: 32px;
  line-height: 18px;
  margin-right: 10px;
  display: inline-flex;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row.modal-button-row .modal-button-cancel:hover {
  background: #fff;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row.modal-button-row .modal-button-cancel:active, .loan-wrapper-assign .loan-assign .modal-column .modal-row.modal-button-row .modal-button-cancel:active:focus, .loan-wrapper-assign .loan-assign .modal-column .modal-row.modal-button-row .modal-button-cancel:focus {
  background: #fff;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row.modal-button-row .modal-button-cancel:disabled {
  background: #fff;
  opacity: 0.5;
}
.loan-wrapper-assign .loan-assign .modal-column .modal-row.modal-button-row .modal-button-green {
  margin-top: 0 !important;
}

.dashboard-modal-users {
  z-index: 1111;
  background: #fff;
  position: fixed;
  min-width: 120px;
  border: 5px solid #BFCCD2;
  padding: 20px 15px;
}
.dashboard-modal-users > div {
  display: flex;
  line-height: 24px;
  height: 24px;
}
.dashboard-modal-users h6 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  color: #002D41;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 0 8px 0;
  padding: 0 0 13px 0;
}
.dashboard-modal-users label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  padding: 0 0 0 10px;
  line-height: 28px;
}
.dashboard-modal-users button {
  border: 0;
  outline: none !important;
  box-shadow: none;
  background: none;
  padding: 0;
  line-height: 24px;
}
.dashboard-modal-users button i {
  color: #027373;
  line-height: 24px;
}
.dashboard-modal-users .dashboard-user {
  font-family: Roboto-Regular, sans-serif;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  width: 40px;
  margin-right: 0 !important;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #049BFF;
  border-radius: 5px;
}
.dashboard-modal-users .dashboard-user:empty {
  display: none;
}
.dashboard-modal-users .dashboard-user + .dashboard-user {
  margin-left: 3px;
}
.dashboard-modal-users .dashboard-modal-row {
  height: 38px;
  line-height: 38px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.dashboard-modal-users .dashboard-modal-row:nth-child(2) .dashboard-user {
  background: #B2E0FF;
  border: 1px solid rgba(4, 155, 255, 0.5);
  color: #049BFF;
}
.dashboard-modal-users .dashboard-modal-row:nth-child(3) .dashboard-user {
  background: #CAE4B1;
  border: 1px solid rgba(84, 168, 0, 0.5);
  color: #54A800;
}
.dashboard-modal-users .dashboard-modal-row:nth-child(4) .dashboard-user {
  background: #FFD8B1;
  border: 1px solid rgba(255, 128, 0, 0.5);
  color: #FF8000;
}
.dashboard-modal-users .dashboard-modal-row .dashboard-user-name {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  margin-right: 10px;
}
.dashboard-modal-users .dashboard-modal-row .dashboard-user-company {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #95989A;
}
.dashboard-modal-users .dashboard-modal-row .dashboard-user-info {
  height: 12px;
  line-height: 10px;
  font-family: Roboto-Light, sans-serif;
  font-size: 12px;
  color: #000;
}
.dashboard-modal-users .dashboard-modal-row .dashboard-user-wrapper {
  height: 18px;
  line-height: 18px;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.blink_me {
  background: linear-gradient(-10deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  animation: blinker 0.75s ease-out;
  display: block;
  width: 295px;
  height: 265px;
  position: absolute;
}

.dashboard-item {
  overflow: hidden;
}

@keyframes blinker {
  from {
    top: -265px;
    opacity: 1;
  }
  to {
    top: 265px;
    opacity: 0.15;
  }
}
#main.dashboard-main {
  max-width: 100% !important;
  margin-left: 0px !important;
  padding: 5px !important;
  width: 100%;
  display: flex;
  flex-direction: row;
}
#main.dashboard-main > div {
  width: 100%;
}
#main.dashboard-main > div > div.dash-board-loan-area {
  width: 100%;
}

/*********************************/
.borrowers-confirmation {
  display: flex !important;
  position: fixed !important;
}
.borrowers-confirmation .modals-header {
  min-width: 500px !important;
  width: 500px !important;
}
.borrowers-confirmation .modals-header > div {
  max-width: 445px;
  display: block;
}
.borrowers-confirmation .modals-body {
  min-width: 500px !important;
  width: 500px !important;
  display: flex !important;
  margin-bottom: 0 !important;
}
.borrowers-confirmation .modals-body .modal-column {
  padding: 15px;
  background: #fff;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row {
  font-size: 18px !important;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row * {
  font-size: 18px !important;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row label {
  font-size: 18px !important;
  white-space: normal !important;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row .modal-button-add {
  font-size: 14px !important;
  line-height: 20px;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row .modal-cancel-button {
  font-size: 14px !important;
  line-height: 20px;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons {
  justify-content: flex-end;
  padding-top: 20px;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .button-cancel {
  color: #191919;
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
  line-height: 1;
  border: 1px solid rgba(0, 45, 65, 0.2);
  background: #fff;
  box-shadow: none;
  padding: 6px 10px 6px 34px;
  margin-right: 10px;
  position: relative;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .button-cancel:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "cancel";
  background: none;
  font-size: 21px;
  left: 8px;
  top: 5px;
  position: absolute;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .button-remove {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
  line-height: 1;
  border: 1px solid rgba(0, 45, 65, 0.2);
  background: #D24242;
  box-shadow: none;
  padding: 6px 10px 6px 34px;
  position: relative;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .button-remove:before {
  color: #fff;
  font-family: "MaterialIcons";
  content: "delete";
  background: none;
  font-size: 18px;
  left: 10px;
  position: absolute;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-cancel {
  color: #027373;
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
  background: #fff;
  border: 1px solid rgba(0, 45, 65, 0.2);
  border-radius: 1px;
  padding: 6px 8px;
  height: 32px;
  line-height: 18px;
  margin-right: 10px;
  display: inline-flex;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-cancel:hover {
  background: #fff;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-cancel:active, .borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-cancel:active:focus, .borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-cancel:focus {
  background: #fff;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-cancel:disabled {
  background: #fff;
  opacity: 0.5;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .add-borrower-button {
  color: #027373;
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
  background: #fff;
  border: 1px solid rgba(0, 45, 65, 0.2);
  border-radius: 1px;
  padding: 6px 8px;
  height: 32px;
  line-height: 18px;
  margin-right: 10px;
  display: inline-flex;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .add-borrower-button:hover {
  background: #fff;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .add-borrower-button:active, .borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .add-borrower-button:active:focus, .borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .add-borrower-button:focus {
  background: #fff;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .add-borrower-button:disabled {
  background: #fff;
  opacity: 0.5;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-blue {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
  background: #04BFAD;
  border: 1px solid rgba(0, 45, 65, 0.2);
  border-radius: 1px;
  padding: 6px 8px;
  height: 32px;
  line-height: 18px;
  display: inline-flex;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-blue:before {
  color: #fff;
  font-family: "MaterialIcons";
  content: "add_box";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  display: none;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-blue:hover {
  background: #05ad9c;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-blue:active, .borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-blue:active:focus {
  background: #059083;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-blue:focus {
  background: #04BFAD;
}
.borrowers-confirmation .modals-body .modal-column .modal-row.borrowers-confirmation-row.buttons .modal-button-blue:disabled {
  background: #04BFAD;
  opacity: 0.5;
}

.grid-list-container .dashboard-num {
  font-size: 18px;
  width: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 15px;
  line-height: 15px;
  margin-top: 2px;
}
.grid-list-container .dashboard-num .num-id {
  display: flex;
  min-width: 15px;
  cursor: pointer;
  padding: 0;
  height: 15px;
  width: 15px;
  min-height: 15px;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  font-weight: 800;
  border: 0px solid #027373;
  border-radius: 2px;
  background: none;
  color: rgb(255, 255, 255) !important;
}
.grid-list-container .dashboard-num .num-id.num-id-1 {
  background: #F10000 !important;
}
.grid-list-container .dashboard-num .num-id.num-id-2 {
  background: #06AA00 !important;
}
.grid-list-container .dashboard-num .num-id.num-id-3 {
  background: #0093D5 !important;
}

.react-grid-Container .react-grid-Main .react-grid-Grid .react-grid-Viewport .react-grid-Canvas > div > div .react-grid-Row:hover .dashboard-num .num-id.num-id-1 {
  background: #F10000 !important;
}
.react-grid-Container .react-grid-Main .react-grid-Grid .react-grid-Viewport .react-grid-Canvas > div > div .react-grid-Row:hover .dashboard-num .num-id.num-id-2 {
  background: #06AA00 !important;
}
.react-grid-Container .react-grid-Main .react-grid-Grid .react-grid-Viewport .react-grid-Canvas > div > div .react-grid-Row:hover .dashboard-num .num-id.num-id-3 {
  background: #0093D5 !important;
}

.is-dragover .attach-img {
  background: #002D41 !important;
}
.is-dragover .attach-img label {
  color: #fff !important;
}
.is-dragover .attach-img .pre-text label {
  color: #fff !important;
}
.is-dragover .attach-img .pre-text div {
  color: #fff !important;
}

.is-dragover .attach-file {
  background: #002D41 !important;
}
.is-dragover .attach-file label {
  color: #fff !important;
}
.is-dragover .attach-file .pre-text label {
  color: #fff !important;
}
.is-dragover .attach-file .pre-text div {
  color: #fff !important;
}

.Select-value-label .custom-selector-value {
  position: absolute;
  height: 22px;
  line-height: 20px;
  width: 100%;
}

.content-block span {
  word-wrap: break-word !important;
}

.new-loan-table > div .doc-body-wrapper {
  max-height: 100% !important;
}

.new-loan-table > div > div {
  height: 100%;
}

.header-info {
  min-width: 90px;
  width: 120px;
  min-height: 17px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #027373;
  position: fixed;
  top: 31px;
  left: 50px;
  display: inline-flex;
  line-height: 17px;
  justify-content: flex-end;
}

.reconnect {
  background: rgba(17, 44, 58, 0.3) !important;
  min-width: 100vw;
  z-index: 999999999;
}
.reconnect.modals > div {
  background: rgba(255, 255, 255, 0);
  width: 550px;
  height: 210px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.reconnect.modals .reconnect-body {
  background: #fff;
  width: 560px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px;
}
.reconnect.modals .reconnect-body h3 {
  font-family: "SegoeUI";
  font-size: 21px;
  color: #002D41;
  padding: 0;
  margin: 0;
}
.reconnect.modals .reconnect-body .reconnect-body-block {
  padding: 12px 0;
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 20px;
  text-align: center;
  line-height: 32px;
}
.reconnect.modals .reconnect-body .reconnect-body-block button {
  height: 32px;
  width: 120px;
  background: #0ca597;
  border-radius: 2px;
  border: none;
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 13px;
  padding: 0;
  display: flex;
  flex-direction: row;
  line-height: 18px;
  justify-content: center;
  align-items: center;
}
.reconnect.modals .reconnect-body .reconnect-body-block button i {
  margin-right: 4px;
}
.reconnect.modals .reconnect-body .reconnect-body-block button:hover {
  background: #059083;
}
.reconnect.modals .reconnect-body .reconnect-body-block button:focus {
  background: #04BFAD;
}
.reconnect.modals .reconnect-body .reconnect-body-block button:active, .reconnect.modals .reconnect-body .reconnect-body-block button:active:focus {
  background: #048477;
}
.reconnect.modals .reconnect-body .reconnect-body-block button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.reconnect.modals .reconnect-body .reconnect-body-block + .reconnect-body-block {
  margin-top: 10px;
}
.reconnect.modals .connect-body {
  background: #DAE2E6;
  min-width: calc(100vw - 82px);
  width: calc(100vw - 82px);
  min-height: calc(100vh - 82px);
  height: calc(100vh - 82px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 41px;
  border-radius: 4px;
}
.reconnect.modals .connect-body[data-opacity=true] {
  background: #fff !important;
}
.reconnect.modals .connect-body .connect-logo + .connect-loader {
  margin-top: 60px !important;
}
.reconnect.modals .connect-body .connect-loader span {
  font-family: Roboto-Regular, sans-serif;
  font-size: 13px;
  color: #002D41;
  margin: 0 0 0 10px;
}
.reconnect.modals .connect-body h3 {
  font-family: "SegoeUI";
  font-size: 15px;
  color: #191919;
  padding: 0;
  font-weight: 100;
  margin: 15px 0 30px 0;
}
.reconnect.modals .connect-body .reconnect-body-block {
  padding: 10px 0;
  color: #191919;
  font-family: Roboto-Regular, sans-serif;
  font-size: 15px;
  text-align: center;
}
.reconnect.modals .connect-body .reconnect-body-block button {
  height: 32px;
  line-height: 32px;
  background: #04BFAD;
  border: 1px solid rgba(0, 45, 65, 0.2);
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  padding: 0 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.reconnect.modals .connect-body .reconnect-body-block button i {
  margin-right: 5px;
}
.reconnect.modals .connect-body .reconnect-body-block button:hover, .reconnect.modals .connect-body .reconnect-body-block button:focus {
  background: #059083;
}
.reconnect.modals .connect-body .reconnect-body-block button:active, .reconnect.modals .connect-body .reconnect-body-block button:active:focus {
  background: #048477;
}
.reconnect.modals .connect-body .reconnect-body-block button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.reconnect.modals .connect-body .reconnect-body-block + .reconnect-body-block {
  margin-top: 10px;
}

.reconnect-esign {
  background: rgba(0, 45, 65, 0) !important;
  min-width: 100vw;
  z-index: 999999999;
}
.reconnect-esign.modals > div {
  background: rgba(255, 255, 255, 0);
  width: 550px;
  height: 234px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.reconnect-esign.modals .connect-body {
  background: #DAE2E6;
  min-width: 100vw;
  width: 100vw;
  min-height: 100vh;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.reconnect-esign.modals .connect-body[data-opacity=true] {
  background: rgba(218, 226, 230, 0.85) !important;
}
.reconnect-esign.modals .connect-body .connect-logo + .connect-loader {
  margin-top: 60px !important;
}
.reconnect-esign.modals .connect-body .connect-loader span {
  font-family: Roboto-Regular, sans-serif;
  font-size: 13px;
  color: #002D41;
  margin: 0 0 0 10px;
}
.reconnect-esign.modals .connect-body h3 {
  font-family: "SegoeUI";
  font-size: 15px;
  color: #191919;
  padding: 0;
  font-weight: 100;
  margin: 15px 0 30px 0;
}
.reconnect-esign.modals .connect-body .reconnect-body-block {
  padding: 10px 0;
  color: #191919;
  font-family: Roboto-Regular, sans-serif;
  font-size: 15px;
  text-align: center;
}
.reconnect-esign.modals .connect-body .reconnect-body-block button {
  height: 32px;
  line-height: 32px;
  background: #04BFAD;
  border: 1px solid rgba(0, 45, 65, 0.2);
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  padding: 0 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.reconnect-esign.modals .connect-body .reconnect-body-block button i {
  margin-right: 5px;
}
.reconnect-esign.modals .connect-body .reconnect-body-block button:hover, .reconnect-esign.modals .connect-body .reconnect-body-block button:focus {
  background: #059083;
}
.reconnect-esign.modals .connect-body .reconnect-body-block button:active, .reconnect-esign.modals .connect-body .reconnect-body-block button:active:focus {
  background: #048477;
}
.reconnect-esign.modals .connect-body .reconnect-body-block button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.reconnect-esign.modals .connect-body .reconnect-body-block + .reconnect-body-block {
  margin-top: 10px;
}
.reconnect-esign.modals .connect-body div {
  font-size: 16px;
  color: #304156;
  line-height: 1.5;
  font-family: Roboto-Regular, sans-serif !important;
}
.reconnect-esign.modals .connect-body div.strong {
  font-family: Roboto-Medium, sans-serif !important;
}
.reconnect-esign .esign-progressbar {
  width: 300px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 2px;
  background: #fff;
}
.reconnect-esign .esign-progressbar > div {
  height: 14px;
  background-color: #23ada1;
}
.reconnect-esign .esign-progressbar + .esign-progressbar {
  margin-top: 8px;
}

.stakeholder-content-more .splash-btn {
  display: none !important;
}
.stakeholder-content-more:hover .splash-btn {
  display: inline-flex !important;
}

.loan-row-editor {
  margin-bottom: 20px;
}
.loan-row-editor .loan-editor {
  border: 1px solid #c9c9c9;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  max-width: inherit;
  min-height: 94px;
  height: 94px;
  margin-left: 0;
}
.loan-row-editor .loan-editor > * {
  min-width: 100%;
  width: inherit;
}
.loan-row-editor .loan-editor > label {
  padding: 20px 20px 0 20px;
  margin: 0;
  font-size: 16px;
  line-height: 1;
}
.loan-row-editor .loan-editor > div {
  height: 100%;
  max-width: inherit;
}
.loan-row-editor .loan-editor > div > div {
  height: inherit;
  max-width: inherit;
}
.loan-row-editor .loan-editor > div > div .editor-scroll-wrap {
  max-height: calc(100% - 32px);
  overflow-y: auto;
}
.loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span > span:hover, .loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span > span:active, .loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span > span:active:focus, .loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span > span:focus, .loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span:hover, .loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span:active, .loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span:active:focus, .loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span:focus, .loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.loan-row-editor .loan-editor > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.loan-row-editor .loan-editor > div > div .editor {
  height: calc(100% - 2px);
  max-width: inherit;
}
.loan-row-editor .loan-editor > div > div .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  padding: 10px;
  line-height: 1.4;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
}
.loan-row-editor .loan-editor > div > div .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.loan-row-editor .loan-editor > div > div .editor h2 {
  font-family: "Roboto-Regular";
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.loan-row-editor .loan-editor .menu.slate-toolbar-menu[style="display: none;"] + .editor > div {
  height: 100%;
}
.loan-row-editor .loan-editor .menu.slate-toolbar-menu[style="display: flex;"] + .editor > div {
  height: calc(100% - 32px);
}
.loan-row-editor.column-editor .loan-editor .editor > div {
  max-width: 369px;
}

.admin-editor {
  border: 1px solid #c9c9c9;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  min-height: 94px;
  height: 94px;
  margin-left: 0;
}
.admin-editor > * {
  min-width: 100%;
}
.admin-editor > label {
  padding: 20px 20px 0 20px;
  margin: 0;
  font-size: 16px;
  line-height: 1;
}
.admin-editor > div {
  height: 100%;
}
.admin-editor > div > div {
  height: inherit;
}
.admin-editor > div > div .editor-scroll-wrap {
  max-height: calc(100% - 32px);
  overflow-y: auto;
}
.admin-editor > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.admin-editor > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.admin-editor > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.admin-editor > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.admin-editor > div > div .menu.slate-toolbar-menu > span > span:hover, .admin-editor > div > div .menu.slate-toolbar-menu > span > span:active, .admin-editor > div > div .menu.slate-toolbar-menu > span > span:active:focus, .admin-editor > div > div .menu.slate-toolbar-menu > span > span:focus, .admin-editor > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.admin-editor > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.admin-editor > div > div .menu.slate-toolbar-menu > span:hover, .admin-editor > div > div .menu.slate-toolbar-menu > span:active, .admin-editor > div > div .menu.slate-toolbar-menu > span:active:focus, .admin-editor > div > div .menu.slate-toolbar-menu > span:focus, .admin-editor > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.admin-editor > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.admin-editor > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.admin-editor > div > div .editor {
  height: calc(100% - 2px);
  width: 100%;
}
.admin-editor > div > div .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  padding: 10px;
  line-height: 1.4;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  height: 100%;
  max-width: 368px;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
}
.admin-editor > div > div .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.admin-editor > div > div .editor h2 {
  font-family: "Roboto-Regular";
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.admin-editor > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor > div {
  height: 100%;
}
.admin-editor > div > div .menu.slate-toolbar-menu[style="display: flex;"] + .editor > div {
  height: calc(100% - 32px);
}

.asset-dissipations {
  display: inline-grid;
  grid-template-columns: 0 260px 965px;
  width: 100%;
  min-height: calc(100vh - 59px);
  max-height: calc(100vh - 59px);
  /**/
}
.asset-dissipations .checklist {
  align-items: center;
  position: relative;
  height: 18px;
  width: 18px;
  min-height: 18px;
  min-width: 18px;
  margin-top: 2px;
  border: 0;
  z-index: 0;
}
.asset-dissipations .checklist label[data-readonly=readonly] {
  cursor: default;
  pointer-events: none;
}
.asset-dissipations .checklist label[data-readonly=readonly]:before {
  color: rgba(0, 0, 0, 0.3) !important;
}
.asset-dissipations .checklist label[data-readonly=readonly]:after {
  background: inherit;
  opacity: 0.5;
}
.asset-dissipations .add-new {
  background: initial !important;
  border: 0;
  padding: 8px 0;
}
.asset-dissipations .add-new:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "add";
  text-align: center;
  background: none;
  font-size: 20px;
  padding: 0;
  line-height: 14px;
}
.asset-dissipations .add-new-text {
  background: initial !important;
  border: 0;
  padding: 8px 0;
  color: #04BFAD;
  font-size: 20px;
  line-height: 14px;
  font-family: Roboto-Regular, sans-serif;
}
.asset-dissipations .add-new-text a {
  color: #04BFAD;
  font-size: 20px;
  line-height: 14px;
  font-family: Roboto-Regular, sans-serif;
}
.asset-dissipations .add-new-dotted {
  background: initial !important;
  border: 0;
  padding: 8px 0;
}
.asset-dissipations .add-new-dotted:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "more_vert";
  text-align: center;
  background: none;
  font-size: 20px;
  padding: 0;
  line-height: 14px;
}
.asset-dissipations .asset-filter {
  background: initial;
  border: 0;
  padding: 12px 0;
}
.asset-dissipations .asset-filter:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "filter_list";
  text-align: center;
  background: none;
  font-size: 24px;
  padding: 0;
  line-height: 14px;
}
.asset-dissipations .req {
  background: initial;
  border: 0;
  padding: 12px 0;
}
.asset-dissipations .req:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "insert_drive_file";
  text-align: center;
  background: none;
  font-size: 24px;
  padding: 0;
  line-height: 14px;
}
.asset-dissipations > a + a {
  margin-left: 5px;
}
.asset-dissipations .workflow-panel-header {
  margin: 4px 4px 0 4px;
}
.asset-dissipations .workflow-panel-header .workflow-panel-nav {
  justify-content: space-between;
  background: initial;
  height: 26px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.asset-dissipations .workflow-panel-header.top-header {
  background: #e3eaed;
  margin: 0 0 0 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.asset-dissipations .workflow-panel-header.top-header .workflow-panel-nav {
  width: 100%;
  justify-content: space-between;
  padding-top: 6px;
  background: initial;
  height: 37px;
  border-bottom: 0;
}
.asset-dissipations .workflow-panel-header.top-header .workflow-panel-nav h2 {
  padding-left: 5px;
}
.asset-dissipations .workflow-panel-header.top-header .header-right-part {
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 16px;
  line-height: 22px;
  padding-right: 5px;
}
.asset-dissipations .workflow-panel-header h2 {
  margin: 0;
  padding: 0;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  color: #002D41;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  line-height: 16px;
  position: relative;
  height: 100%;
  background: initial;
  letter-spacing: 0;
}
.asset-dissipations .workflow-panel-header h2 + span {
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 16px;
}
.asset-dissipations .workflow-panel-header a {
  border: 0;
  padding-right: 0;
  padding-bottom: 8px;
  height: 24px;
  line-height: 24px;
}
.asset-dissipations .workflow-panel-header .add-new-text {
  background: initial !important;
  border: 0;
  padding: 0;
  color: #0ca597;
  font-size: 16px;
  line-height: 1;
  margin: 0 0 4px 0;
  font-family: Roboto-Regular, sans-serif !important;
}
.asset-dissipations .workflow-employment-history {
  margin: 0 4px;
  background: #e3eaed;
  border: 0px solid #e3eaed;
  padding: 5px;
  width: calc(100% - 15px);
  height: 62px;
  border-bottom: 0;
  display: inline-flex;
}
.asset-dissipations .workflow-employment-history > div:nth-child(1) {
  font-family: Roboto-Medium, sans-serif;
  font-size: 21px;
  color: #000;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 75px;
  width: 75px;
}
.asset-dissipations .workflow-employment-history > div:nth-child(2) {
  font-family: Roboto-Regular, sans-serif;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: calc(100% - 371px);
  width: 100%;
}
.asset-dissipations .workflow-employment-history > div:nth-child(2) > span {
  display: block;
  min-width: fit-content;
  width: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  white-space: nowrap;
}
.asset-dissipations .workflow-employment-history > div:nth-child(2) > span + span {
  min-width: initial;
  width: initial;
  margin-left: 8px;
}
.asset-dissipations .workflow-employment-history > div:nth-child(3) {
  font-family: Roboto-Regular, sans-serif;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 266px;
}
.asset-dissipations .workflow-employment-history > div:nth-child(3):empty {
  min-width: 0px;
  width: 0px;
}
.asset-dissipations .workflow-employment-history > div:nth-child(4) {
  font-family: Roboto-Regular, sans-serif;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 30px;
  width: 30px;
}
.asset-dissipations .workflow-employment-history > div > span + span {
  margin-left: 8px;
}
.asset-dissipations .workflow-employment-history > div > span:empty {
  display: none;
}
.asset-dissipations .workflow-employment-history > div .pre-qualification {
  margin-left: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.asset-dissipations .workflow-employment-history > div .pre-qualification label {
  margin-left: 4px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 18px;
}
.asset-dissipations .workflow-employment-history .select-module {
  width: 360px;
}
.asset-dissipations .workflow-employment-history .remove {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.asset-dissipations .workflow-employment-history .remove:before {
  color: #04BFAD;
  font-family: "MaterialIcons";
  content: "delete";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0 5px 0 0;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.asset-dissipations .workflow-employment-history .remove:hover:before, .asset-dissipations .workflow-employment-history .remove:active:before, .asset-dissipations .workflow-employment-history .remove:active:focus:before {
  color: #027373 !important;
}
.asset-dissipations .asset-dissipations-left {
  min-height: calc(100vh - 55px);
  max-height: calc(100vh - 55px);
  min-width: 260px;
  background: #e3eaed;
  border-right: 1px solid #e3eaed;
  padding-right: 0;
  position: relative;
}
.asset-dissipations .asset-dissipations-left .asset-table-grid-three {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  display: grid;
  width: 120px;
  grid-template-columns: 30px 30px 30px 30px;
  grid-gap: 0;
  grid-template-rows: 16px 16px 16px;
  line-height: 16px;
}
.asset-dissipations .asset-dissipations-left .asset-table-grid-three > div {
  padding: 1px 0px 1px 5px;
}
.asset-dissipations .asset-dissipations-left .asset-table-grid-two {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  display: grid;
  grid-gap: 0;
  grid-template-columns: 30px 30px;
  grid-template-rows: 16px 16px;
  line-height: 16px;
}
.asset-dissipations .asset-dissipations-left .asset-table-grid-two > div {
  padding: 1px 0px 1px 5px;
  line-height: 14px;
}
.assets-wrapper {
  min-height: 900px !important;
  max-height: calc(100vh - 48px);
  height: calc(100vh - 48px);
  position: static;
  /**/
  /**/
}
.assets-wrapper .asset-dissipations-left {
  min-height: 822px !important;
  height: calc(100vh - 125px);
  max-height: calc(100vh - 125px) !important;
  overflow-y: auto;
  background: #e3eaed;
}
.assets-wrapper .asset-dissipations-left > .workflow-panel-header:first-child {
  margin-top: 0;
}
.assets-wrapper .asset-dissipations-right {
  max-height: inherit !important;
  min-height: 900px !important;
  height: 100%;
  grid-column: 3;
}
.assets-wrapper .asset-dissipations-right .top-header {
  margin: 0 0 0px 1px;
  width: 954px;
}
.assets-wrapper .dissipation-list {
  max-height: initial;
}
.assets-wrapper .assets-left {
  max-height: inherit !important;
  height: 100%;
  min-height: 900px !important;
  border-bottom: 4px solid #e3eaed;
  background: #e3eaed;
}
.assets-wrapper .assets-left .top-header {
  margin: 0 0 0 0;
  width: 260px;
  padding: 0 8px;
}
.assets-wrapper .assets-left .new-expense-link {
  width: 100%;
  position: relative;
  margin-left: 0px;
  margin-bottom: 6px;
  padding: 3px 5px;
  font-family: Roboto-Regular, sans-serif;
  color: #0ca597;
  font-size: 16px;
  background-color: #e6f6f4;
  border: 1px solid rgba(12, 165, 151, 0.2);
  cursor: pointer;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.assets-wrapper .assets-left .new-expense-link:after {
  font-family: "MaterialIcons";
  content: "add";
  color: #0ca597;
  font-size: 24px;
  line-height: 16px;
  margin-left: 5px;
}
.assets-wrapper .assets-left .asset-total {
  background-color: #e8eef0;
  position: relative;
  margin-top: -8px;
  left: 0;
  right: 0;
  padding: 12px 8px;
}
.assets-wrapper .assets-left .asset-total label {
  padding: 0;
  margin: 0;
}
.assets-wrapper .assets-left .asset-total .asset-row-total {
  justify-content: space-between;
  display: flex;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
}
.assets-wrapper .assets-left .asset-total .asset-row-total-border {
  justify-content: space-between;
  display: flex;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid #d0d5d7;
  margin-bottom: 8px;
  padding-bottom: 6px;
}
.assets-wrapper .assets-left .asset-total .asset-row-marked {
  justify-content: space-between;
  display: flex;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #000;
  line-height: 24px;
}
.assets-wrapper .assets-left .asset-total .asset-row-notice {
  justify-content: space-between;
  display: flex;
  border-top: 1px solid #d0d5d7;
  padding-top: 12px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
}
.assets-wrapper .asset-dissipations-total {
  background: #f0f5f7;
  width: 1215px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 14px;
  padding: 10px;
  margin: 5px 0 0 0;
  display: inline-flex;
}
.assets-wrapper .asset-dissipations-total .asset-total {
  min-width: 270px;
}
.assets-wrapper .asset-dissipations-total .asset-total + .asset-total {
  margin-left: 20px;
}
.assets-wrapper .asset-dissipations-total .asset-row-marked {
  font-family: Roboto-Medium, sans-serif;
  width: 245px;
}
.assets-wrapper .asset-dissipations-total .asset-row-marked label {
  min-width: 175px !important;
  max-width: 175px;
  display: inline-flex;
}
.assets-wrapper .asset-dissipations-total .asset-row-marked label + label {
  min-width: 70px !important;
  max-width: 70px !important;
  justify-content: flex-end;
}
.assets-wrapper .asset-dissipations-total .workflow-panel-header {
  margin-top: 0;
}
.assets-wrapper .asset-dissipations-total .total-row {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 4px;
  padding-top: 8px;
  font-size: 14px;
  line-height: 16px;
}
.assets-wrapper .asset-dissipations-total .dissipation-list-item {
  background: transparent;
  padding: 0;
  border: 0;
}
.assets-wrapper .asset-dissipations-total .dissipation-list-item .marked {
  font-family: Roboto-Medium, sans-serif;
}
.assets-wrapper .asset-table-grid-left {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  display: grid;
  width: 120px;
  grid-template-columns: 30px 30px 30px 30px;
  grid-gap: 0;
  grid-template-rows: 18px 18px 18px;
  line-height: 18px;
  max-height: initial !important;
}
.assets-wrapper .asset-table-grid-left > div {
  padding: 2px 0px 0 5px;
}
.assets-wrapper .asset-table-grid-left-two {
  margin-left: 5px;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  display: grid;
  grid-gap: 0;
  grid-template-columns: 30px 30px;
  grid-template-rows: 18px 18px;
  line-height: 18px;
}
.assets-wrapper .asset-table-grid-left-two > div {
  padding: 2px 0px 0 5px;
  line-height: 14px;
}
.assets-wrapper .checklist {
  align-items: center;
  position: relative;
  height: 14px;
  width: 14px;
  min-height: 14px;
  min-width: 14px;
  margin-top: 2px;
  border: 0;
  z-index: 0;
}
.assets-wrapper .checklist + .asset-row-label-input {
  margin-left: 5px !important;
}

.expenses-wrapper {
  min-height: 900px !important;
  max-height: calc(100vh - 48px);
  height: calc(100vh - 48px);
  position: absolute;
  /**/
  /**/
}
.expenses-wrapper .asset-dissipations-left {
  min-height: 722px !important;
  max-height: calc(100vh - 215px) !important;
  overflow-y: auto;
  border-top: 2px solid #e3eaed;
}
.expenses-wrapper .asset-dissipations-left > .workflow-panel-header:first-child {
  margin-top: 0;
}
.expenses-wrapper .asset-dissipations-right {
  max-height: calc(100vh - 43px) !important;
  min-height: 900px !important;
  height: 100%;
  grid-column: 3;
}
.expenses-wrapper .asset-dissipations-right .top-header {
  margin: 0 0 0px 1px;
  width: 954px;
}
.expenses-wrapper .dissipation-list {
  max-height: initial;
}
.expenses-wrapper .expenses-left {
  max-height: 100% !important;
  height: 100%;
  min-height: 716px !important;
  border-bottom: 8px solid #e3eaed;
  background: #e3eaed;
}
.expenses-wrapper .expenses-left .top-header {
  margin: 0 0 0 0;
  width: 260px;
  padding: 0 8px;
}
.expenses-wrapper .expenses-left .new-expense-link {
  width: 100%;
  position: relative;
  margin-left: 0px;
  margin-bottom: 6px;
  padding: 3px 5px;
  font-family: Roboto-Regular, sans-serif;
  color: #0ca597;
  font-size: 16px;
  background-color: #e6f6f4;
  border: 1px solid rgba(12, 165, 151, 0.2);
  cursor: pointer;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.expenses-wrapper .expenses-left .new-expense-link:after {
  font-family: "MaterialIcons";
  content: "add";
  color: #0ca597;
  font-size: 24px;
  line-height: 16px;
  margin-left: 5px;
}
.expenses-wrapper .asset-dissipations-total {
  background: #f0f5f7;
  width: 1215px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 14px;
  padding: 10px;
  margin: 5px 0 0 0;
  display: inline-flex;
}
.expenses-wrapper .asset-dissipations-total .asset-total {
  min-width: 270px;
}
.expenses-wrapper .asset-dissipations-total .asset-total + .asset-total {
  margin-left: 20px;
}
.expenses-wrapper .asset-dissipations-total .asset-row-marked {
  font-family: Roboto-Medium, sans-serif;
  width: 245px;
}
.expenses-wrapper .asset-dissipations-total .asset-row-marked label {
  min-width: 175px !important;
  max-width: 175px;
  display: inline-flex;
}
.expenses-wrapper .asset-dissipations-total .asset-row-marked label + label {
  min-width: 70px !important;
  max-width: 70px !important;
  justify-content: flex-end;
}
.expenses-wrapper .asset-dissipations-total .workflow-panel-header {
  margin-top: 0;
}
.expenses-wrapper .asset-dissipations-total .total-row {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 4px;
  padding-top: 8px;
  font-size: 14px;
  line-height: 16px;
}
.expenses-wrapper .asset-dissipations-total .dissipation-list-item {
  background: transparent;
  padding: 0;
  border: 0;
}
.expenses-wrapper .asset-dissipations-total .dissipation-list-item .marked {
  font-family: Roboto-Medium, sans-serif;
}
.expenses-wrapper .asset-table-grid-left {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  display: grid;
  width: 120px;
  grid-template-columns: 30px 30px 30px 30px;
  grid-gap: 0;
  grid-template-rows: 18px 18px 18px;
  line-height: 18px;
  max-height: initial !important;
}
.expenses-wrapper .asset-table-grid-left > div {
  padding: 2px 0px 0 5px;
}
.expenses-wrapper .asset-table-grid-left-two {
  margin-left: 5px;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  display: grid;
  grid-gap: 0;
  grid-template-columns: 30px 30px;
  grid-template-rows: 18px 18px;
  line-height: 18px;
}
.expenses-wrapper .asset-table-grid-left-two > div {
  padding: 2px 0px 0 5px;
  line-height: 14px;
}
.expenses-wrapper .checklist {
  align-items: center;
  position: relative;
  height: 14px;
  width: 14px;
  min-height: 14px;
  min-width: 14px;
  margin-top: 2px;
  border: 0;
  z-index: 0;
}
.expenses-wrapper .checklist + .asset-row-label-input {
  margin-left: 5px !important;
}

.dissipation-list {
  margin-left: 4px;
  max-height: calc(100vh - 355px);
  overflow-y: auto;
  overflow-x: hidden;
}

.dissipation-list-item {
  background: #fff;
  border: 1px solid #ebf0f0;
  width: 100%;
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: Roboto-Light, sans-serif;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  padding: 6px 0;
  z-index: 99;
  /**/
}
.dissipation-list-item .asset-list-wrapper {
  display: inline-grid;
  min-width: 100%;
  padding-bottom: 5px;
  grid-template-columns: 25% 75%;
}
.dissipation-list-item .asset-list-wrapper .dissipation-grab {
  border-right: 1px solid #ebf0f0;
  min-height: 24px;
  position: relative;
  cursor: -webkit-grab;
}
.dissipation-list-item .asset-list-wrapper .dissipation-grab .asset-item-name {
  pointer-events: none;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  min-height: 24px;
  margin-left: 12px;
}
.dissipation-list-item .asset-list-wrapper .dissipation-grab .asset-item-name:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  left: 0;
  height: 24px;
  background-color: #7ed321;
}
.dissipation-list-item .asset-list-wrapper .asset-item-content {
  position: relative;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  padding-left: 6px;
  padding-bottom: 0px;
  padding-right: 34px;
}
.dissipation-list-item .asset-list-wrapper .asset-item-content .asset-item-id {
  font-family: Roboto-Medium, sans-serif;
}
.dissipation-list-item .asset-list-wrapper .asset-item-content .asset-item-name {
  font-family: Roboto-Medium, sans-serif;
}
.dissipation-list-item .asset-item-price {
  line-height: 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  padding: 5px 0 0 0;
  margin: 0 5px 0 5px;
  border-top: 1px solid #ebf0f0;
  font-family: Roboto-Regular, sans-serif;
}
.dissipation-list-item .asset-item-price:empty {
  display: none;
}
.dissipation-list-item .asset-item-price .dynamic-row-wrapper {
  width: 100%;
}
.dissipation-list-item .asset-item-price .dynamic-row-wrapper .dynamic-row {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.dissipation-list-item .dissipation-item-remove {
  border: 1px solid rgba(149, 152, 154, 0.1);
  border-radius: 1px;
  height: 24px;
  width: 24px;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  position: absolute;
  right: 8px;
  bottom: -3px;
  margin: 0;
  opacity: 0;
  display: none;
}
.dissipation-list-item .dissipation-item-remove:hover {
  background: none;
}
.dissipation-list-item .dissipation-item-remove:active {
  background: none;
}
.dissipation-list-item .dissipation-item-remove:active:focus {
  background: none;
}
.dissipation-list-item .dissipation-item-remove:focus {
  background: none;
}
.dissipation-list-item .dissipation-item-remove[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.dissipation-list-item .dissipation-item-remove:before {
  color: #D24242;
  font-family: "MaterialIcons";
  content: "delete";
  font-size: 16px;
  margin-right: 0;
}
.dissipation-list-item h3 {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 16px;
  color: #000;
  line-height: 1;
  margin: 0;
  padding: 0 0 5px 0;
}
.dissipation-list-item > div {
  font-family: Roboto-Light, sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 16px;
}
.dissipation-list-item .select-this {
  font-size: 13px;
  text-decoration: none;
  font-family: Roboto-Medium, sans-serif !important;
  margin-top: 10px;
  display: block;
}
.dissipation-list-item .selected {
  display: none;
}
.dissipation-list-item:hover .dissipation-item-remove {
  display: flex;
  opacity: 1;
}
.dissipation-list-item.active {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px rgba(12, 165, 151, 0.5);
  background: #fbfbfb;
  z-index: 99;
}
.dissipation-list-item.active .select-this {
  display: none;
}
.dissipation-list-item.active .selected {
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px;
  color: #000;
  line-height: 1;
  margin: 10px 0 0 0;
  padding: 0 0 5px 0;
  display: block;
}

.asset-dissipations a {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 15px;
}
.asset-dissipations .asset-account {
  grid-column: 2;
  grid-row: 1/4;
}
.asset-dissipations .asset-account .asset-content-row {
  font-size: 12px;
  line-height: 18px;
}
.asset-dissipations .asset-account .asset-content-row.contact-content {
  min-width: 100%;
  display: inline-flex;
  position: relative;
}
.asset-dissipations .asset-account .asset-content-row.contact-content label {
  font-family: Roboto-Medium, sans-serif !important;
}
.asset-dissipations .asset-account .asset-content-row.contact-content a {
  opacity: 0.87;
  font-family: Roboto-Light, sans-serif !important;
  font-size: 12px;
  text-align: right;
  line-height: 18px;
  position: absolute;
  right: 0;
  color: #0ca597;
}
.asset-dissipations .asset-dissipations-right {
  min-height: calc(100vh - 55px);
  max-height: calc(100vh - 55px);
}
.asset-dissipations .asset-dissipations-right .asset-table-grid-three {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  display: grid;
  grid-gap: 2px;
  width: 130px;
  grid-template-columns: 20px 20px 20px 20px;
  grid-template-rows: 18px 20px 20px;
  line-height: 20px;
}
.asset-dissipations .asset-dissipations-right .asset-table-grid-three > div > label {
  text-align: right;
  padding: 0 5px;
  width: 100%;
}
.asset-dissipations .asset-dissipations-right .asset-table-grid-three > div input.field {
  min-height: 20px;
  height: 20px;
  max-height: 20px;
  padding: 0 !important;
  text-align: center !important;
}
.asset-dissipations .asset-dissipations-right .asset-table-grid-two {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  display: grid;
  grid-gap: 2px;
  grid-template-columns: 7% 45% 45%;
  grid-template-rows: 18px 24px 24px;
  line-height: 24px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid {
  display: grid;
  grid-template-columns: 320px 320px 300px;
  grid-template-rows: 20% 234px 20% auto;
  margin: 4px 0 4px 4px;
  grid-gap: 4px;
  max-height: calc(100% - 67px) !important;
  min-height: 840px !important;
  height: calc(100% - 67px);
  overflow-x: hidden;
  overflow-y: auto;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div {
  /**/
  /**/
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .select-dropdown {
  height: 20px !important;
  line-height: 20px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .select-dropdown[data-state=ReadOnly] .Select-arrow-zone:before {
  line-height: 20px;
  font-size: 14px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .select-dropdown .select-field {
  height: 20px;
  line-height: 20px;
  font-size: 12px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .select-dropdown .Select-control {
  height: 20px !important;
  line-height: 20px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .select-dropdown .Select-arrow-zone {
  height: 18px;
  line-height: 18px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .select-dropdown .Select-arrow-zone:before {
  line-height: 20px;
  font-size: 14px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .select-dropdown .Select-menu-outer {
  font-size: 12px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  font-size: 12px !important;
  height: 20px;
  line-height: 20px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .select-dropdown .Select--single > .Select-control .Select-value,
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .select-dropdown .Select-placeholder {
  height: 20px;
  line-height: 20px !important;
  padding-right: 18px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .select-dropdown > span {
  width: 100%;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Select.is-focused .Select-control {
  height: 20px !important;
  line-height: 20px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Select.is-focused .Select--single > .Select-control .Select-value,
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Select.is-focused .Select-placeholder {
  height: 20px;
  line-height: 20px;
  padding-right: 18px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Select.is-open .Select-control {
  height: 20px !important;
  line-height: 20px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Select.is-open .Select--single > .Select-control .Select-value,
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Select.is-open .Select-placeholder {
  height: 20px !important;
  line-height: 20px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Select.is-open .Select-arrow-zone {
  height: 20px;
  line-height: 20px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Select.is-open .Select-arrow-zone:before {
  line-height: 20px;
  font-size: 14px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Select.is-open .Select-placeholder {
  height: 20px !important;
  line-height: 20px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Dropdown-root .Dropdown-control {
  border: 1px solid rgba(0, 45, 65, 0.2);
  padding: 0 15px 0 5px;
  border-radius: 0;
  box-sizing: border-box;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  box-shadow: none !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Dropdown-root .Dropdown-control * {
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Dropdown-root .Dropdown-arrow {
  border-color: #e0e0e0 transparent transparent;
  border-style: solid;
  border-width: 3px 3px 0;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Dropdown-root .Dropdown-menu {
  box-shadow: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Dropdown-root .Dropdown-menu .Dropdown-title {
  color: #000 !important;
  padding: 0 5px !important;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  height: 20px;
  line-height: 20px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div .Dropdown-root .Dropdown-menu .Dropdown-option {
  color: #000 !important;
  padding: 0 5px !important;
  font-family: Roboto-Light, sans-serif;
  font-size: 14px !important;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-account-type {
  grid-column: 1;
  grid-row: 1;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-account {
  grid-column: 2;
  grid-row: 1/3;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-account .asset-content {
  height: calc(100% - 38px);
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-account .asset-content .asset-content-row .asset-row-label-input {
  min-width: 120px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-owners {
  grid-column: 1;
  grid-row: 1;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials {
  grid-column: 1;
  grid-row: 2;
  min-height: 234px;
  height: 234px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .funds-needed {
  color: #0ca597 !important;
  cursor: pointer;
  font-size: 15px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .asset-content-row {
  font-family: Roboto-Regular, sans-serif !important;
  display: inline-flex;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  min-width: 100%;
  justify-content: space-between;
  line-height: 24px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .asset-content-row > span {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .asset-content-row > span > span + div {
  margin: 0 1px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .asset-content-row label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  margin: 0 0 0 5px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .asset-content-row label + label {
  margin: 0 5px 0 0;
  justify-content: flex-end;
  text-align: right;
  display: inline-flex;
  width: 160px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .asset-content-row > .asset-row-label-input + div {
  min-width: initial;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .asset-content-row > .asset-row-label-input + .asset-row-label-input {
  padding-right: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .asset-content-row .asset-content-row.tax-rate > label + div {
  width: 50px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .asset-concat .asset-content-row {
  min-width: initial;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .select-dropdown {
  padding: 1px 0 !important;
  width: 155px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials .select-dropdown + div {
  width: 70px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-financials input.field {
  border: 1px solid #c9c9c9 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.asset-workflow {
  grid-column: 3;
  grid-row: 1/4;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.attachment-panel {
  grid-column: 1/3;
  grid-row: 3;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.attachment-panel .asset-attach-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100% - 62px);
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.empty {
  background-color: #f0f5f7;
  background-image: url(/content/img/img-logo-watermark.png);
  background-repeat: no-repeat;
  background-position: center calc(50% + 20px);
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.empty h3 {
  color: rgba(0, 0, 0, 0.5);
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.footnote {
  grid-column: 1/4;
  grid-row: 4;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.footnote .editor {
  height: calc(100% - 2px);
  max-width: 930px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.footnote .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  padding: 8px;
  line-height: 1.4;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.footnote .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid > div.footnote .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid .asset-panel {
  margin: 0 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses {
  display: grid;
  grid-template-columns: 320px 320px 300px;
  grid-template-rows: 26% 25% 20% auto;
  margin: 4px 0 4px 4px;
  grid-gap: 4px;
  max-height: calc(100vh - 116px) !important;
  min-height: 840px !important;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-account {
  grid-column: 2;
  grid-row: 1/3;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-account .asset-content-row {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px;
  line-height: 18px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-account .asset-content-row a {
  font-size: 12px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-account .asset-content-row.value {
  height: 24px;
  line-height: 24px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-account .asset-content-row.value .checklist {
  margin-top: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-account .asset-content-row .asset-row-label-input {
  min-width: 90px;
  margin-left: 5px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-account .asset-content-row.date .asset-row-label-input + div {
  width: 90px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-account .asset-content + .asset-content {
  margin-top: 4px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-owners {
  grid-column: 1;
  grid-row: 1 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-owners-reffered {
  grid-column: 1;
  grid-row: 1 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-owners-reffered .asset-panel {
  padding: 0;
  border: 0;
  box-shadow: none;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-owners-reffered .asset-panel.asset-real-estate-reffered {
  width: calc(100% + 18px);
  margin: 0 0 0 -9px !important;
  padding: 0 8px 8px 8px;
  border-top: 5px solid #bbc8ce;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials {
  grid-column: 1;
  grid-row: 2;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row {
  justify-content: space-between;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row > div + div {
  margin-left: 4px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row span {
  display: flex;
  flex-direction: row;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.7);
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row .asset-row-label-input {
  min-width: 95px;
  white-space: nowrap;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row .asset-row-label-input + div {
  text-align: right;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row .asset-row-label-input + div.select-module {
  text-align: left;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row .asset-row-label-input + div .checklist {
  float: right;
  margin-right: 51px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row .asset-row-label-input + div.select-dropdown {
  text-align: initial;
  margin-right: 0;
  float: right;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row.highlight {
  padding: 0 5px;
  margin: 5px 0;
  background: #e3eaed;
  justify-content: flex-start !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row.highlight .asset-row-label-input {
  margin-left: 5px;
  min-width: 95px;
  white-space: nowrap;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row.highlight .asset-row-label-input + div {
  text-align: right;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row.highlight .asset-row-label-input + div.select-module {
  text-align: left;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row.highlight .asset-row-label-input + div .checklist {
  float: right;
  margin-right: 56px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row.flex-start {
  justify-content: flex-start !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row.flex-start .asset-row-label-input {
  margin-left: 5px;
  min-width: 95px;
  white-space: nowrap;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row.flex-start .asset-row-label-input + div {
  text-align: right;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row.flex-start .asset-row-label-input + div.select-module {
  text-align: left;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials .asset-content-row.flex-start .asset-row-label-input + div .checklist {
  float: right;
  margin-right: 56px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-owners.alternative-owners {
  grid-column: 1;
  grid-row: 1/3 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-financials.alternative-financials {
  grid-column: 2 !important;
  grid-row: 1/3 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.asset-workflow {
  grid-column: 3;
  grid-row: 1/4;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.attachment-panel {
  grid-column: 1/3;
  grid-row: 3;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.attachment-panel .asset-attach-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100% - 62px);
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.empty {
  background-color: #f0f5f7;
  background-image: url(/content/img/img-logo-watermark.png);
  background-repeat: no-repeat;
  background-position: center calc(50% + 20px);
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.empty h3 {
  color: rgba(0, 0, 0, 0.5);
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.footnote {
  grid-column: 1/4;
  grid-row: 4;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.footnote .loan-editor {
  min-height: 170px;
  max-height: 180px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.footnote .editor {
  height: calc(100% - 2px);
  max-width: 930px;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.footnote .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  padding: 8px;
  line-height: 1.4;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.footnote .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses > div.footnote .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.asset-dissipations .asset-dissipations-right .asset-panel-grid-expenses .asset-panel {
  margin: 0 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  padding: 0 8px 8px 8px;
  box-sizing: border-box;
  background: #f0f5f7;
  border: 1px solid #ebf0f0;
  margin: 0 0 5px 8px;
  position: relative;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
  /**/
  /**/
}
.asset-dissipations .asset-dissipations-right .asset-panel.attachment-panel .asset-attach-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100% - 62px);
}
.asset-dissipations .asset-dissipations-right .asset-panel.attachment-panel .asset-header {
  margin-bottom: 8px;
}
.asset-dissipations .asset-dissipations-right .asset-panel.attachment-panel .asset-header .realestate-underwritting-button {
  min-height: 24px;
  height: 24px;
  min-width: 24px;
  width: 24px;
  display: flex !important;
  position: absolute !important;
  padding: 0;
  top: 4px;
  right: 4px;
  background: rgba(255, 255, 255, 0);
  border: 0;
  cursor: pointer;
}
.asset-dissipations .asset-dissipations-right .asset-panel.attachment-panel .asset-header .realestate-underwritting-button > div {
  display: none !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel.attachment-panel .asset-header .realestate-underwritting-button:before {
  content: "";
  height: 26px;
  width: 26px;
  margin-right: 4px;
  background: url(/content/img/icons-ribbon-underwriting-24-px.svg);
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
}
.asset-dissipations .asset-dissipations-right .asset-panel:last-child {
  margin-right: 0 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel input.field {
  border: 1px solid rgba(0, 45, 65, 0);
  background: #fff;
}
.asset-dissipations .asset-dissipations-right .asset-panel input.field:hover, .asset-dissipations .asset-dissipations-right .asset-panel input.field:active, .asset-dissipations .asset-dissipations-right .asset-panel input.field:active:focus {
  border: 1px solid rgba(0, 45, 65, 0.2);
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-attach-preheader {
  display: grid;
  grid-template-columns: 45% 90px 90px auto;
  background: #e3eaed;
  color: rgba(0, 0, 0, 0.54);
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 24px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-attach-preheader label {
  margin: 0;
  padding: 0 0 0 6px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-attach-wrapper {
  max-height: calc(100vh - 658px);
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}
.asset-dissipations .asset-dissipations-right .asset-panel h3 {
  margin: 0 0 8px 0;
  padding: 8px 0 8px 0;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 14px;
  text-transform: initial;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  line-height: 30px;
  height: 30px;
  position: relative;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-header {
  display: inline-flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  min-width: 100%;
  margin: 0;
  padding: 0;
  height: 32px;
  justify-content: space-between;
  position: relative;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-header h3 {
  min-width: initial;
  margin: 0;
  padding: 0;
  border: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-header .asset-header-links {
  display: flex;
}
.asset-dissipations .asset-dissipations-right .asset-panel .open_in_new.product-button {
  position: absolute;
  right: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .options-button {
  border: 0;
  background: none;
  color: #0378d7;
  box-shadow: none;
  outline: none !important;
  padding: 0;
  height: 33px;
  width: 90px;
  position: absolute;
  right: 20px;
  top: 14px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .product-text {
  padding: 0;
  font-family: Roboto-Light, sans-serif !important;
  font-size: 14px;
  color: #000;
  font-weight: 100;
  display: inline-flex;
  min-width: 100%;
}
.asset-dissipations .asset-dissipations-right .asset-panel .product-text > div {
  height: 25px;
  line-height: 25px;
  display: inline-flex;
  align-items: center;
}
.asset-dissipations .asset-dissipations-right .asset-panel .product-text label {
  min-width: 86px;
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
  line-height: 25px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .product-text span {
  font-size: 15px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .product-text .asset-box {
  border: 1px solid #C0CDD3;
  display: inline;
  padding: 0 5px;
  font-family: Roboto-Regular, sans-serif;
  line-height: 25px;
  height: 24px;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asset-dissipations .asset-dissipations-right .asset-panel .product-text .asset-box.product {
  width: 240px;
  max-width: 240px;
  font-size: 16px;
  padding: 0;
  border: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .product-label {
  font-family: Roboto-Light, sans-serif;
  font-size: 15px;
  color: #000;
  height: 15px;
  margin-left: 0px;
  margin-bottom: 15px;
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content {
  padding: 0 !important;
  font-family: Roboto-Light, sans-serif;
  font-size: 18px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content.latepayments {
  padding: 0 9px !important;
  width: calc(100% + 18px);
  height: 100%;
  margin-left: -9px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content.latepayments + .asset-content {
  border-left: 4px solid #dae2e6;
  padding: 0 9px !important;
  margin-top: 0 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content input.field {
  border-color: #C6C7C8;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 1;
  min-height: 27px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row label {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  margin-right: 10px;
  font-weight: 100;
  height: 24px;
  line-height: 25px;
  padding: 0;
  margin: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .text-editor {
  width: 140px;
  height: 24px;
  line-height: 25px;
  border: 1px solid #ddd;
  background: #fff;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .text-editor .wrap-input {
  width: 100%;
  margin: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .text-editor .wrap-input span {
  width: 100%;
  height: 22px;
  font-size: 18px;
  color: #000;
  text-align: right;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .text-editor .wrap-input button {
  display: none;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .text-editor .wrap-input input {
  border: 0 !important;
  height: 22px;
  margin: 0;
  padding: 0;
  line-height: 25px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .input-field {
  width: 140px;
  height: 33px;
  display: flex;
  align-self: flex-start;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .input-field .text-editor {
  width: 100%;
  height: 33px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .input-field .text-editor .wrap-input {
  margin: 0;
  justify-content: flex-end;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .input-field .text-editor .wrap-input span {
  margin: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .input-field .text-editor .wrap-input input {
  border-radius: 0 !important;
  height: 33px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .input-field .text-editor .wrap-input button {
  display: none;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .input-field .text-editor .wrap-input span {
  padding-right: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row > div {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-left: 10px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row > div > div {
  width: 100%;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row.warning {
  font-family: "Segoe";
  font-size: 13px;
  margin: 10px 0 10px 142px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row.warning span {
  font-family: "SegoeUI";
  font-size: 13px;
  margin: 0 5px 0 0;
  padding: 0 5px;
  background: #FFC400;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .select-dropdown {
  padding: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .select-dropdown .Select-menu-outer {
  top: 24px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row .select-field {
  height: 25px;
  line-height: 25px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-contact-row {
  justify-content: space-between;
  display: inline-flex;
  align-items: center;
  min-width: calc(100% + 16px);
  margin: 5px 0 0 -8px;
  padding-right: 5px;
  height: 20px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-contact-row label {
  font-size: 12px;
  font-family: Roboto-Medium, sans-serif;
  color: #000;
  padding: 0 8px;
  margin: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-contact-row label + a {
  opacity: 0.87;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  text-align: right;
  color: #0ca597;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .feesdetails-h {
  justify-content: space-between;
  display: inline-flex;
  align-items: center;
  min-width: calc(100% + 18px);
  margin: 5px 0 0 -9px;
  height: 20px;
  font-size: 12px;
  font-family: Roboto-Medium, sans-serif;
  color: #000;
  padding: 0 8px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .feesdetails-h label {
  font-size: 12px;
  font-family: Roboto-Medium, sans-serif;
  color: #000;
  padding: 9px 8px;
  margin: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .feesdetails-h label + a {
  opacity: 0.87;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  text-align: right;
  color: #0ca597;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 24px;
  height: 24px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row label {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 12px;
  color: #000;
  margin-right: 10px;
  font-weight: 100;
  height: 18px;
  padding: 0;
  width: 120px;
  min-width: 120px;
  margin: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row > div > span {
  width: 100%;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .text-editor {
  width: 140px;
  height: 24px;
  line-height: 25px;
  border: 1px solid #ddd;
  background: #fff;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .text-editor .wrap-input {
  width: 100%;
  margin: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .text-editor .wrap-input span {
  width: 100%;
  height: 22px;
  font-size: 18px;
  color: #000;
  text-align: right;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .text-editor .wrap-input button {
  display: none;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .text-editor .wrap-input input {
  border: 0 !important;
  height: 22px;
  margin: 0;
  padding: 0;
  line-height: 25px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .input-field {
  width: 140px;
  height: 33px;
  display: flex;
  align-self: flex-start;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .input-field .text-editor {
  width: 100%;
  height: 33px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .input-field .text-editor .wrap-input {
  margin: 0;
  justify-content: flex-end;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .input-field .text-editor .wrap-input span {
  margin: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .input-field .text-editor .wrap-input input {
  border-radius: 0 !important;
  height: 33px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .input-field .text-editor .wrap-input button {
  display: none;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .input-field .text-editor .wrap-input span {
  padding-right: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row > div {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-left: 6px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row > div > div {
  width: 100%;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row.warning {
  font-family: "Segoe";
  font-size: 13px;
  margin: 10px 0 10px 142px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row.warning span {
  font-family: "SegoeUI";
  font-size: 13px;
  margin: 0 5px 0 0;
  padding: 0 5px;
  background: #FFC400;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .select-dropdown {
  padding: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .select-dropdown .Select-menu-outer {
  top: 24px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row .select-field {
  height: 25px;
  line-height: 25px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row.zip label + div {
  min-width: 50px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row.zip label + div + label {
  margin-left: 5px;
  width: 3px;
  min-width: 3px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row.zip label + div + label + div {
  min-width: 40px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row.zip label + div + label + div + label {
  margin: 2px 2px 0 5px;
  width: 25px;
  min-width: 25px;
  display: inline-flex;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row.zip label + div + label + div + label + div {
  min-width: 30px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .modal-grid-column .feesdetails-block.address .modal-row.zip label + div + label + div + label + div input.field[data-state=ReadOnly] {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
  background: #E9F0F2 !important;
  color: #000;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-concat {
  display: inline-flex;
  justify-content: space-between;
  min-width: 100%;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row {
  display: flex;
  flex-direction: row;
  margin: 0;
  height: 24px;
  align-items: center;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .select-dropdown {
  min-width: 170px;
  width: 170px;
  padding: 1px 0;
  margin-right: 52px;
  position: relative !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .select-dropdown .Select-menu-outer {
  width: 170px;
  max-width: 170px;
  position: absolute !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .select-dropdown .Select-menu-outer .Select-menu {
  max-height: 190px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row label + div {
  width: 100%;
  padding: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.asset-phone {
  font-size: 12px;
  font-family: Roboto-Regular, sans-serif;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.asset-mail {
  font-size: 12px;
  font-family: Roboto-Regular, sans-serif;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.asset-mail a {
  font-size: 12px;
  font-family: Roboto-Regular, sans-serif;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.asset-address {
  font-size: 12px;
  font-family: Roboto-Regular, sans-serif;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper {
  margin: 0 0 3px 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper .select-dropdown {
  padding: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-control {
  position: relative;
  overflow: hidden;
  border: 1px solid #c9c9c9 !important;
  border-radius: 0;
  box-sizing: border-box;
  color: #333;
  cursor: default;
  outline: none;
  padding: 0 22px 0 5px;
  font-size: 12px;
  line-height: 22px;
  transition: all 200ms ease;
  white-space: nowrap;
  max-width: 100%;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-control > div:first-child {
  overflow: hidden;
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-control .Dropdown-arrow {
  border-color: #e0e0e0 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  right: 5px;
  top: 10px;
  width: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-menu {
  font-size: 12px;
  border-color: #e0e0e0 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-menu .Dropdown-title {
  padding: 0 5px;
  font-size: 12px !important;
  line-height: 22px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-menu .Dropdown-option {
  padding: 0 5px;
  font-size: 12px;
  line-height: 22px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper:hover .Dropdown-control, .asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper:active .Dropdown-control, .asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper:active:focus .Dropdown-control, .asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dropdown-wrapper:focus .Dropdown-control {
  border-color: #e0e0e0 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  margin: 0 0 0 5px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 0;
  line-height: 18px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-label a {
  color: #000;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-label-input {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  margin: 0 0 0 0;
  min-width: fit-content;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-label-input + div {
  margin-left: 5px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-label-input + div .checklist > label {
  margin-left: 0 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-label-input a {
  color: #000;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-label-input + .asset-row-label-input {
  min-width: 75px !important;
  width: 75px !important;
  text-align: right;
  padding: 0 6px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.zip .asset-row-label-input + div {
  min-width: 47px;
  max-width: 47px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields {
  width: 125px;
  font-family: Roboto-Regular, sans-serif;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields > div {
  height: 24px;
  width: 100%;
  margin: 0 1px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields > div:nth-child(2) {
  width: 36px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields > div > span {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding: 0 !important;
  font-size: 14px;
  color: #000;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields > div > span .wrap-input {
  min-width: 100% !important;
  margin: 0;
  justify-content: flex-end;
  background: #fff;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields > div > span .wrap-input span {
  margin: 0 5px !important;
  padding: 0 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields span {
  height: 22px;
  font-size: 14px;
  color: #000;
  text-align: right;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields button {
  display: none;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip input {
  height: 25px !important;
  line-height: 25px;
  font-family: "Roboto-Regular";
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div {
  min-width: 63px;
  width: 63px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div > div {
  height: 24px;
  line-height: 25px;
  display: flex;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip .state {
  min-width: 58px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border: 1px solid #c9c9c9;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip .state-select {
  height: 23px;
  width: calc(100% - 3.611rem);
  text-align: left;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip .state-select > div {
  height: 23px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip .state-select a {
  padding: 1px 1px 1px 5px;
  line-height: 25px;
  height: 24px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip .state-select a:before {
  right: -1px;
  top: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div {
  margin: 0 4px 0 1px;
  height: 24px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div:nth-child(2) {
  width: 36px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div:nth-child(2) > span {
  padding: 0 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div:nth-child(2) > span .wrap-input {
  min-width: 36px !important;
  margin: 0;
  padding: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row .asset-row-fields.zip button {
  display: none;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.value > label + div {
  width: initial;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.value input.field {
  min-width: 94px !important;
  width: 94px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.value.taxable-row > label + div {
  width: 100%;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.tax-rate input.field {
  min-width: 50px !important;
  width: 50px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.tax-rate label.asset-row-label-input {
  min-width: 50px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.tax-rate label + div {
  display: inline-flex;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.tax-rate label + div > label {
  font-family: Roboto-Regular, sans-serif !important;
  line-height: 20px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  margin: 0 0 0 5px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.asset-label {
  height: 20px;
  line-height: 16px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #000;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.asset-label i {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px !important;
  display: flex;
  margin-right: 5px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.asset-label a {
  font-size: 12px !important;
  line-height: 16px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.asset-label > label {
  line-height: 16px;
  margin-bottom: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.asset-address {
  height: initial;
  line-height: 24px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #000;
  align-items: flex-start;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.asset-address i {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px !important;
  display: flex;
  margin-right: 5px;
  margin-top: 3px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.asset-address > div {
  line-height: 16px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dynamic {
  align-items: flex-start;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dynamic .asset-row-label {
  width: initial;
  max-width: calc(100% - 30px);
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-content-row.dynamic .dynamic-row {
  width: initial;
  font-size: 12px;
  left: 24px;
  line-height: 18px;
  font-family: Roboto-Regular, sans-serif !important;
  margin-left: 5px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row-button {
  margin: 0.1667rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row-button.right {
  justify-content: flex-end;
  margin: 5px 0 0 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content .asset-row-button button {
  margin: 0 5px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content.dissipation-list .asset-row-label-input {
  min-width: 95px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content.owners {
  height: calc(100% - 40px);
  overflow-x: hidden;
  overflow-y: auto;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content-inline {
  display: flex;
  flex-direction: row;
  width: calc(100% + 18px);
  height: 124px;
  margin-left: -9px;
  margin-top: 8px;
  border-top: 4px solid #dae2e6;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content-inline .asset-row-label-input {
  min-width: 80px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content-inline .asset-content {
  padding: 0 !important;
  font-family: Roboto-Light, sans-serif;
  font-size: 18px;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content-inline .asset-content.latepayments {
  width: 115px;
  margin-left: 0;
  padding: 0 9px !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content-inline .asset-content.latepayments + .asset-content {
  border-left: 4px solid #dae2e6;
  padding: 0 9px !important;
  margin-top: 0 !important;
  width: 100%;
}
.asset-dissipations .asset-dissipations-right .asset-panel .asset-content-inline .asset-content.latepayments + .asset-content .asset-content-row + .asset-content-row {
  justify-content: space-between;
}
.asset-dissipations .asset-dissipations-right .asset-panel button.attachments {
  margin-left: 15px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #027373;
  line-height: 1;
  border: 1px solid rgba(2, 115, 115, 0.2);
  border-radius: 2px;
  background: linear-gradient(to bottom, #CCFAFA, #B2E4E0);
  padding: 3px 8px 4px 8px;
  text-transform: initial;
}
.asset-dissipations .asset-dissipations-right .asset-panel button.attachments:hover {
  color: #027373;
}
.asset-dissipations .asset-dissipations-right .asset-panel button.attachments:active, .asset-dissipations .asset-dissipations-right .asset-panel button.attachments:active:focus, .asset-dissipations .asset-dissipations-right .asset-panel button.attachments:focus {
  color: #027373 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel button.attachments[disabled] {
  pointer-events: none;
  color: #027373;
  opacity: 0.5;
}
.asset-dissipations .asset-dissipations-right .asset-panel.asset-small {
  width: 15.61rem;
  min-width: 15.61rem;
}
.asset-dissipations .asset-dissipations-right .asset-panel.asset-aside {
  width: 458px;
  height: inherit;
}
.asset-dissipations .asset-dissipations-right .asset-panel.asset-aside .asset-row label {
  min-width: calc(100% - 75px);
}
.asset-dissipations .asset-dissipations-right .asset-panel.asset-aside .asset-row label + div {
  margin-left: 0 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel.asset-aside .asset-row input.field {
  min-width: 75px !important;
  width: 75px !important;
  margin: 0 !important;
}
.asset-dissipations .asset-dissipations-right .asset-panel.asset-middle {
  width: 397px;
  min-width: 397px;
}
.asset-dissipations .asset-dissipations-right .asset-panel.asset-middle .asset-content-row {
  margin: 0.1667rem 0;
  line-height: 25px;
  min-height: 25px;
}
.asset-dissipations .asset-dissipations-right .asset-panel.asset-middle .asset-content-row > label {
  min-width: 7.833rem;
  margin: 0;
}
.asset-dissipations .asset-dissipations-right .asset-panel.asset-middle .asset-content-row > label + div {
  min-width: 9.444rem;
}
.asset-dissipations .asset-dissipations-right .asset-panel.asset-middle .asset-content-row > label + div a {
  line-height: 25px;
}
.asset-dissipations .asset-dissipations-right .asset-panel.asset-middle .asset-content-row a {
  display: inline-flex;
  align-items: center;
}
.asset-dissipations .asset-dissipations-right .loan-editor {
  border: 1px solid #c9c9c9;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  max-width: inherit;
  height: calc(100% - 35px);
  min-height: 180px;
  margin-left: 0;
  position: relative;
}
.asset-dissipations .asset-dissipations-right .loan-editor > * {
  min-width: 100%;
  width: inherit;
}
.asset-dissipations .asset-dissipations-right .loan-editor > label {
  padding: 20px 20px 0 20px;
  margin: 0;
  font-size: 16px;
  line-height: 1;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div {
  height: 100%;
  max-width: inherit;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div {
  height: 100%;
  max-width: inherit;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .editor-scroll-wrap {
  max-height: calc(100% - 2px);
  overflow-y: auto;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span > span:hover, .asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span > span:active, .asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span > span:active:focus, .asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span > span:focus, .asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span:hover, .asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span:active, .asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span:active:focus, .asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span:focus, .asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #000;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor {
  height: 100%;
}
.asset-dissipations .asset-dissipations-right .loan-editor > div > div .menu.slate-toolbar-menu[style="display: flex;"] {
  position: absolute;
  top: -39px;
  background: #f0f5f7;
  min-width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}
.asset-dissipations .asset-dissipations-right.income .data-row label + div {
  min-width: 87px;
  max-width: 87px;
}
.asset-dissipations .asset-dissipations-right.income .financials .asset-content-row.value input.field {
  min-width: 70px !important;
  width: 70px !important;
}
.asset-dissipations .asset-attachments {
  display: grid;
  grid-template-columns: 45% 90px 90px auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 5px;
}
.asset-dissipations .asset-attachments > div {
  height: 25px;
  line-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 2px;
}
.asset-dissipations .asset-attachments > div > div {
  padding-right: 0px;
  width: 100%;
}
.asset-dissipations .asset-attachments label {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  margin-right: 10px;
  font-weight: 100;
  height: 24px;
  line-height: 25px;
  padding: 0;
  margin: 0;
}
.asset-dissipations .asset-attachments input.field {
  background: transparent !important;
}
.asset-dissipations .asset-attachments input.field:hover, .asset-dissipations .asset-attachments input.field:active, .asset-dissipations .asset-attachments input.field:active:focus, .asset-dissipations .asset-attachments input.field:focus {
  background: #fff !important;
  border: 1px solid #b6c3d3;
}
.asset-dissipations .asset-attachments input.field[readonly]:hover, .asset-dissipations .asset-attachments input.field[readonly]:active, .asset-dissipations .asset-attachments input.field[readonly]:active:focus, .asset-dissipations .asset-attachments input.field[data-state=ReadOnly], .asset-dissipations .asset-attachments input.field[data-state=ReadOnly]:hover, .asset-dissipations .asset-attachments input.field[data-state=ReadOnly]:active, .asset-dissipations .asset-attachments input.field[data-state=ReadOnly]:active:focus, .asset-dissipations .asset-attachments input.field[data-state=ReadOnly]:focus {
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}
.asset-dissipations .asset-attachments .asset-actions a {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #04BFAD;
  padding: 0 5px;
}
.asset-dissipations .asset-attachments .asset-actions a + a {
  margin-left: 5px;
}
.asset-dissipations .asset-attachments .asset-actions a:hover, .asset-dissipations .asset-attachments .asset-actions a:active, .asset-dissipations .asset-attachments .asset-actions a:active:focus {
  background: #ceedea;
}
.asset-dissipations .asset-attachments .asset-doc-type {
  font-family: "SegoeUI";
  cursor: pointer;
  font-size: 10px;
  width: 24px;
  margin-right: 0 !important;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.asset-dissipations .asset-attachments .asset-doc-type.doc {
  background: #B2E0FF;
  border: 1px solid rgba(4, 155, 255, 0.5);
  color: #049BFF;
}
.asset-dissipations .asset-attachments .asset-doc-type.pdf {
  background: #FFD8B1;
  border: 1px solid rgba(255, 128, 0, 0.5);
  color: #FF8000;
}
.asset-dissipations .asset-attachments a.attachments {
  visibility: hidden;
}
.asset-dissipations .asset-attachments:hover {
  background: #ceedea;
}
.asset-dissipations .asset-attachments:hover a.attachments {
  visibility: visible;
}
.asset-dissipations .asset-attachments:hover input.field {
  background: #fff !important;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
.asset-dissipations .asset-attachments:hover input.field[readonly]:hover, .asset-dissipations .asset-attachments:hover input.field[readonly]:active, .asset-dissipations .asset-attachments:hover input.field[readonly]:active:focus, .asset-dissipations .asset-attachments:hover input.field[data-state=ReadOnly], .asset-dissipations .asset-attachments:hover input.field[data-state=ReadOnly]:hover, .asset-dissipations .asset-attachments:hover input.field[data-state=ReadOnly]:active, .asset-dissipations .asset-attachments:hover input.field[data-state=ReadOnly]:active:focus, .asset-dissipations .asset-attachments:hover input.field[data-state=ReadOnly]:focus {
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}
.asset-dissipations .asset-attachments-static {
  display: grid;
  grid-template-columns: 20px calc(45% - 20px) 80px auto;
}
.asset-dissipations .asset-attachments-static > div {
  height: 25px;
  line-height: 25px;
  display: flex;
  align-items: center;
}
.asset-dissipations .asset-attachments-static > div > div {
  padding-right: 0px;
  width: 100%;
}
.asset-dissipations .asset-attachments-static label {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  margin-right: 10px;
  font-weight: 100;
  height: 24px;
  line-height: 25px;
  padding: 0;
  margin: 0;
}
.asset-dissipations .asset-attachments-static input.field {
  background: transparent !important;
  color: rgb(0, 0, 0) !important;
}
.asset-dissipations .asset-attachments-static input.field:hover, .asset-dissipations .asset-attachments-static input.field:active, .asset-dissipations .asset-attachments-static input.field:active:focus, .asset-dissipations .asset-attachments-static input.field:focus {
  background: #fff !important;
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}
.asset-dissipations .asset-attachments-static input.field:hover[readonly]:hover, .asset-dissipations .asset-attachments-static input.field:hover[readonly]:active, .asset-dissipations .asset-attachments-static input.field:hover[readonly]:active:focus, .asset-dissipations .asset-attachments-static input.field:hover[data-state=ReadOnly], .asset-dissipations .asset-attachments-static input.field:hover[data-state=ReadOnly]:hover, .asset-dissipations .asset-attachments-static input.field:hover[data-state=ReadOnly]:active, .asset-dissipations .asset-attachments-static input.field:hover[data-state=ReadOnly]:active:focus, .asset-dissipations .asset-attachments-static input.field:hover[data-state=ReadOnly]:focus, .asset-dissipations .asset-attachments-static input.field:active[readonly]:hover, .asset-dissipations .asset-attachments-static input.field:active[readonly]:active, .asset-dissipations .asset-attachments-static input.field:active[readonly]:active:focus, .asset-dissipations .asset-attachments-static input.field:active[data-state=ReadOnly], .asset-dissipations .asset-attachments-static input.field:active[data-state=ReadOnly]:hover, .asset-dissipations .asset-attachments-static input.field:active[data-state=ReadOnly]:active, .asset-dissipations .asset-attachments-static input.field:active[data-state=ReadOnly]:active:focus, .asset-dissipations .asset-attachments-static input.field:active[data-state=ReadOnly]:focus, .asset-dissipations .asset-attachments-static input.field:active:focus[readonly]:hover, .asset-dissipations .asset-attachments-static input.field:active:focus[readonly]:active, .asset-dissipations .asset-attachments-static input.field:active:focus[readonly]:active:focus, .asset-dissipations .asset-attachments-static input.field:active:focus[data-state=ReadOnly], .asset-dissipations .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:hover, .asset-dissipations .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:active, .asset-dissipations .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:active:focus, .asset-dissipations .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:focus, .asset-dissipations .asset-attachments-static input.field:focus[readonly]:hover, .asset-dissipations .asset-attachments-static input.field:focus[readonly]:active, .asset-dissipations .asset-attachments-static input.field:focus[readonly]:active:focus, .asset-dissipations .asset-attachments-static input.field:focus[data-state=ReadOnly], .asset-dissipations .asset-attachments-static input.field:focus[data-state=ReadOnly]:hover, .asset-dissipations .asset-attachments-static input.field:focus[data-state=ReadOnly]:active, .asset-dissipations .asset-attachments-static input.field:focus[data-state=ReadOnly]:active:focus, .asset-dissipations .asset-attachments-static input.field:focus[data-state=ReadOnly]:focus {
  color: rgba(0, 0, 0, 0.2) !important;
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}
.asset-dissipations .asset-attachments-static .asset-actions {
  justify-content: center;
}
.asset-dissipations .asset-attachments-static .asset-actions a {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.2);
}
.asset-dissipations .asset-attachments-static .asset-actions a + a {
  margin-left: 5px;
}
.asset-dissipations .asset-attachments-static .asset-actions a:hover, .asset-dissipations .asset-attachments-static .asset-actions a:active, .asset-dissipations .asset-attachments-static .asset-actions a:active:focus {
  background: #ceedea;
}
.asset-dissipations .asset-attachments-static .asset-doc-type {
  font-family: "SegoeUI";
  cursor: pointer;
  font-size: 10px;
  width: 24px;
  margin-right: 0 !important;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.asset-dissipations .asset-attachments-static .asset-doc-type.doc {
  background: #B2E0FF;
  border: 1px solid rgba(4, 155, 255, 0.5);
  color: #049BFF;
}
.asset-dissipations .asset-attachments-static .asset-doc-type.pdf {
  background: #FFD8B1;
  border: 1px solid rgba(255, 128, 0, 0.5);
  color: #FF8000;
}
.asset-dissipations .asset-attachments-static:hover {
  background: #ceedea;
}
.asset-dissipations .asset-attachments-static:hover .asset-actions a {
  color: #04BFAD;
}
.asset-dissipations .asset-attachments-static:hover input.field {
  background: #fff !important;
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}
.asset-dissipations .asset-attachments-static:hover input.field[readonly]:hover, .asset-dissipations .asset-attachments-static:hover input.field[readonly]:active, .asset-dissipations .asset-attachments-static:hover input.field[readonly]:active:focus, .asset-dissipations .asset-attachments-static:hover input.field[data-state=ReadOnly], .asset-dissipations .asset-attachments-static:hover input.field[data-state=ReadOnly]:hover, .asset-dissipations .asset-attachments-static:hover input.field[data-state=ReadOnly]:active, .asset-dissipations .asset-attachments-static:hover input.field[data-state=ReadOnly]:active:focus, .asset-dissipations .asset-attachments-static:hover input.field[data-state=ReadOnly]:focus {
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}

.contextMenu.fa-context-menu {
  position: fixed !important;
  border: 2px solid rgba(12, 165, 151, 0.2) !important;
}

body > .dissipation-list-item .dissipation-grab {
  min-height: 24px;
}
body > .dissipation-list-item .dissipation-grab > * {
  opacity: 1;
}

.dog-popup {
  display: none;
  background: #fff;
  width: fit-content;
  max-width: 600px;
  position: absolute;
  z-index: 999;
  border: 2px solid rgba(12, 165, 151, 0.2);
  height: fit-content;
  max-height: 150px;
  overflow: auto;
  padding: 10px;
}
.dog-popup div {
  font-size: 14px;
  font-family: Roboto-Regular, sans-serif;
  line-height: 24px;
}
.dog-popup a {
  min-width: 100%;
  display: block;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/******** HUD LOAN PAGE *******/
.hud-loan-page {
  padding: 0 4px;
  height: 100%;
  overflow: hidden;
  /**/
}
.hud-loan-page .workflow-panel-header {
  margin: 4px 0;
}
.hud-loan-page .workflow-panel-header .workflow-panel-nav {
  justify-content: space-between;
  background: initial;
  height: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.hud-loan-page .workflow-panel-header h2 {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background: initial;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  color: #002D41;
  margin: 0;
  background: rgba(255, 255, 255, 0);
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
}
.hud-loan-page .workflow-panel-header a {
  border: 0;
  padding-right: 0;
  padding-bottom: 8px;
  height: 18px;
  line-height: 18px;
}
.hud-loan-page .content {
  display: flex;
  flex-direction: row;
  height: calc(100% - 40px);
  overflow-y: auto;
}
.hud-loan-page .content .open_in_new {
  border: 0;
  background: none;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  bottom: 3px;
  background-image: url(/content/img/open-new-active.svg);
  background-repeat: no-repeat;
}
.hud-loan-page .content .hud-header {
  padding: 0 5px;
  display: inline-flex;
  min-width: 100%;
  justify-content: flex-start;
  align-items: center;
  background: #E9F0F2;
  height: 24px;
  border-bottom: 3px solid rgba(194, 203, 207, 0.5);
  font-size: 14px;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
}
.hud-loan-page .content div {
  font-family: Roboto-Light, sans-serif;
  font-size: 12px;
  color: #000;
  background: #f0f5f7;
  height: inherit;
  white-space: nowrap;
}
.hud-loan-page .content > div {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 425px;
}
.hud-loan-page .content > div + div {
  margin-left: 10px;
}
.hud-loan-page .content > div > div {
  border-bottom: 1px solid #d8e0e3;
  height: 19px;
  line-height: 18px;
  display: inline-grid;
  grid-template-columns: 35px 70% auto;
  grid-gap: 0px;
  padding: 0 5px 0 0;
  color: inherit;
}
.hud-loan-page .content > div > div input.field {
  height: 18px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}
.hud-loan-page .content > div > div * {
  color: inherit;
}
.hud-loan-page .content > div > div > div {
  padding-left: 5px;
  height: 18px;
  line-height: 18px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.hud-loan-page .content > div > div > div:nth-child(2) > div {
  display: inline-flex;
  min-width: 100%;
}
.hud-loan-page .content > div > div > div:nth-child(2) > div > span {
  min-width: calc(100% - 5px);
}
.hud-loan-page .content > div > div > div:nth-child(2) > div > div:nth-child(1) {
  min-width: 90px;
}
.hud-loan-page .content > div > div > div:nth-child(2) > div > div:nth-child(2) {
  min-width: 90px;
}
.hud-loan-page .content > div > div > div:nth-child(2) > div > div:nth-child(4) {
  min-width: 90px;
}
.hud-loan-page .content > div > div > div:nth-child(2) > div > div input.field {
  width: 80px !important;
}
.hud-loan-page .content > div > div > div:nth-child(2) > div > div + div {
  margin-left: 5px;
}
.hud-loan-page .content > div > div > div:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  padding-right: 18px;
}
.hud-loan-page .content > div > div > div:nth-child(2) > span {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hud-loan-page .content > div > div > div:nth-child(2) > span[style] {
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
  margin-right: -12px;
}
.hud-loan-page .content > div > div > div:nth-child(2) > span[style] > div {
  color: inherit !important;
  width: 100%;
  display: inline-flex;
}
.hud-loan-page .content > div > div > div:nth-child(2) > span[style] > div > span {
  color: inherit !important;
  width: 100%;
  display: inline-flex;
}
.hud-loan-page .content > div > div > div:nth-child(2) > span[style] > div > span .field {
  color: inherit !important;
  margin-left: -5px;
}
.hud-loan-page .content > div > div > div:nth-child(2) > span[style] > div > span * {
  width: 100%;
}
.hud-loan-page .content > div > div > div:nth-child(2) .hud1-item208 {
  height: 18px;
  line-height: 18px;
}
.hud-loan-page .content > div > div > div:nth-child(2) .hud1-item208 .select-module {
  min-width: 103px !important;
  max-width: 103px !important;
  padding: 0;
  min-height: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
}
.hud-loan-page .content > div > div > div:nth-child(2) .hud1-item208 .select-module * {
  cursor: pointer;
  min-height: 18px !important;
  height: 18px !important;
  max-height: 18px !important;
  line-height: 18px !important;
}
.hud-loan-page .content > div > div > div:nth-child(2) .hud1-item208 .select-module .select-header-title {
  min-height: 16px !important;
  height: 16px !important;
  max-height: 16px !important;
  line-height: 16px !important;
}
.hud-loan-page .content > div > div > div:nth-child(2) .hud1-item208 .select-module .select-up,
.hud-loan-page .content > div > div > div:nth-child(2) .hud1-item208 .select-module .select-down {
  min-height: 16px !important;
  height: 16px !important;
  max-height: 16px !important;
  line-height: 16px !important;
  margin-right: 1px;
  width: 17px !important;
  right: 0;
  bottom: 1px;
  top: initial;
}
.hud-loan-page .content > div > div > div:nth-child(2) .hud1-item208 label {
  margin-right: 5px;
}
.hud-loan-page .content > div > div > div:nth-child(2) .hud1-item208 label + div {
  width: calc(100% + 15px);
  margin-right: -15px;
}
.hud-loan-page .content > div > div > div:nth-child(2) .hud1-item208 > div {
  margin-left: 5px;
}
.hud-loan-page .content > div > div > div:nth-child(2) .hud1-item208 > div + div {
  min-width: 180px;
}
.hud-loan-page .content > div > div > div:last-child {
  border-left: 3px solid rgba(194, 203, 207, 0.5);
  justify-content: flex-end;
}
.hud-loan-page .content > div > div > div:last-child > span {
  min-width: 100%;
  display: inline-flex;
  justify-content: flex-end;
}
.hud-loan-page .content > div > div input.field {
  border: 1px solid rgba(0, 45, 65, 0) !important;
  color: inherit !important;
  background: transparent;
  box-sizing: border-box;
}
.hud-loan-page .content > div > div input.field:hover, .hud-loan-page .content > div > div input.field:active, .hud-loan-page .content > div > div input.field:active:focus, .hud-loan-page .content > div > div input.field:focus {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
  background: #fff;
}
.hud-loan-page .content > div > div:hover input.field, .hud-loan-page .content > div > div:active input.field, .hud-loan-page .content > div > div:active:focus input.field {
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
  background: #fff;
}
.hud-loan-page .content > div > div:hover .select-dropdown, .hud-loan-page .content > div > div:active .select-dropdown, .hud-loan-page .content > div > div:active:focus .select-dropdown {
  background: #fff !important;
}
.hud-loan-page .content > div > div:hover .select-dropdown *, .hud-loan-page .content > div > div:active .select-dropdown *, .hud-loan-page .content > div > div:active:focus .select-dropdown * {
  background: #fff !important;
}
.hud-loan-page .content .hud-preheader {
  font-family: Roboto-Regular, sans-serif;
  grid-template-columns: 35px 70% auto;
}
.hud-loan-page .content .hud-preheader div {
  font-family: Roboto-Regular, sans-serif;
}
.hud-loan-page .content .hud-preheader div:nth-child(2) {
  justify-content: flex-start;
}
.hud-loan-page .content .hud-preheader div:nth-child(3) {
  justify-content: flex-end;
  padding-right: 5px;
}
.hud-loan-page .content .hud-preheader-full {
  font-family: Roboto-Regular, sans-serif;
  grid-template-columns: 100%;
}
.hud-loan-page .content .hud-preheader-full div {
  font-family: Roboto-Regular, sans-serif;
  padding: 0 5px;
  justify-content: flex-start !important;
  border-left: 0px solid rgba(194, 203, 207, 0.5) !important;
}
.hud-loan-page .content .hud-bool {
  font-family: Roboto-Regular, sans-serif;
  display: inline-grid;
  width: 100%;
  grid-template-columns: 35px 40px 30px 40px 30px calc(70% - 140px) auto;
}
.hud-loan-page .content .hud-bool div {
  font-family: Roboto-Regular, sans-serif;
}
.hud-loan-page .content .hud-bool > div:last-child {
  border-left: 3px solid rgba(194, 203, 207, 0.5);
  justify-content: flex-end;
  padding-right: 5px;
}
.hud-loan-page .content .hud-bool .checklist {
  margin-top: 5px;
}
.hud-loan-page .content .totals {
  border-bottom: 3px solid rgba(194, 203, 207, 0.5);
  height: 27px;
  line-height: 27px;
}
.hud-loan-page .content .totals * {
  height: 24px;
  line-height: 24px;
}
.hud-loan-page .hud-labels {
  font-family: Roboto-Light, sans-serif;
}
.hud-loan-page .hud-labels > div:last-child {
  font-family: Roboto-Regular, sans-serif;
  border-left: 3px solid rgba(194, 203, 207, 0.5);
  justify-content: flex-end;
  padding-right: 5px;
}
.hud-loan-page .payoff-modal .modals-header {
  min-width: 935px;
}
.hud-loan-page .payoff-modal .modals-body {
  min-width: 935px;
}
.hud-loan-page .payoff-modal label {
  font-family: Roboto-Light, sans-serif;
  font-size: 14px;
  margin-bottom: 0;
  min-height: 20px !important;
  line-height: 23px !important;
}
.hud-loan-page .payoff-modal .field {
  height: 24px !important;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1;
}
.hud-loan-page .payoff-modal .modal-column {
  padding: 0px !important;
  background: #fff !important;
  max-height: 785px;
  overflow-y: hidden;
}
.hud-loan-page .payoff-modal .modal-column .payoff-over {
  overflow-y: auto;
  max-height: 682px;
}
.hud-loan-page .payoff-modal .modal-column .modal-row.addnew-button {
  background: #F6F9F8;
  border-top: 1px solid #fff !important;
  width: 100% !important;
  margin-left: 0px !important;
  padding: 10px 15px !important;
  margin: 5px 0 0 0 !important;
  justify-content: space-between !important;
}
.hud-loan-page .payoff-modal .modal-column .modal-row.addnew-button .sum {
  font-family: Roboto-Medium, sans-serif;
  color: #012623;
  font-size: 14px;
  line-height: 1;
  padding-left: 23px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row {
  display: inline-grid;
  min-width: 100%;
  padding: 2px 5px 0 5px;
  grid-template-columns: 455px auto;
  height: 30px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  line-height: 1;
  height: 25px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column .field-label {
  display: inline-flex;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column .field-label label {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  margin-right: 10px;
  text-align: right;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column .field-label label:nth-child(1) {
  width: 77px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column .field-label label:empty {
  margin-right: 0;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column .field-label.in-open label {
  font-family: Roboto-Light, sans-serif;
  width: 77px;
  text-align: left;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column .field-label.in-open label + div {
  width: 360px !important;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column .field-label.to-right {
  justify-content: flex-end;
  text-align: left;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column .field-label.to-right label {
  margin-right: 0;
  width: 236px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column .select-dropdown {
  position: relative;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column .Select-menu-outer {
  /*position: fixed;*/
  width: 242px !important;
  top: 21px !important;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .payoff-column .Select-menu-outer .Select-option {
  border-radius: 0;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .spoiler {
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  color: #666;
  width: 30px;
  display: none;
  justify-content: center;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .spoiler .close {
  cursor: pointer;
  margin-top: -6px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .spoiler .close:before {
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "remove_circle_outline";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 15px;
  font-weight: 100;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .spoiler .close:hover {
  opacity: 1;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .spoiler .open {
  cursor: pointer;
  margin-top: 7px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .spoiler .open:before {
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "add_circle_outline";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 15px;
  font-weight: 100;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .spoiler .open:hover {
  opacity: 1;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .spoiler + div {
  width: 100%;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown {
  width: 242px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown * {
  font-size: 15px !important;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown span {
  line-height: 24px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown .select-field {
  height: 24px;
  line-height: 24px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control {
  height: 24px !important;
  line-height: 24px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control .Select-multi-value-wrapper {
  height: 24px;
  line-height: 24px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control .Select-multi-value-wrapper .Select-value {
  height: 24px !important;
  line-height: 24px !important;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control .Select-multi-value-wrapper .Select-placeholder {
  height: 24px !important;
  line-height: 24px !important;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control div {
  height: 24px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-menu-outer {
  top: initial;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-menu-outer .Select-menu {
  line-height: 24px;
}
.hud-loan-page .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-menu-outer .Select-menu .Select-option {
  height: 24px;
  line-height: 24px;
  font-size: 14px !important;
}
.hud-loan-page .payoff-modal .payoff-wrap-row button.remove {
  border: 0;
  height: 24px;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.hud-loan-page .payoff-modal .payoff {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  width: 910px !important;
  background: #F0F5F7;
  padding: 10px 0;
}
.hud-loan-page .payoff-modal .payoff:first-child {
  border-top: 0;
}
.hud-loan-page .payoff-modal .payoff:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.hud-loan-page .payoff-modal .payoff .payoff-wrap-row .payoff-column .field-label {
  padding-left: 15px;
}
.hud-loan-page .payoff-modal .payoff .payoff-content .payoff-column {
  padding-left: 29px;
}
.hud-loan-page .payoff-modal .payoff .payoff-content .payoff-column .payoff-row-account label {
  line-height: 24px !important;
}
.hud-loan-page .payoff-modal .payoff .payoff-content .payoff-column .payoff-row .calendar label + div {
  position: relative;
}
.hud-loan-page .payoff-modal .payoff .payoff-content .payoff-column .payoff-row .calendar label + div:after {
  font-family: "MaterialIcons";
  content: "date_range";
  font-size: 15px;
  color: #0093D5;
  position: absolute;
  top: 4px;
  right: 2px;
}

.ledger-payoff.payoff-modal .modals-header {
  min-width: 810px;
}
.ledger-payoff.payoff-modal .modals-body {
  min-width: 810px;
}
.ledger-payoff.payoff-modal label {
  font-family: Roboto-Light, sans-serif;
  font-size: 14px;
  margin-bottom: 0;
  min-height: 20px !important;
  line-height: 23px !important;
}
.ledger-payoff.payoff-modal .field {
  height: 24px !important;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1;
}
.ledger-payoff.payoff-modal .modal-column {
  padding: 0px !important;
  background: #fff !important;
  max-height: 785px;
  overflow-y: hidden;
}
.ledger-payoff.payoff-modal .modal-column .payoff-over {
  overflow-y: auto;
  max-height: 682px;
}
.ledger-payoff.payoff-modal .modal-column .modal-row.addnew-button {
  background: #F6F9F8;
  border-top: 1px solid #fff !important;
  width: 100% !important;
  margin-left: 0px !important;
  padding: 10px 15px !important;
  margin: 5px 0 0 0 !important;
  justify-content: space-between !important;
}
.ledger-payoff.payoff-modal .modal-column .modal-row.addnew-button .sum {
  font-family: Roboto-Medium, sans-serif;
  color: #012623;
  font-size: 14px;
  line-height: 1;
  padding-left: 23px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row {
  display: inline-grid;
  min-width: 100%;
  padding: 2px 5px 0 5px;
  grid-template-columns: 450px 337px;
  height: 30px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  line-height: 1;
  height: 25px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column .field-label {
  display: inline-flex;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column .field-label label {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  margin-right: 10px;
  text-align: right;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column .field-label label:nth-child(1) {
  width: 77px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column .field-label label:empty {
  margin-right: 0;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column .field-label.in-open label {
  font-family: Roboto-Light, sans-serif;
  width: 77px;
  text-align: left;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column .field-label.in-open label + div {
  width: 360px !important;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column .field-label.to-right {
  justify-content: flex-end;
  text-align: left;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column .field-label.to-right label {
  margin-right: 0;
  width: 236px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column .select-dropdown {
  position: relative;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column .Select-menu-outer {
  /*position: fixed;*/
  width: 242px !important;
  top: 21px !important;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .payoff-column .Select-menu-outer .Select-option {
  border-radius: 0;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .spoiler {
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  color: #666;
  width: 30px;
  display: none;
  justify-content: center;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .spoiler .close {
  cursor: pointer;
  margin-top: -6px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .spoiler .close:before {
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "remove_circle_outline";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 15px;
  font-weight: 100;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .spoiler .close:hover {
  opacity: 1;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .spoiler .open {
  cursor: pointer;
  margin-top: 7px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .spoiler .open:before {
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "add_circle_outline";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 15px;
  font-weight: 100;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .spoiler .open:hover {
  opacity: 1;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .spoiler + div {
  width: 100%;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown {
  width: 242px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown * {
  font-size: 15px !important;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown span {
  line-height: 24px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown .select-field {
  height: 24px;
  line-height: 24px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control {
  height: 24px !important;
  line-height: 24px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control .Select-multi-value-wrapper {
  height: 24px;
  line-height: 24px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control .Select-multi-value-wrapper .Select-value {
  height: 24px !important;
  line-height: 24px !important;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control .Select-multi-value-wrapper .Select-placeholder {
  height: 24px !important;
  line-height: 24px !important;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control div {
  height: 24px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-menu-outer {
  top: initial;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-menu-outer .Select-menu {
  line-height: 24px;
}
.ledger-payoff.payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-menu-outer .Select-menu .Select-option {
  height: 24px;
  line-height: 24px;
  font-size: 14px !important;
}
.ledger-payoff.payoff-modal .payoff-wrap-row button.remove {
  border: 0;
  height: 24px;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.ledger-payoff.payoff-modal .payoff {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  width: 810px !important;
  background: #F0F5F7;
  padding: 10px 0;
}
.ledger-payoff.payoff-modal .payoff:first-child {
  border-top: 0;
}
.ledger-payoff.payoff-modal .payoff:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.ledger-payoff.payoff-modal .payoff .payoff-wrap-row .payoff-column .field-label {
  padding-left: 10px;
}
.ledger-payoff.payoff-modal .payoff .payoff-content .payoff-column {
  padding-left: 17px;
  margin-left: 0 !important;
  width: 455px !important;
}
.ledger-payoff.payoff-modal .payoff .payoff-content .payoff-column + .payoff-column {
  width: calc(100% - 455px) !important;
}
.ledger-payoff.payoff-modal .payoff .payoff-content .payoff-column .payoff-row-account label {
  line-height: 24px !important;
}
.ledger-payoff.payoff-modal .payoff .payoff-content .payoff-column .payoff-row-account label + div {
  width: 353px;
}
.ledger-payoff.payoff-modal .payoff .payoff-content .payoff-column .payoff-row .calendar label + div {
  position: relative;
}
.ledger-payoff.payoff-modal .payoff .payoff-content .payoff-column .payoff-row .calendar label + div:after {
  font-family: "MaterialIcons";
  content: "date_range";
  font-size: 15px;
  color: #0093D5;
  position: absolute;
  top: 4px;
  right: 2px;
}

.hud-loan-page + .payoff-modal .modals-header {
  min-width: 810px;
}
.hud-loan-page + .payoff-modal .modals-body {
  min-width: 810px;
}
.hud-loan-page + .payoff-modal label {
  font-family: Roboto-Light, sans-serif;
  font-size: 14px;
  margin-bottom: 0;
  min-height: 20px !important;
  line-height: 23px !important;
}
.hud-loan-page + .payoff-modal .field {
  height: 24px !important;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1;
}
.hud-loan-page + .payoff-modal .modal-column {
  padding: 0px !important;
  background: #fff !important;
  max-height: 785px;
  overflow-y: hidden;
}
.hud-loan-page + .payoff-modal .modal-column .payoff-over {
  overflow-y: auto;
  max-height: 682px;
}
.hud-loan-page + .payoff-modal .modal-column .modal-row.addnew-button {
  background: #F6F9F8;
  border-top: 1px solid #fff !important;
  width: 100% !important;
  margin-left: 0px !important;
  padding: 10px 15px !important;
  margin: 5px 0 0 0 !important;
  justify-content: space-between !important;
}
.hud-loan-page + .payoff-modal .modal-column .modal-row.addnew-button .sum {
  font-family: Roboto-Medium, sans-serif;
  color: #012623;
  font-size: 14px;
  line-height: 1;
  padding-left: 23px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row {
  display: inline-grid;
  min-width: 100%;
  padding: 2px 5px 0 5px;
  grid-template-columns: 450px 337px;
  height: 30px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  line-height: 1;
  height: 25px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column .field-label {
  display: inline-flex;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column .field-label label {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  margin-right: 10px;
  text-align: right;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column .field-label label:nth-child(1) {
  width: 77px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column .field-label label:empty {
  margin-right: 0;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column .field-label.in-open label {
  font-family: Roboto-Light, sans-serif;
  width: 77px;
  text-align: left;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column .field-label.in-open label + div {
  width: 360px !important;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column .field-label.to-right {
  justify-content: flex-end;
  text-align: left;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column .field-label.to-right label {
  margin-right: 0;
  width: 236px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column .select-dropdown {
  position: relative;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column .Select-menu-outer {
  /*position: fixed;*/
  width: 242px !important;
  top: 21px !important;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .payoff-column .Select-menu-outer .Select-option {
  border-radius: 0;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .spoiler {
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  color: #666;
  width: 30px;
  display: none;
  justify-content: center;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .spoiler .close {
  cursor: pointer;
  margin-top: -6px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .spoiler .close:before {
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "remove_circle_outline";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 15px;
  font-weight: 100;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .spoiler .close:hover {
  opacity: 1;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .spoiler .open {
  cursor: pointer;
  margin-top: 7px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .spoiler .open:before {
  color: #0093D5;
  font-family: "MaterialIcons";
  content: "add_circle_outline";
  text-align: center;
  background: none;
  font-size: 21px;
  padding: 0;
  margin: 0 5px 0 0;
  line-height: 15px;
  font-weight: 100;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .spoiler .open:hover {
  opacity: 1;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .spoiler + div {
  width: 100%;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown {
  width: 242px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown * {
  font-size: 15px !important;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown span {
  line-height: 24px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown .select-field {
  height: 24px;
  line-height: 24px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control {
  height: 24px !important;
  line-height: 24px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control .Select-multi-value-wrapper {
  height: 24px;
  line-height: 24px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control .Select-multi-value-wrapper .Select-value {
  height: 24px !important;
  line-height: 24px !important;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control .Select-multi-value-wrapper .Select-placeholder {
  height: 24px !important;
  line-height: 24px !important;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-control div {
  height: 24px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-menu-outer {
  top: initial;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-menu-outer .Select-menu {
  line-height: 24px;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row .select-dropdown .select-field .Select-menu-outer .Select-menu .Select-option {
  height: 24px;
  line-height: 24px;
  font-size: 14px !important;
}
.hud-loan-page + .payoff-modal .payoff-wrap-row button.remove {
  border: 0;
  height: 24px;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.hud-loan-page + .payoff-modal .payoff {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  width: 810px !important;
  background: #F0F5F7;
  padding: 10px 0;
}
.hud-loan-page + .payoff-modal .payoff:first-child {
  border-top: 0;
}
.hud-loan-page + .payoff-modal .payoff:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.hud-loan-page + .payoff-modal .payoff .payoff-wrap-row .payoff-column .field-label {
  padding-left: 10px;
}
.hud-loan-page + .payoff-modal .payoff .payoff-content .payoff-column {
  padding-left: 17px;
  margin-left: 0 !important;
  width: 455px !important;
}
.hud-loan-page + .payoff-modal .payoff .payoff-content .payoff-column + .payoff-column {
  width: calc(100% - 455px) !important;
}
.hud-loan-page + .payoff-modal .payoff .payoff-content .payoff-column .payoff-row-account label {
  line-height: 24px !important;
}
.hud-loan-page + .payoff-modal .payoff .payoff-content .payoff-column .payoff-row-account label + div {
  width: 353px;
}
.hud-loan-page + .payoff-modal .payoff .payoff-content .payoff-column .payoff-row .calendar label + div {
  position: relative;
}
.hud-loan-page + .payoff-modal .payoff .payoff-content .payoff-column .payoff-row .calendar label + div:after {
  font-family: "MaterialIcons";
  content: "date_range";
  font-size: 15px;
  color: #0093D5;
  position: absolute;
  top: 4px;
  right: 2px;
}

/****** END HUD LOAN PAGE *****/
/*********settlement-ledger********/
.settlement-ledger-wrapper {
  padding: 0 4px;
  height: 100%;
  overflow: hidden;
}
.settlement-ledger-wrapper .workflow-panel-header {
  margin: 4px 0;
}
.settlement-ledger-wrapper .workflow-panel-header .workflow-panel-nav {
  justify-content: space-between;
  background: initial;
  height: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.settlement-ledger-wrapper .workflow-panel-header h2 {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background: initial;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  color: #002D41;
  margin: 0;
  background: rgba(255, 255, 255, 0);
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
}
.settlement-ledger-wrapper .workflow-panel-header a {
  border: 0;
  padding-right: 0;
  padding-bottom: 8px;
  height: 18px;
  line-height: 18px;
}
.settlement-ledger-wrapper .settlement-ledger {
  display: inline-grid;
  width: 100%;
  grid-template-columns: 180px 1010px;
  grid-gap: 4px;
  height: calc(100% - 40px);
  overflow-y: auto;
}
.settlement-ledger-wrapper .settlement-ledger > div {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) {
  padding: 0;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection {
  display: flex;
  flex-direction: column;
  background: #fbfbfb;
  padding: 0 8px 5px 8px;
  position: relative;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
  background: #fff;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 5px;
  font-family: Roboto-Medium, sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name + a {
  position: absolute;
  top: 6px;
  right: 9px;
  display: none;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name + a:hover, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name + a:active, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name + a:active:focus, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name + a:focus {
  display: initial;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:hover + a, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:active + a, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:active:focus + a, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:focus + a {
  display: initial;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:hover + a:hover, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:hover + a:active, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:hover + a:active:focus, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:hover + a:focus, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:active + a:hover, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:active + a:active, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:active + a:active:focus, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:active + a:focus, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:active:focus + a:hover, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:active:focus + a:active, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:active:focus + a:active:focus, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:active:focus + a:focus, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:focus + a:hover, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:focus + a:active, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:focus + a:active:focus, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-group-name:focus + a:focus {
  display: initial;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-block .settlement-ledger-block-item {
  display: inline-flex;
  min-width: 100%;
  line-height: 18px;
  justify-content: center;
  align-items: center;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-block .settlement-ledger-block-item *[class*=check-box] {
  height: 14px !important;
  min-width: 14px !important;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-block .settlement-ledger-block-item *[class*=check-box] + label {
  margin-left: 5px;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-block .settlement-ledger-block-item > label {
  margin-right: 5px;
  width: 100%;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-block .settlement-ledger-block-item > label + a {
  visibility: hidden;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-block .settlement-ledger-block-item:hover > label + a, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-block .settlement-ledger-block-item:active > label + a, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-block .settlement-ledger-block-item:active:focus > label + a, .settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection .settlement-ledger-block .settlement-ledger-block-item:focus > label + a {
  visibility: visible;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(1) .settlement-ledger-selection + .settlement-ledger-selection {
  margin-top: 4px;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) {
  padding: 0;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel {
  min-width: 620px;
  max-width: fit-content !important;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  padding: 8px;
  box-sizing: border-box;
  background: #f0f5f7;
  border: 1px solid #ebf0f0;
  margin: 0 0 4px 0px;
  position: relative;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel h3 {
  margin: 0 0 5px 0;
  padding: 0px 0 5px 0;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 14px;
  text-transform: initial;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  line-height: 24px;
  height: 24px;
  position: relative;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel .grid-content {
  display: flex;
  flex-direction: row;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel .grid-content div + div {
  margin-left: 30px;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel .grid-content div .grid-content-row {
  display: flex;
  flex-direction: row;
  margin: 0;
  height: 24px;
  align-items: center;
  justify-content: space-between;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel .grid-content div .grid-content-row > label {
  min-width: 45px;
  margin-bottom: 0;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel .grid-content div .grid-content-row > label + label {
  min-width: 100px !important;
  text-align: right;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel .grid-content div .grid-content-row input.field {
  min-width: 100px !important;
  height: 20px !important;
  line-height: 20px;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel .grid-content div .grid-content-row.bordered {
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel .grid-content div .grid-content-row.total {
  background: #e3eaed;
  border-bottom: 0;
  border-top: 2px solid #d8e0e3;
  font-family: Roboto-Medium, sans-serif;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel .grid-content div .grid-content-row.large-label > label {
  min-width: 150px;
  margin-bottom: 0;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel .grid-content div .grid-content-row.large-label > label + label {
  min-width: 70px !important;
  text-align: right;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .grid-panel .grid-content div .grid-content-row.large-label > label input.field {
  min-width: 70px !important;
  height: 20px !important;
  line-height: 20px;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table {
  display: flex;
  flex-direction: column;
  padding: 8px;
  margin: 3px 0 0 0px;
  background: #f0f5f7;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table h3 {
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 14px;
  text-transform: initial;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  line-height: 30px;
  height: 30px;
  background: #f0f5f7;
  position: relative;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .header-row {
  display: inline-grid;
  grid-template-columns: 50px 90px auto 75px 100px 100px 120px 100px;
  background: #e3eaed;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .header-row > div {
  padding: 0 5px;
  line-height: 24px;
  height: 24px;
  min-height: 24px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .header-row > div a {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .header-row > div span {
  min-height: 100%;
  cursor: pointer;
  display: flex;
  position: relative;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .header-row > div span.up-arrow {
  position: absolute;
  right: 0;
  top: 0;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .header-row > div span.up-arrow:before {
  color: rgba(0, 0, 0, 0.54);
  font-family: "MaterialIcons";
  content: "arrow_drop_up";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .header-row > div span.down-arrow {
  position: absolute;
  right: 0;
  top: 0;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .header-row > div span.down-arrow:before {
  color: rgba(0, 0, 0, 0.54);
  font-family: "MaterialIcons";
  content: "arrow_drop_down";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .header-row .ledger-grid-amount > span {
  padding-right: 10px;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .header-row .ledger-grid-amount > span > span {
  right: -7px !important;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .content-row {
  display: inline-grid;
  grid-template-columns: 50px 90px auto 75px 100px 100px 120px 100px;
  border-bottom: 1px solid #d8e0e3;
  background: #f0f5f7;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .content-row > div {
  padding: 0 5px;
  line-height: 20px;
  height: 20px;
  min-height: 20px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .content-row .ready {
  height: 14px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  color: #64a81a;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .content-row .issued {
  height: 14px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  color: #bd10e0;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .content-row .pending {
  height: 14px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  color: #f59223;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .open_in_new {
  border: 0;
  background: none;
  width: 14px;
  height: 14px;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .open_in_new:before {
  font-family: "MaterialIcons";
  content: "open_in_new";
  font-size: 14px;
  width: 14px;
  height: 14px;
  color: #027373;
  position: absolute;
  bottom: 0px;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .ledger-grid-category {
  display: inline-flex;
  min-width: 100%;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .ledger-grid-category label {
  margin-bottom: 0;
  margin-right: 5px;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .ledger-grid-category a {
  position: relative !important;
  line-height: 15px !important;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .ledger-grid-amount {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .content-row-total {
  background: #e3eaed;
  border-bottom: 0;
  border-top: 1px solid #d8e0e3;
}
.settlement-ledger-wrapper .settlement-ledger > div:nth-child(2) .ledger-grid-table .content-row-total > div {
  display: inline-flex;
  font-family: Roboto-Medium, sans-serif;
  justify-content: flex-end;
  align-items: center;
}

.loan-context-wrapper .workflow-panel-header {
  margin: 4px;
}
.loan-context-wrapper .workflow-panel-header .workflow-panel-nav {
  justify-content: space-between;
  background: initial;
  height: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.loan-context-wrapper .workflow-panel-header h2 {
  margin: 0;
  padding: 0 8px;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  color: #002D41;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  line-height: 20px;
  position: relative;
  height: 100%;
  background: initial;
}
.loan-context-wrapper .workflow-panel-header a {
  border: 0;
  padding-right: 0;
  padding-bottom: 8px;
  height: 18px;
  line-height: 18px;
}
.loan-context-wrapper .loan-context {
  max-width: 1300px;
  padding: 0 0 4px 0;
  display: flex;
  flex-direction: column;
  font-family: Roboto-Regular, sans-serif;
  width: 782px;
}
.loan-context-wrapper .loan-context .context-panel {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 4px;
  box-sizing: border-box;
  background: #fff;
  border: 0;
  margin: 0 4px;
  position: relative;
  width: calc(100% - 8px);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
}
.loan-context-wrapper .loan-context .context-panel + .context-panel {
  margin-top: 4px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper {
  /****/
  /****/
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper h2 {
  position: relative;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper h2 a {
  position: absolute;
  right: 0;
  top: -2px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .context-content div + div {
  margin-left: 0 !important;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .select-input {
  padding: 0 !important;
  border: 0;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper div[style^=background-color] {
  padding: 0 4px !important;
  margin: 1px 0 !important;
  min-height: 20px !important;
  line-height: 20px !important;
  height: 20px !important;
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .grid-module-viewport-header-box + .grid-module-viewport-header-box {
  border-left: 1px solid #9da0a2 !important;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .grid-module-viewport-content-cell + .grid-module-viewport-content-cell {
  border-left: 1px solid #9da0a2;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid {
  display: flex;
  flex-direction: column;
  margin: 0 0 4px 0;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-header {
  font-family: Roboto-Regular, sans-serif;
  color: #5f5f5f;
  font-size: 14px;
  background: #e3eaed;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 2px 4px 2px 4px;
  border-bottom: 1px solid #dcdedf;
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-header > div:nth-child(1) {
  width: 240px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-header > div:nth-child(2) {
  width: 80px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-header > div:nth-child(3) {
  width: 113px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-header > div:nth-child(4) {
  width: 113px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-header > div:nth-child(5) {
  width: 113px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-header > div:nth-child(6) {
  width: 90px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content {
  font-family: Roboto-Regular, sans-serif;
  color: #5f5f5f;
  font-size: 14px;
  background: #e3eaed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
  font-size: 14px;
  position: relative;
  height: 24px !important;
  border-bottom: 1px solid #dcdedf;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row:nth-child(odd) {
  background: #f2f4f5;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row:nth-child(even) {
  background: #fafafa;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding: 0 4px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div * + * {
  margin-left: 12px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div a {
  line-height: 21px;
  visibility: visible;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div:nth-child(1) {
  width: 240px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div:nth-child(2) {
  width: 80px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div:nth-child(3) {
  width: 113px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div:nth-child(3) > div {
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div:nth-child(3) > div > div {
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div:nth-child(3) > div > div .select-module {
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div:nth-child(4) {
  width: 113px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div:nth-child(5) {
  width: 113px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div:nth-child(6) {
  width: 90px;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div + div {
  border-left: 1px solid #dcdedf;
}
.loan-context-wrapper .loan-context .context-panel.extendedrights-wrapper .extendedrights-grid .extendedrights-grid-content .extendedrights-grid-content-row > div label {
  margin-right: 4px;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.loan-context-wrapper .loan-context .context-panel h2,
.loan-context-wrapper .loan-context .context-panel h3 {
  margin: 0 0 5px 0;
  padding: 0px 4px 5px 4px;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  text-transform: initial;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  line-height: 24px;
  height: 24px;
  position: relative;
}
.loan-context-wrapper .loan-context .context-panel .context-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
}
.loan-context-wrapper .loan-context .context-panel .context-content .context-content-two-columns {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel .context-content .context-content-two-columns > div {
  width: initial;
}
.loan-context-wrapper .loan-context .context-panel .context-content .context-content-two-columns > div + div {
  margin-left: 18px;
}
.loan-context-wrapper .loan-context .context-panel .context-content a,
.loan-context-wrapper .loan-context .context-panel .context-content button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loan-context-wrapper .loan-context .context-panel .context-content a.docs-link,
.loan-context-wrapper .loan-context .context-panel .context-content button.docs-link {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  flex-wrap: nowrap;
  display: flex;
  height: 144px;
  width: 110px;
  align-items: center;
  justify-content: flex-start;
  padding-left: 22px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 11;
}
.loan-context-wrapper .loan-context .context-panel .context-content a.docs-link:before,
.loan-context-wrapper .loan-context .context-panel .context-content button.docs-link:before {
  content: "";
  background-image: url(/content/img/fm.jpg);
  background-size: 110px 144px;
  position: absolute;
  top: 0;
  height: 144px;
  width: 110px;
  display: flex;
  right: 7px;
}
.loan-context-wrapper .loan-context .context-panel .context-content a.docs-link[disabled], .loan-context-wrapper .loan-context .context-panel .context-content a.docs-link.disabled,
.loan-context-wrapper .loan-context .context-panel .context-content button.docs-link[disabled],
.loan-context-wrapper .loan-context .context-panel .context-content button.docs-link.disabled {
  color: #ccc;
  pointer-events: none;
}
.loan-context-wrapper .loan-context .context-panel .context-content a.docs-link[disabled]:before, .loan-context-wrapper .loan-context .context-panel .context-content a.docs-link.disabled:before,
.loan-context-wrapper .loan-context .context-panel .context-content button.docs-link[disabled]:before,
.loan-context-wrapper .loan-context .context-panel .context-content button.docs-link.disabled:before {
  content: "";
  opacity: 0.6;
}
.loan-context-wrapper .loan-context .context-panel .context-content a.open_new,
.loan-context-wrapper .loan-context .context-panel .context-content button.open_new {
  min-width: 24px;
  width: 24px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/ic-action-popup.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center right;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  margin-left: 0;
}
.loan-context-wrapper .loan-context .context-panel .context-content a:hover.open_new, .loan-context-wrapper .loan-context .context-panel .context-content a:active.open_new, .loan-context-wrapper .loan-context .context-panel .context-content a:active:focus.open_new,
.loan-context-wrapper .loan-context .context-panel .context-content button:hover.open_new,
.loan-context-wrapper .loan-context .context-panel .context-content button:active.open_new,
.loan-context-wrapper .loan-context .context-panel .context-content button:active:focus.open_new {
  background-image: url(/content/img/ic-action-popup-active.svg);
}
.loan-context-wrapper .loan-context .context-panel .context-content div {
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel .context-content div + div {
  margin-left: 30px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div + div.Select-menu-outer {
  margin-left: 0;
}
.loan-context-wrapper .loan-context .context-panel .context-content div + div.Select-menu-outer * {
  margin-left: 0;
}
.loan-context-wrapper .loan-context .context-panel .context-content div.three-cols {
  position: relative;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels {
  display: flex;
  flex-direction: row;
  margin: 0;
  height: 24px;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels > div {
  display: flex;
  flex-direction: row;
  margin: 0;
  height: 24px;
  align-items: center;
  width: 510px;
  justify-content: flex-start;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels > div > label {
  min-width: 165px;
  margin-bottom: 0;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels > div > label + label {
  min-width: fit-content !important;
  text-align: right;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels > div > label:empty {
  display: none;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels > div > label + div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: initial;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels > div > label + div + label {
  margin-left: 8px;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels > div > label + div.select-module, .loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels > div > label + div.select-dropdown {
  min-width: 330px;
  width: 330px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels > div > label + div.dropdown-modalup {
  width: 330px;
  justify-content: flex-start;
  align-items: center;
  min-height: 22px !important;
  height: 22px !important;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels > div > label + div.dropdown-modalup > span {
  line-height: 17px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels > div > label.broker-label {
  padding-right: 4px;
  min-width: 238px !important;
  width: 238px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels .nmls {
  min-width: 120px !important;
  width: 120px !important;
  text-align: left;
  margin-left: 8px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels input.field {
  min-width: 90px !important;
  width: 90px;
  box-sizing: border-box;
  text-align: right;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels.bordered {
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels.total {
  background: #e3eaed;
  border-bottom: 0;
  border-top: 2px solid #d8e0e3;
  font-family: Roboto-Medium, sans-serif;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels.support {
  display: grid;
  grid-template-columns: 140px auto;
  width: inherit;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-labels.support a {
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-bool {
  display: flex;
  flex-direction: row;
  margin: 0;
  height: 24px;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-bool > label {
  min-width: 158px;
  margin-bottom: 0;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-bool > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: fit-content;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-bool > div div + label {
  margin-left: 4px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row {
  display: flex;
  flex-direction: row;
  margin: 0;
  height: 24px;
  line-height: 24px;
  align-items: center;
  width: 100%;
  padding: 0 4px;
  justify-content: flex-start;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row > label {
  min-width: 165px;
  margin-bottom: 0;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row > label + label {
  min-width: 90px !important;
  text-align: right;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row > label + div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row > label + div.select-module {
  min-width: 178px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row > label + div + label {
  margin-left: 8px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row input.field {
  min-width: 90px !important;
  width: 90px;
  box-sizing: border-box;
  text-align: right;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.mers-min input.field {
  min-width: 185px !important;
  width: 185px;
  box-sizing: border-box;
  text-align: right;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.case-number input.field {
  min-width: 100px !important;
  width: 100px;
  box-sizing: border-box;
  text-align: right;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.case-number > div + label {
  margin-left: 8px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.full-width {
  min-width: 374px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.full-width:empty {
  display: none;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.full-width label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.bordered {
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.total {
  background: #e3eaed;
  border-bottom: 0;
  border-top: 3px solid #d8e0e3;
  font-family: Roboto-Medium, sans-serif;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-date {
  display: grid;
  width: calc(100% - 100px);
  grid-template-columns: 228px 90px;
  grid-row-gap: 0;
  grid-column-gap: 4px;
  justify-content: flex-start;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-date > div {
  margin: 0;
  width: inherit;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-date > div.panels-standart-button {
  width: fit-content;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-date label {
  min-width: initial;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-date button {
  max-width: fit-content;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-select {
  display: grid;
  width: calc(100% - 100px);
  grid-template-columns: 228px 90px;
  grid-row-gap: 0;
  grid-column-gap: 4px;
  justify-content: flex-start;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-select > div {
  margin: 0;
  width: inherit;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-select > div.panels-standart-button {
  width: fit-content;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-select label {
  min-width: initial;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-select .select-module {
  min-width: 110px !important;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.settlement-agent {
  flex-direction: column;
  background: #f4f4f4;
  height: 48px;
  margin-top: 4px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.settlement-agent > div:nth-child(1) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id {
  display: grid;
  width: calc(100% - 100px);
  grid-template-columns: 232px 90px;
  grid-row-gap: 0;
  grid-column-gap: 0;
  justify-content: flex-start;
  min-height: 24px;
  margin-top: 0;
  height: 24px;
  line-height: 24px;
  align-items: center;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id > div {
  margin: 0;
  width: inherit;
  height: inherit;
  align-items: center;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id label {
  width: 165px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id > div + label {
  min-width: initial;
  grid-column: 1/3;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id > div + label + div + label {
  margin-left: 0 !important;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id button {
  max-width: fit-content;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id + .for-id label {
  display: flex;
  flex-direction: column;
  height: 24px;
  line-height: 1;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id + .for-id label span + span {
  font-size: 10px;
  line-height: 1.1;
  align-self: flex-start;
  display: flex;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id-sm {
  display: grid;
  width: 100%;
  grid-template-columns: 160px 90px calc(100% - 296px);
  grid-gap: 8px;
  height: 10px;
  line-height: 10px;
  margin-top: 0;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id-sm > div {
  margin: 0;
  width: inherit;
  height: inherit;
  align-items: flex-start;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id-sm > span {
  min-width: initial;
  font-size: 10px;
}
.loan-context-wrapper .loan-context .context-panel .context-content div .context-content-row.for-id-sm button {
  max-width: fit-content;
}
.loan-context-wrapper .loan-context .context-panel .context-content.three-cols .context-content-row {
  display: grid;
  width: 100%;
  grid-template-columns: 220px 90px;
  grid-gap: 8px;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button {
  border: 1px solid #0ca597;
  height: 30px;
  width: 100% !important;
  display: flex;
  align-items: center;
  padding: 4px 0;
  margin: 0 !important;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button > a {
  width: inherit;
  background: rgba(255, 255, 255, 0);
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #0ca597;
  text-decoration: none;
  padding: 0 6px 0 24px;
  justify-content: left;
  position: relative;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button > a:before {
  content: url(/content/img/upload-icon.svg);
  position: absolute;
  left: 7px;
  top: 1px;
  height: 14px;
  width: 12px;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button:hover {
  background: #fff;
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button:active, .loan-context-wrapper .loan-context .context-panel .counseling-upload-button:active:focus {
  background: #f2faf9;
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  transition: 0.1s;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button:active > a, .loan-context-wrapper .loan-context .context-panel .counseling-upload-button:active:focus > a {
  color: #027373;
  text-decoration: none;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon {
  height: 35px;
  border: 1px solid #dcdedf;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon > a {
  background: #fff;
  border-radius: 2px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 33px;
  box-sizing: border-box;
  color: #0ca597;
  padding: 0 16px 0 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: 0.1s;
  position: relative;
  overflow: hidden;
  justify-content: flex-start;
  /*
  &:after {
      content: url(/content/img/mark-certificate-32-px.svg);
      position: absolute;
      right: 5px;
      top: 0px;
      height: 16px;
  }
  */
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon:hover {
  background: #fff;
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  transition: 0.1s;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon:hover > a {
  height: 33px;
  width: inherit;
  background: rgba(255, 255, 255, 0);
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 33px;
  color: #0ca597;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon:hover > a:before {
  content: url(/content/img/base-action-view-in-poup-16-px-rest.svg);
  position: absolute;
  left: 5px;
  top: 4px;
  height: 16px;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon:active, .loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon:active:focus {
  background: #f2faf9;
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  transition: 0.1s;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon:active > a, .loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon:active:focus > a {
  height: 33px;
  width: inherit;
  background: rgba(255, 255, 255, 0);
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 33px;
  color: #027373;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon:active > a:before, .loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon:active:focus > a:before {
  content: url(/content/img/base-action-view-in-poup-16-px-hover-pressed.svg);
  position: absolute;
  left: 5px;
  top: 4px;
  height: 16px;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.counseling-icon-doc {
  border: 1px solid #dcdedf;
  display: block;
  text-align: center;
  /*
  &:after {
      content: url(/content/img/mark-certificate-green.svg);
      height: 32px;
  } */
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.readonly {
  border: 1px solid #ccc !important;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.readonly a {
  color: #ccc !important;
  pointer-events: none;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.readonly a * {
  color: #ccc !important;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.readonly a:before {
  content: url(/content/img/base-action-add-16-px-inactive.svg);
  position: absolute;
  left: 5px;
  top: 4px;
  height: 16px;
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.readonly:hover {
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0);
}
.loan-context-wrapper .loan-context .context-panel .counseling-upload-button.readonly:active, .loan-context-wrapper .loan-context .context-panel .counseling-upload-button.readonly:active:focus {
  background: rgba(255, 255, 255, 0);
}
.loan-context-wrapper .loan-context > .context-panel:first-child .context-content-row {
  justify-content: flex-start !important;
}
.loan-context-wrapper .loan-context > .context-panel:first-child .context-content-row > label:first-child {
  min-width: 90px !important;
}
.loan-context-wrapper .loan-context .context-panel-column-wrapper {
  display: grid;
  grid-template-columns: 390px 380px;
  grid-gap: 4px;
  margin: 4px 4px 0 4px;
  width: calc(100% - 8px);
}
.loan-context-wrapper .loan-context .context-panel-column-wrapper .context-panel {
  margin: 0;
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel-column-wrapper .context-panel + .context-panel {
  margin-top: 4px;
}
.loan-context-wrapper .loan-context .context-panel-column-wrapper > div:nth-child(1) > .context-panel + .context-panel {
  height: 188px;
}
.loan-context-wrapper .loan-context .context-panel-column-wrapper + .context-panel {
  margin-top: 4px;
  min-height: fit-content;
}
.loan-context-wrapper .loan-context .context-panel-column {
  background: #f0f5f7;
}
.loan-context-wrapper .loan-context .context-panel-column .context-panel .context-content {
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel-column .context-panel .context-content > div {
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel-column .context-panel .context-content > div span {
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel-column .context-panel .context-content .context-content-row {
  width: 100%;
}
.loan-context-wrapper .loan-context .context-panel-column .context-panel .context-content .context-content-row > label {
  min-width: 160px !important;
}
.loan-context-wrapper .loan-context .context-panel-column .context-panel .context-content .context-content-row input.field {
  min-width: 90px !important;
  width: 100%;
  text-align: right;
}
.loan-context-wrapper .loan-context .context-panel-column .context-panel + .context-panel {
  border-top: 4px solid #dae2e6;
}
.loan-context-wrapper.context-fields {
  height: 100%;
}
.loan-context-wrapper.context-fields .loan-context {
  height: calc(100% - 40px);
}
.loan-context-wrapper.context-fields .loan-context .context-panel .context-content .select-dropdown {
  width: 330px;
}

/*********end settlement-ledger****/
.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.new-expense-popup {
  border: solid 2px rgba(12, 165, 151, 0.2);
  background: #fff;
  z-index: 1111;
  position: absolute;
  left: -1px;
  top: 23px;
  padding: 10px;
}
.new-expense-popup h2 {
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  color: #000;
  line-height: 24px;
  min-width: 100%;
  margin-bottom: 20px !important;
  padding: 0 0 2px 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.new-expense-popup .expense-content {
  display: inline-flex;
  justify-content: flex-start;
  align-content: flex-start;
}
.new-expense-popup .expense-content h3 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0 0 8px 0;
  line-height: 16px;
  min-width: 220px;
  padding: 0 8px;
  width: 220px;
}
.new-expense-popup .expense-content .expense-column {
  min-width: 220px;
  width: 220px;
  padding: 0 0 16px 0;
}
.new-expense-popup .expense-content .expense-column a {
  display: block;
  height: initial;
  min-width: 100%;
  background: none;
  font-size: 12px;
  padding: 2px 8px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.87);
  font-family: Roboto-Regular, sans-serif !important;
}
.new-expense-popup .expense-content .expense-column a:hover {
  background: rgba(12, 165, 151, 0.2);
}
.new-expense-popup .expense-content .expense-column a:active:focus, .new-expense-popup .expense-content .expense-column a:active {
  background: rgba(12, 165, 151, 0.4);
}
.new-expense-popup .expense-content .expense-column + .expense-column {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  margin-left: 8px;
  padding-left: 8px;
}
.new-expense-popup .expense-content.columns-1 {
  display: inline-flex;
  width: 220px;
}
.new-expense-popup .expense-content.columns-2 {
  display: inline-flex;
  width: 440px;
}
.new-expense-popup .expense-content.columns-3 {
  display: flex;
  flex-direction: column;
  max-height: 350px;
  flex-wrap: wrap;
  width: 440px;
}
.new-expense-popup .expense-content.columns-4 {
  display: flex;
  flex-direction: column;
  max-height: 350px;
  flex-wrap: wrap;
  width: 440px;
}
.new-expense-popup .expense-content.columns-5 {
  display: flex;
  flex-direction: column;
  max-height: 350px;
  flex-wrap: wrap;
  width: 660px;
}
.new-expense-popup .expense-content.columns-6 {
  display: flex;
  flex-direction: column;
  max-height: 350px;
  flex-wrap: wrap;
  width: 660px;
}
.new-expense-popup .expense-content.columns-7 {
  display: flex;
  flex-direction: column;
  max-height: 350px;
  flex-wrap: wrap;
  width: 904px;
}
.new-expense-popup .expense-content.columns-7 .expense-column:nth-child(1) + .expense-column {
  border: 0px !important;
  padding-left: 0;
  margin-left: 0;
}

.new-expense-link {
  position: relative;
  margin-left: 5px;
  margin-bottom: 6px;
  padding: 3px 5px;
  font-family: Roboto-Regular, sans-serif;
  color: #0ca597;
  font-size: 16px;
  background-color: #e6f6f4;
  border: 1px solid rgba(12, 165, 151, 0.2);
  cursor: pointer;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.new-expense-link:after {
  font-family: "MaterialIcons";
  content: "list";
  color: #0ca597;
  font-size: 24px;
  line-height: 16px;
  margin-left: 5px;
}

.workflow-panel-nav.left {
  justify-content: flex-start !important;
}

.financial-assessment-wrapper {
  min-width: 1207px !important;
}
.financial-assessment-wrapper .workflow-panel-header {
  margin: 4px;
}
.financial-assessment-wrapper .workflow-panel-header .workflow-panel-nav {
  justify-content: space-between;
  background: initial;
  height: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.financial-assessment-wrapper .workflow-panel-header h2 {
  margin: 0;
  padding: 0 8px;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  color: #002D41;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  line-height: 32px;
  position: relative;
  height: 100%;
  background: initial;
}
.financial-assessment-wrapper .workflow-panel-header a {
  border: 0;
  padding-right: 0;
  padding-bottom: 8px;
  height: 18px;
  line-height: 18px;
}
.financial-assessment-wrapper .financial-assessment-content {
  width: 1200px;
  display: grid;
  padding: 0 0 0 4px;
  grid-template-columns: 597px 597px;
  grid-gap: 4px;
}
.financial-assessment-wrapper .financial-assessment-content .ledger-grid-category {
  display: inline-flex;
  min-width: 100%;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.financial-assessment-wrapper .financial-assessment-content .ledger-grid-category label {
  margin-bottom: 0;
  margin-right: 5px;
}
.financial-assessment-wrapper .financial-assessment-content .ledger-grid-category a {
  position: relative !important;
  line-height: 16px !important;
}
.financial-assessment-wrapper .financial-assessment-content .button-row button {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #fff;
  display: inline-flex;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 45, 65, 0.2);
  outline: none !important;
  box-shadow: none !important;
  background: #04BFAD;
  min-width: 120px;
}
.financial-assessment-wrapper .financial-assessment-content .button-row button[disabled] {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
  background: #F6F9F8;
}
.financial-assessment-wrapper .financial-assessment-content .button-row button:hover, .financial-assessment-wrapper .financial-assessment-content .button-row button:active {
  background: #059e8f;
}
.financial-assessment-wrapper .financial-assessment-content .button-row button:active:focus {
  background: #048477;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid-two {
  display: grid;
  grid-template-columns: 50% 5px auto;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid-two .gap {
  display: block;
  height: 100%;
  width: 100%;
  background: #dcdedf;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid-two .worksheet {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px 10px 10px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid-two .worksheet a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  width: 200px;
  height: 258px;
  border: 1px solid rgba(255, 255, 255, 0);
  transition: 0.3s;
  overflow: hidden;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid-two .worksheet a img {
  width: 198px;
  height: 256px;
  margin-left: -2px;
  pointer-events: none;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid-two .worksheet a:hover, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid-two .worksheet a:active, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid-two .worksheet a:active:focus {
  border: 1px solid #027373;
  transition: 0.3s;
}
.financial-assessment-wrapper .financial-assessment-content .footnote .loan-editor > div > div {
  height: 100% !important;
}
.financial-assessment-wrapper .financial-assessment-content .footnote .loan-editor .editor > div {
  max-width: 1172px !important;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid {
  display: flex;
  flex-direction: column;
  padding: 8px;
  margin: 0px 0 0 0px;
  background: #f0f5f7;
  /***/
  /**/
  /***/
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid {
  padding: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-header-row {
  position: relative;
  display: flex;
  flex-direction: column;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-header-row a {
  font-size: 24px;
  line-height: 24px;
  text-align: right;
  color: #0ca597;
  position: absolute;
  right: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-header-row a i {
  font-size: 24px;
  line-height: 24px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-header-row .household-field {
  display: flex;
  flex-direction: row;
  width: 133px;
  align-items: center;
  position: absolute;
  right: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-header-row .household-field label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  margin-right: 4px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-header-row .household-field label + div {
  width: 30px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid h3 {
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 14px;
  text-transform: initial;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  line-height: 30px;
  height: 30px;
  background: #f0f5f7;
  position: relative;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-header-row {
  display: inline-grid;
  background: #e3eaed;
  grid-template-columns: auto 80px 80px 120px 30px;
  min-width: 100%;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-header-row > div {
  padding: 0 5px;
  line-height: 24px;
  height: 24px;
  min-height: 24px;
  width: 100%;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-header-row > div a {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-header-row > div span {
  min-height: 100%;
  cursor: pointer;
  display: flex;
  position: relative;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-header-row > div span.up-arrow {
  position: absolute;
  right: 0;
  top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-header-row > div span.up-arrow:before {
  color: rgba(0, 0, 0, 0.54);
  font-family: "MaterialIcons";
  content: "arrow_drop_up";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-header-row > div span.down-arrow {
  position: absolute;
  right: 0;
  top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-header-row > div span.down-arrow:before {
  color: rgba(0, 0, 0, 0.54);
  font-family: "MaterialIcons";
  content: "arrow_drop_down";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-header-row.residual-or-factor-row {
  grid-template-columns: 50px auto 80px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .willingness {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .willingness > div + div {
  margin-top: 10px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .willingness + div {
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 12px;
  line-height: 14px;
  margin-top: auto;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table-header {
  font-family: Roboto-Medium, sans-serif;
  padding-left: 5px;
  font-size: 12px;
  line-height: 24px;
  color: #4a4a4a;
  background: rgba(0, 45, 65, 0.05);
  border: 0;
  width: 100%;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table-header-short {
  font-family: Roboto-Medium, sans-serif;
  padding-left: 5px;
  font-size: 12px;
  line-height: 24px;
  color: #4a4a4a;
  background: rgba(0, 45, 65, 0.05);
  border: 0;
  width: 100%;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table {
  display: grid;
  width: 107px;
  border: 0;
  grid-template-columns: 25px 25px 25px 25px;
  padding-bottom: 5px;
  padding-top: 5px;
  grid-template-rows: 18px 18px 18px;
  margin-top: 5px;
  grid-gap: 1px;
  background: rgba(0, 0, 0, 0.02);
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table > div {
  display: flex;
  min-width: 16px;
  justify-content: flex-end;
  align-items: center;
  padding: 0 5px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  color: #FF2B00;
  line-height: 18px;
  background: rgba(0, 0, 0, 0.05);
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table > div:nth-child(1), .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table > div:nth-child(2), .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table > div:nth-child(3), .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table > div:nth-child(4), .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table > div:nth-child(5), .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table > div:nth-child(9) {
  color: rgba(0, 0, 0, 0.7);
  background: transparent;
  padding-left: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table > div.uncheck:before {
  font-family: "MaterialIcons";
  content: "close";
  font-size: 16px;
  color: #FF2B00;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table-short {
  display: grid;
  width: 55px;
  padding-top: 3px;
  grid-template-columns: 25px 25px;
  border: 0;
  grid-template-rows: 18px 18px;
  padding-bottom: 5px;
  margin-top: 5px;
  grid-gap: 1px;
  background: rgba(0, 0, 0, 0.02);
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table-short > div {
  display: flex;
  min-width: 16px;
  justify-content: center;
  align-items: center;
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  color: #FF2B00;
  line-height: 18px;
  background: rgba(0, 0, 0, 0.05);
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table-short > div:nth-child(1), .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table-short > div:nth-child(3) {
  color: rgba(0, 0, 0, 0.7);
  background: transparent;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-table-short > div.uncheck:before {
  font-family: "MaterialIcons";
  content: "close";
  font-size: 16px;
  color: #FF2B00;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .check-row {
  display: inline-flex;
  min-width: 100%;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  margin-left: 2px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 16px;
  /**/
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .check-row .checklist {
  align-items: center;
  position: relative;
  height: 18px;
  width: 18px;
  min-height: 18px;
  min-width: 18px;
  margin-top: 0;
  border: 0;
  margin-right: 5px;
  z-index: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .check-row .checklist label[data-readonly=readonly] {
  cursor: default;
  pointer-events: none;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .check-row .checklist label[data-readonly=readonly]:before {
  color: rgba(0, 0, 0, 0.3) !important;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .check-row .checklist label[data-readonly=readonly]:after {
  background: inherit;
  opacity: 0.5;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .check-row .checklist + label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 16px;
  margin-bottom: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns {
  display: grid;
  width: 100%;
  border: 1px solid #d8e0e3;
  border-left: 0;
  border-right: 0;
  grid-template-columns: 35px auto 100px;
  padding-bottom: 5px;
  padding-top: 5px;
  grid-template-rows: 14px;
  grid-gap: 1px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns + .financial-assessment-grid-three-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns + .financial-assessment-grid-four-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns + .financial-assessment-grid-two-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns > div {
  display: flex;
  min-width: 16px;
  justify-content: flex-start;
  align-items: center;
  padding: 0 5px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 16px;
  background: transparent;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns > div.uncheck:before {
  font-family: "MaterialIcons";
  content: "close";
  font-size: 14px;
  color: #FF2B00;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns a + a {
  margin-left: 5px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns a {
  color: rgba(12, 165, 151, 0.7);
  visibility: hidden;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns:hover a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns:active a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns:active:focus a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns:focus a {
  visibility: visible;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns.headers {
  background: #e3eaed;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-three-columns.headers > div {
  font-family: Roboto-Medium, sans-serif !important;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns {
  display: grid;
  width: 100%;
  border: 1px solid #d8e0e3;
  border-left: 0;
  border-right: 0;
  grid-template-columns: 20px auto 80px 80px 130px;
  padding-bottom: 5px;
  padding-top: 5px;
  grid-template-rows: 14px;
  grid-gap: 1px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns + .financial-assessment-grid-four-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns + .financial-assessment-grid-three-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns + .financial-assessment-grid-two-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns .fa-amount > span {
  margin: 0 -12px 0 8px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns label {
  margin-bottom: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns > div {
  display: flex;
  min-width: 16px;
  justify-content: flex-end;
  align-items: center;
  padding: 0 5px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 16px;
  background: transparent;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns > div.uncheck:before {
  font-family: "MaterialIcons";
  content: "close";
  font-size: 14px;
  color: #FF2B00;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns > div:nth-child(2) {
  justify-content: flex-start;
  display: inline-flex;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns > div:nth-child(2) > label {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns > div:nth-child(2) > label + div {
  font-size: 12px !important;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns a + a {
  margin-left: 5px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns a {
  color: rgba(12, 165, 151, 0.7);
  position: relative;
  margin-top: -2px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns:hover a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns:active a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns:active:focus a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns:focus a {
  visibility: visible;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns.headers {
  background: #e3eaed;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns.headers > div {
  justify-content: flex-end;
  position: relative;
  font-family: Roboto-Medium, sans-serif !important;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns.headers > div:nth-child(2) {
  justify-content: flex-start;
  display: block;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns.total {
  grid-template-columns: auto 80px 80px 130px;
  background: rgba(0, 0, 0, 0.02);
  padding-bottom: 2px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d8e0e3 !important;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns.total > * {
  font-family: Roboto-Medium, sans-serif;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns.total > div {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  color: rgb(0, 0, 0);
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns.total > div:nth-child(1) {
  justify-content: flex-start;
  display: inline-flex;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns.total > div:nth-child(1) > label {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns.total > div:nth-child(1) > label + div {
  font-size: 12px !important;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns.total > div:nth-child(2) {
  justify-content: flex-end;
  display: inline-flex;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-four-columns.total + .financial-assessment-grid-two-columns {
  border: 1px dashed #d8e0e3 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns {
  display: grid;
  width: 100%;
  border: 1px dashed #d8e0e3;
  border-left: 0;
  border-right: 0;
  grid-template-columns: auto 130px;
  padding-bottom: 5px;
  padding-top: 5px;
  grid-template-rows: 14px;
  grid-gap: 1px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns input.field,
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns .select-module * {
  font-size: 12px !important;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns.warning {
  grid-template-columns: 100%;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns .lesa-warning {
  color: #FF2B00;
  line-height: 16px;
  font-size: 12px;
  height: 24px;
  border-top: 1px solid #FF2B00;
  border-bottom: 1px solid #FF2B00;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns + .financial-assessment-grid-four-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns + .financial-assessment-grid-two-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns + .financial-assessment-grid-three-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns label {
  margin-bottom: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns > div {
  display: flex;
  min-width: 16px;
  justify-content: flex-end;
  align-items: center;
  padding: 0 5px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 16px;
  background: transparent;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns > div.uncheck:before {
  font-family: "MaterialIcons";
  content: "close";
  font-size: 14px;
  color: #FF2B00;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns > div:nth-child(1) {
  justify-content: flex-start;
  display: inline-flex;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns > div:nth-child(1) > label {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns a + a {
  margin-left: 5px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns a {
  color: rgba(12, 165, 151, 0.7);
  visibility: hidden;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns:hover a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns:active a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns:active:focus a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns:focus a {
  visibility: visible;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns.headers {
  background: #e3eaed;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns.headers > div {
  justify-content: flex-end;
  position: relative;
  font-family: Roboto-Medium, sans-serif !important;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-columns.headers > div:nth-child(1) {
  justify-content: flex-start;
  display: block;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-hecm-row {
  display: grid;
  width: 100%;
  border: 0;
  border-left: 0;
  border-right: 0;
  grid-template-columns: 258px 150px 12px 100px;
  padding-bottom: 7px;
  padding-top: 0;
  grid-template-rows: 21px;
  grid-gap: 4px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-hecm-row label {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 21px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-hecm-row-scope {
  display: grid;
  width: 100%;
  border: 0;
  border-left: 0;
  border-right: 0;
  padding-bottom: 7px;
  padding-top: 0;
  grid-template-rows: 21px;
  grid-gap: 4px;
  grid-template-columns: 258px 250px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-hecm-row-scope label {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 21px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col {
  display: grid;
  width: 100%;
  border: 1px solid #d8e0e3;
  grid-template-columns: auto 260px;
  padding-bottom: 5px;
  padding-top: 5px;
  grid-template-rows: 14px;
  grid-gap: 1px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col + .financial-assessment-grid-four-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col + .financial-assessment-grid-two-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col + .financial-assessment-grid-three-columns {
  border-top: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col label {
  margin-bottom: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col > div {
  display: flex;
  min-width: 16px;
  align-items: center;
  padding: 0 5px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 16px;
  background: transparent;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col > div.uncheck:before {
  font-family: "MaterialIcons";
  content: "close";
  font-size: 14px;
  color: #FF2B00;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col > div:nth-child(1) {
  justify-content: flex-start;
  display: inline-flex;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col > div:nth-child(1) > label {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col a + a {
  margin-left: 5px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col a {
  color: rgba(12, 165, 151, 0.7);
  visibility: hidden;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col:hover a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col:active a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col:active:focus a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col:focus a {
  visibility: visible;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col.headers {
  background: #e3eaed;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col.headers > div {
  justify-content: flex-end;
  position: relative;
  font-family: Roboto-Medium, sans-serif !important;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-two-col.headers > div:nth-child(1) {
  justify-content: flex-start;
  display: block;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row {
  display: inline-grid;
  border-bottom: 1px solid #d8e0e3;
  grid-template-columns: auto 80px 80px 120px 30px;
  background: #f0f5f7;
  min-width: 100%;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row > div {
  padding: 0 5px;
  line-height: 20px;
  height: 20px;
  min-height: 20px;
  width: 100%;
  max-width: 271px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row a + a {
  margin-left: 15px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row a {
  color: rgba(12, 165, 151, 0.7);
  visibility: hidden;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row:hover a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row:active a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row:active:focus a, .financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row:focus a {
  visibility: visible;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row.persentage {
  grid-template-columns: 481px 70px 30px;
  border-bottom: 0;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row.persentage > div {
  font-size: 14px;
  font-family: Roboto-Medium, sans-serif;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row.persentage > div:first-child {
  min-width: 481px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row.persentage > div:last-child {
  min-width: 70px;
  justify-content: flex-end;
  text-align: right;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row.residual-or-factor-row {
  grid-template-columns: 50px auto 80px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row.residual-or-factor-row > div {
  max-width: 100%;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row.form-long-label {
  grid-template-columns: 340px 60px 40px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row.form {
  grid-template-columns: 140px 200px 100px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row.form .amount {
  width: 85px;
  float: right;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row.form .percent {
  width: 45px;
  float: right;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row-total {
  display: inline-grid;
  grid-template-columns: 271px 80px 80px 120px 30px;
  border-bottom: 1px solid #d8e0e3;
  background: #f0f5f7;
  min-width: 100%;
  justify-content: flex-end;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row-total > div {
  padding: 0 5px;
  line-height: 20px;
  height: 20px;
  min-height: 20px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  justify-content: flex-end;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-row-total > div:first-child {
  justify-content: flex-start;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .financial-assessment-grid-amount {
  justify-content: flex-end;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .open_in_new {
  border: 0;
  background: none;
  width: 14px;
  height: 14px;
}
.financial-assessment-wrapper .financial-assessment-content .financial-assessment-grid .open_in_new:before {
  font-family: "MaterialIcons";
  content: "open_in_new";
  font-size: 14px;
  width: 14px;
  height: 14px;
  color: rgb(12, 165, 151);
  position: absolute;
  bottom: 0px;
}

.financial-assessment-percent-red {
  color: #FF2B00 !important;
}

.financial-assessment-percent-green {
  color: green !important;
}

.selected-row {
  padding: 5px 10px 0 10px !important;
}
.selected-row .select-dropdown {
  padding: 0 !important;
  width: 340px;
  min-width: 340px;
  position: relative !important;
}
.selected-row .select-dropdown .select-field {
  height: 24px !important;
  line-height: 24px !important;
}
.selected-row .select-dropdown .Select-menu-outer {
  width: 340px;
  max-width: 340px;
  position: absolute !important;
}
.selected-row .select-dropdown .Select-menu-outer .Select-menu {
  max-height: 190px !important;
}

.modals-body .description {
  padding: 8px 10px 0 10px !important;
  font-size: 14px !important;
}
.modals-body .description label {
  font-size: 14px !important;
}
.modals-body .asset-panel {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  padding: 0 8px 8px 0px;
  box-sizing: border-box;
  background: #f0f5f7;
  border: 0;
  margin: 0 0 5px 8px;
  position: relative;
  box-shadow: 0;
  /**/
  /**/
}
.modals-body .asset-panel.attachment-panel {
  max-height: calc(100vh - 610px);
}
.modals-body .asset-panel.attachment-panel .doc-modals.doc-upload {
  left: -8px !important;
  width: calc(100% + 8px);
}
.modals-body .asset-panel.attachment-panel .asset-header {
  margin-bottom: 8px;
  position: relative;
}
.modals-body .asset-panel:last-child {
  margin-right: 0 !important;
}
.modals-body .asset-panel input.field {
  border: 1px solid rgba(0, 45, 65, 0);
  background: #fff;
}
.modals-body .asset-panel input.field:hover, .modals-body .asset-panel input.field:active, .modals-body .asset-panel input.field:active:focus {
  border: 1px solid rgba(0, 45, 65, 0.2);
}
.modals-body .asset-panel .asset-attach-preheader {
  display: grid;
  grid-template-columns: 290px 90px 90px 120px;
  background: #e3eaed;
  color: rgba(0, 0, 0, 0.54);
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 24px;
}
.modals-body .asset-panel .asset-attach-preheader label {
  margin: 0;
  padding: 0 0 0 6px;
}
.modals-body .asset-panel .asset-attach-wrapper {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 100px;
}
.modals-body .asset-panel .asset-attach-wrapper .asset-attachments {
  grid-template-columns: 290px 90px 90px 120px;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader {
  border-radius: 2px;
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  border: 1px solid #dcdedf;
  background: #fff;
  display: flex;
  height: 100px;
  padding: 4px;
  margin-top: 4px;
  position: relative;
  /*****/
  /*****/
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  text-align: center;
  display: flex;
  height: 100px;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(1, 38, 35, 0.8);
  padding: 4px 4px;
  width: 100%;
  z-index: 99;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .file-name {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff !important;
  line-height: 16px;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .status {
  color: #fff !important;
  line-height: 16px;
  height: 16px;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .status:before {
  display: none;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .complited {
  color: #28941F;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .complited:before {
  display: none;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .error-load {
  color: #FF0000;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .error-load:before {
  display: none;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .loader-file-wrap {
  height: 18px !important;
  width: 100%;
  background: #fff;
  border: 1px solid #fff;
  position: relative;
  bottom: 0;
  display: flex;
  left: 0;
  flex-direction: row;
  justify-content: flex-start;
  margin: 4px 0;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .loader-file-wrap .loader-file-back {
  position: absolute;
  left: calc(50% - 10px);
  top: 0;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .loader-file-wrap .loader-file-active {
  height: 16px;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .loader-file-wrap.loading .loader-file-back {
  color: #304156;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .loader-file-wrap.loading .loader-file-active {
  background: #0ca597;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .loader-file-wrap.complete .loader-file-back {
  color: #fff;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .loader-file-wrap.complete .loader-file-active {
  background: #7ed321;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .loader-file-wrap.error-load .loader-file-back {
  color: #304156;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .file-uploader-info .loader-file-wrap.error-load .loader-file-active {
  background: #FF0000;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader > div {
  width: 100%;
  padding: 9px 0 0 29px;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader > div .upload-header {
  height: 20px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader > div .upload-header + div {
  height: 10px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 10px;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader > div ul {
  margin: 0;
  padding: 0 0 0 14px;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader > div ul li {
  height: 10px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 10px;
  line-height: 1.2;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader input[type=file] + div {
  position: relative;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader input[type=file] + div:before {
  content: url(/content/img/base-action-upload-16-px-rest-sm.svg);
  position: absolute;
  top: 35px;
  left: 6px;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .qr-emty {
  min-width: 90px;
  width: 90px;
  min-height: 90px;
  display: block;
  position: relative;
  background: #f2f4f5;
  border: 1px solid rgba(224, 224, 224, 0.2);
  padding: 0;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .qr-emty:after {
  content: url(/content/img/img-logo-watermark-sm.svg);
  position: absolute;
  height: 50px;
  width: 48px;
  top: 23px;
  left: 21px;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .mobile-upload-code {
  width: 90px;
  padding: 0;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader .mobile-upload-code img {
  width: 90px;
  height: 90px;
}
.modals-body .asset-panel .asset-attach-wrapper .row-uploader[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.modals-body .asset-panel h3 {
  margin: 0 0 8px 0;
  padding: 8px 0 8px 0;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 14px;
  text-transform: initial;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  line-height: 30px;
  height: 30px;
  position: relative;
}
.modals-body .asset-panel .asset-header {
  display: inline-flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  min-width: 100%;
  margin: 0;
  padding: 0;
  height: 32px;
  justify-content: space-between;
}
.modals-body .asset-panel .asset-header h3 {
  min-width: initial;
  margin: 0;
  padding: 0;
  border: 0;
}
.modals-body .asset-panel .asset-header .asset-header-links {
  display: flex;
}
.modals-body .asset-panel .asset-header .realestate-underwritting-button {
  min-height: 24px;
  height: 24px;
  min-width: 24px;
  width: 24px;
  display: flex !important;
  position: absolute !important;
  padding: 0;
  top: 4px;
  right: 4px;
  background: rgba(255, 255, 255, 0);
  border: 0;
  cursor: pointer;
}
.modals-body .asset-panel .asset-header .realestate-underwritting-button > div {
  display: none !important;
}
.modals-body .asset-panel .asset-header .realestate-underwritting-button:before {
  content: "";
  height: 26px;
  width: 26px;
  margin-right: 4px;
  background: url(/content/img/icons-ribbon-underwriting-24-px.svg);
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
}
.modals-body .asset-panel .open_in_new.product-button {
  position: absolute;
  right: 0;
}
.modals-body .asset-panel .options-button {
  border: 0;
  background: none;
  color: #0378d7;
  box-shadow: none;
  outline: none !important;
  padding: 0;
  height: 33px;
  width: 90px;
  position: absolute;
  right: 20px;
  top: 14px;
}
.modals-body .asset-panel .product-text {
  padding: 0;
  font-family: Roboto-Light, sans-serif !important;
  font-size: 14px;
  color: #000;
  font-weight: 100;
  display: inline-flex;
  min-width: 100%;
}
.modals-body .asset-panel .product-text > div {
  height: 25px;
  line-height: 25px;
  display: inline-flex;
  align-items: center;
}
.modals-body .asset-panel .product-text label {
  min-width: 86px;
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
  line-height: 25px;
}
.modals-body .asset-panel .product-text span {
  font-size: 15px;
}
.modals-body .asset-panel .product-text .asset-box {
  border: 1px solid #C0CDD3;
  display: inline;
  padding: 0 5px;
  font-family: Roboto-Regular, sans-serif;
  line-height: 25px;
  height: 24px;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modals-body .asset-panel .product-text .asset-box.product {
  width: 240px;
  max-width: 240px;
  font-size: 16px;
  padding: 0;
  border: 0;
}
.modals-body .asset-panel .product-label {
  font-family: Roboto-Light, sans-serif;
  font-size: 15px;
  color: #000;
  height: 15px;
  margin-left: 0px;
  margin-bottom: 15px;
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modals-body .asset-panel .asset-content {
  padding: 0 !important;
  font-family: Roboto-Light, sans-serif;
  font-size: 18px;
  /**/
  /**/
}
.modals-body .asset-panel .asset-content .select-dropdown {
  height: 20px !important;
  line-height: 20px !important;
}
.modals-body .asset-panel .asset-content .select-dropdown[data-state=ReadOnly] .Select-arrow-zone:before {
  line-height: 20px;
  font-size: 14px;
}
.modals-body .asset-panel .asset-content .select-dropdown .select-field {
  height: 20px;
  line-height: 20px;
  font-size: 12px !important;
}
.modals-body .asset-panel .asset-content .select-dropdown .Select-control {
  height: 20px !important;
  line-height: 20px;
}
.modals-body .asset-panel .asset-content .select-dropdown .Select-arrow-zone {
  height: 18px;
  line-height: 18px;
}
.modals-body .asset-panel .asset-content .select-dropdown .Select-arrow-zone:before {
  line-height: 20px;
  font-size: 14px;
}
.modals-body .asset-panel .asset-content .select-dropdown .Select-menu-outer {
  font-size: 12px;
}
.modals-body .asset-panel .asset-content .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  font-size: 12px !important;
  height: 20px;
  line-height: 20px;
}
.modals-body .asset-panel .asset-content .select-dropdown .Select--single > .Select-control .Select-value,
.modals-body .asset-panel .asset-content .select-dropdown .Select-placeholder {
  height: 20px;
  line-height: 20px !important;
  padding-right: 18px;
}
.modals-body .asset-panel .asset-content .select-dropdown > span {
  width: 100%;
}
.modals-body .asset-panel .asset-content .Select.is-focused .Select-control {
  height: 20px !important;
  line-height: 20px;
}
.modals-body .asset-panel .asset-content .Select.is-focused .Select--single > .Select-control .Select-value,
.modals-body .asset-panel .asset-content .Select.is-focused .Select-placeholder {
  height: 20px;
  line-height: 20px;
  padding-right: 18px;
}
.modals-body .asset-panel .asset-content .Select.is-open .Select-control {
  height: 20px !important;
  line-height: 20px;
}
.modals-body .asset-panel .asset-content .Select.is-open .Select--single > .Select-control .Select-value,
.modals-body .asset-panel .asset-content .Select.is-open .Select-placeholder {
  height: 20px !important;
  line-height: 20px !important;
}
.modals-body .asset-panel .asset-content .Select.is-open .Select-arrow-zone {
  height: 20px;
  line-height: 20px;
}
.modals-body .asset-panel .asset-content .Select.is-open .Select-arrow-zone:before {
  line-height: 20px;
  font-size: 14px;
}
.modals-body .asset-panel .asset-content .Select.is-open .Select-placeholder {
  height: 20px !important;
  line-height: 20px !important;
}
.modals-body .asset-panel .asset-content .Dropdown-root .Dropdown-control {
  border: 1px solid rgba(0, 45, 65, 0.2);
  padding: 0 15px 0 5px;
  border-radius: 0;
  box-sizing: border-box;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  box-shadow: none !important;
}
.modals-body .asset-panel .asset-content .Dropdown-root .Dropdown-control * {
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
}
.modals-body .asset-panel .asset-content .Dropdown-root .Dropdown-arrow {
  border-color: #e0e0e0 transparent transparent;
  border-style: solid;
  border-width: 3px 3px 0;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 0;
}
.modals-body .asset-panel .asset-content .Dropdown-root .Dropdown-menu {
  box-shadow: 0;
}
.modals-body .asset-panel .asset-content .Dropdown-root .Dropdown-menu .Dropdown-title {
  color: #000 !important;
  padding: 0 5px !important;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  height: 20px;
  line-height: 20px;
}
.modals-body .asset-panel .asset-content .Dropdown-root .Dropdown-menu .Dropdown-option {
  color: #000 !important;
  padding: 0 5px !important;
  font-family: Roboto-Light, sans-serif;
  font-size: 14px !important;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modals-body .asset-panel .asset-content input.field {
  border-color: #C6C7C8 !important;
}
.modals-body .asset-panel .asset-content .asset-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 1;
  min-height: 27px;
}
.modals-body .asset-panel .asset-content .asset-row label {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  margin-right: 10px;
  font-weight: 100;
  height: 24px;
  line-height: 25px;
  padding: 0;
  margin: 0;
}
.modals-body .asset-panel .asset-content .asset-row .text-editor {
  width: 140px;
  height: 24px;
  line-height: 25px;
  border: 1px solid #ddd;
  background: #fff;
}
.modals-body .asset-panel .asset-content .asset-row .text-editor .wrap-input {
  width: 100%;
  margin: 0;
}
.modals-body .asset-panel .asset-content .asset-row .text-editor .wrap-input span {
  width: 100%;
  height: 22px;
  font-size: 18px;
  color: #000;
  text-align: right;
}
.modals-body .asset-panel .asset-content .asset-row .text-editor .wrap-input button {
  display: none;
}
.modals-body .asset-panel .asset-content .asset-row .text-editor .wrap-input input {
  border: 0 !important;
  height: 22px;
  margin: 0;
  padding: 0;
  line-height: 25px;
}
.modals-body .asset-panel .asset-content .asset-row .input-field {
  width: 140px;
  height: 33px;
  display: flex;
  align-self: flex-start;
}
.modals-body .asset-panel .asset-content .asset-row .input-field .text-editor {
  width: 100%;
  height: 33px;
}
.modals-body .asset-panel .asset-content .asset-row .input-field .text-editor .wrap-input {
  margin: 0;
  justify-content: flex-end;
}
.modals-body .asset-panel .asset-content .asset-row .input-field .text-editor .wrap-input span {
  margin: 0;
}
.modals-body .asset-panel .asset-content .asset-row .input-field .text-editor .wrap-input input {
  border-radius: 0 !important;
  height: 33px;
}
.modals-body .asset-panel .asset-content .asset-row .input-field .text-editor .wrap-input button {
  display: none;
}
.modals-body .asset-panel .asset-content .asset-row .input-field .text-editor .wrap-input span {
  padding-right: 0;
}
.modals-body .asset-panel .asset-content .asset-row > div {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-left: 10px;
}
.modals-body .asset-panel .asset-content .asset-row > div > div {
  width: 100%;
}
.modals-body .asset-panel .asset-content .asset-row.warning {
  font-family: "Segoe";
  font-size: 13px;
  margin: 10px 0 10px 142px;
}
.modals-body .asset-panel .asset-content .asset-row.warning span {
  font-family: "SegoeUI";
  font-size: 13px;
  margin: 0 5px 0 0;
  padding: 0 5px;
  background: #FFC400;
}
.modals-body .asset-panel .asset-content .asset-row .select-dropdown {
  padding: 0;
}
.modals-body .asset-panel .asset-content .asset-row .select-dropdown .Select-menu-outer {
  top: 24px;
}
.modals-body .asset-panel .asset-content .asset-row .select-field {
  height: 25px;
  line-height: 25px;
}
.modals-body .asset-panel .asset-content .asset-contact-row {
  background: #e3eaed;
  justify-content: space-between;
  display: inline-flex;
  align-items: center;
  min-width: calc(100% + 16px);
  margin: 10px 0 10px -8px;
  padding-right: 5px;
}
.modals-body .asset-panel .asset-content .asset-contact-row label {
  font-size: 12px;
  font-family: Roboto-Medium, sans-serif;
  color: #000;
  padding: 9px 8px;
  margin: 0;
}
.modals-body .asset-panel .asset-content .asset-contact-row label + a {
  opacity: 0.87;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  text-align: right;
  color: #0ca597;
}
.modals-body .asset-panel .asset-content .asset-concat {
  display: inline-flex;
  justify-content: space-between;
  min-width: 100%;
}
.modals-body .asset-panel .asset-content .asset-content-row {
  display: flex;
  flex-direction: row;
  margin: 0;
  height: 24px;
  align-items: center;
}
.modals-body .asset-panel .asset-content .asset-content-row label + div {
  width: 100%;
  padding: 0;
}
.modals-body .asset-panel .asset-content .asset-content-row.asset-phone {
  font-size: 12px;
  font-family: Roboto-Regular, sans-serif;
}
.modals-body .asset-panel .asset-content .asset-content-row.asset-mail {
  font-size: 12px;
  font-family: Roboto-Regular, sans-serif;
}
.modals-body .asset-panel .asset-content .asset-content-row.asset-mail a {
  font-size: 12px;
  font-family: Roboto-Regular, sans-serif;
}
.modals-body .asset-panel .asset-content .asset-content-row.asset-address {
  font-size: 12px;
  font-family: Roboto-Regular, sans-serif;
}
.modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper {
  margin: 0 0 3px 0;
}
.modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper .select-dropdown {
  padding: 0;
}
.modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-control {
  position: relative;
  overflow: hidden;
  border: 1px solid #c9c9c9 !important;
  border-radius: 0;
  box-sizing: border-box;
  color: #333;
  cursor: default;
  outline: none;
  padding: 0 22px 0 5px;
  font-size: 12px;
  line-height: 22px;
  transition: all 200ms ease;
  white-space: nowrap;
  max-width: 100%;
}
.modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-control > div:first-child {
  overflow: hidden;
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-control .Dropdown-arrow {
  border-color: #e0e0e0 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  right: 5px;
  top: 10px;
  width: 0;
}
.modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-menu {
  font-size: 12px;
  border-color: #e0e0e0 !important;
}
.modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-menu .Dropdown-title {
  padding: 0 5px;
  font-size: 12px !important;
  line-height: 22px;
}
.modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper .Dropdown-menu .Dropdown-option {
  padding: 0 5px;
  font-size: 12px;
  line-height: 22px;
}
.modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper:hover .Dropdown-control, .modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper:active .Dropdown-control, .modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper:active:focus .Dropdown-control, .modals-body .asset-panel .asset-content .asset-content-row.dropdown-wrapper:focus .Dropdown-control {
  border-color: #e0e0e0 !important;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  margin: 0 0 0 5px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 0;
  line-height: 18px;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-label a {
  color: #000;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-label-input {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  margin: 0 5px 0 0;
  min-width: 67px;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-label-input a {
  color: #000;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-label-input + .asset-row-label-input {
  min-width: 75px !important;
  width: 75px !important;
  text-align: right;
  padding: 0 6px;
}
.modals-body .asset-panel .asset-content .asset-content-row.zip .asset-row-label-input + div {
  min-width: 47px;
  max-width: 47px;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields {
  width: 125px;
  font-family: Roboto-Regular, sans-serif;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields > div {
  height: 24px;
  width: 100%;
  margin: 0 1px;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields > div:nth-child(2) {
  width: 36px !important;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields > div > span {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding: 0 !important;
  font-size: 14px;
  color: #000;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields > div > span .wrap-input {
  min-width: 100% !important;
  margin: 0;
  justify-content: flex-end;
  background: #fff;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields > div > span .wrap-input span {
  margin: 0 5px !important;
  padding: 0 !important;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields span {
  height: 22px;
  font-size: 14px;
  color: #000;
  text-align: right;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields button {
  display: none;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip input {
  height: 25px !important;
  line-height: 25px;
  font-family: "Roboto-Regular";
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div {
  min-width: 63px;
  width: 63px;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div > div {
  height: 24px;
  line-height: 25px;
  display: flex;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip .state {
  min-width: 58px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border: 1px solid #c9c9c9;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip .state-select {
  height: 23px;
  width: calc(100% - 3.611rem);
  text-align: left;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip .state-select > div {
  height: 23px;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip .state-select a {
  padding: 1px 1px 1px 5px;
  line-height: 25px;
  height: 24px;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip .state-select a:before {
  right: -1px;
  top: 0;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div {
  margin: 0 4px 0 1px;
  height: 24px;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div:nth-child(2) {
  width: 36px;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div:nth-child(2) > span {
  padding: 0 !important;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip > div:nth-child(2) > span .wrap-input {
  min-width: 36px !important;
  margin: 0;
  padding: 0;
}
.modals-body .asset-panel .asset-content .asset-content-row .asset-row-fields.zip button {
  display: none;
}
.modals-body .asset-panel .asset-content .asset-content-row.value input.field {
  min-width: 75px !important;
  width: 75px !important;
}
.modals-body .asset-panel .asset-content .asset-content-row.tax-rate input.field {
  min-width: 50px !important;
  width: 50px !important;
}
.modals-body .asset-panel .asset-content .asset-content-row.tax-rate label.asset-row-label-input {
  min-width: 50px;
}
.modals-body .asset-panel .asset-content .asset-content-row.tax-rate label + div {
  display: inline-flex;
}
.modals-body .asset-panel .asset-content .asset-content-row.tax-rate label + div > label {
  font-family: Roboto-Regular, sans-serif !important;
  line-height: 20px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 100;
  margin: 0 0 0 5px;
}
.modals-body .asset-panel .asset-content .asset-content-row.asset-label {
  height: 20px;
  line-height: 16px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #000;
}
.modals-body .asset-panel .asset-content .asset-content-row.asset-label i {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px !important;
  display: flex;
  margin-right: 5px;
}
.modals-body .asset-panel .asset-content .asset-content-row.asset-label a {
  font-size: 12px !important;
  line-height: 16px;
}
.modals-body .asset-panel .asset-content .asset-content-row.asset-label > label {
  line-height: 16px;
  margin-bottom: 0;
}
.modals-body .asset-panel .asset-content .asset-content-row.asset-address {
  height: initial;
  line-height: 24px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #000;
  align-items: flex-start;
}
.modals-body .asset-panel .asset-content .asset-content-row.asset-address i {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px !important;
  display: flex;
  margin-right: 5px;
  margin-top: 3px;
}
.modals-body .asset-panel .asset-content .asset-content-row.asset-address > div {
  line-height: 16px;
}
.modals-body .asset-panel .asset-content .asset-content-row.dynamic {
  position: relative;
  height: 30px;
  align-items: flex-start;
}
.modals-body .asset-panel .asset-content .asset-content-row.dynamic .dynamic-row {
  position: absolute;
  font-size: 12px;
  left: 24px;
  top: 17px;
  line-height: 1;
  height: 14px;
  font-family: Roboto-Regular, sans-serif !important;
}
.modals-body .asset-panel .asset-content .asset-row-button {
  margin: 0.1667rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.modals-body .asset-panel .asset-content .asset-row-button.right {
  justify-content: flex-end;
  margin: 5px 0 0 0;
}
.modals-body .asset-panel .asset-content .asset-row-button button {
  margin: 0 5px;
}
.modals-body .asset-panel .asset-content.dissipation-list .asset-row-label-input {
  min-width: 95px;
}
.modals-body .asset-panel .asset-content.owners {
  overflow-x: hidden;
}
.modals-body .asset-panel button.attachments {
  margin-left: 15px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #027373;
  line-height: 1;
  border: 1px solid rgba(2, 115, 115, 0.2);
  border-radius: 2px;
  background: linear-gradient(to bottom, #CCFAFA, #B2E4E0);
  padding: 3px 8px 4px 8px;
  text-transform: initial;
}
.modals-body .asset-panel button.attachments:hover {
  color: #027373;
}
.modals-body .asset-panel button.attachments:active, .modals-body .asset-panel button.attachments:active:focus, .modals-body .asset-panel button.attachments:focus {
  color: #027373 !important;
}
.modals-body .asset-panel button.attachments[disabled] {
  pointer-events: none;
  color: #027373;
  opacity: 0.5;
}
.modals-body .asset-panel .asset-small {
  width: 15.61rem;
  min-width: 15.61rem;
}
.modals-body .asset-panel .asset-aside {
  width: 458px;
  height: inherit;
}
.modals-body .asset-panel .asset-aside .asset-row label {
  min-width: calc(100% - 75px);
}
.modals-body .asset-panel .asset-aside .asset-row label + div {
  margin-left: 0 !important;
}
.modals-body .asset-panel .asset-aside .asset-row input.field {
  min-width: 75px !important;
  width: 75px !important;
  margin: 0 !important;
}
.modals-body .asset-panel .asset-middle {
  width: 397px;
  min-width: 397px;
}
.modals-body .asset-panel .asset-middle .asset-content-row {
  margin: 0.1667rem 0;
  line-height: 25px;
  min-height: 25px;
}
.modals-body .asset-panel .asset-middle .asset-content-row > label {
  min-width: 7.833rem;
  margin: 0;
}
.modals-body .asset-panel .asset-middle .asset-content-row > label + div {
  min-width: 9.444rem;
}
.modals-body .asset-panel .asset-middle .asset-content-row > label + div a {
  line-height: 25px;
}
.modals-body .asset-panel .asset-middle .asset-content-row a {
  display: inline-flex;
  align-items: center;
}
.modals-body .footnote h3 {
  padding: 0;
  height: 20px;
  line-height: 20px;
  min-height: 20px;
}
.modals-body .footnote .loan-editor {
  border: 1px solid #c9c9c9;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  max-width: inherit;
  min-height: 94px;
  height: 394px;
  margin-left: 0;
}
.modals-body .footnote .loan-editor > * {
  min-width: 100%;
  width: inherit;
}
.modals-body .footnote .loan-editor > label {
  padding: 20px 20px 0 20px;
  margin: 0;
  font-size: 16px;
  line-height: 1;
}
.modals-body .footnote .loan-editor > div {
  height: 100%;
  max-width: inherit;
}
.modals-body .footnote .loan-editor > div > div {
  height: inherit;
  max-width: inherit;
}
.modals-body .footnote .loan-editor > div > div .editor-scroll-wrap {
  max-height: calc(100% - 32px);
  overflow-y: auto;
}
.modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span:hover, .modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span:active, .modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span:active:focus, .modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span:focus, .modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span:hover, .modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span:active, .modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span:active:focus, .modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span:focus, .modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.modals-body .footnote .loan-editor > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.modals-body .footnote .loan-editor > div > div .editor {
  height: calc(100% - 2px);
  max-width: inherit;
}
.modals-body .footnote .loan-editor > div > div .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  padding: 10px;
  line-height: 1.4;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
}
.modals-body .footnote .loan-editor > div > div .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.modals-body .footnote .loan-editor > div > div .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.modals-body .footnote .loan-editor .menu.slate-toolbar-menu[style="display: none;"] + .editor > div {
  height: 100%;
}
.modals-body .footnote .loan-editor .menu.slate-toolbar-menu[style="display: flex;"] + .editor > div {
  height: calc(100% - 32px);
}
.modals-body button.attachments {
  margin-left: 15px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #027373;
  line-height: 1;
  border: 1px solid rgba(2, 115, 115, 0.2);
  border-radius: 2px;
  background: linear-gradient(to bottom, #CCFAFA, #B2E4E0);
  padding: 3px 8px 4px 8px;
  text-transform: initial;
}
.modals-body button.attachments:hover {
  color: #027373;
}
.modals-body button.attachments:active, .modals-body button.attachments:active:focus, .modals-body button.attachments:focus {
  color: #027373 !important;
}
.modals-body button.attachments[disabled] {
  pointer-events: none;
  color: #027373;
  opacity: 0.5;
}
.modals-body .asset-small {
  width: 15.61rem;
  min-width: 15.61rem;
}
.modals-body .asset-aside {
  width: 458px;
  height: inherit;
}
.modals-body .asset-aside .asset-row label {
  min-width: calc(100% - 75px);
}
.modals-body .asset-aside .asset-row label + div {
  margin-left: 0 !important;
}
.modals-body .asset-aside .asset-row input.field {
  min-width: 75px !important;
  width: 75px !important;
  margin: 0 !important;
}
.modals-body .asset-middle {
  width: 397px;
  min-width: 397px;
}
.modals-body .asset-middle .asset-content-row {
  margin: 0.1667rem 0;
  line-height: 25px;
  min-height: 25px;
}
.modals-body .asset-middle .asset-content-row > label {
  min-width: 7.833rem;
  margin: 0;
}
.modals-body .asset-middle .asset-content-row > label + div {
  min-width: 9.444rem;
}
.modals-body .asset-middle .asset-content-row > label + div a {
  line-height: 25px;
}
.modals-body .asset-middle .asset-content-row a {
  display: inline-flex;
  align-items: center;
}
.modals-body .asset-attachments {
  display: grid;
  grid-template-columns: auto 90px 90px 90px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 5px;
}
.modals-body .asset-attachments > div {
  height: 25px;
  line-height: 25px;
  display: flex;
  align-items: center;
}
.modals-body .asset-attachments > div > div {
  padding-right: 0px;
  width: 100%;
}
.modals-body .asset-attachments label {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  margin-right: 10px;
  font-weight: 100;
  height: 24px;
  line-height: 25px;
  padding: 0;
  margin: 0;
}
.modals-body .asset-attachments input.field {
  background: transparent !important;
}
.modals-body .asset-attachments input.field:hover, .modals-body .asset-attachments input.field:active, .modals-body .asset-attachments input.field:active:focus, .modals-body .asset-attachments input.field:focus {
  background: #fff !important;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
.modals-body .asset-attachments input.field[readonly]:hover, .modals-body .asset-attachments input.field[readonly]:active, .modals-body .asset-attachments input.field[readonly]:active:focus, .modals-body .asset-attachments input.field[data-state=ReadOnly], .modals-body .asset-attachments input.field[data-state=ReadOnly]:hover, .modals-body .asset-attachments input.field[data-state=ReadOnly]:active, .modals-body .asset-attachments input.field[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments input.field[data-state=ReadOnly]:focus {
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}
.modals-body .asset-attachments .asset-actions a {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #04BFAD;
  padding: 0 5px;
}
.modals-body .asset-attachments .asset-actions a + a {
  margin-left: 5px;
}
.modals-body .asset-attachments .asset-actions a:hover, .modals-body .asset-attachments .asset-actions a:active, .modals-body .asset-attachments .asset-actions a:active:focus {
  background: #ceedea;
}
.modals-body .asset-attachments .asset-doc-type {
  font-family: "SegoeUI";
  cursor: pointer;
  font-size: 10px;
  width: 24px;
  margin-right: 0 !important;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.modals-body .asset-attachments .asset-doc-type.doc {
  background: #B2E0FF;
  border: 1px solid rgba(4, 155, 255, 0.5);
  color: #049BFF;
}
.modals-body .asset-attachments .asset-doc-type.pdf {
  background: #FFD8B1;
  border: 1px solid rgba(255, 128, 0, 0.5);
  color: #FF8000;
}
.modals-body .asset-attachments a.attachments {
  visibility: hidden;
}
.modals-body .asset-attachments:hover {
  background: #ceedea;
}
.modals-body .asset-attachments:hover a.attachments {
  visibility: visible;
}
.modals-body .asset-attachments:hover input.field {
  background: #fff !important;
  border: 1px solid #b6c3d3;
}
.modals-body .asset-attachments:hover input.field[readonly]:hover, .modals-body .asset-attachments:hover input.field[readonly]:active, .modals-body .asset-attachments:hover input.field[readonly]:active:focus, .modals-body .asset-attachments:hover input.field[data-state=ReadOnly], .modals-body .asset-attachments:hover input.field[data-state=ReadOnly]:hover, .modals-body .asset-attachments:hover input.field[data-state=ReadOnly]:active, .modals-body .asset-attachments:hover input.field[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments:hover input.field[data-state=ReadOnly]:focus {
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}
.modals-body .asset-attachments-static {
  display: grid;
  grid-template-columns: 20px calc(45% - 20px) 80px auto;
}
.modals-body .asset-attachments-static > div {
  height: 25px;
  line-height: 25px;
  display: flex;
  align-items: center;
}
.modals-body .asset-attachments-static > div > div {
  padding-right: 0px;
  width: 100%;
}
.modals-body .asset-attachments-static label {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  margin-right: 10px;
  font-weight: 100;
  height: 24px;
  line-height: 25px;
  padding: 0;
  margin: 0;
}
.modals-body .asset-attachments-static input.field {
  background: transparent !important;
  color: rgba(0, 0, 0, 0.2) !important;
}
.modals-body .asset-attachments-static input.field:hover, .modals-body .asset-attachments-static input.field:active, .modals-body .asset-attachments-static input.field:active:focus, .modals-body .asset-attachments-static input.field:focus {
  background: #fff !important;
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}
.modals-body .asset-attachments-static input.field:hover[readonly]:hover, .modals-body .asset-attachments-static input.field:hover[readonly]:active, .modals-body .asset-attachments-static input.field:hover[readonly]:active:focus, .modals-body .asset-attachments-static input.field:hover[data-state=ReadOnly], .modals-body .asset-attachments-static input.field:hover[data-state=ReadOnly]:hover, .modals-body .asset-attachments-static input.field:hover[data-state=ReadOnly]:active, .modals-body .asset-attachments-static input.field:hover[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments-static input.field:hover[data-state=ReadOnly]:focus, .modals-body .asset-attachments-static input.field:active[readonly]:hover, .modals-body .asset-attachments-static input.field:active[readonly]:active, .modals-body .asset-attachments-static input.field:active[readonly]:active:focus, .modals-body .asset-attachments-static input.field:active[data-state=ReadOnly], .modals-body .asset-attachments-static input.field:active[data-state=ReadOnly]:hover, .modals-body .asset-attachments-static input.field:active[data-state=ReadOnly]:active, .modals-body .asset-attachments-static input.field:active[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments-static input.field:active[data-state=ReadOnly]:focus, .modals-body .asset-attachments-static input.field:active:focus[readonly]:hover, .modals-body .asset-attachments-static input.field:active:focus[readonly]:active, .modals-body .asset-attachments-static input.field:active:focus[readonly]:active:focus, .modals-body .asset-attachments-static input.field:active:focus[data-state=ReadOnly], .modals-body .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:hover, .modals-body .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:active, .modals-body .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:focus, .modals-body .asset-attachments-static input.field:focus[readonly]:hover, .modals-body .asset-attachments-static input.field:focus[readonly]:active, .modals-body .asset-attachments-static input.field:focus[readonly]:active:focus, .modals-body .asset-attachments-static input.field:focus[data-state=ReadOnly], .modals-body .asset-attachments-static input.field:focus[data-state=ReadOnly]:hover, .modals-body .asset-attachments-static input.field:focus[data-state=ReadOnly]:active, .modals-body .asset-attachments-static input.field:focus[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments-static input.field:focus[data-state=ReadOnly]:focus {
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}
.modals-body .asset-attachments-static .asset-actions {
  justify-content: center;
}
.modals-body .asset-attachments-static .asset-actions a {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.2);
}
.modals-body .asset-attachments-static .asset-actions a + a {
  margin-left: 5px;
}
.modals-body .asset-attachments-static .asset-actions a:hover, .modals-body .asset-attachments-static .asset-actions a:active, .modals-body .asset-attachments-static .asset-actions a:active:focus {
  background: #ceedea;
}
.modals-body .asset-attachments-static .asset-doc-type {
  font-family: "SegoeUI";
  cursor: pointer;
  font-size: 10px;
  width: 24px;
  margin-right: 0 !important;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.modals-body .asset-attachments-static .asset-doc-type.doc {
  background: #B2E0FF;
  border: 1px solid rgba(4, 155, 255, 0.5);
  color: #049BFF;
}
.modals-body .asset-attachments-static .asset-doc-type.pdf {
  background: #FFD8B1;
  border: 1px solid rgba(255, 128, 0, 0.5);
  color: #FF8000;
}
.modals-body .asset-attachments-static:hover {
  background: #ceedea;
}
.modals-body .asset-attachments-static:hover .asset-actions a {
  color: #04BFAD;
}
.modals-body .asset-attachments-static:hover input.field {
  background: #fff !important;
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}
.modals-body .asset-attachments-static:hover input.field[readonly]:hover, .modals-body .asset-attachments-static:hover input.field[readonly]:active, .modals-body .asset-attachments-static:hover input.field[readonly]:active:focus, .modals-body .asset-attachments-static:hover input.field[data-state=ReadOnly], .modals-body .asset-attachments-static:hover input.field[data-state=ReadOnly]:hover, .modals-body .asset-attachments-static:hover input.field[data-state=ReadOnly]:active, .modals-body .asset-attachments-static:hover input.field[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments-static:hover input.field[data-state=ReadOnly]:focus {
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}
.modals-body .asset-attachments {
  display: grid;
  grid-template-columns: 45% 90px 90px auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 5px;
}
.modals-body .asset-attachments > div {
  height: 25px;
  line-height: 25px;
  display: flex;
  align-items: center;
}
.modals-body .asset-attachments > div > div {
  padding-right: 0px;
  width: 100%;
}
.modals-body .asset-attachments label {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  margin-right: 10px;
  font-weight: 100;
  height: 24px;
  line-height: 25px;
  padding: 0;
  margin: 0;
}
.modals-body .asset-attachments input.field {
  background: transparent !important;
}
.modals-body .asset-attachments input.field:hover, .modals-body .asset-attachments input.field:active, .modals-body .asset-attachments input.field:active:focus, .modals-body .asset-attachments input.field:focus {
  background: #fff !important;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
.modals-body .asset-attachments input.field[readonly]:hover, .modals-body .asset-attachments input.field[readonly]:active, .modals-body .asset-attachments input.field[readonly]:active:focus, .modals-body .asset-attachments input.field[data-state=ReadOnly], .modals-body .asset-attachments input.field[data-state=ReadOnly]:hover, .modals-body .asset-attachments input.field[data-state=ReadOnly]:active, .modals-body .asset-attachments input.field[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments input.field[data-state=ReadOnly]:focus {
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}
.modals-body .asset-attachments .asset-actions a {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #04BFAD;
  padding: 0 5px;
}
.modals-body .asset-attachments .asset-actions a + a {
  margin-left: 5px;
}
.modals-body .asset-attachments .asset-actions a:hover, .modals-body .asset-attachments .asset-actions a:active, .modals-body .asset-attachments .asset-actions a:active:focus {
  background: #ceedea;
}
.modals-body .asset-attachments .asset-doc-type {
  font-family: "SegoeUI";
  cursor: pointer;
  font-size: 10px;
  width: 24px;
  margin-right: 0 !important;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.modals-body .asset-attachments .asset-doc-type.doc {
  background: #B2E0FF;
  border: 1px solid rgba(4, 155, 255, 0.5);
  color: #049BFF;
}
.modals-body .asset-attachments .asset-doc-type.pdf {
  background: #FFD8B1;
  border: 1px solid rgba(255, 128, 0, 0.5);
  color: #FF8000;
}
.modals-body .asset-attachments a.attachments {
  visibility: hidden;
}
.modals-body .asset-attachments:hover {
  background: #ceedea;
}
.modals-body .asset-attachments:hover a.attachments {
  visibility: visible;
}
.modals-body .asset-attachments:hover input.field {
  background: #fff !important;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
.modals-body .asset-attachments:hover input.field[readonly]:hover, .modals-body .asset-attachments:hover input.field[readonly]:active, .modals-body .asset-attachments:hover input.field[readonly]:active:focus, .modals-body .asset-attachments:hover input.field[data-state=ReadOnly], .modals-body .asset-attachments:hover input.field[data-state=ReadOnly]:hover, .modals-body .asset-attachments:hover input.field[data-state=ReadOnly]:active, .modals-body .asset-attachments:hover input.field[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments:hover input.field[data-state=ReadOnly]:focus {
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}
.modals-body .asset-attachments-static {
  display: grid;
  grid-template-columns: 20px calc(45% - 20px) 80px auto;
}
.modals-body .asset-attachments-static > div {
  height: 25px;
  line-height: 25px;
  display: flex;
  align-items: center;
}
.modals-body .asset-attachments-static > div > div {
  padding-right: 0px;
  width: 100%;
}
.modals-body .asset-attachments-static label {
  font-family: Roboto-Light, sans-serif !important;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  margin-right: 10px;
  font-weight: 100;
  height: 24px;
  line-height: 25px;
  padding: 0;
  margin: 0;
}
.modals-body .asset-attachments-static input.field {
  background: transparent !important;
  color: rgba(0, 0, 0, 0.2) !important;
}
.modals-body .asset-attachments-static input.field:hover, .modals-body .asset-attachments-static input.field:active, .modals-body .asset-attachments-static input.field:active:focus, .modals-body .asset-attachments-static input.field:focus {
  background: #fff !important;
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}
.modals-body .asset-attachments-static input.field:hover[readonly]:hover, .modals-body .asset-attachments-static input.field:hover[readonly]:active, .modals-body .asset-attachments-static input.field:hover[readonly]:active:focus, .modals-body .asset-attachments-static input.field:hover[data-state=ReadOnly], .modals-body .asset-attachments-static input.field:hover[data-state=ReadOnly]:hover, .modals-body .asset-attachments-static input.field:hover[data-state=ReadOnly]:active, .modals-body .asset-attachments-static input.field:hover[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments-static input.field:hover[data-state=ReadOnly]:focus, .modals-body .asset-attachments-static input.field:active[readonly]:hover, .modals-body .asset-attachments-static input.field:active[readonly]:active, .modals-body .asset-attachments-static input.field:active[readonly]:active:focus, .modals-body .asset-attachments-static input.field:active[data-state=ReadOnly], .modals-body .asset-attachments-static input.field:active[data-state=ReadOnly]:hover, .modals-body .asset-attachments-static input.field:active[data-state=ReadOnly]:active, .modals-body .asset-attachments-static input.field:active[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments-static input.field:active[data-state=ReadOnly]:focus, .modals-body .asset-attachments-static input.field:active:focus[readonly]:hover, .modals-body .asset-attachments-static input.field:active:focus[readonly]:active, .modals-body .asset-attachments-static input.field:active:focus[readonly]:active:focus, .modals-body .asset-attachments-static input.field:active:focus[data-state=ReadOnly], .modals-body .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:hover, .modals-body .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:active, .modals-body .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments-static input.field:active:focus[data-state=ReadOnly]:focus, .modals-body .asset-attachments-static input.field:focus[readonly]:hover, .modals-body .asset-attachments-static input.field:focus[readonly]:active, .modals-body .asset-attachments-static input.field:focus[readonly]:active:focus, .modals-body .asset-attachments-static input.field:focus[data-state=ReadOnly], .modals-body .asset-attachments-static input.field:focus[data-state=ReadOnly]:hover, .modals-body .asset-attachments-static input.field:focus[data-state=ReadOnly]:active, .modals-body .asset-attachments-static input.field:focus[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments-static input.field:focus[data-state=ReadOnly]:focus {
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}
.modals-body .asset-attachments-static .asset-actions {
  justify-content: center;
}
.modals-body .asset-attachments-static .asset-actions a {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.2);
}
.modals-body .asset-attachments-static .asset-actions a + a {
  margin-left: 5px;
}
.modals-body .asset-attachments-static .asset-actions a:hover, .modals-body .asset-attachments-static .asset-actions a:active, .modals-body .asset-attachments-static .asset-actions a:active:focus {
  background: #ceedea;
}
.modals-body .asset-attachments-static .asset-doc-type {
  font-family: "SegoeUI";
  cursor: pointer;
  font-size: 10px;
  width: 24px;
  margin-right: 0 !important;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.modals-body .asset-attachments-static .asset-doc-type.doc {
  background: #B2E0FF;
  border: 1px solid rgba(4, 155, 255, 0.5);
  color: #049BFF;
}
.modals-body .asset-attachments-static .asset-doc-type.pdf {
  background: #FFD8B1;
  border: 1px solid rgba(255, 128, 0, 0.5);
  color: #FF8000;
}
.modals-body .asset-attachments-static:hover {
  background: #ceedea;
}
.modals-body .asset-attachments-static:hover .asset-actions a {
  color: #04BFAD;
}
.modals-body .asset-attachments-static:hover input.field {
  background: #fff !important;
  border: 1px solid rgba(0, 45, 65, 0.2) !important;
}
.modals-body .asset-attachments-static:hover input.field[readonly]:hover, .modals-body .asset-attachments-static:hover input.field[readonly]:active, .modals-body .asset-attachments-static:hover input.field[readonly]:active:focus, .modals-body .asset-attachments-static:hover input.field[data-state=ReadOnly], .modals-body .asset-attachments-static:hover input.field[data-state=ReadOnly]:hover, .modals-body .asset-attachments-static:hover input.field[data-state=ReadOnly]:active, .modals-body .asset-attachments-static:hover input.field[data-state=ReadOnly]:active:focus, .modals-body .asset-attachments-static:hover input.field[data-state=ReadOnly]:focus {
  background: transparent !important;
  border: 1px solid rgba(0, 45, 65, 0) !important;
}

.expense.payoff-wrap-row .payoff-column {
  justify-content: flex-start;
}
.expense.payoff-wrap-row .payoff-column .field-label {
  width: 100%;
  justify-content: flex-end;
}
.expense.payoff-wrap-row .payoff-column + .payoff-column {
  justify-content: flex-end;
}

.financial-assessment-grid.decition-content {
  grid-column: 1/3 !important;
  display: grid !important;
  grid-template-columns: 360px 354px 472px;
  /**/
  /**/
}
.financial-assessment-grid.decition-content > div:first-child .financial-assessment-grid-two-columns {
  grid-template-columns: auto 91px;
}
.financial-assessment-grid.decition-content > div:first-child .financial-assessment-grid-two-columns > div:nth-child(2) {
  justify-content: flex-start;
}
.financial-assessment-grid.decition-content > div:nth-child(3) .financial-assessment-grid-two-columns > div:nth-child(1) {
  padding-left: 55px;
  white-space: nowrap;
}
.financial-assessment-grid.decition-content .select-dropdown .Select-menu-outer {
  margin-top: -1px !important;
}
.financial-assessment-grid.decition-content .select-dropdown .Select-control > div {
  height: 20px;
  line-height: 20px;
}
.financial-assessment-grid.decition-content + .footnote {
  grid-column: 1/3;
  min-height: 120px;
  margin-bottom: 5px;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor {
  border: 1px solid #c9c9c9;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  max-width: inherit;
  min-height: 94px;
  height: 394px;
  margin-left: 0;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > * {
  min-width: 100%;
  width: inherit;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > label {
  padding: 20px 20px 0 20px;
  margin: 0;
  font-size: 16px;
  line-height: 1;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div {
  height: inherit;
  max-width: inherit;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div {
  height: inherit;
  max-width: inherit;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .editor-scroll-wrap {
  max-height: calc(100% - 32px);
  overflow-y: auto;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span:hover, .financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span:active, .financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span:active:focus, .financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span:focus, .financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span:hover, .financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span:active, .financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span:active:focus, .financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span:focus, .financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .editor {
  height: calc(100% - 2px);
  max-width: inherit;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  padding: 10px;
  line-height: 1.4;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor > div > div .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor .menu.slate-toolbar-menu[style="display: none;"] + .editor > div {
  height: 100%;
}
.financial-assessment-grid.decition-content + .footnote .loan-editor .menu.slate-toolbar-menu[style="display: flex;"] + .editor > div {
  height: calc(100% - 32px);
}
.financial-assessment-grid.decition-content .financial-assessment-grid-two-columns,
.financial-assessment-grid.decition-content .financial-assessment-grid-two-col {
  border: 0 !important;
}
.financial-assessment-grid.decition-content input.field {
  line-height: 20px !important;
  height: 20px !important;
}
.financial-assessment-grid.decition-content .financial-assessment-grid-two-col {
  grid-template-columns: auto 250px !important;
}
.financial-assessment-grid.decition-content .financial-assessment-grid-two-col > div + div {
  width: 240px;
}
.financial-assessment-grid.decition-content .financial-assessment-grid-two-col .amount {
  width: 120px !important;
}
.financial-assessment-grid.decition-content .financial-assessment-grid-two-col .percent {
  width: 50px !important;
}
.financial-assessment-grid.decition-content .select-dropdown {
  min-width: 245px;
  width: 245px;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0px 0;
  margin-right: 5px;
  position: relative !important;
}
.financial-assessment-grid.decition-content .select-dropdown[data-state=ReadOnly] .Select-arrow-zone:before {
  line-height: 20px;
  font-size: 14px;
}
.financial-assessment-grid.decition-content .select-dropdown .select-field {
  height: 20px;
  line-height: 20px;
  font-size: 12px !important;
}
.financial-assessment-grid.decition-content .select-dropdown .Select-control {
  height: 20px !important;
  line-height: 20px;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  border-radius: 0 !important;
  border: 1px solid rgba(0, 45, 65, 0.2);
}
.financial-assessment-grid.decition-content .select-dropdown .Select-arrow-zone {
  height: 18px;
  line-height: 18px;
}
.financial-assessment-grid.decition-content .select-dropdown .Select-arrow-zone:before {
  line-height: 20px;
  font-size: 14px;
}
.financial-assessment-grid.decition-content .select-dropdown .Select-menu-outer {
  font-size: 12px;
  width: 245px;
  max-width: 245px;
  position: absolute !important;
}
.financial-assessment-grid.decition-content .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  font-size: 12px !important;
  height: 20px;
  line-height: 20px;
}
.financial-assessment-grid.decition-content .select-dropdown .Select--single > .Select-control .Select-value,
.financial-assessment-grid.decition-content .select-dropdown .Select-placeholder {
  height: 20px;
  line-height: 20px !important;
  padding-right: 18px;
}
.financial-assessment-grid.decition-content .select-dropdown > span {
  width: 100%;
}
.financial-assessment-grid.decition-content .Select.is-focused .Select-control {
  height: 20px !important;
  line-height: 20px;
}
.financial-assessment-grid.decition-content .Select.is-focused .Select--single > .Select-control .Select-value,
.financial-assessment-grid.decition-content .Select.is-focused .Select-placeholder {
  height: 20px;
  line-height: 20px;
  padding-right: 18px;
}
.financial-assessment-grid.decition-content .Select.is-open .Select-control {
  height: 20px !important;
  line-height: 20px;
}
.financial-assessment-grid.decition-content .Select.is-open .Select--single > .Select-control .Select-value,
.financial-assessment-grid.decition-content .Select.is-open .Select-placeholder {
  height: 20px !important;
  line-height: 20px !important;
}
.financial-assessment-grid.decition-content .Select.is-open .Select-arrow-zone {
  height: 20px;
  line-height: 20px;
}
.financial-assessment-grid.decition-content .Select.is-open .Select-arrow-zone:before {
  line-height: 20px;
  font-size: 14px;
}
.financial-assessment-grid.decition-content .Select.is-open .Select-placeholder {
  height: 20px !important;
  line-height: 20px !important;
}
.financial-assessment-grid.decition-content .Dropdown-root .Dropdown-control {
  border: 1px solid rgba(0, 45, 65, 0.2);
  padding: 0 15px 0 5px;
  border-radius: 0;
  box-sizing: border-box;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  box-shadow: none !important;
}
.financial-assessment-grid.decition-content .Dropdown-root .Dropdown-control * {
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
}
.financial-assessment-grid.decition-content .Dropdown-root .Dropdown-arrow {
  border-color: #e0e0e0 transparent transparent;
  border-style: solid;
  border-width: 3px 3px 0;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 0;
}
.financial-assessment-grid.decition-content .Dropdown-root .Dropdown-menu {
  box-shadow: 0;
}
.financial-assessment-grid.decition-content .Dropdown-root .Dropdown-menu .Dropdown-title {
  color: #000 !important;
  padding: 0 5px !important;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  height: 20px;
  line-height: 20px;
}
.financial-assessment-grid.decition-content .Dropdown-root .Dropdown-menu .Dropdown-option {
  color: #000 !important;
  padding: 0 5px !important;
  font-family: Roboto-Light, sans-serif;
  font-size: 14px !important;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.financial-assessment-grid.decition-content .decition-column .amount {
  width: 90px;
}
.financial-assessment-grid.decition-content .decition-column .percent {
  width: 40px;
}
.financial-assessment-grid.decition-content .decition-column:nth-child(2) .financial-assessment-grid {
  padding-left: 0px;
}
.financial-assessment-grid.decition-content .decition-column:nth-child(2) .financial-assessment-grid .financial-assessment-grid-two-columns {
  grid-template-columns: 127px auto !important;
}
.financial-assessment-grid.decition-content .decition-column:nth-child(2) .financial-assessment-grid .financial-assessment-grid-two-columns > div {
  padding: 0;
}

/****Assessment Card****/
.assessment-card {
  background: #fff;
  border: 2px solid #fff;
  padding: 5px;
  width: 250px;
}
.assessment-card + .assessment-card {
  margin-top: 4px;
}
.assessment-card .assessment-card-wrapper {
  /*****/
  /*****/
}
.assessment-card .assessment-card-wrapper .assessment-card-body {
  display: inline-flex;
  position: relative;
  width: 100%;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-header {
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #000;
  line-height: 14px;
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-header .assessment-card-id {
  min-width: 30px;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px 0 0;
  margin: 0 5px 0 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-header .assessment-card-name {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-header .assessment-card-name > div + div {
  margin-left: 5px;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-row {
  font-family: Roboto-Regular, sans-serif;
  font-size: 10px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.87);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content.big-table {
  width: calc(100% - 70px);
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content.small-table {
  width: calc(100% - 35px);
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-remove {
  border: 0;
  border-radius: 1px;
  height: 24px;
  width: 24px;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 0;
  display: none;
  background: #fff;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-remove:hover {
  background: #fff;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-remove:active {
  background: #fff;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-remove:active:focus {
  background: #fff;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-remove:focus {
  background: #fff;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-remove[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-content .assessment-card-remove:before {
  color: #D24242;
  font-family: "MaterialIcons";
  content: "delete";
  font-size: 16px;
  margin-right: 0;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid {
  margin-left: 5px;
  display: grid;
  grid-template-columns: 16px 16px 16px 16px;
  grid-template-rows: 14px 14px 14px;
  grid-gap: 1px;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid > div {
  display: flex;
  min-width: 16px;
  justify-content: center;
  align-items: center;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #FF2B00;
  line-height: 14px;
  background: rgba(0, 0, 0, 0.05);
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid > div:nth-child(1), .assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid > div:nth-child(2), .assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid > div:nth-child(3), .assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid > div:nth-child(4), .assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid > div:nth-child(5), .assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid > div:nth-child(9) {
  color: rgba(0, 0, 0, 0.7);
  background: transparent;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid > div.uncheck:before {
  font-family: "MaterialIcons";
  content: "close";
  font-size: 14px;
  color: #FF2B00;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid-short {
  display: grid;
  grid-template-columns: 16px 16px;
  grid-template-rows: 14px 14px;
  grid-gap: 1px;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid-short > div {
  display: flex;
  min-width: 16px;
  justify-content: center;
  align-items: center;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #FF2B00;
  line-height: 14px;
  background: rgba(0, 0, 0, 0.05);
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid-short > div:nth-child(1), .assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid-short > div:nth-child(3) {
  color: rgba(0, 0, 0, 0.7);
  background: transparent;
}
.assessment-card .assessment-card-wrapper .assessment-card-body .assessment-card-grid-short > div.uncheck:before {
  font-family: "MaterialIcons";
  content: "close";
  font-size: 14px;
  color: #FF2B00;
}
.assessment-card .assessment-card-wrapper .assessment-card-footer {
  display: inline-flex;
  justify-content: space-between;
  min-width: 100%;
  padding: 5px 0 0 0;
}
.assessment-card .assessment-card-wrapper .assessment-card-footer .assessment-card-default {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 5px 0 0 0;
  width: 100%;
  color: rgba(0, 0, 0, 0.7);
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  line-height: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.assessment-card .assessment-card-wrapper .assessment-card-footer .assessment-card-factor {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 5px 0 0 0;
  width: 100%;
  color: #7ed321;
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  line-height: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.assessment-card .assessment-card-wrapper .assessment-card-footer .assessment-card-factor-offset {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 5px 0 0 0;
  width: 100%;
  color: #f5a623;
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  line-height: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.assessment-card .assessment-card-wrapper .assessment-card-footer .assessment-card-family {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 5px 0 0 0;
  width: 100%;
  color: #00b0ff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  line-height: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.assessment-card .assessment-card-wrapper .assessment-card-footer .assessment-card-exclude {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 5px 0 0 0;
  width: 100%;
  color: #FF2B00;
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  line-height: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.assessment-card .assessment-card-wrapper .assessment-card-footer .assessment-card-price {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  color: #000;
  padding: 5px 0 0 0;
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  line-height: 1;
}
.assessment-card .assessment-card-wrapper .assessment-card-footer .assessment-card-price + .assessment-card-price {
  margin-left: 3px;
}
.assessment-card .assessment-card-wrapper .assessment-card-footer .assessment-card-second-price {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  color: #000;
  padding: 5px 0 0 0;
  margin-right: 10px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  line-height: 1;
}
.assessment-card.active {
  background: #e6f6f4;
  border: 2px solid rgba(12, 165, 151, 0.5);
}
.assessment-card.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.assessment-card:hover .assessment-card-remove, .assessment-card:active .assessment-card-remove, .assessment-card:active:focus .assessment-card-remove, .assessment-card:focus .assessment-card-remove {
  display: flex !important;
}

.assessment-card-total {
  background: #e3eaed;
  border: 0px solid #e3eaed;
  padding: 5px;
  width: 260px;
  border-bottom: 4px solid #dae2e6;
}
.assessment-card-total .assessment-card-total-three-items-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.assessment-card-total .assessment-card-total-three-items-content .assessment-card-total-content-label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 14px;
}
.assessment-card-total .assessment-card-total-three-items-content .assessment-card-total-content-price {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 14px;
  text-align: right;
}
.assessment-card-total .assessment-card-total-content {
  display: grid;
  grid-template-columns: auto 90px;
}
.assessment-card-total .assessment-card-total-content .assessment-card-total-content-label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 14px;
}
.assessment-card-total .assessment-card-total-content .assessment-card-total-content-price {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 14px;
  text-align: right;
}
.assessment-card-total .assessment-card-total-line {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 8px;
  padding-top: 8px;
  display: grid;
  grid-template-columns: auto 90px;
  grid-template-rows: 18px;
}
.assessment-card-total .assessment-card-total-line .assessment-card-total-label {
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #000;
  line-height: 14px;
}
.assessment-card-total .assessment-card-total-line .assessment-card-total-price {
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #000;
  line-height: 14px;
  text-align: right;
}
.assessment-card-total .assessment-card-total-notice {
  font-family: Roboto-Regular, sans-serif;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.87);
}
.assessment-card-total .assessment-card-total-tables {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 8px;
  padding-top: 8px;
  display: grid;
  grid-template-columns: auto 90px;
  grid-template-rows: 18px 55px;
}
.assessment-card-total .assessment-card-total-tables .assessment-card-total-label {
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #000;
  line-height: 14px;
}
.assessment-card-total .assessment-card-total-tables .assessment-card-total-price {
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #000;
  line-height: 14px;
  text-align: right;
}
.assessment-card-total .assessment-card-total-tables .assessment-card-grid {
  display: grid;
  grid-template-columns: 16px 30px 30px 30px;
  grid-template-rows: 14px 14px 14px;
  grid-gap: 1px;
}
.assessment-card-total .assessment-card-total-tables .assessment-card-grid > div {
  display: flex;
  min-width: 16px;
  justify-content: center;
  align-items: center;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #FF2B00;
  line-height: 14px;
  background: rgba(0, 0, 0, 0.05);
}
.assessment-card-total .assessment-card-total-tables .assessment-card-grid > div:nth-child(1), .assessment-card-total .assessment-card-total-tables .assessment-card-grid > div:nth-child(2), .assessment-card-total .assessment-card-total-tables .assessment-card-grid > div:nth-child(3), .assessment-card-total .assessment-card-total-tables .assessment-card-grid > div:nth-child(4), .assessment-card-total .assessment-card-total-tables .assessment-card-grid > div:nth-child(5), .assessment-card-total .assessment-card-total-tables .assessment-card-grid > div:nth-child(9) {
  color: rgba(0, 0, 0, 0.7);
  background: transparent;
}
.assessment-card-total .assessment-card-total-tables .assessment-card-grid > div.uncheck:before {
  font-family: "MaterialIcons";
  content: "close";
  font-size: 14px;
  color: #FF2B00;
}
.assessment-card-total .assessment-card-total-tables .assessment-card-grid-short {
  margin-left: 37px;
  padding-top: 14px;
  display: grid;
  grid-template-columns: 16px 30px;
  grid-template-rows: 14px 14px;
  grid-gap: 1px;
}
.assessment-card-total .assessment-card-total-tables .assessment-card-grid-short > div {
  display: flex;
  min-width: 16px;
  justify-content: center;
  align-items: center;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #FF2B00;
  line-height: 14px;
  background: rgba(0, 0, 0, 0.05);
}
.assessment-card-total .assessment-card-total-tables .assessment-card-grid-short > div:nth-child(1), .assessment-card-total .assessment-card-total-tables .assessment-card-grid-short > div:nth-child(3) {
  color: rgba(0, 0, 0, 0.7);
  background: transparent;
}
.assessment-card-total .assessment-card-total-tables .assessment-card-grid-short > div.uncheck:before {
  font-family: "MaterialIcons";
  content: "close";
  font-size: 14px;
  color: #FF2B00;
}
.assessment-card-total.total-monthly {
  margin-bottom: 5px;
}
.assessment-card-total.total-monthly .assessment-card-total-content .assessment-card-total-content-label,
.assessment-card-total.total-monthly .assessment-card-total-three-items-content .assessment-card-total-content-label {
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 14px;
}
.assessment-card-total.total-monthly .assessment-card-total-content .assessment-card-total-content-price,
.assessment-card-total.total-monthly .assessment-card-total-three-items-content .assessment-card-total-content-price {
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 14px;
  text-align: right;
}

.fa-context-menu {
  width: 120px;
}

.file-warning-row {
  display: block !important;
}

.left {
  justify-content: flex-start !important;
}

.taxable-row > label + div {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 148px !important;
}
.taxable-row > label + div .checklist {
  margin-right: 10px !important;
  margin-top: 0 !important;
}
.taxable-row > label + div .asset-content-row.tax-rate {
  min-width: 115px !important;
  max-width: 115px;
  justify-content: flex-end !important;
}

/****END Assessment Card****/
.grid-preloader {
  background: #dae2e6;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.role-permissions {
  width: 454px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.role-permissions.admin-page-panel .admin-page-panel-grid {
  overflow-x: hidden;
}
.role-permissions .in-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.role-permissions .in-row .remove-link {
  width: 12px;
  padding: 0;
}

.role-permissions .admin-page-panel-grid .admin-page-panel-grid-header {
  grid-template-columns: 60px 110px 250px !important;
}

.role-permissions .admin-page-panel-grid .admin-page-panel-grid-row {
  grid-template-columns: 60px 110px 250px !important;
}

.loan-officer-popup {
  z-index: 9999999;
  background: rgba(255, 255, 255, 0);
}

.loan-officer-popup > div {
  height: calc(100vh - 60px);
}
.loan-officer-popup > div .modals-body {
  height: calc(100% - 80px);
  width: 100%;
}
.loan-officer-popup > div .modals-body .grid-list-container {
  height: 100%;
  width: 100%;
}

.finance-charge {
  border: hidden;
  max-width: 120px !important;
  min-width: 120px !important;
  justify-content: flex-end;
}

.finance-charge-value {
  justify-content: flex-end !important;
}

.fee-tolerance {
  justify-content: flex-end !important;
}

.modal-grid-wrap-ad-hoc {
  grid-template-columns: 350px !important;
  height: 190px;
}

.modal-grid-wrap-ad-hoc-calculated {
  grid-template-columns: 235px 116px !important;
  height: 190px;
}

.global-viewport-sorter-row {
  display: flex;
  flex-direction: row;
  min-width: 100%;
  z-index: 1001;
}
.global-viewport-sorter-row .grid-module-viewport-content-cell {
  font-family: Roboto-Light, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  padding: 0 5px;
  background: #f0f5f7;
  border-bottom: 1px solid #d8e0e3;
  height: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
.global-viewport-sorter-row .grid-module-viewport-content-cell:last-child {
  display: flex;
  width: 100%;
}
.global-viewport-sorter-row .grid-module-viewport-content-cell > div {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-viewport-sorter-row.hover .grid-module-viewport-content-cell, .global-viewport-sorter-row.selected .grid-module-viewport-content-cell {
  background: #ceedea;
}
.global-viewport-sorter-row.hover .grid-module-viewport-content-cell .edit,
.global-viewport-sorter-row.hover .grid-module-viewport-content-cell .remove, .global-viewport-sorter-row.selected .grid-module-viewport-content-cell .edit,
.global-viewport-sorter-row.selected .grid-module-viewport-content-cell .remove {
  visibility: visible;
}

.settlement-context {
  grid-template-columns: 550px 350px !important;
}
.settlement-context .context-content-row:first-child .select-dropdown .Select-menu-outer {
  width: 192px;
  max-width: 192px;
  margin-left: 0;
}
.settlement-context .context-content-row:first-child .select-dropdown .Select-menu-outer div {
  margin-left: 0;
}
.settlement-context .context-content-row:last-child .select-dropdown {
  width: 362px;
}
.settlement-context .context-content-row:last-child .select-dropdown .Select-menu-outer {
  width: 362px;
  max-width: 362px;
  margin-left: 0;
}
.settlement-context .context-content-row:last-child .select-dropdown .Select-menu-outer div {
  margin-left: 0;
}

.dba-grid {
  display: flex;
  flex-direction: column;
  padding: 8px;
  margin: 5px 0 0 0px;
  background: #f0f5f7;
  width: 1610px;
}

.dba-header {
  display: inline-grid;
  grid-template-columns: 425px 925px 120px 70px 50px;
  background: #e3eaed;
  height: 25px;
}
.dba-header > div {
  padding: 0 4px;
}
.dba-header > div .lbl-name {
  display: block;
  margin-top: 3px;
  font-family: Roboto-Regular, sans-serif;
  color: #5f5f5f;
  font-size: 14px;
  height: 25px !important;
}

.dba-row {
  display: inline-grid;
  grid-template-columns: 425px 915px 120px 80px 50px;
  border-bottom: 1px solid #d8e0e3;
  background: #f0f5f7;
  padding: 4px;
}
.dba-row .border-for-image-dba {
  height: 70px;
  width: 900px;
  border: 1px solid rgba(0, 45, 65, 0.2);
  float: left;
}
.dba-row a.open_in_new {
  margin: 15px 0 0 5px;
}
.dba-row .dba-States-row-wraper > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.dba-row .dba-States-row-wraper > div div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.dba-row .dba-States-row-wraper span {
  width: 38px;
  min-width: 38px;
  margin: 1px;
}
.dba-row .dba-States-row-wraper span .state-input {
  height: 20px !important;
}
.dba-row .dba-States-row-wraper .state-list {
  width: 38px;
  height: 20px;
  margin: 1px;
}
.dba-row div .input-wrapper {
  width: calc(100% - 8px);
}
.dba-row div .state-list {
  width: 100%;
}
.dba-row div img {
  max-height: 70px;
  height: 70px;
  max-width: 900px;
  width: initial;
  min-width: initial;
}
.dba-row .dba-remove {
  border: 0;
  height: 16px !important;
  width: 16px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  box-shadow: none;
  margin: auto !important;
  background-image: url(/content/img/ic-acction-delete.svg) !important;
  background-position: center;
  background-repeat: no-repeat !important;
  background-size: 16px 16px !important;
}
.dba-row > div:nth-child(2) {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 925px;
}
.dba-row > div:nth-child(3) {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.recharts-wrapper {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
}
.recharts-wrapper * {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

#modal-uploader {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 45, 65, 0.8);
}
#modal-uploader:before {
  content: "";
  width: calc(100vw - 80px);
  height: calc(100vh - 80px);
  position: fixed;
  top: 40px;
  left: 40px;
  border: 2px dashed #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#modal-uploader > div {
  width: 180px;
  height: 180px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto-Regular, sans-serif;
  font-size: 40px;
  line-height: 1.25;
  position: absolute;
  top: calc(50vh - 150px);
}
#modal-uploader > div:before {
  content: url(/content/img/img-logo-watermark@2x.png);
  height: 100px;
  position: absolute;
}
#modal-uploader > div:after {
  content: "Drop a file to upload it.";
  height: 45px;
  width: 410px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 36px;
  line-height: 1.25;
  color: #ffffff;
  position: fixed;
  top: calc(50vh + 50px);
  background-image: url(/content/img/baseline_backup_white_36dp.png);
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: center;
  padding-left: 48px;
}

/******* FLEXGRID ******/
.flexgrid {
  display: flex;
  flex-direction: row;
  width: inherit;
  max-width: inherit;
  flex-wrap: nowrap;
  overflow: hidden;
  justify-content: flex-start;
  font-family: OpenSans, sans-serif;
  line-height: 1.3;
  font-size: 0.11in;
  padding: 0;
  margin: 4px;
  border: 4px solid #dae2e6;
  box-sizing: border-box;
}
.flexgrid *[class^=flexgrid-col-] {
  background: #F0F5F7;
  padding: 0px;
  overflow: hidden;
  flex-wrap: nowrap;
}
.flexgrid *[class^=flexgrid-col-] .flexgrid-cell {
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flexgrid *[class^=flexgrid-col-] + *[class^=flexgrid-col-] {
  margin-left: 4px;
}
.flexgrid .flexgrid-col-16 {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
.flexgrid .flexgrid-col-15 {
  min-width: 93.75%;
  width: 93.75%;
  max-width: 93.75%;
}
.flexgrid .flexgrid-col-14 {
  min-width: 87.5%;
  width: 87.5%;
  max-width: 87.5%;
}
.flexgrid .flexgrid-col-13 {
  min-width: 81.25%;
  width: 81.25%;
  max-width: 81.25%;
}
.flexgrid .flexgrid-col-12 {
  min-width: 75%;
  width: 75%;
  max-width: 75%;
}
.flexgrid .flexgrid-col-11 {
  min-width: 68.75%;
  width: 68.75%;
  max-width: 68.75%;
}
.flexgrid .flexgrid-col-10 {
  min-width: 62.5%;
  width: 62.5%;
  max-width: 62.5%;
}
.flexgrid .flexgrid-col-9 {
  min-width: 56.25%;
  width: 56.25%;
  max-width: 56.25%;
}
.flexgrid .flexgrid-col-8 {
  min-width: 50%;
  width: 50%;
  max-width: 50%;
}
.flexgrid .flexgrid-col-7 {
  min-width: 43.75%;
  width: 43.75%;
  max-width: 43.75%;
}
.flexgrid .flexgrid-col-6 {
  min-width: 37.5%;
  width: 37.5%;
  max-width: 37.5%;
}
.flexgrid .flexgrid-col-5 {
  min-width: 31.5%;
  width: 31.5%;
  max-width: 31.5%;
}
.flexgrid .flexgrid-col-4 {
  min-width: 25%;
  width: 25%;
  max-width: 25%;
}
.flexgrid .flexgrid-col-3 {
  min-width: 18.75%;
  width: 18.75%;
  max-width: 18.75%;
}
.flexgrid .flexgrid-col-2 {
  min-width: 12.5%;
  width: 12.5%;
  max-width: 12.5%;
}
.flexgrid .flexgrid-col-1 {
  min-width: 6.25%;
  width: 6.25%;
  max-width: 6.25%;
}

image {
  position: relative;
  display: block;
  width: 100%;
  caret-color: transparent !important;
  border: 1px dashed rgba(12, 165, 151, 0.5) !important;
}
image.ui-resizable .ui-resizable-handle.ui-resizable-s {
  height: 20px;
}
image img {
  display: block;
  margin: auto;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
image > span {
  display: block;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
image > span[contenteditable=false] {
  display: none !important;
}

indvisible {
  background: #da70d6;
  display: block;
  font-family: Roboto-Medium, sans-serif;
  position: relative;
}

comment {
  display: block;
  color: #008000;
  font-family: Consolas;
}
comment:before {
  content: "// ";
  font-family: Consolas;
}

repeater {
  min-height: 18px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  flex-wrap: nowrap;
  overflow: visible;
  justify-content: flex-start;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  background: rgba(255, 255, 255, 0);
  position: relative;
}
repeater > span {
  caret-color: transparent !important;
}
repeater > span[data-key] {
  border: 1px dashed rgba(12, 165, 151, 0.5);
  cursor: pointer;
}
repeater + repeater {
  margin-top: 3px;
}
repeater.repeater-selected > span[data-key] {
  background: #ceedea;
}
repeater repeater-header {
  max-width: 100%;
  display: block;
  overflow: visible;
  white-space: nowrap;
  min-height: 18px;
  border: 1px dashed rgba(12, 165, 151, 0.5);
  border-bottom: 0 !important;
  margin: 0;
  cursor: pointer;
  position: relative;
  border-top: 0;
  caret-color: transparent !important;
}
repeater repeater-header.label-add-header {
  pointer-events: none;
}
repeater repeater-header.label-add-header:before {
  content: "Add Header";
  pointer-events: all;
  height: 18px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: 65px;
  align-items: center;
  justify-content: center;
}
repeater repeater-header .label-add-header {
  height: 14px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: fit-content;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
repeater repeater-header.label-remove-header, repeater repeater-header.label-remove-footer {
  height: 14px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  position: relative;
}
repeater repeater-header.label-remove-header:after, repeater repeater-header.label-remove-footer:after {
  content: "";
  background: url(/content/img/ic-acction-delete.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 14px;
  display: inline-flex;
  height: 14px;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 14px;
  margin: 0;
  background-size: contain;
  position: absolute;
  right: -16px;
  top: 0;
}
repeater repeater-header .label-remove-header,
repeater repeater-header .label-remove-footer {
  height: 16px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0;
  border-radius: 2px;
  display: flex;
  width: 16px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: -16px;
  top: -1px;
}
repeater repeater-header .label-remove-header:after,
repeater repeater-header .label-remove-footer:after {
  content: "";
  background: url(/content/img/ic-acction-delete-white.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 14px;
  display: inline-flex;
  height: 14px;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 14px;
  margin: 0;
  background-size: contain;
  cursor: pointer;
}
repeater repeater-body {
  max-width: 100%;
  display: block;
  overflow: visible;
  white-space: nowrap;
  min-height: 18px;
  border: 1px dashed rgba(12, 165, 151, 0.5);
  margin: 0;
  cursor: pointer;
  position: relative;
}
repeater repeater-body.label-add-header, repeater repeater-body.label-add-footer {
  height: 14px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
}
repeater repeater-body.label-remove-header, repeater repeater-body.label-remove-footer {
  height: 14px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  position: relative;
}
repeater repeater-body.label-remove-header:after, repeater repeater-body.label-remove-footer:after {
  content: "";
  background: url(/content/img/ic-acction-delete.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 14px;
  display: inline-flex;
  height: 14px;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 14px;
  margin: 0;
  background-size: contain;
  position: absolute;
  right: -16px;
  top: 0;
}
repeater repeater-body .label-add-header,
repeater repeater-body .label-add-footer {
  height: 14px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: fit-content;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
repeater repeater-body .label-remove-header,
repeater repeater-body .label-remove-footer {
  height: 16px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0;
  border-radius: 2px;
  display: flex;
  width: 16px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: -16px;
  top: -1px;
}
repeater repeater-body .label-remove-header:after,
repeater repeater-body .label-remove-footer:after {
  content: "";
  background: url(/content/img/ic-acction-delete-white.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 14px;
  display: inline-flex;
  height: 14px;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 14px;
  margin: 0;
  background-size: contain;
  cursor: pointer;
}
repeater repeater-footer {
  max-width: 100%;
  display: block;
  overflow: visible;
  white-space: nowrap;
  min-height: 18px;
  border: 1px dashed rgba(12, 165, 151, 0.5);
  margin: 0;
  cursor: pointer;
  position: relative;
  border-top: 0;
}
repeater repeater-footer.label-add-footer {
  pointer-events: none;
  caret-color: transparent !important;
}
repeater repeater-footer.label-add-footer:before {
  content: "Add Footer";
  pointer-events: all;
  height: 18px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: 65px;
  align-items: center;
  justify-content: center;
}
repeater repeater-footer.label-remove-header, repeater repeater-footer.label-remove-footer {
  height: 14px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  position: relative;
}
repeater repeater-footer.label-remove-header:after, repeater repeater-footer.label-remove-footer:after {
  content: "";
  background: url(/content/img/ic-acction-delete.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 14px;
  display: inline-flex;
  height: 14px;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 14px;
  margin: 0;
  background-size: contain;
  position: absolute;
  right: -16px;
  top: 0;
}
repeater repeater-footer .label-add-footer {
  height: 14px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: fit-content;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
repeater repeater-footer .label-remove-header,
repeater repeater-footer .label-remove-footer {
  height: 16px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0;
  border-radius: 2px;
  display: flex;
  width: 16px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: -16px;
  top: -1px;
}
repeater repeater-footer .label-remove-header:after,
repeater repeater-footer .label-remove-footer:after {
  content: "";
  background: url(/content/img/ic-acction-delete-white.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 14px;
  display: inline-flex;
  height: 14px;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 14px;
  margin: 0;
  background-size: contain;
  cursor: pointer;
}
repeater .label-add-header repeater-row,
repeater .label-add-footer repeater-row {
  display: none !important;
}
repeater resizer-row {
  background: #fff;
  overflow: hidden;
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  margin: 0;
  border: 1px dashed #cad7dc;
  background: #e3eaed;
  caret-color: transparent !important;
}
repeater resizer-row .resizer-wrapper {
  position: absolute;
  height: 100%;
  min-height: 100%;
  width: 2px;
  background: #0ca597;
  left: 113px;
  top: 0;
  z-index: 999;
  cursor: ew-resize;
  display: none;
}
repeater resizer-row resizer-cell {
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  min-height: 18px;
  margin: 0;
  padding: 0 4px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 16px;
  caret-color: transparent !important;
}
repeater resizer-row resizer-cell resizer {
  border: 1px dashed #cad7dc;
  margin-top: 0;
  margin-bottom: 0px;
}
repeater resizer-row resizer-cell resizer.resizer-selected {
  margin-bottom: 0;
}
repeater resizer-row resizer-cell resizer resizer-row:last-of-type {
  border: 0 !important;
}
repeater resizer-row resizer-cell resizer resizer-row:last-of-type resizer-cell.repeater-selected {
  max-width: 100%;
}
repeater resizer-row resizer-cell resizer resizer-row:last-of-type resizer-cell:last-of-type.resizer-selected {
  border: 1px solid #0ca597;
  margin-bottom: 1px;
}
repeater resizer-row resizer-cell:last-of-type {
  border-bottom: 0;
}
repeater resizer-row resizer-cell:last-of-type.resizer-selected {
  border: 1px solid #0ca597;
}
repeater resizer-row resizer-cell span {
  white-space: normal;
}
repeater resizer-row resizer-cell + resizer-cell {
  border-left: 1px dashed #cad7dc;
}
repeater resizer-row resizer-cell[size="16"] {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
repeater resizer-row resizer-cell[size="15"] {
  min-width: 93.75%;
  width: 93.75%;
  max-width: 93.75%;
}
repeater resizer-row resizer-cell[size="14"] {
  min-width: 87.5%;
  width: 87.5%;
  max-width: 87.5%;
}
repeater resizer-row resizer-cell[size="13"] {
  min-width: 81.25%;
  width: 81.25%;
  max-width: 81.25%;
}
repeater resizer-row resizer-cell[size="12"] {
  min-width: 75%;
  width: 75%;
  max-width: 75%;
}
repeater resizer-row resizer-cell[size="11"] {
  min-width: 68.75%;
  width: 68.75%;
  max-width: 68.75%;
}
repeater resizer-row resizer-cell[size="10"] {
  min-width: 62.5%;
  width: 62.5%;
  max-width: 62.5%;
}
repeater resizer-row resizer-cell[size="9"] {
  min-width: 56.25%;
  width: 56.25%;
  max-width: 56.25%;
}
repeater resizer-row resizer-cell[size="8"] {
  min-width: 50%;
  width: 50%;
  max-width: 50%;
}
repeater resizer-row resizer-cell[size="7"] {
  min-width: 43.75%;
  width: 43.75%;
  max-width: 43.75%;
}
repeater resizer-row resizer-cell[size="6"] {
  min-width: 37.5%;
  width: 37.5%;
  max-width: 37.5%;
}
repeater resizer-row resizer-cell[size="5"] {
  min-width: 31.5%;
  width: 31.5%;
  max-width: 31.5%;
}
repeater resizer-row resizer-cell[size="4"] {
  min-width: 25%;
  width: 25%;
  max-width: 25%;
}
repeater resizer-row resizer-cell[size="3"] {
  min-width: 18.75%;
  width: 18.75%;
  max-width: 18.75%;
}
repeater resizer-row resizer-cell[size="2"] {
  min-width: 12.5%;
  width: 12.5%;
  max-width: 12.5%;
}
repeater resizer-row resizer-cell[size="1"] {
  min-width: 6.25%;
  width: 6.25%;
  max-width: 6.25%;
}
repeater resizer-row resizer-cell[resizible=false] div {
  display: none !important;
}
repeater resizer-row resizer-cell.resizer-selected {
  background: #ceedea;
  margin: 0;
  border: 1px solid #0ca597;
}
repeater resizer-row resizer-cell:not(.resizer-selected) {
  text-overflow: ellipsis;
}
repeater resizer-row.resizer-selected {
  background: #ceedea;
  margin: 0;
  border: 1px solid #0ca597 !important;
}
repeater repeater-row {
  background: #fff;
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  margin: 0;
  border: 0;
}
repeater repeater-row > span {
  caret-color: transparent !important;
}
repeater repeater-row + repeater-row {
  border-top: 1px dashed rgba(12, 165, 151, 0.5);
}
repeater repeater-row repeater-cell {
  width: 100%;
  display: block;
  white-space: nowrap;
  min-height: 18px;
  margin: 0;
}
repeater repeater-row repeater-cell > span {
  caret-color: transparent !important;
}
repeater repeater-row repeater-cell > * {
  caret-color: transparent !important;
}
repeater repeater-row repeater-cell repeater {
  border: 1px dashed rgba(12, 165, 151, 0.5);
  margin-top: 0;
  margin-bottom: 0px;
}
repeater repeater-row repeater-cell repeater.repeater-selected {
  margin-bottom: 0;
}
repeater repeater-row repeater-cell repeater repeater-row:last-of-type {
  border: 0 !important;
}
repeater repeater-row repeater-cell repeater repeater-row:last-of-type repeater-cell.repeater-selected {
  max-width: 100%;
}
repeater repeater-row repeater-cell repeater repeater-row:last-of-type repeater-cell:last-of-type.repeater-selected {
  border: 1px solid #0ca597;
  margin-bottom: 1px;
}
repeater repeater-row repeater-cell:last-of-type {
  border-bottom: 0;
}
repeater repeater-row repeater-cell:last-of-type.repeater-selected {
  border: 1px solid #0ca597;
}
repeater repeater-row repeater-cell span {
  white-space: normal;
}
repeater repeater-row repeater-cell + repeater-cell {
  border-left: 1px dashed rgba(12, 165, 151, 0.5);
}
repeater repeater-row repeater-cell[size="16"] {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
repeater repeater-row repeater-cell[size="15"] {
  min-width: 93.75%;
  width: 93.75%;
  max-width: 93.75%;
}
repeater repeater-row repeater-cell[size="14"] {
  min-width: 87.5%;
  width: 87.5%;
  max-width: 87.5%;
}
repeater repeater-row repeater-cell[size="13"] {
  min-width: 81.25%;
  width: 81.25%;
  max-width: 81.25%;
}
repeater repeater-row repeater-cell[size="12"] {
  min-width: 75%;
  width: 75%;
  max-width: 75%;
}
repeater repeater-row repeater-cell[size="11"] {
  min-width: 68.75%;
  width: 68.75%;
  max-width: 68.75%;
}
repeater repeater-row repeater-cell[size="10"] {
  min-width: 62.5%;
  width: 62.5%;
  max-width: 62.5%;
}
repeater repeater-row repeater-cell[size="9"] {
  min-width: 56.25%;
  width: 56.25%;
  max-width: 56.25%;
}
repeater repeater-row repeater-cell[size="8"] {
  min-width: 50%;
  width: 50%;
  max-width: 50%;
}
repeater repeater-row repeater-cell[size="7"] {
  min-width: 43.75%;
  width: 43.75%;
  max-width: 43.75%;
}
repeater repeater-row repeater-cell[size="6"] {
  min-width: 37.5%;
  width: 37.5%;
  max-width: 37.5%;
}
repeater repeater-row repeater-cell[size="5"] {
  min-width: 31.5%;
  width: 31.5%;
  max-width: 31.5%;
}
repeater repeater-row repeater-cell[size="4"] {
  min-width: 25%;
  width: 25%;
  max-width: 25%;
}
repeater repeater-row repeater-cell[size="3"] {
  min-width: 18.75%;
  width: 18.75%;
  max-width: 18.75%;
}
repeater repeater-row repeater-cell[size="2"] {
  min-width: 12.5%;
  width: 12.5%;
  max-width: 12.5%;
}
repeater repeater-row repeater-cell[size="1"] {
  min-width: 6.25%;
  width: 6.25%;
  max-width: 6.25%;
}
repeater repeater-row repeater-cell.repeater-selected > * {
  caret-color: initial !important;
}
repeater repeater-row repeater-cell.repeater-selected image {
  caret-color: transparent !important;
}
repeater repeater-row:last-of-type {
  border-bottom: 0 !important;
}
repeater repeater-row repeater-cell.repeater-selected {
  background: #ceedea;
  margin: 0;
  border: 1px solid #0ca597;
}
repeater repeater-row repeater-cell:not(.repeater-selected) {
  text-overflow: ellipsis;
}
repeater repeater-row.repeater-selected {
  background: #ceedea;
  margin: 0;
  border: 1px solid #0ca597 !important;
}

repeater.repeater-selected {
  background: #ceedea;
  margin: 0;
  outline: 1px solid #0ca597 !important;
}
repeater.repeater-selected repeater-cell {
  background: #ceedea !important;
}

repeater-header.repeater-selected {
  background: #ceedea;
  margin: 0 0 0 0;
  outline: 1px solid #0ca597 !important;
}
repeater-header.repeater-selected repeater-cell {
  background: #ceedea !important;
}

repeater-body.repeater-selected {
  background: #ceedea;
  margin: 0 0 0 0;
  outline: 1px solid #0ca597 !important;
}
repeater-body.repeater-selected repeater-cell {
  background: #ceedea !important;
}

repeater-footer.repeater-selected {
  background: #ceedea;
  margin: 0 0 0 0;
  outline: 1px solid #0ca597 !important;
}
repeater-footer.repeater-selected repeater-cell {
  background: #ceedea !important;
}

/**/
grid {
  max-width: 100%;
  display: block;
  overflow: visible;
  white-space: nowrap;
  min-height: 18px;
  border: 1px dashed rgba(12, 165, 151, 0.5);
  margin: 0;
  cursor: pointer;
  position: relative;
}
grid > span {
  cursor: pointer;
  caret-color: transparent !important;
}
grid.grid-selected {
  background: #ceedea;
  border: 1px solid #0ca597;
}
grid.label-add-header, grid.label-add-footer {
  height: 14px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
}
grid.label-remove-header, grid.label-remove-footer {
  height: 14px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  position: relative;
}
grid.label-remove-header:after, grid.label-remove-footer:after {
  content: "";
  background: url(/content/img/ic-acction-delete.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 14px;
  display: inline-flex;
  height: 14px;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 14px;
  margin: 0;
  background-size: contain;
  position: absolute;
  right: -16px;
  top: 0;
}
grid .label-add-header,
grid .label-add-footer {
  height: 14px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0 5px;
  border-radius: 2px;
  display: flex;
  width: fit-content;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
grid .label-remove-header,
grid .label-remove-footer {
  height: 16px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #0ca597;
  border: 0;
  padding: 0;
  border-radius: 2px;
  display: flex;
  width: 16px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: -16px;
  top: -1px;
}
grid .label-remove-header:after,
grid .label-remove-footer:after {
  content: "";
  background: url(/content/img/ic-acction-delete-white.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 14px;
  display: inline-flex;
  height: 14px;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 14px;
  margin: 0;
  background-size: contain;
  cursor: pointer;
}

.label-add-header grid-row,
.label-add-footer grid-row {
  display: none !important;
}

resizer-row {
  background: #fff;
  overflow: hidden;
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  margin: 0;
  border: 1px dashed #cad7dc;
  background: #e3eaed;
  border-left: 0;
  border-right: 0;
}
resizer-row .resizer-wrapper {
  position: absolute;
  height: 100%;
  min-height: 100%;
  width: 2px;
  background: #0ca597;
  left: 113px;
  top: 0;
  z-index: 999;
  cursor: ew-resize;
  display: none;
}
resizer-row resizer-cell {
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  min-height: 18px;
  margin: 0;
  padding: 0 4px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
resizer-row resizer-cell resizer {
  border: 1px dashed #cad7dc;
  margin-top: 0;
  margin-bottom: 0px;
}
resizer-row resizer-cell resizer.resizer-selected {
  margin-bottom: 0;
}
resizer-row resizer-cell resizer resizer-row:last-of-type {
  border: 0 !important;
}
resizer-row resizer-cell resizer resizer-row:last-of-type resizer-cell.grid-selected {
  max-width: 100%;
}
resizer-row resizer-cell resizer resizer-row:last-of-type resizer-cell:last-of-type.resizer-selected {
  border: 1px solid #0ca597;
  margin-bottom: 1px;
}
resizer-row resizer-cell:last-of-type {
  border-bottom: 0;
}
resizer-row resizer-cell:last-of-type.resizer-selected {
  border: 1px solid #0ca597;
}
resizer-row resizer-cell span {
  white-space: normal;
}
resizer-row resizer-cell + resizer-cell {
  border-left: 1px dashed #cad7dc;
}
resizer-row resizer-cell[size="16"] {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
resizer-row resizer-cell[size="15"] {
  min-width: 93.75%;
  width: 93.75%;
  max-width: 93.75%;
}
resizer-row resizer-cell[size="14"] {
  min-width: 87.5%;
  width: 87.5%;
  max-width: 87.5%;
}
resizer-row resizer-cell[size="13"] {
  min-width: 81.25%;
  width: 81.25%;
  max-width: 81.25%;
}
resizer-row resizer-cell[size="12"] {
  min-width: 75%;
  width: 75%;
  max-width: 75%;
}
resizer-row resizer-cell[size="11"] {
  min-width: 68.75%;
  width: 68.75%;
  max-width: 68.75%;
}
resizer-row resizer-cell[size="10"] {
  min-width: 62.5%;
  width: 62.5%;
  max-width: 62.5%;
}
resizer-row resizer-cell[size="9"] {
  min-width: 56.25%;
  width: 56.25%;
  max-width: 56.25%;
}
resizer-row resizer-cell[size="8"] {
  min-width: 50%;
  width: 50%;
  max-width: 50%;
}
resizer-row resizer-cell[size="7"] {
  min-width: 43.75%;
  width: 43.75%;
  max-width: 43.75%;
}
resizer-row resizer-cell[size="6"] {
  min-width: 37.5%;
  width: 37.5%;
  max-width: 37.5%;
}
resizer-row resizer-cell[size="5"] {
  min-width: 31.5%;
  width: 31.5%;
  max-width: 31.5%;
}
resizer-row resizer-cell[size="4"] {
  min-width: 25%;
  width: 25%;
  max-width: 25%;
}
resizer-row resizer-cell[size="3"] {
  min-width: 18.75%;
  width: 18.75%;
  max-width: 18.75%;
}
resizer-row resizer-cell[size="2"] {
  min-width: 12.5%;
  width: 12.5%;
  max-width: 12.5%;
}
resizer-row resizer-cell[size="1"] {
  min-width: 6.25%;
  width: 6.25%;
  max-width: 6.25%;
}
resizer-row resizer-cell[resizible=false] div {
  display: none !important;
}
resizer-row resizer-cell.resizer-selected {
  background: #ceedea;
  margin: 0;
  border: 1px solid #0ca597;
}
resizer-row resizer-cell:not(.resizer-selected) {
  text-overflow: ellipsis;
}
resizer-row.resizer-selected {
  background: #ceedea;
  margin: 0;
  border: 1px solid #0ca597 !important;
}

grid-row {
  background: #fff;
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  margin: 0;
  border: 0;
}
grid-row > span {
  caret-color: transparent !important;
}
grid-row + grid-row {
  border-top: 1px dashed rgba(12, 165, 151, 0.5);
}
grid-row grid-cell {
  width: 100%;
  display: block;
  white-space: nowrap;
  min-height: 18px;
  margin: 0;
}
grid-row grid-cell > span {
  caret-color: transparent !important;
}
grid-row grid-cell > * {
  caret-color: transparent !important;
}
grid-row grid-cell grid {
  border: 1px dashed rgba(12, 165, 151, 0.5);
  margin-top: 0;
  margin-bottom: 0px;
}
grid-row grid-cell grid.grid-selected {
  margin-bottom: 0;
}
grid-row grid-cell grid grid-row:first-of-type {
  border: 0 !important;
}
grid-row grid-cell grid grid-row:first-of-type grid-cell > * {
  caret-color: transparent !important;
}
grid-row grid-cell grid grid-row:first-of-type grid-cell.grid-selected {
  max-width: 100%;
}
grid-row grid-cell grid grid-row:first-of-type grid-cell.grid-selected > * {
  caret-color: initial !important;
}
grid-row grid-cell grid grid-row:first-of-type grid-cell.grid-selected image {
  caret-color: transparent !important;
}
grid-row grid-cell grid grid-row:first-of-type grid-cell:first-of-type.grid-selected {
  border: 1px solid #0ca597;
  margin-bottom: 1px;
}
grid-row grid-cell:last-of-type {
  border-bottom: 0;
}
grid-row grid-cell:last-of-type.grid-selected {
  border: 1px solid #0ca597;
}
grid-row grid-cell span {
  white-space: normal;
}
grid-row grid-cell + grid-cell {
  border-left: 1px dashed rgba(12, 165, 151, 0.5);
}
grid-row grid-cell[size="16"] {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
grid-row grid-cell[size="15"] {
  min-width: 93.75%;
  width: 93.75%;
  max-width: 93.75%;
}
grid-row grid-cell[size="14"] {
  min-width: 87.5%;
  width: 87.5%;
  max-width: 87.5%;
}
grid-row grid-cell[size="13"] {
  min-width: 81.25%;
  width: 81.25%;
  max-width: 81.25%;
}
grid-row grid-cell[size="12"] {
  min-width: 75%;
  width: 75%;
  max-width: 75%;
}
grid-row grid-cell[size="11"] {
  min-width: 68.75%;
  width: 68.75%;
  max-width: 68.75%;
}
grid-row grid-cell[size="10"] {
  min-width: 62.5%;
  width: 62.5%;
  max-width: 62.5%;
}
grid-row grid-cell[size="9"] {
  min-width: 56.25%;
  width: 56.25%;
  max-width: 56.25%;
}
grid-row grid-cell[size="8"] {
  min-width: 50%;
  width: 50%;
  max-width: 50%;
}
grid-row grid-cell[size="7"] {
  min-width: 43.75%;
  width: 43.75%;
  max-width: 43.75%;
}
grid-row grid-cell[size="6"] {
  min-width: 37.5%;
  width: 37.5%;
  max-width: 37.5%;
}
grid-row grid-cell[size="5"] {
  min-width: 31.5%;
  width: 31.5%;
  max-width: 31.5%;
}
grid-row grid-cell[size="4"] {
  min-width: 25%;
  width: 25%;
  max-width: 25%;
}
grid-row grid-cell[size="3"] {
  min-width: 18.75%;
  width: 18.75%;
  max-width: 18.75%;
}
grid-row grid-cell[size="2"] {
  min-width: 12.5%;
  width: 12.5%;
  max-width: 12.5%;
}
grid-row grid-cell[size="1"] {
  min-width: 6.25%;
  width: 6.25%;
  max-width: 6.25%;
}
grid-row grid-cell.grid-selected > * {
  caret-color: initial !important;
}
grid-row grid-cell.grid-selected image {
  caret-color: transparent !important;
}
grid-row:last-of-type {
  border-bottom: 0 !important;
}
grid-row grid-cell.grid-selected {
  background: #ceedea;
  margin: 0;
  border: 1px solid #0ca597;
}
grid-row grid-cell:not(.grid-selected) {
  text-overflow: ellipsis;
}
grid-row.grid-selected {
  background: #ceedea;
  margin: 0;
  border: 1px solid #0ca597 !important;
}

/**/
flexgrid {
  display: flex;
  flex-direction: row;
  width: inherit;
  max-width: inherit;
  flex-wrap: nowrap;
  overflow: hidden;
  justify-content: flex-start;
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  line-height: 1.1;
  margin: 0;
  box-sizing: border-box;
  border: 1px dashed rgba(12, 165, 151, 0.5);
  min-height: 18px;
}
flexgrid.flexgrid-selected {
  background: #ceedea;
  border: 1px solid #0ca597;
}
flexgrid flexgrid-column {
  background: #fff;
  overflow: hidden;
  flex-wrap: nowrap;
  margin: 0;
  border-right: 1px dashed rgba(12, 165, 151, 0.5);
}
flexgrid flexgrid-column flexgrid-cell {
  max-width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  min-height: 18px;
  margin: 0;
  border-bottom: 1px dashed rgba(12, 165, 151, 0.5);
  margin-bottom: -1px;
}
flexgrid flexgrid-column flexgrid-cell:last-of-type {
  margin-bottom: 0;
}
flexgrid flexgrid-column flexgrid-cell flexgrid {
  border: 1px dashed rgba(12, 165, 151, 0.5);
  margin-top: 0;
  margin-bottom: 0px;
}
flexgrid flexgrid-column flexgrid-cell flexgrid.flexgrid-selected {
  margin-bottom: 0;
}
flexgrid flexgrid-column flexgrid-cell flexgrid flexgrid-column:last-of-type {
  border: 0 !important;
}
flexgrid flexgrid-column flexgrid-cell flexgrid flexgrid-column:last-of-type flexgrid-cell.flexgrid-selected {
  max-width: 100%;
}
flexgrid flexgrid-column flexgrid-cell flexgrid flexgrid-column:last-of-type flexgrid-cell:last-of-type.flexgrid-selected {
  border: 1px solid #0ca597;
  margin-bottom: 1px;
}
flexgrid flexgrid-column flexgrid-cell:last-of-type {
  border-bottom: 0;
}
flexgrid flexgrid-column flexgrid-cell:last-of-type.flexgrid-selected {
  border: 1px solid #0ca597;
}
flexgrid flexgrid-column flexgrid-cell span {
  white-space: normal;
}
flexgrid flexgrid-column:last-of-type {
  border: 0 !important;
}
flexgrid flexgrid-column flexgrid-cell.flexgrid-selected {
  background: #ceedea;
  margin: 0;
  border: 1px solid #0ca597;
}
flexgrid flexgrid-column flexgrid-cell:not(.flexgrid-selected) {
  text-overflow: ellipsis;
}
flexgrid flexgrid-column.flexgrid-selected {
  background: #ceedea;
  margin: 0;
  border: 1px solid #0ca597 !important;
}
flexgrid resizer {
  cursor: e-resize;
  display: none;
  min-width: 12px;
  min-height: 18px;
  width: 12px;
  background-image: url(/content/img/mark-size.png);
  background-repeat: repeat-y;
  margin-left: -11px;
}
flexgrid resizer.display {
  display: block;
}
flexgrid flexgrid-column[size="16"] {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
flexgrid flexgrid-column[size="15"] {
  min-width: 93.75%;
  width: 93.75%;
  max-width: 93.75%;
}
flexgrid flexgrid-column[size="14"] {
  min-width: 87.5%;
  width: 87.5%;
  max-width: 87.5%;
}
flexgrid flexgrid-column[size="13"] {
  min-width: 81.25%;
  width: 81.25%;
  max-width: 81.25%;
}
flexgrid flexgrid-column[size="12"] {
  min-width: 75%;
  width: 75%;
  max-width: 75%;
}
flexgrid flexgrid-column[size="11"] {
  min-width: 68.75%;
  width: 68.75%;
  max-width: 68.75%;
}
flexgrid flexgrid-column[size="10"] {
  min-width: 62.5%;
  width: 62.5%;
  max-width: 62.5%;
}
flexgrid flexgrid-column[size="9"] {
  min-width: 56.25%;
  width: 56.25%;
  max-width: 56.25%;
}
flexgrid flexgrid-column[size="8"] {
  min-width: 50%;
  width: 50%;
  max-width: 50%;
}
flexgrid flexgrid-column[size="7"] {
  min-width: 43.75%;
  width: 43.75%;
  max-width: 43.75%;
}
flexgrid flexgrid-column[size="6"] {
  min-width: 37.5%;
  width: 37.5%;
  max-width: 37.5%;
}
flexgrid flexgrid-column[size="5"] {
  min-width: 31.5%;
  width: 31.5%;
  max-width: 31.5%;
}
flexgrid flexgrid-column[size="4"] {
  min-width: 25%;
  width: 25%;
  max-width: 25%;
}
flexgrid flexgrid-column[size="3"] {
  min-width: 18.75%;
  width: 18.75%;
  max-width: 18.75%;
}
flexgrid flexgrid-column[size="2"] {
  min-width: 12.5%;
  width: 12.5%;
  max-width: 12.5%;
}
flexgrid flexgrid-column[size="1"] {
  min-width: 6.25%;
  width: 6.25%;
  max-width: 6.25%;
}
flexgrid .empty-column {
  border-left: 1px dashed rgba(12, 165, 151, 0.5);
}
flexgrid .border-bottom {
  border-bottom: 1px dashed rgba(12, 165, 151, 0.5) !important;
}

flexgrid flexgrid-cell.hr-top,
.flexgrid .flexgrid-column .flexgrid-cell.hr-top {
  border-top: 1px solid #000;
}

grid grid-cell.hr-top,
.grid .grid-column .grid-cell.hr-top,
.grid .grid-row .grid-cell.hr-top {
  border-top: 1px solid #c8c8c8;
}

/***** END FLEXGRID ****/
div.hr-paragraph {
  display: flex !important;
  white-space: nowrap;
}
div.hr-paragraph:empty {
  display: flex !important;
}
div.hr-paragraph:after {
  content: "";
  width: 100%;
  min-height: 100%;
  background: rgba(255, 255, 255, 0);
  display: flex;
  border-bottom: 1px solid #000;
  margin-bottom: 2px;
}
div.hr-paragraph[style^="text-align: right"]:before {
  content: "";
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #000;
}
div.hr-paragraph[style^="text-align: right"]:after {
  display: none;
}

li.hr-paragraph {
  white-space: nowrap;
}
li.hr-paragraph:empty {
  display: flex !important;
}
li.hr-paragraph > span {
  display: flex !important;
  white-space: nowrap;
}
li.hr-paragraph > span:after {
  content: "";
  width: 100%;
  min-height: 100%;
  background: rgba(255, 255, 255, 0);
  display: flex;
  border-bottom: 1px solid #000;
}
li.hr-paragraph[style^="text-align: right"] > span:before {
  content: "";
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #000;
}
li.hr-paragraph[style^="text-align: right"] > span:after {
  display: none;
}

flexgrid-cell.hr-paragraph {
  display: flex !important;
  white-space: nowrap;
}
flexgrid-cell.hr-paragraph:empty {
  display: flex !important;
}
flexgrid-cell.hr-paragraph:after {
  content: "";
  width: 100%;
  min-height: 100%;
  background: rgba(255, 255, 255, 0);
  display: flex;
  border-bottom: 1px solid #000;
  margin-bottom: 2px;
}
flexgrid-cell.hr-paragraph[style^="text-align: right"]:before {
  content: "";
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #000;
}
flexgrid-cell.hr-paragraph[style^="text-align: right"]:after {
  display: none;
}

.inline-condition {
  background: rgba(133, 255, 111, 0.3);
  margin: 0 2px;
  border: 1px dashed rgb(108, 205, 91);
}

ul.condition-formula {
  margin-bottom: 0px !important;
}

ol.condition-formula {
  margin-bottom: 0px !important;
}

h1.condition-formula {
  background: rgb(255, 249, 196);
  margin: 0 !important;
  padding: 10px 0 !important;
}

h2.condition-formula {
  background: rgb(255, 249, 196);
  margin: 0 !important;
  padding: 20px 0 !important;
}

.condition-formula {
  background: rgb(255, 249, 196);
  border-left: 1px dashed #bbb57f;
  border-right: 1px dashed #bbb57f;
}
.condition-formula ul,
.condition-formula ol {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 8px;
  padding-bottom: 8px;
}
.condition-formula ul ul,
.condition-formula ul ol,
.condition-formula ol ul,
.condition-formula ol ol {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 8px;
  padding-bottom: 8px;
}
.condition-formula[data-condition-start] {
  border: 1px dashed #bbb57f;
  border-bottom: 0;
}
.condition-formula .condition-formula {
  padding: 0 2px;
  border-left: 0;
  border-right: 0;
}
.condition-formula[data-condition-end] {
  border: 1px dashed #bbb57f;
  border-top: 0;
}
.condition-formula[data-condition-end][data-condition-start] {
  border-top: 1px dashed #bbb57f;
}

ul.condition-formula {
  margin-top: 0px !important;
  padding-top: 8px;
  margin-bottom: 0px !important;
}

ol.condition-formula {
  margin-top: 0px !important;
  padding-top: 8px;
  margin-bottom: 0px !important;
}

.page-break-slate {
  background-color: orchid;
}

.content-spacer-slate {
  background-color: mediumslateblue;
}

.loop-formula {
  background-color: turquoise;
  border-left: 1px dashed #55a19a;
  border-right: 1px dashed #55a19a;
}
.loop-formula ul,
.loop-formula ol {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 8px;
  padding-bottom: 8px;
}
.loop-formula[data-loop-start] {
  border: 1px dashed #55a19a;
  border-bottom: 0;
}
.loop-formula .loop-formula {
  padding: 0 2px;
  border-left: 0;
  border-right: 0;
}
.loop-formula[data-loop-end] {
  border: 1px dashed #55a19a;
  border-top: 0;
}
.loop-formula[data-loop-end][data-loop-start] {
  border-top: 1px dashed #55a19a;
}

h1.loop-formula {
  background-color: turquoise;
  margin: 0 !important;
  padding: 10px 0 !important;
}

h2.loop-formula {
  background-color: turquoise;
  margin: 0 !important;
  padding: 20px 0 !important;
}

ul.loop-formula {
  margin-top: 0px !important;
  padding-top: 8px;
  margin-bottom: 0px !important;
}

ol.loop-formula {
  margin-top: 0px !important;
  padding-top: 8px;
  margin-bottom: 0px !important;
}

.extendedrights-wrapper {
  height: calc(100% - 10px);
}
.extendedrights-wrapper .workflow-panel-header {
  margin: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.extendedrights-wrapper .workflow-panel-header .workflow-panel-nav {
  height: 32px;
  background: #dcdedf;
}
.extendedrights-wrapper .workflow-panel-header .workflow-panel-nav h2 {
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  color: #002D41;
  margin: 0;
  background: rgba(255, 255, 255, 0);
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
}
.extendedrights-wrapper .workflow-panel-header .workflow-panel-nav h2 + h2 {
  padding: 0 8px 0 0;
}
.extendedrights-wrapper .extendedrights {
  height: calc(100vh - 82px);
  padding: 0 4px 4px 4px;
  background: #dcdedf;
  width: 950px;
}
.extendedrights-wrapper .extendedrights .grid-list-container {
  width: 100%;
}

.settlement-details {
  height: calc(100% - 10px);
  padding: 0 4px;
}
.settlement-details .content {
  height: calc(100vh - 82px);
  padding: 0 0 4px 0;
  background: #dcdedf;
  display: flex;
  flex-direction: row;
  max-width: 1100px;
}
.settlement-details .content > .content-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.settlement-details .content > .content-column + .content-column {
  margin-left: 4px;
}
.settlement-details .content > .content-column > div + div {
  margin-top: 4px;
}
.settlement-details .content > .content-column:nth-child(1) {
  width: 292px;
}
.settlement-details .content > .content-column:nth-child(2) {
  width: 480px;
}
.settlement-details .content > .content-column:nth-child(3) {
  width: 330px;
}
.settlement-details .content .sd-block {
  padding: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
  background: #fff;
}
.settlement-details .content .sd-block .sd-header-row {
  border-bottom: 1px solid #dcdedf;
  height: 24px;
  line-height: 1;
  margin-bottom: 8px;
}
.settlement-details .content .sd-block .sd-header-row h3 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin: 0;
}
.settlement-details .content .sd-block .sd-content + .sd-header-row {
  margin-top: 6px;
}
.settlement-details .content .sd-block.calculation .purchase-panel-row-excel {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  min-height: 24px;
  display: flex;
  flex-direction: row;
}
.settlement-details .content .sd-block.calculation .purchase-panel-row-excel label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.43 !important;
  color: #1f7244 !important;
  align-items: center;
  display: flex;
  width: 164px;
  text-decoration: underline;
  cursor: pointer;
}
.settlement-details .content .sd-block.calculation .purchase-panel-row-excel label:hover, .settlement-details .content .sd-block.calculation .purchase-panel-row-excel labelactive, .settlement-details .content .sd-block.calculation .purchase-panel-row-excel label:active:focus {
  color: #014018 !important;
}
.settlement-details .content .sd-block.calculation .purchase-panel-row-excel label:after {
  content: url(/content/img/excel.svg);
  width: 16px;
  margin-left: 8px;
}
.settlement-details .content .sd-block.calculation .sd-content-row {
  height: 24px;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
  border: 0;
  padding: 0 6px;
  margin: 0 0 2px 0;
}
.settlement-details .content .sd-block.calculation .sd-content-row.unspaced {
  justify-content: unset !important;
}
.settlement-details .content .sd-block.calculation .sd-content-row .value {
  width: 61px;
  height: 20px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  color: #000000;
}
.settlement-details .content .sd-block.calculation .sd-content-row.bolder {
  font-family: Roboto-Medium, sans-serif !important;
}
.settlement-details .content .sd-block.calculation .sd-content-row.bolder .value {
  font-family: Roboto-Medium, sans-serif !important;
}
.settlement-details .content .sd-block.calculation .sd-content-row.bordered {
  border-top: 1px solid #cad7dc;
  border-bottom: 1px solid #cad7dc;
}
.settlement-details .content .sd-block.calculation .sd-content-row.dashed {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.settlement-details .content .sd-block.calculation .sd-content-row.bg-intense {
  background: rgba(0, 45, 65, 0.05);
}
.settlement-details .content .sd-block.calculation .sd-content-row.m-top {
  margin-top: 14px;
}
.settlement-details .content .sd-block.calculation .sd-content-row.m-bottom {
  margin-bottom: 14px;
}
.settlement-details .content .sd-block.calculation .sd-content-row.lock {
  padding-right: 0;
  padding-top: 10px;
}
.settlement-details .content .sd-block.calculation .sd-content-row.lock a {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
}
.settlement-details .content .sd-block.calculation .sd-content-row.lock .locked {
  width: 20px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/mark-lock.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center right;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  margin-left: 10px;
}
.settlement-details .content .sd-block.calculation .sd-content-row.lock .unlocked {
  width: 20px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/mark-unlock.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center right;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  margin-left: 10px;
}
.settlement-details .content .sd-block.calculation .sd-content-row.red-color {
  color: #ff0000 !important;
}
.settlement-details .content .sd-block.parties .sd-content-row {
  height: 24px;
  width: 100%;
  display: inline-grid;
  grid-template-columns: 142px 160px 38px auto;
  color: #5f5f5f;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper {
  position: relative;
  width: 100%;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup {
  display: inline-flex;
  justify-content: flex-start;
  font-size: 14px !important;
  min-height: 20px !important;
  height: 20px !important;
  border-radius: 2px !important;
  line-height: 20px !important;
  background: #ffffff;
  border: 1px solid #b6c3d3;
  width: 100%;
  cursor: initial;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup:hover {
  border: 1px solid #4b5a6d;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup .wrapper-row {
  display: inline-flex;
  width: 100%;
  justify-content: flex-start;
  height: 18px;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup .wrapper-row > div {
  width: 100% !important;
  justify-content: flex-start;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup .wrapper-row > div > span {
  width: 100% !important;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup .wrapper-row > div > span input.field,
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup .wrapper-row > div > span input.field.type-text {
  height: 16px !important;
  border: 0 !important;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup a {
  display: block;
  width: 24px;
  height: 18px;
  background: url(/content/img/ic-action-input-list-active.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 1 !important;
  cursor: pointer;
  min-width: 24px;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup .unlimited {
  display: flex;
  align-items: center;
  line-height: 18px;
  height: 18px;
  min-width: 22px;
  width: 22px;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup .unlimited:before {
  content: url(/content/img/ic-mark-infinity.png);
  text-align: center;
  background: none;
  margin: 0;
  height: 24px;
  width: 18px;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup-open {
  border: 1px solid #b6c3d3;
  border-top: 0;
  background: #fff;
  z-index: 1111;
  position: absolute;
  left: 0;
  top: 20px;
  display: block;
  width: 100% !important;
  text-align: left !important;
  min-width: fit-content !important;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup-open h2 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #b6c3d3;
  margin: 0 0 6px 0;
  padding: 5px 0 8px 0;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup-open .drop-popup-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup-open .drop-popup-content a {
  color: #000 !important;
  display: block;
  line-height: 20px;
  font-size: 14px;
  padding: 0 8px;
  width: 100%;
  white-space: nowrap;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup-open .drop-popup-content a:hover {
  color: #000;
  background: #d8edec;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup-open .drop-popup-content a:active, .settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup-open .drop-popup-content a:active:focus {
  color: #027373 !important;
  background: #d8edec;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup-open .drop-popup-content a.active {
  background: #c2e5e4;
  font-family: Roboto-Medium, sans-serif;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup-open .drop-popup-content a.selected {
  background: #d8edec;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper .drop-popup-open .drop-popup-content a.separate {
  border-top: 1px solid #b6c3d3;
  margin-top: 4px;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper.disabled .drop-popup {
  background: #f0f5f7;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper.readonly input.field {
  background: #f0f5f7 !important;
  color: rgba(0, 0, 0, 0.7) !important;
}
.settlement-details .content .sd-block.parties .sd-content-row .drop-popup-wrapper.readonly .drop-popup:hover {
  border: 1px solid #c9c9c9 !important;
}
.settlement-details .content .sd-block.parties .sd-content-row.unspaced {
  justify-content: unset !important;
}
.settlement-details .content .sd-block.parties .sd-content-row .prehead {
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  color: #828d99;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
}
.settlement-details .content .sd-block.parties .sd-content-row > *:nth-child(3) {
  text-align: right;
}
.settlement-details .content .sd-block.parties .sd-content-row.service-providers {
  display: inline-grid;
  grid-template-columns: 142px 160px 38px auto;
}
.settlement-details .content .sd-block.parties .sd-content-row.service-providers > div:nth-child(4) {
  text-align: right;
}
.settlement-details .content .sd-block.parties .sd-content-row label + div.loan-numbers {
  width: 100% !important;
}
.settlement-details .content .sd-block.parties .sd-content-row .relative {
  position: relative;
}
.settlement-details .content .sd-block.parties .sd-content-row a,
.settlement-details .content .sd-block.parties .sd-content-row button {
  background-color: rgba(255, 255, 255, 0) !important;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.settlement-details .content .sd-block.parties .sd-content-row a.open_new,
.settlement-details .content .sd-block.parties .sd-content-row button.open_new {
  width: 24px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/ic-action-popup.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center right;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  margin-left: 8px;
}
.settlement-details .content .sd-block.parties .sd-content-row a.celink-button,
.settlement-details .content .sd-block.parties .sd-content-row button.celink-button {
  width: 30px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/celink-ico.svg);
  box-shadow: none;
  outline: none !important;
  background-size: 30px 28px;
  background-repeat: no-repeat;
  margin-left: 8px;
  position: absolute;
  top: 0;
  left: 80px;
}
.settlement-details .content .sd-block.parties .sd-content-row a.button-download,
.settlement-details .content .sd-block.parties .sd-content-row button.button-download {
  width: 24px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/ribbon-download-24-px-rest.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center right;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  margin-left: 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.settlement-details .content .sd-block.parties .sd-content-row a:hover.open_new, .settlement-details .content .sd-block.parties .sd-content-row a:active.open_new, .settlement-details .content .sd-block.parties .sd-content-row a:active:focus.open_new,
.settlement-details .content .sd-block.parties .sd-content-row button:hover.open_new,
.settlement-details .content .sd-block.parties .sd-content-row button:active.open_new,
.settlement-details .content .sd-block.parties .sd-content-row button:active:focus.open_new {
  background-image: url(/content/img/ic-action-popup-active.svg);
}
.settlement-details .content .sd-block.parties .sd-content-row a:hover.button-download, .settlement-details .content .sd-block.parties .sd-content-row a:active.button-download, .settlement-details .content .sd-block.parties .sd-content-row a:active:focus.button-download,
.settlement-details .content .sd-block.parties .sd-content-row button:hover.button-download,
.settlement-details .content .sd-block.parties .sd-content-row button:active.button-download,
.settlement-details .content .sd-block.parties .sd-content-row button:active:focus.button-download {
  background-image: url(/content/img/ribbon-download-24-px-hover-pressed.svg);
}
.settlement-details .content .sd-block.parties .sd-content-row .select-dropdown {
  width: 100%;
  height: 20px;
}
.settlement-details .content .sd-block.parties .sd-content-row .select-dropdown .Select-control {
  height: 22px !important;
  font-size: 14px !important;
}
.settlement-details .content .sd-block.parties .sd-content-row .select-dropdown .Select-control div {
  height: 22px !important;
  line-height: 22px !important;
}
.settlement-details .content .sd-block.parties .sd-content-row .select-dropdown .Select-arrow-zone {
  height: 20px;
  line-height: 20px;
}
.settlement-details .content .sd-block.parties .sd-content-row .select-dropdown .Select-arrow-zone:before {
  line-height: 1.333rem;
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0;
  position: absolute;
  color: rgba(255, 255, 255, 0) !important;
}
.settlement-details .content .sd-block.parties .sd-content-row .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  height: 20px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}
.settlement-details .content .sd-block.parties .sd-content-row .select-dropdown + label {
  padding-left: 8px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.settlement-details .content .sd-block.parties .sd-content-row .Select.is-disabled > .Select-control {
  background: rgba(255, 255, 255, 0) !important;
}
.settlement-details .content .sd-block.parties .sd-header-row.mt-25 {
  position: relative;
  height: 30px;
  padding-top: 5px;
  margin-top: 20px;
}
.settlement-details .content .sd-block.parties .sd-header-row.mt-25:before {
  content: "";
  height: 4px;
  width: calc(100% + 17px);
  background: #dcdedf;
  display: block;
  position: absolute;
  left: -8px;
  top: -8px;
}
.settlement-details .content .sd-block.qc .sd-content-row {
  height: 24px;
  width: 100%;
  display: inline-grid;
  grid-template-columns: 126px 150px;
  color: #5f5f5f;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.settlement-details .content .sd-block.qc .sd-content-row.unspaced {
  justify-content: unset !important;
}
.settlement-details .content .sd-block.qc .sd-content-row > *:nth-child(3) {
  text-align: right;
}
.settlement-details .content .sd-block.qc .sd-content-row .relative {
  position: relative;
}
.settlement-details .content .sd-block.qc .sd-header-row.mt-25 {
  position: relative;
  height: 30px;
  padding-top: 5px;
  margin-top: 20px;
}
.settlement-details .content .sd-block.qc .sd-header-row.mt-25:before {
  content: "";
  height: 4px;
  width: calc(100% + 17px);
  background: #dcdedf;
  display: block;
  position: absolute;
  left: -8px;
  top: -8px;
}
.settlement-details .content .sd-block.dates {
  width: 100%;
}
.settlement-details .content .sd-block.dates .sd-header-row {
  position: relative;
  /*
  &:after {
      content: url(/content/img/ic-action-cardheader-more-normal.svg);
      position: absolute;
      top: 0;
      right: 0;
      height: 24px;
  }
  */
}
.settlement-details .content .sd-block.dates .sd-header-row.mt-25 {
  position: relative;
  height: 30px;
  padding-top: 5px;
  margin-top: 20px;
}
.settlement-details .content .sd-block.dates .sd-header-row.mt-25:before {
  content: "";
  height: 4px;
  width: calc(100% + 17px);
  background: #dcdedf;
  display: block;
  position: absolute;
  left: -8px;
  top: -8px;
}
.settlement-details .content .sd-block.dates .sd-content-row {
  height: 24px;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: #5f5f5f;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.settlement-details .content .sd-block.dates .sd-content-row .sd-row-label-input.mers-min + div {
  width: 155px;
}
.settlement-details .content .sd-block.dates .sd-content-row.unspaced {
  justify-content: unset !important;
}
.settlement-details .content .sd-block.dates .sd-content-row.black-label {
  color: #000;
}
.settlement-details .content .sd-block.dates .sd-content-row > label {
  min-width: 150px;
}
.settlement-details .content .sd-block.dates .sd-content-row > label + a {
  text-decoration: underline;
}
.settlement-details .content .sd-block.dates .sd-content-row label + div,
.settlement-details .content .sd-block.dates .sd-content-row > a + div {
  width: 87px;
}
.settlement-details .content .sd-block.dates .sd-content-row label + div.data input,
.settlement-details .content .sd-block.dates .sd-content-row > a + div.data input {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  text-align: center !important;
  color: #000000;
  background: rgba(155, 155, 155, 0.05);
  pointer-events: none;
  border: 1px solid rgba(224, 224, 224, 0.2) !important;
}
.settlement-details .content .sd-block.dates .sd-content-row label + div.data.closing input,
.settlement-details .content .sd-block.dates .sd-content-row > a + div.data.closing input {
  color: #FF2B00 !important;
}
.settlement-details .content .sd-block.dates .sd-content-row.various label + div {
  width: 92px;
}
.settlement-details .content .sd-block.dates .sd-content-row.ml-policy label + div {
  width: 155px;
}
.settlement-details .content .sd-block.dates .sd-content-row .clear-button {
  width: 92px;
}
.settlement-details .content .sd-block.ml-policy {
  width: 100%;
  border: 1px solid #FF2B00;
}
.settlement-details .content .sd-block.ml-policy .sd-header-row {
  position: relative;
  /*
  &:after {
      content: url(/content/img/ic-action-cardheader-more-normal.svg);
      position: absolute;
      top: 0;
      right: 0;
      height: 24px;
  }
  */
}
.settlement-details .content .sd-block.ml-policy .sd-header-row.mt-25 {
  position: relative;
  height: 30px;
  padding-top: 5px;
  margin-top: 20px;
}
.settlement-details .content .sd-block.ml-policy .sd-header-row.mt-25:before {
  content: "";
  height: 4px;
  width: calc(100% + 17px);
  background: #dcdedf;
  display: block;
  position: absolute;
  left: -8px;
  top: -8px;
}
.settlement-details .content .sd-block.ml-policy .sd-content-row {
  height: 24px;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: #5f5f5f;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.settlement-details .content .sd-block.ml-policy .sd-content-row .sd-row-label-input.mers-min + div {
  width: 155px;
}
.settlement-details .content .sd-block.ml-policy .sd-content-row.unspaced {
  justify-content: unset !important;
}
.settlement-details .content .sd-block.ml-policy .sd-content-row.black-label {
  color: #000;
}
.settlement-details .content .sd-block.ml-policy .sd-content-row label + div {
  width: 155px;
}
.settlement-details .content .sd-block.ml-policy .sd-content-row .clear-button {
  width: 92px;
}
.settlement-details .clear-button {
  font-size: 14px;
}

.qr-scroll-vertical-track {
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: default;
  z-index: 999;
}
.qr-scroll-vertical-track .qr-scroll-vertical-bar {
  position: relative;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  border-radius: 4px;
  right: 0;
  top: 0;
  z-index: 0;
  transition: background 0.1s;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.qr-scroll-vertical-track .qr-scroll-vertical-bar:hover {
  background: rgba(0, 0, 0, 0.55);
}

.qr-scroll-horizontal-track {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8px;
  cursor: default;
  z-index: 999;
}
.qr-scroll-horizontal-track .qr-scroll-horizontal-bar {
  position: relative;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  border-radius: 4px;
  left: 0;
  bottom: 0;
  z-index: 0;
  transition: background 0.1s;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.qr-scroll-horizontal-track .qr-scroll-horizontal-bar:hover {
  background: rgba(0, 0, 0, 0.55);
}

.full-select .select-dropdown .Select-menu-outer {
  width: fit-content !important;
}
.full-select .select-dropdown .Select-menu-outer .Select-menu {
  width: fit-content !important;
}

.settlement-details .content .sd-block.parties .sd-content-row.sd-bankrelation {
  grid-template-columns: 142px 160px;
}
.settlement-details .content .sd-block.parties .sd-content-row.sd-bankrelation.state div {
  width: 20px !important;
}
.settlement-details .content .sd-block.parties .sd-content-row.sd-bankrelation .select-up {
  width: 20px !important;
}
.settlement-details .content .sd-block.parties .sd-content-row.sd-bankrelation div {
  width: 100% !important;
}
.settlement-details .content .sd-block.parties .sd-content-row.sd-bankrelation.auto {
  grid-template-columns: 142px auto;
}

.recharts-legend-wrapper * {
  font-family: Roboto-Light, sans-serif;
}

.uw-condition-details .modals-body {
  background: #e3eaed;
  display: grid;
  grid-template-columns: auto 282px;
  grid-template-rows: 360px 144px;
}
.uw-condition-details .modals-body .uw-block-left {
  grid-column: 1;
  grid-row: 1;
  background: #f0f5f7;
}
.uw-condition-details .modals-body .uw-block-left .editor-block {
  height: calc(100% - 50px);
  max-width: inherit;
  border-radius: 2px;
  background: #fff;
  margin: 8px;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div {
  height: 100%;
  max-width: inherit;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div {
  height: calc(100% - 2px);
  max-width: inherit;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .editor-scroll-wrap {
  max-height: calc(100% - 32px);
  overflow-y: auto;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:hover, .uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:active, .uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:active:focus, .uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:focus, .uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:hover, .uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:active, .uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:active:focus, .uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:focus, .uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .editor {
  height: calc(100% - 2px);
  max-width: inherit;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .editor > div {
  display: block;
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  padding: 10px;
  line-height: 1.4;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
  color: #000;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.uw-condition-details .modals-body .uw-block-left .editor-block > div > div .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.uw-condition-details .modals-body .uw-block-left .editor-block .menu.slate-toolbar-menu[style="display: none;"] + .editor > div {
  height: 100%;
}
.uw-condition-details .modals-body .uw-block-left .editor-block .menu.slate-toolbar-menu[style="display: flex;"] + .editor > div {
  height: calc(100% - 32px);
}
.uw-condition-details .modals-body .uw-block-note {
  grid-column: 1;
  grid-row: 2;
  background: #f0f5f7;
}
.uw-condition-details .modals-body .uw-block-note .note-row {
  height: 24px;
  background: #e3eaed;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #5f5f5f;
  margin: 8px 0 0 8px;
  width: calc(100% - 16px);
  padding: 6px 4px;
}
.uw-condition-details .modals-body .uw-block-note .editor-block {
  height: calc(100% - 50px);
  max-width: inherit;
  border-radius: 2px;
  background: #fff;
  margin: 8px;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div {
  height: 100%;
  max-width: inherit;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div {
  height: calc(100% - 1px);
  max-width: inherit;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .editor-scroll-wrap {
  max-height: calc(100% - 32px);
  overflow-y: auto;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span > span:hover, .uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span > span:active, .uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span > span:active:focus, .uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span > span:focus, .uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span:hover, .uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span:active, .uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span:active:focus, .uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span:focus, .uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .editor {
  height: calc(100% - 2px);
  max-width: inherit;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  padding: 10px;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.uw-condition-details .modals-body .uw-block-note .editor-block > div > div .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.uw-condition-details .modals-body .uw-block-note .editor-block .menu.slate-toolbar-menu[style="display: none;"] + .editor > div {
  height: 100%;
}
.uw-condition-details .modals-body .uw-block-note .editor-block .menu.slate-toolbar-menu[style="display: flex;"] + .editor > div {
  height: calc(100% - 32px);
}
.uw-condition-details .modals-body .list-details {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 24px;
  padding: 8px 8px 8px 0;
  border-bottom: 1px solid #dcdedf;
  margin: 0 0 0 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 952px;
  max-width: 952px;
}
.uw-condition-details .modals-body .list-details label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 26px;
  color: #5f5f5f;
  text-align: left;
  padding-right: 4px;
  width: 78px;
}
.uw-condition-details .modals-body .list-details .request-row {
  height: 21px;
  overflow-y: hidden;
  background: #fff;
  border: 1px solid #b6c3d3;
  box-sizing: border-box;
  position: relative;
  padding: 0 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.uw-condition-details .modals-body .list-details .request-row button {
  width: 60px;
  border-radius: 1px;
  color: #fff;
  line-height: 15px;
  height: 17px;
  border: 0;
  box-shadow: none;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  background-color: #0ca597;
  position: absolute;
  top: 1px;
  right: 2px;
}
.uw-condition-details .modals-body .list-details .request-row button[disabled], .uw-condition-details .modals-body .list-details .request-row button.disabled {
  background: rgba(12, 165, 151, 0.5);
  pointer-events: none;
}
.uw-condition-details .modals-body .list-details .request-row .doc-row {
  width: fit-content;
  height: 18px;
  display: inline-flex;
  min-width: fit-content;
  border-radius: 1px;
  background-color: rgba(0, 176, 255, 0.1);
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding: 0 2px 0 20px;
  color: #000000;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin-left: 0;
}
.uw-condition-details .modals-body .list-details .request-row .doc-row + .doc-row {
  margin-left: 2px;
}
.uw-condition-details .modals-body .list-details .request-row .doc-row > button {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
}
.uw-condition-details .modals-body .list-details .request-row .doc-row > button:nth-child(1) {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: 16px 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
  background-image: url(/content/img/ic-ribbon-action-preview.svg);
}
.uw-condition-details .modals-body .list-details .request-row .doc-row > button:nth-child(2), .uw-condition-details .modals-body .list-details .request-row .doc-row > button.condition-doc-remove {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: 16px 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
  background-image: url(/content/img/ic-acction-delete.svg);
}
.uw-condition-details .modals-body .list-details .request-row .doc-row:hover > button, .uw-condition-details .modals-body .list-details .request-row .doc-row:active > button, .uw-condition-details .modals-body .list-details .request-row .doc-row:active:focus > button {
  visibility: visible;
}
.uw-condition-details .modals-body .list-details .request-row .doc-row.doc-uploaded:before {
  content: url(/content/img/ic-document-attachment.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.uw-condition-details .modals-body .list-details .request-row .doc-row.doc-requested:before {
  content: url(/content/img/ic-document-request.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.uw-condition-details .modals-body .list-details .request-row .doc-row.doc-removed {
  color: #999;
  padding: 0 85px 0 2px;
}
.uw-condition-details .modals-body .list-details .request-row .doc-row.doc-removed:before {
  content: "Removed";
  position: absolute;
  top: 0;
  right: 24px;
}
.uw-condition-details .modals-body .list-details .request-row .doc-row.doc-removed .condition-doc-remove {
  position: absolute;
  right: 2px;
  top: 4px;
}
.uw-condition-details .modals-body .list-details .list-details-item-request {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.uw-condition-details .modals-body .list-details .list-details-item-request + list-details-item {
  margin-left: 10px;
}
.uw-condition-details .modals-body .list-details .list-details-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 21px;
  margin-bottom: 2px;
}
.uw-condition-details .modals-body .list-details .list-details-item + .list-details-item label {
  text-align: right;
  line-height: 21px;
}
.uw-condition-details .modals-body .list-details .list-details-item .select-module {
  width: 200px;
  margin-right: 10px !important;
}
.uw-condition-details .modals-body .list-details .list-details-item:nth-child(3) .select-module {
  width: 347px;
  margin-right: 0px !important;
}
.uw-condition-details .modals-body .list-details .open-subject {
  position: relative;
  width: 100%;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #304156;
}
.uw-condition-details .modals-body .list-details .open-subject > label {
  padding-right: 4px;
  width: 100%;
  text-align: left !important;
  white-space: nowrap;
}
.uw-condition-details .modals-body .list-details .open-subject .open-subject-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  max-width: 560px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-wrap: nowrap;
  height: 21px;
}
.uw-condition-details .modals-body .list-details .open-subject .open-subject-wrapper > div {
  width: 100%;
}
.uw-condition-details .modals-body .list-details .open-subject .open-subject-wrapper > label {
  padding-right: 4px;
  text-align: left !important;
  white-space: nowrap;
  width: inherit;
}
.uw-condition-details .modals-body .list-details .open-subject .open_in_new {
  position: absolute;
  top: 2px;
  right: -20px;
}
.uw-condition-details .modals-body .list-details .open-subject .label-to-open {
  padding: 0 4px;
  background: #fff;
  height: 21px;
  min-width: 100px;
  width: 100%;
  border: 1px solid #b6c3d3;
  border-radius: 2px;
  cursor: pointer;
}
.uw-condition-details .modals-body .list-details .open-subject .label-to-open:before {
  font-family: "MaterialIcons";
  content: "open_in_new";
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: #027373;
  position: absolute;
  top: 0px;
  right: 0px;
}
.uw-condition-details .modals-body .list-details .open-subject[disabled] label {
  color: #b6c3d3;
}
.uw-condition-details .modals-body .list-details .open-subject[disabled] .label-to-open {
  padding: 0 4px;
  background: #fff;
  height: 21px;
  min-width: 100px;
  width: 100%;
  border: 1px solid #b6c3d3;
  border-radius: 2px;
  pointer-events: none;
}
.uw-condition-details .modals-body .list-details .open-subject[disabled] .label-to-open:before {
  font-family: "MaterialIcons";
  content: "open_in_new";
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: #b6c3d3;
  position: absolute;
  top: 0px;
  right: 0px;
}
.uw-condition-details .modals-body .list-details + .editor-block {
  height: calc(100% - 75px);
}
.uw-condition-details .modals-body .details-first-row {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 24px;
  padding: 8px 8px 8px 0;
  display: grid;
  width: 100%;
  grid-template-columns: 65px 180px 70px 180px 90px auto;
  border-bottom: 1px solid #dcdedf;
  margin: 0 0 0 8px;
  /***/
  /***/
}
.uw-condition-details .modals-body .details-first-row.add-props {
  display: flex;
  flex-wrap: wrap;
}
.uw-condition-details .modals-body .details-first-row.add-props label {
  width: fit-content;
}
.uw-condition-details .modals-body .details-first-row.add-props .select-module {
  width: 250px;
}
.uw-condition-details .modals-body .details-first-row.add-props .select-module + .select-module {
  margin-left: 8px !important;
}
.uw-condition-details .modals-body .details-first-row .select-dropdown {
  width: 180px !important;
  min-width: 180px !important;
  padding: 0 !important;
  font-family: "MaterialIcons";
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  display: inline-block;
  text-transform: none;
  height: 24px;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  position: relative !important;
}
.uw-condition-details .modals-body .details-first-row .select-dropdown .Select-control {
  height: 24px !important;
  line-height: 24px !important;
}
.uw-condition-details .modals-body .details-first-row .select-dropdown .Select-control div {
  height: 24px !important;
  line-height: 24px !important;
}
.uw-condition-details .modals-body .details-first-row .select-dropdown .Select-arrow-zone {
  line-height: 24px;
  height: 24px;
  padding-right: 0px;
}
.uw-condition-details .modals-body .details-first-row .select-dropdown .Select-arrow-zone:before {
  height: 24px;
  line-height: 31px;
  font-size: 16px;
}
.uw-condition-details .modals-body .details-first-row .select-dropdown .Select-menu-outer {
  width: 180px;
  max-width: 180px;
  position: absolute !important;
}
.uw-condition-details .modals-body .details-first-row .select-dropdown .Select-menu-outer .Select-menu {
  max-height: 200px !important;
}
.uw-condition-details .modals-body .details-first-row .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  height: 24px !important;
  line-height: 24px !important;
}
.uw-condition-details .modals-body .details-first-row label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 26px;
  color: #5f5f5f;
  text-align: right;
  padding-right: 10px;
}
.uw-condition-details .modals-body .details-first-row .request-row {
  max-height: 24px;
  overflow-y: hidden;
  width: calc(100% - 8px);
  max-width: 384px;
  background: #fff;
  border: 1px solid #b6c3d3;
  box-sizing: border-box;
  position: relative;
  padding: 0 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.uw-condition-details .modals-body .details-first-row .request-row button {
  width: 60px;
  border-radius: 1px;
  color: #fff;
  line-height: 16px;
  height: 18px;
  border: 0;
  box-shadow: none;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  background-color: #0ca597;
  position: absolute;
  top: 2px;
  right: 3px;
}
.uw-condition-details .modals-body .details-first-row .request-row .doc-row {
  width: fit-content;
  height: 18px;
  display: inline-flex;
  min-width: fit-content;
  border-radius: 1px;
  background-color: rgba(0, 176, 255, 0.1);
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding: 0 2px 0 20px;
  color: #000000;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin-left: 0;
}
.uw-condition-details .modals-body .details-first-row .request-row .doc-row + .doc-row {
  margin-left: 2px;
}
.uw-condition-details .modals-body .details-first-row .request-row .doc-row > button {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
}
.uw-condition-details .modals-body .details-first-row .request-row .doc-row > button:nth-child(1) {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: 16px 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
  background-image: url(/content/img/ic-ribbon-action-preview.svg);
}
.uw-condition-details .modals-body .details-first-row .request-row .doc-row > button:nth-child(2), .uw-condition-details .modals-body .details-first-row .request-row .doc-row > button.condition-doc-remove {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: 16px 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
  background-image: url(/content/img/ic-acction-delete.svg);
}
.uw-condition-details .modals-body .details-first-row .request-row .doc-row:hover > button, .uw-condition-details .modals-body .details-first-row .request-row .doc-row:active > button, .uw-condition-details .modals-body .details-first-row .request-row .doc-row:active:focus > button {
  visibility: visible;
}
.uw-condition-details .modals-body .details-first-row .request-row .doc-row.doc-uploaded:before {
  content: url(/content/img/ic-document-attachment.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.uw-condition-details .modals-body .details-first-row .request-row .doc-row.doc-requested:before {
  content: url(/content/img/ic-document-request.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.uw-condition-details .modals-body .details-first-row .request-row .doc-row.doc-removed {
  color: #999;
  padding: 0 50px 0 2px;
}
.uw-condition-details .modals-body .details-first-row .request-row .doc-row.doc-removed:before {
  content: "Removed";
  position: absolute;
  top: 0;
  right: 2px;
}
.uw-condition-details.standart-condition-picker .modals-body {
  display: block !important;
}
.uw-condition-details.standart-condition-picker .modals-body .list-details {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 8px 0;
}
.uw-condition-details.standart-condition-picker .modals-body .list-details label {
  width: initial;
}
.uw-condition-details.standart-condition-picker .modals-body .list-details .list-details-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 21px;
  margin-bottom: 2px;
}
.uw-condition-details.standart-condition-picker .modals-body .list-details .list-details-item + .list-details-item {
  width: 250px;
  margin-right: 0 !important;
}
.uw-condition-details.standart-condition-picker .modals-body .list-details .list-details-item + .list-details-item label {
  text-align: right;
  line-height: 21px;
}
.uw-condition-details.standart-condition-picker .modals-body .list-details .list-details-item + .list-details-item + .list-details-item {
  width: calc(100% - 500px);
  margin-right: 0 !important;
}
.uw-condition-details.standart-condition-picker .modals-body .list-details .list-details-item + .list-details-item + .list-details-item label {
  text-align: right;
  line-height: 21px;
}
.uw-condition-details.standart-condition-picker .modals-body .list-details .list-details-item + .list-details-item + .list-details-item label + div {
  width: 300px;
}
.uw-condition-details.standart-condition-picker .modals-body .list-details .list-details-item .select-module {
  width: 200px;
  margin-right: 12px !important;
}
.uw-condition-details.standart-condition-picker .modals-body .list-details .list-details-item .select-module + .select-module {
  width: calc(100% - 250px);
  margin-right: 0 !important;
}
.uw-condition-details.standart-condition-picker .modals-body .modal-column {
  height: 508px;
}

.notes-details .modals-body {
  background: #e3eaed;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 504px;
}
.notes-details .modals-body .uw-block-left {
  grid-column: 1;
  grid-row: 1;
  background: #f0f5f7;
}
.notes-details .modals-body .uw-block-left .editor-block {
  height: 440px !important;
  max-width: inherit;
  border-radius: 2px;
  background: #fff;
  margin: 8px;
}
.notes-details .modals-body .uw-block-left .editor-block > div {
  height: 100%;
  max-width: inherit;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div {
  height: calc(100% - 2px);
  max-width: inherit;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .editor-scroll-wrap {
  max-height: calc(100% - 32px);
  overflow-y: auto;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:hover, .notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:active, .notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:active:focus, .notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span:focus, .notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:hover, .notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:active, .notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:active:focus, .notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span:focus, .notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .editor {
  height: calc(100% - 2px);
  max-width: inherit;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  padding: 10px;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.notes-details .modals-body .uw-block-left .editor-block > div > div .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.notes-details .modals-body .uw-block-left .editor-block .menu.slate-toolbar-menu[style="display: none;"] + .editor > div {
  height: 100%;
}
.notes-details .modals-body .uw-block-left .editor-block .menu.slate-toolbar-menu[style="display: flex;"] + .editor > div {
  height: calc(100% - 32px);
}
.notes-details .modals-body .details-first-row {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 24px;
  padding: 8px 8px 8px 0;
  display: grid;
  width: 99.5%;
  grid-template-columns: 40px 180px 70px 160px 95px 70px;
  border-bottom: 1px solid #dcdedf;
  margin: 0 0 0 8px;
  /***/
  /***/
}
.notes-details .modals-body .details-first-row .select-dropdown {
  width: 180px !important;
  min-width: 180px !important;
  padding: 0 !important;
  font-family: "MaterialIcons";
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  display: inline-block;
  text-transform: none;
  height: 24px;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  position: relative !important;
}
.notes-details .modals-body .details-first-row .select-dropdown .Select-control {
  height: 24px !important;
  line-height: 24px !important;
}
.notes-details .modals-body .details-first-row .select-dropdown .Select-control div {
  height: 24px !important;
  line-height: 24px !important;
}
.notes-details .modals-body .details-first-row .select-dropdown .Select-arrow-zone {
  line-height: 24px;
  height: 24px;
  padding-right: 0px;
}
.notes-details .modals-body .details-first-row .select-dropdown .Select-arrow-zone:before {
  height: 24px;
  line-height: 31px;
  font-size: 16px;
}
.notes-details .modals-body .details-first-row .select-dropdown .Select-menu-outer {
  width: 180px;
  max-width: 180px;
  position: absolute !important;
}
.notes-details .modals-body .details-first-row .select-dropdown .Select-menu-outer .Select-menu {
  max-height: 200px !important;
}
.notes-details .modals-body .details-first-row .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  height: 24px !important;
  line-height: 24px !important;
}
.notes-details .modals-body .details-first-row label {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 26px;
  color: #5f5f5f;
  text-align: right;
  padding-right: 10px;
}
.notes-details .modals-body .details-first-row .request-row {
  max-height: 24px;
  overflow-y: hidden;
  width: calc(100% - 8px);
  max-width: 384px;
  background: #fff;
  border: 1px solid rgba(224, 224, 224, 0.5);
  box-sizing: border-box;
  position: relative;
  padding: 0 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.notes-details .modals-body .details-first-row .request-row button {
  width: 60px;
  border-radius: 1px;
  color: #fff;
  line-height: 16px;
  height: 18px;
  border: 0;
  box-shadow: none;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  background-color: #0ca597;
  position: absolute;
  top: 2px;
  right: 3px;
}
.notes-details .modals-body .details-first-row .request-row .doc-row {
  width: fit-content;
  height: 18px;
  display: inline-flex;
  min-width: fit-content;
  border-radius: 1px;
  background-color: rgba(0, 176, 255, 0.1);
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding: 0 2px 0 20px;
  color: #000000;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin-left: 0;
}
.notes-details .modals-body .details-first-row .request-row .doc-row + .doc-row {
  margin-left: 2px;
}
.notes-details .modals-body .details-first-row .request-row .doc-row > button {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
}
.notes-details .modals-body .details-first-row .request-row .doc-row > button:nth-child(1) {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: 16px 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
  background-image: url(/content/img/ic-ribbon-action-preview.svg);
}
.notes-details .modals-body .details-first-row .request-row .doc-row > button:nth-child(2), .notes-details .modals-body .details-first-row .request-row .doc-row > button.condition-doc-remove {
  display: flex;
  height: 18px;
  width: 16px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background-size: 16px 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  margin-top: -4px;
  visibility: hidden;
  background-image: url(/content/img/ic-acction-delete.svg);
}
.notes-details .modals-body .details-first-row .request-row .doc-row:hover > button, .notes-details .modals-body .details-first-row .request-row .doc-row:active > button, .notes-details .modals-body .details-first-row .request-row .doc-row:active:focus > button {
  visibility: visible;
}
.notes-details .modals-body .details-first-row .request-row .doc-row.doc-uploaded:before {
  content: url(/content/img/ic-document-attachment.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.notes-details .modals-body .details-first-row .request-row .doc-row.doc-requested:before {
  content: url(/content/img/ic-document-request.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.notes-details .modals-body .details-first-row .request-row .doc-row.doc-removed {
  color: #999;
  padding: 0 50px 0 2px;
}
.notes-details .modals-body .details-first-row .request-row .doc-row.doc-removed:before {
  content: "Removed";
  position: absolute;
  top: 0;
  right: 2px;
}

.uw-standart-modal .modal-window {
  max-height: calc(100vh - 120px);
}
.uw-standart-modal .admin-grid .grid-list-container .grid-module .grid-module-viewport.vertical .grid-module-viewport-header {
  border-top: 0;
}
.uw-standart-modal .grid-module .grid-module-viewport .grid-module-viewport-column .grid-module-viewport-content-cell > div p {
  height: 20px;
  line-height: 18px;
}
.uw-standart-modal .modals-body {
  max-height: calc(100vh - 200px);
  height: 100%;
  max-width: 1234px;
  overflow: hidden;
}
.uw-standart-modal .modals-body .grid-over {
  height: 100%;
  max-height: calc(100vh - 250px);
}
.uw-standart-modal .modals-body .grid-over .admin-grid {
  height: 100%;
}
.uw-standart-modal .modals-body .grid-over .admin-grid .add-standart-condition-grid .rows-wrapper {
  max-height: calc(100vh - 250px);
}
.uw-standart-modal .modals-body .grid-over .modal-primary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #0ca597;
  border: solid 1px #0ca597;
  color: #fff !important;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 14px !important;
  line-height: 1;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.uw-standart-modal .modals-body .grid-over .modal-primary-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #0ca597;
  border: 1px solid #0ca597;
}
.uw-standart-modal .modals-body .grid-over .modal-primary-button:active, .uw-standart-modal .modals-body .grid-over .modal-primary-button:active:focus, .uw-standart-modal .modals-body .grid-over .modal-primary-button:focus {
  background-color: #027373;
  border: 1px solid #027373;
}
.uw-standart-modal .modals-body .grid-over .modal-primary-button:disabled, .uw-standart-modal .modals-body .grid-over .modal-primary-button.disabled {
  pointer-events: none;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #c9c9c9;
  color: #cccccc;
}
.uw-standart-modal .modals-footer {
  width: 100% !important;
  height: 38px;
  margin: 0 !important;
}

.loan-notes-modal .admin-grid .grid-list-container .grid-module .grid-module-viewport.vertical .grid-module-viewport-header {
  border-top: 0;
}
.loan-notes-modal .grid-module .grid-module-viewport .grid-module-viewport-column .grid-module-viewport-content-cell > div p {
  height: 20px;
  line-height: 18px;
}
.loan-notes-modal .modals-body {
  max-height: 500px;
  max-width: 1250px;
  overflow: hidden;
}
.loan-notes-modal .modals-body .grid-over {
  min-height: 300px;
  max-height: 450px;
}
.loan-notes-modal .modals-body .grid-over .modal-primary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #0ca597;
  border: solid 1px #0ca597;
  color: #fff !important;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 14px !important;
  line-height: 1;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.loan-notes-modal .modals-body .grid-over .modal-primary-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #0ca597;
  border: 1px solid #0ca597;
}
.loan-notes-modal .modals-body .grid-over .modal-primary-button:active, .loan-notes-modal .modals-body .grid-over .modal-primary-button:active:focus, .loan-notes-modal .modals-body .grid-over .modal-primary-button:focus {
  background-color: #027373;
  border: 1px solid #027373;
}
.loan-notes-modal .modals-body .grid-over .modal-primary-button:disabled, .loan-notes-modal .modals-body .grid-over .modal-primary-button.disabled {
  pointer-events: none;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #c9c9c9;
  color: #cccccc;
}

.select-row-button {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 10px 4px 8px 4px;
  background: #fafafa;
}
.select-row-button .create-button {
  color: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  background: #0ca597;
  border: 1px solid #0ca597;
  line-height: 20px;
  padding: 0 8px;
  width: 130px;
  height: 32px;
  display: inline-flex;
  justify-content: center;
}
.select-row-button .create-button:hover {
  background: #05ad9c;
  border: 1px solid #0ca597;
  outline: none;
}
.select-row-button .create-button:active, .select-row-button .create-button:active:focus {
  background: #059083;
  border: 1px solid #0ca597;
  outline: none;
}
.select-row-button .create-button:focus {
  background: #04BFAD;
  border: 1px solid #0ca597;
  outline: none;
}
.select-row-button .create-button:disabled {
  background: #04BFAD;
  border: 1px solid #0ca597;
  opacity: 0.5;
}
.select-row-button .cancel-button {
  color: #0ca597;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  background: #fff;
  border: 1px solid #0ca597;
  line-height: 20px;
  padding: 0 8px;
  width: 130px;
  height: 32px;
  display: inline-flex;
  justify-content: center;
}
.select-row-button .cancel-button:hover {
  background: #05ad9c;
  border: 1px solid #0ca597;
  color: #fff;
  outline: none;
}
.select-row-button .cancel-button:active, .select-row-button .cancel-button:active:focus {
  background: #059083;
  color: #fff;
  border: 1px solid #0ca597;
  outline: none;
}
.select-row-button .cancel-button:focus {
  background: #04BFAD;
  border: 1px solid #0ca597;
  color: #fff;
  outline: none;
}
.select-row-button .cancel-button:disabled {
  background: #04BFAD;
  border: 1px solid #0ca597;
  opacity: 0.5;
}

.underwriting-condition-modal .doc-uploaded {
  width: 100%;
  position: relative;
  padding-left: 23px;
}
.underwriting-condition-modal .doc-uploaded:before {
  content: url(/content/img/ic-document-attachment.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.underwriting-condition-modal .doc-requested {
  width: 100%;
  position: relative;
  padding-left: 23px;
}
.underwriting-condition-modal .doc-requested:before {
  content: url(/content/img/ic-document-request.svg);
  position: absolute;
  top: 2px;
  left: 2px;
}
.underwriting-condition-modal .doc-removed {
  width: 100%;
  position: relative;
  padding-left: 23px;
  color: #999;
  padding: 0 50px 0 2px;
}
.underwriting-condition-modal .doc-removed:before {
  content: "Removed";
  position: absolute;
  top: 0;
  right: 2px;
}
.underwriting-condition-modal .modal-row.filter {
  padding: 0 4px;
}
.underwriting-condition-modal .modal-row.filter label {
  font-family: Roboto-Regular, sans-serif !important;
  color: #5f5f5f;
  font-size: 14px;
  min-width: fit-content;
  margin-right: 8px;
}

/***** property-type-wrap ****/
.property-type-wrap {
  display: grid;
  grid-template-columns: 925px 300px;
  grid-gap: 4px;
  overflow-y: hidden;
  padding: 4px 4px;
}
.property-type-wrap.full-screen {
  display: flex;
  width: 1237px;
  padding: 0 4px;
  flex-direction: column;
}
.property-type-wrap .property-type-left {
  display: flex;
  flex-direction: column;
}
.property-type-wrap .property-type-right {
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
  background: #fff;
}
.property-type-wrap .property-type-right .property-panel + .property-panel {
  border-top: 4px solid #dae2e6;
  margin-top: 4px !important;
}
.property-type-wrap .property-panel {
  padding: 0 12px 9px 12px;
  color: #304156;
  font-size: 14px;
  line-height: 1.43;
  font-family: Roboto-Regular, sans-serif;
  position: relative;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
  background: #fff;
  /*********** Select simple ***********/
  /******************************************/
}
.property-type-wrap .property-panel .realestate-underwritting-button {
  min-height: 24px;
  height: 24px;
  min-width: 24px;
  width: 24px;
  display: flex !important;
  position: absolute !important;
  padding: 0;
  top: 4px;
  right: 4px;
  background: rgba(255, 255, 255, 0);
  border: 0;
}
.property-type-wrap .property-panel .realestate-underwritting-button > div {
  display: none !important;
}
.property-type-wrap .property-panel .realestate-underwritting-button:before {
  content: "";
  height: 26px;
  width: 26px;
  margin-right: 4px;
  background: url(/content/img/icons-ribbon-underwriting-24-px.svg);
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
}
.property-type-wrap .property-panel.condominium .panel-row a {
  position: relative;
  line-height: 24px;
  padding-right: 28px;
  width: 100%;
}
.property-type-wrap .property-panel.condominium .panel-row a:before {
  content: "";
  background-image: url(/content/img/base-preview-24-px-rest.svg);
  background-size: 20px 20px;
  position: absolute;
  top: 0;
  height: 20px;
  width: 20px;
  display: flex;
  right: 0;
}
.property-type-wrap .property-panel.condominium .panel-row.data-field label {
  white-space: nowrap;
  min-width: 120px;
  width: 120px;
}
.property-type-wrap .property-panel.condominium .panel-row.data-field > div {
  min-width: 100px;
  width: 100px;
}
.property-type-wrap .property-panel.condominium .panel-row.data-field > div > input.field {
  min-width: 100% !important;
  width: 100% !important;
}
.property-type-wrap .property-panel.manufactured .panel-row a {
  position: relative;
  line-height: 24px;
  padding-right: 28px;
  width: 100%;
}
.property-type-wrap .property-panel.manufactured .panel-row a:before {
  content: "";
  background-image: url(/content/img/base-preview-24-px-rest.svg);
  background-size: 20px 20px;
  position: absolute;
  top: 0;
  height: 20px;
  width: 20px;
  display: flex;
  right: 0;
}
.property-type-wrap .property-panel h3 {
  font-family: Roboto-Medium, sans-serif;
  color: #304156;
  font-size: 16px;
  line-height: 32px;
  margin: 0 0 9px 0;
  padding: 0;
  border-bottom: 1px solid #dcdedf;
}
.property-type-wrap .property-panel input.field.type-text {
  background: #fff;
  height: 22px !important;
  border-radius: 2px !important;
  border: 1px solid #b6c3d3;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.43;
  color: #000 !important;
}
.property-type-wrap .property-panel input.field.type-text[data-state=ReadOnly] {
  background: #fafafa;
}
.property-type-wrap .property-panel input.field.number-input {
  background: #fff;
  height: 22px !important;
  border-radius: 2px !important;
  border: solid 1px #b6c3d3;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.43;
  color: #000 !important;
  text-align: right;
}
.property-type-wrap .property-panel .select-dropdown {
  padding: 0;
  border-right: 0;
  height: 100%;
  width: 100%;
  position: relative;
}
.property-type-wrap .property-panel .select-dropdown[data-state=ReadOnly] div {
  cursor: default;
}
.property-type-wrap .property-panel .select-dropdown[data-state=ReadOnly] {
  pointer-events: none;
}
.property-type-wrap .property-panel .select-dropdown[data-state=ReadOnly] .Select-arrow-zone {
  opacity: 1;
}
.property-type-wrap .property-panel .select-dropdown[data-state=ReadOnly] .Select-arrow-zone:before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 20px;
  width: 20px;
}
.property-type-wrap .property-panel .select-dropdown .select-field {
  min-width: 100% !important;
  height: 22px;
  line-height: 22px;
  width: 100% !important;
  max-width: 110px !important;
  margin: 0;
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
}
.property-type-wrap .property-panel .select-dropdown .Select-control {
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  height: 22px !important;
  line-height: 22px;
  border-radius: 0 !important;
  border: 1px solid #c9c9c9;
}
.property-type-wrap .property-panel .select-dropdown .Select-control > div {
  height: 22px;
  line-height: 22px;
}
.property-type-wrap .property-panel .select-dropdown .Select-control:hover {
  border: 1px solid #c9c9c9;
}
.property-type-wrap .property-panel .select-dropdown .Select-value-label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000;
}
.property-type-wrap .property-panel .select-dropdown .Select-value-label span {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000;
}
.property-type-wrap .property-panel .select-dropdown .Select-multi-value-wrapper {
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #0ca597;
}
.property-type-wrap .property-panel .select-dropdown .Select-multi-value-wrapper .Select-value-label {
  line-height: 1 !important;
  height: 100% !important;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000 !important;
}
.property-type-wrap .property-panel .select-dropdown .Select-multi-value-wrapper .Select-value-label span {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000;
}
.property-type-wrap .property-panel .select-dropdown .Select-arrow-zone {
  height: 20px;
  line-height: 20px;
  width: 1.389rem !important;
  border: 0 !important;
  min-width: 1.389rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.property-type-wrap .property-panel .select-dropdown .Select-arrow-zone:before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 20px;
  width: 20px;
  right: 0px;
  top: 2px;
}
.property-type-wrap .property-panel .select-dropdown .Select-arrow {
  display: none;
}
.property-type-wrap .property-panel .select-dropdown .Select-clear-zone {
  display: none;
}
.property-type-wrap .property-panel .select-dropdown .Select-menu-outer {
  font-family: Roboto-Regular, sans-serif;
  position: absolute;
  top: initial;
  color: #fff;
  font-size: 14px !important;
  border: 1px solid #c9c9c9 !important;
  border-top-width: 0 !important;
  margin: 0;
  width: 100%;
  min-width: inherit !important;
  border-radius: 0;
  margin-top: 0 !important;
  z-index: 99999 !important;
}
.property-type-wrap .property-panel .select-dropdown .Select-menu-outer .Select-menu {
  max-height: inherit;
  margin-top: -1px;
}
.property-type-wrap .property-panel .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
  margin: 0;
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}
.property-type-wrap .property-panel .select-dropdown .Select-menu-outer .Select-menu .Select-option.is-selected {
  background: #e0e0e0;
}
.property-type-wrap .property-panel .select-dropdown .Select-menu-outer .Select-menu .Select-option:hover {
  background: #81bbeb;
}
.property-type-wrap .property-panel .select-dropdown .Select--single > .Select-control .Select-value,
.property-type-wrap .property-panel .select-dropdown .Select-placeholder {
  height: 22px;
  line-height: 22px !important;
  padding: 0 15px 0 5px;
  font-size: 14px !important;
}
.property-type-wrap .property-panel .select-dropdown > span {
  width: 100%;
}
.property-type-wrap .property-panel .Select.is-focused .Select-control {
  border: 1px solid #c9c9c9 !important;
  height: 22px !important;
  line-height: 22px;
  padding: 0;
  border-radius: 0 !important;
}
.property-type-wrap .property-panel .Select.is-focused .Select--single > .Select-control .Select-value,
.property-type-wrap .property-panel .Select.is-focused .Select-placeholder {
  height: 20px;
  line-height: 20px;
}
.property-type-wrap .property-panel .Select.is-open .Select-control {
  border: 1px solid #c9c9c9 !important;
  height: 22px !important;
  line-height: 22px;
  padding: 0;
  border-radius: 0 !important;
}
.property-type-wrap .property-panel .Select.is-open .Select--single > .Select-control .Select-value,
.property-type-wrap .property-panel .Select.is-open .Select-placeholder {
  height: 20px !important;
  line-height: 20px;
}
.property-type-wrap .property-panel .Select.is-open .Select-arrow-zone {
  padding-right: 0;
  height: 22px;
  line-height: 22px;
}
.property-type-wrap .property-panel .Select.is-open .Select-arrow-zone:before {
  content: url(/content/img/ic-action-input-dropdown.svg);
  position: absolute;
  display: flex;
  height: 20px;
  width: 20px;
  right: 3px;
  top: 0px;
  transform: rotate(180deg);
}
.property-type-wrap .property-panel .Select.is-open .Select-placeholder {
  height: 22px;
  line-height: 22px;
  padding: 0 15px 0 5px;
  color: #0ca597;
  font-size: 14px;
}
.property-type-wrap .property-panel + .property-panel {
  margin-top: 4px;
}
.property-type-wrap .property-panel div[class^=check-box] {
  margin-right: 8px;
}
.property-type-wrap .property-panel .separator {
  width: 2px;
  height: inherit;
  display: block;
  background: #e8edf2;
  margin: 0 12px;
}
.property-type-wrap .property-panel.property .property-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 22px;
}
.property-type-wrap .property-panel.property .property-row label {
  width: 50px;
  margin-right: 8px;
}
.property-type-wrap .property-panel.property .property-row .select-module {
  width: 165px;
}
.property-type-wrap .property-panel.location {
  display: grid;
  grid-template-columns: 394px 256px auto;
  grid-template-rows: 41px 51px auto auto;
  padding: 0 0 9px 12px;
}
.property-type-wrap .property-panel.location .disable-panel {
  display: none !important;
}
.property-type-wrap .property-panel.location .change-form-panel {
  min-height: 150px;
}
.property-type-wrap .property-panel.location .change-form-panel label {
  margin-right: 22px !important;
}
.property-type-wrap .property-panel.location .location-panel-column {
  grid-row: 2/4;
  padding: 0 12px 0 0;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row + .panel-row {
  margin-top: 4px;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row label {
  min-width: 50px;
  width: 50px;
  margin-right: 8px;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row label.label-def {
  min-width: 5px;
  margin: 0 7px;
  width: 5px;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.cesus label {
  min-width: 90px !important;
  width: 90px !important;
  margin-right: 7px !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.cesus .input-wrapper {
  width: 67px !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.zip input.field {
  min-width: 55px !important;
  width: 55px !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.zip label + div input.field {
  min-width: 55px !important;
  width: 55px !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.zip label + div + label {
  margin: 0 3px;
  min-width: 5px !important;
  width: 5px !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.zip label + div + label + div input.field {
  min-width: 45px !important;
  width: 45px !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.house label {
  min-width: 95px;
  width: 95px;
  margin-right: 8px;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.house .input-wrapper {
  width: 67px !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.state .select-module {
  min-width: 55px !important;
  width: 55px !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.dir label {
  min-width: 95px;
  width: 95px;
  margin-right: 8px;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.dir .select-module {
  min-width: 55px !important;
  width: 55px !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.county label {
  min-width: 50px;
  width: 50px;
  margin-right: 8px;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.county label + div {
  min-width: calc(100% - 58px) !important;
  width: calc(100% - 58px) !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.street-name label {
  min-width: 95px;
  width: 95px;
  margin-right: 8px;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.street-name label + div {
  min-width: calc(100% - 99px) !important;
  width: calc(100% - 99px) !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.address-name label {
  min-width: 62px;
  width: 62px;
  margin-right: 8px !important;
}
.property-type-wrap .property-panel.location .location-panel-column .panel-row.address-name label + div {
  min-width: calc(100% - 70px) !important;
  width: calc(100% - 70px) !important;
}
.property-type-wrap .property-panel.location .location-panel-column + .location-panel-column {
  border-left: 2px solid #e8edf2;
  padding-left: 12px;
}
.property-type-wrap .property-panel.location .location-panel-column.addresses {
  border-left: 0px solid #e8edf2;
  padding-left: 0;
}
.property-type-wrap .property-panel.location .location-panel-column.parcel {
  grid-column: 3;
  grid-row: 2/4;
  min-width: 262px;
}
.property-type-wrap .property-panel.location .location-panel-column.parcel .panel-row label {
  min-width: 100%;
  width: 100%;
}
.property-type-wrap .property-panel.location .location-panel-column.parcel .panel-row.parcel > div {
  width: 100%;
}
.property-type-wrap .property-panel.location .location-panel-column.parcel .panel-row.parcel > div input {
  text-align: right !important;
}
.property-type-wrap .property-panel.location .location-panel-column.parcel .panel-row.cesus {
  justify-content: space-between;
}
.property-type-wrap .property-panel.location .location-panel-column.parcel .panel-row.cesus .input-wrapper {
  width: 67px !important;
}
.property-type-wrap .property-panel.location .location-panel-column.parcel .panel-row.cesus input {
  text-align: right !important;
}
.property-type-wrap .property-panel.location .location-panel-column.parcel .panel-row .clear-button {
  width: 100%;
}
.property-type-wrap .property-panel.location .location-panel-column.brief {
  grid-column: 3;
  grid-row: 3;
  min-width: 262px;
}
.property-type-wrap .property-panel.location .location-panel-column.brief .panel-row label {
  min-width: 100%;
  width: 100%;
}
.property-type-wrap .property-panel.location .location-panel-column.brief .slate-inactive {
  height: 72px;
  border: 1px solid #c9c9c9;
  background: #fff;
}
.property-type-wrap .property-panel.location .location-panel-column.brief .slate-active {
  height: 72px;
}
.property-type-wrap .property-panel.location h3 {
  grid-column: 1/4;
  grid-row: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 12px);
  white-space: nowrap;
  /**/
  /**/
}
.property-type-wrap .property-panel.location h3 > div {
  white-space: nowrap;
}
.property-type-wrap .property-panel.location h3 > div > span:nth-child(1) {
  max-width: calc(100% - 260px);
}
.property-type-wrap .property-panel.location h3 span + span {
  margin-left: 10px;
}
.property-type-wrap .property-panel.location h3 .validated {
  color: #65a81b;
  position: relative;
  padding: 1px 6px 1px 23px;
  border: 1px solid #65a81b;
  border-radius: 2px;
  cursor: pointer;
}
.property-type-wrap .property-panel.location h3 .validated:before {
  content: url(/content/img/mark-success-16-px.svg);
  position: absolute;
  left: 3px;
  top: 2px;
  height: 16px;
  line-height: 16px;
}
.property-type-wrap .property-panel.location h3 .validate-address {
  color: #ffb300;
  position: relative;
  padding: 1px 6px 1px 23px;
  border: 1px solid #ffb300;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
}
.property-type-wrap .property-panel.location h3 .validate-address:before {
  content: url(/content/img/mark-warning-16-px.svg);
  position: absolute;
  left: 3px;
  top: 2px;
  height: 16px;
  line-height: 16px;
}
.property-type-wrap .property-panel.location h3 .toggle-switch {
  margin-right: 12px;
}
.property-type-wrap .property-panel.location h3 .toggle-switch .switch {
  display: inline-flex;
  line-height: 16px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 8px;
  margin: 0;
}
.property-type-wrap .property-panel.location h3 .toggle-switch input[type=checkbox] {
  display: none;
}
.property-type-wrap .property-panel.location h3 .toggle-switch label {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  letter-spacing: normal;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}
.property-type-wrap .property-panel.location h3 .toggle-switch label.disable {
  color: #ccc !important;
  transition: 0.4s;
}
.property-type-wrap .property-panel.location h3 .toggle-switch label.swicth.disabled .slider.round {
  background-color: #ccc !important;
}
.property-type-wrap .property-panel.location h3 .toggle-switch label.active {
  color: #304156;
  transition: 0.4s;
}
.property-type-wrap .property-panel.location h3 .slider.round {
  width: 16px;
  height: 7px;
  border-radius: 4px;
  margin: 0 auto;
  background-color: #0ca597 !important;
}
.property-type-wrap .property-panel.location h3 .slider.round:before {
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  left: 1px;
  bottom: 1px;
  background-color: #f0f5f7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.property-type-wrap .property-panel.location h3 input:checked + .slider.round:before {
  -webkit-transform: translateX(8px) !important;
  -ms-transform: translateX(8px) !important;
  transform: translateX(8px) !important;
}
.property-type-wrap .property-panel.location .location-panel-description {
  margin: 9px 0 0 0;
  padding: 9px 0 0 0;
  display: inline-flex;
  height: 220px;
  grid-column-gap: 0;
  width: calc(100% - 12px);
  grid-column: 1/4;
  border-top: 1px solid #dcdedf;
}
.property-type-wrap .property-panel.location .location-panel-description .slate-inactive {
  height: 82px;
  border: 1px solid #c9c9c9;
  background: #fff;
}
.property-type-wrap .property-panel.location .location-panel-description .slate-active {
  height: 82px;
}
.property-type-wrap .property-panel.location .location-panel-description .description-wraper {
  height: 100%;
  width: 616px;
  position: relative;
}
.property-type-wrap .property-panel.location .location-panel-description .description-wraper > label + div {
  height: calc(100% - 20px) !important;
}
.property-type-wrap .property-panel.location .location-panel-description .description-wraper + .description-wraper {
  width: 262px;
  margin-left: 10px;
}
.property-type-wrap .property-panel.legal .slate-inactive {
  height: 82px;
  border: 1px solid #c9c9c9;
  background: #fff;
}
.property-type-wrap .property-panel.legal .slate-active {
  height: 82px;
}
.property-type-wrap .property-panel.trust-estate {
  display: grid;
  grid-template-columns: auto 50%;
  padding: 0 12px;
  min-height: calc(100vh - 697px);
}
.property-type-wrap .property-panel.trust-estate .panel-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.property-type-wrap .property-panel.trust-estate .panel-row label {
  min-width: 134px;
  width: 134px;
  margin-right: 8px;
}
.property-type-wrap .property-panel.trust-estate .panel-row input.field {
  min-width: 90px !important;
  width: 90px !important;
}
.property-type-wrap .property-panel.trust-estate .panel-row + .panel-row {
  margin-top: 4px;
}
.property-type-wrap .property-panel.trust-estate .panel-row.header {
  background: #f2f4f5;
  justify-content: space-between;
  height: 24px;
  margin: 4px 0;
  padding: 0 4px;
}
.property-type-wrap .property-panel.trust-estate .panel-row.header div {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
}
.property-type-wrap .property-panel.trust-estate .property-grid > div {
  display: grid;
  grid-template-columns: 8px 120px 200px 16px;
  grid-template-rows: 24px;
  grid-column-gap: 8px;
  grid-row-gap: 4px;
}
.property-type-wrap .property-panel.trust-estate .property-grid > div:first-child {
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #828d99;
  line-height: 24px;
}
.property-type-wrap .property-panel.trust-estate .property-grid > div .remove {
  display: flex;
  height: 22px;
  width: 16px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background: url(/content/img/ic-acction-delete.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.property-type-wrap .property-panel.trust-estate .flex-header {
  position: relative;
}
.property-type-wrap .property-panel.trust-estate .flex-header h3 {
  display: grid;
  grid-template-columns: auto 120px;
  line-height: 22px;
  padding: 5px 0 4px 0;
}
.property-type-wrap .property-panel.trust-estate .flex-header h3 .select-field * {
  color: #0ca597 !important;
}
.property-type-wrap .property-panel.trust-estate .flex-header h3 .select-field .Select-menu-outer {
  color: #0ca597 !important;
}
.property-type-wrap .property-panel.trust-estate .flex-header h3 .select-field .Select-menu-outer * {
  color: #0ca597 !important;
}
.property-type-wrap .property-panel.trust-estate .flex-header .select-module {
  position: absolute;
  width: 120px;
  top: 5px;
  right: 0;
}
.property-type-wrap .property-panel.trust-estate .trust-column {
  padding: 0 8px 10px 8px;
}
.property-type-wrap .property-panel.trust-estate .estate-column {
  border-left: 4px solid #dae2e6;
  padding: 0 8px 10px 8px;
}
.property-type-wrap .property-panel.specifications.property-panel {
  display: grid;
  grid-template-columns: auto 280px;
  padding: 0 12px;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column {
  padding: 0 12px 10px 0;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row + .panel-row {
  margin-top: 4px;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row .two-digits label {
  min-width: 192px;
  width: 192px;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row .two-digits input.field.number-input {
  min-width: 28px !important;
  width: 28px !important;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row.specification {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  display: grid;
  grid-template-columns: 185px 230px;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row.specification > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row.specification > div.specification-subitems {
  display: grid;
  grid-template-columns: 140px 51px 29px;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row.specification > div.specification-subitems label {
  white-space: nowrap;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row.specification > div.specification-subitems input.field.number-input {
  min-width: 47px !important;
  width: 47px !important;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row.specification > div.specification-subitems .month input.field.number-input {
  min-width: 29px !important;
  width: 29px !important;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row.specification div[class^=check-box] {
  margin-right: 0;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row label {
  min-width: calc(100% - 20px);
  width: calc(100% - 20px);
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row input.field.type-text {
  min-width: 55px !important;
  width: 55px !important;
}
.property-type-wrap .property-panel.specifications.property-panel .specifications-column .panel-row input.field.number-input {
  min-width: 55px !important;
  width: 55px !important;
}
.property-type-wrap .property-panel.specifications.property-panel .insurances-column {
  border-left: 4px solid #dae2e6;
  padding: 0 0 10px 12px;
}
.property-type-wrap .property-panel.specifications.property-panel .insurances-column .panel-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.property-type-wrap .property-panel.specifications.property-panel .insurances-column .panel-row label {
  min-width: 198px;
  width: 198px;
  margin-right: 8px;
}
.property-type-wrap .property-panel.specifications.property-panel .insurances-column .panel-row label + div {
  min-width: 90px !important;
  width: 90px !important;
}
.property-type-wrap .property-panel.specifications.property-panel .insurances-column .panel-row + .panel-row {
  margin-top: 4px;
}
.property-type-wrap .property-panel.specifications.property-panel .insurances-column .panel-row.is-flood-required label {
  min-width: 233px;
  width: 233px;
  margin-right: 8px;
}
.property-type-wrap .property-panel.specifications.property-panel .insurances-column .panel-row.is-flood-required label + div {
  min-width: 20px !important;
  width: 20px !important;
}
.property-type-wrap .property-panel.specifications.property-panel .insurances-column .panel-row.flood-zone label {
  margin-right: 8px;
}
.property-type-wrap .property-panel.specifications.property-panel .insurances-column .panel-row.flood-zone label + div {
  min-width: 55px !important;
  width: 55px !important;
}
.property-type-wrap .property-panel.specifications.property-panel .insurances-column .panel-row.community-row label {
  min-width: 85px;
  width: 85px;
}
.property-type-wrap .property-panel.specifications.property-panel .insurances-column .panel-row.community-row label + div {
  min-width: calc(100% - 95px) !important;
  width: calc(100% - 95px) !important;
}
.property-type-wrap .property-panel.manufactured .panel-row-col, .property-type-wrap .property-panel.condominium .panel-row-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 4px;
}
.property-type-wrap .property-panel.manufactured .panel-row-col label, .property-type-wrap .property-panel.condominium .panel-row-col label {
  min-width: 100%;
  width: 100%;
  margin-right: 8px;
  color: #304156;
  font-size: 14px;
  line-height: 1.43;
  font-family: Roboto-Regular, sans-serif;
}
.property-type-wrap .property-panel.manufactured .panel-row-col label + div, .property-type-wrap .property-panel.condominium .panel-row-col label + div {
  width: 100%;
}
.property-type-wrap .property-panel.manufactured .panel-row-col input.field, .property-type-wrap .property-panel.condominium .panel-row-col input.field {
  min-width: 100% !important;
  width: 100% !important;
}
.property-type-wrap .property-panel.manufactured .panel-row-col + .panel-row, .property-type-wrap .property-panel.condominium .panel-row-col + .panel-row {
  margin-top: 4px;
}
.property-type-wrap .property-panel.manufactured .panel-row, .property-type-wrap .property-panel.condominium .panel-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.property-type-wrap .property-panel.manufactured .panel-row label, .property-type-wrap .property-panel.condominium .panel-row label {
  min-width: 95px;
  width: 95px;
  margin-right: 8px;
  color: #304156;
  font-size: 14px;
  line-height: 1.43;
  font-family: Roboto-Regular, sans-serif;
}
.property-type-wrap .property-panel.manufactured .panel-row * + label, .property-type-wrap .property-panel.condominium .panel-row * + label {
  margin-left: 8px;
  min-width: initial;
  width: initial;
}
.property-type-wrap .property-panel.manufactured .panel-row input.field, .property-type-wrap .property-panel.condominium .panel-row input.field {
  min-width: 173px !important;
  width: 173px !important;
}
.property-type-wrap .property-panel.manufactured .panel-row.year input.field, .property-type-wrap .property-panel.condominium .panel-row.year input.field {
  min-width: 55px !important;
  width: 55px !important;
}
.property-type-wrap .property-panel.manufactured .panel-row + .panel-row, .property-type-wrap .property-panel.condominium .panel-row + .panel-row {
  margin-top: 4px;
}
.property-type-wrap .property-panel.manufactured .panel-row.short-field input.field, .property-type-wrap .property-panel.condominium .panel-row.short-field input.field {
  min-width: 38px !important;
  width: 38px !important;
}
.property-type-wrap .property-panel.appraisal {
  padding: 9px 12px;
}
.property-type-wrap .property-panel.appraisal .processing-task {
  width: 100%;
  min-height: 62px;
  background: #fff;
  border: 1px solid #dcdedf;
  border-radius: 2px;
  padding: 8px 0;
  display: grid;
  grid-template-columns: 44px 210px 216px auto 100px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #304156;
  position: relative;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type + div:empty {
  display: none;
}
.property-type-wrap .property-panel.appraisal .processing-task .document-icon + div:empty {
  display: none;
}
.property-type-wrap .property-panel.appraisal .processing-task .layout-double-button {
  min-width: 82px;
  width: 82px;
  margin-right: 0;
  margin-left: 4px;
}
.property-type-wrap .property-panel.appraisal .processing-task label {
  line-height: 21px !important;
}
.property-type-wrap .property-panel.appraisal .processing-task + .processing-task,
.property-type-wrap .property-panel.appraisal .processing-task + .post-closing,
.property-type-wrap .property-panel.appraisal .processing-task + .post-closing-security {
  margin-top: 5px;
}
.property-type-wrap .property-panel.appraisal .processing-task > div {
  padding: 0 8px;
}
.property-type-wrap .property-panel.appraisal .processing-task > div .select-dropdown {
  min-width: 150px;
  width: 150px;
}
.property-type-wrap .property-panel.appraisal .processing-task > div .select-dropdown .Select-menu-outer {
  min-width: 150px;
  width: 150px;
}
.property-type-wrap .property-panel.appraisal .processing-task > div button {
  min-width: 150px;
  width: 150px;
  margin-top: 5px;
}
.property-type-wrap .property-panel.appraisal .processing-task > div button.realestate-view-button, .property-type-wrap .property-panel.appraisal .processing-task > div button.realestate-upload-button {
  margin-top: 5px;
  margin-left: 0;
  min-width: 83px;
  width: 83px;
}
.property-type-wrap .property-panel.appraisal .processing-task > div + div {
  border-left: 2px solid #e8edf2;
}
.property-type-wrap .property-panel.appraisal .processing-task > div:nth-child(1) + div {
  border-left: 0;
}
.property-type-wrap .property-panel.appraisal .processing-task > div:nth-child(1) + div .appraisal-not-use {
  display: inline-flex;
  width: 191px;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 7px;
}
.property-type-wrap .property-panel.appraisal .processing-task > div.document-icon {
  border-left: 0px solid #e8edf2;
}
.property-type-wrap .property-panel.appraisal .processing-task > div > label {
  line-height: 21px;
}
.property-type-wrap .property-panel.appraisal .processing-task > div > label + div,
.property-type-wrap .property-panel.appraisal .processing-task > div > div + label {
  margin-top: 7px;
}
.property-type-wrap .property-panel.appraisal .processing-task > div > label + label {
  margin-left: 10px;
}
.property-type-wrap .property-panel.appraisal .processing-task .processing-icon {
  position: relative;
  height: 100%;
}
.property-type-wrap .property-panel.appraisal .processing-task .processing-icon.completed:before {
  content: url(/content/img/mark-select-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.property-type-wrap .property-panel.appraisal .processing-task .processing-icon.ordered:before {
  content: url(/content/img/mark-time-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.property-type-wrap .property-panel.appraisal .processing-task .processing-icon.received:before {
  content: url(/content/img/mark-warning-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.property-type-wrap .property-panel.appraisal .processing-task .processing-icon.to-do:before {
  content: url(/content/img/mark-setup-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.property-type-wrap .property-panel.appraisal .processing-task .processing-icon.failed:before {
  content: url(/content/img/mark-wrong-24-px.svg);
  position: absolute;
  top: 0;
  left: 7px;
}
.property-type-wrap .property-panel.appraisal .processing-task .document-icon {
  position: absolute !important;
  right: 100px;
  top: 8px;
}
.property-type-wrap .property-panel.appraisal .processing-task .document-icon:empty {
  display: none;
}
.property-type-wrap .property-panel.appraisal .processing-task .document-icon > .condition-attach-button {
  height: 30px;
  min-height: 30px;
  min-width: 24px;
  width: 24px;
  display: flex !important;
  padding: 4px;
  margin-right: 0px;
  cursor: pointer;
  position: absolute !important;
  top: calc(50% - 15px);
  right: 7px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
  background-image: url(/content/img/icons-ribbon-list-of-documents-24-px.svg) !important;
  background-position: center;
  background-size: 24px 30px !important;
  background-repeat: no-repeat;
}
.property-type-wrap .property-panel.appraisal .processing-task .document-icon > .condition-attach-button:hover, .property-type-wrap .property-panel.appraisal .processing-task .document-icon > .condition-attach-button:active, .property-type-wrap .property-panel.appraisal .processing-task .document-icon > .condition-attach-button:active:focus {
  height: 30px;
  min-height: 30px;
  background-repeat: no-repeat;
  background-size: 24px 30px !important;
}
.property-type-wrap .property-panel.appraisal .processing-task .tasks {
  position: relative;
}
.property-type-wrap .property-panel.appraisal .processing-task .tasks > label {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.property-type-wrap .property-panel.appraisal .processing-task .tasks .label-experimental {
  font-family: Roboto-Medium, sans-serif;
  color: #FF2B00;
  font-weight: 600;
}
.property-type-wrap .property-panel.appraisal .processing-task .tasks .item-task-step {
  width: calc(100% - 20px);
  margin-bottom: 4px;
}
.property-type-wrap .property-panel.appraisal .processing-task .tasks .item-task-step + .open_new {
  position: absolute;
  right: 3px;
  top: 32px;
}
.property-type-wrap .property-panel.appraisal .processing-task .tasks .item-task-step + .open_new + a {
  line-height: 22px;
}
.property-type-wrap .property-panel.appraisal .processing-task .order {
  position: relative;
}
.property-type-wrap .property-panel.appraisal .processing-task .order label {
  margin-top: 4px;
  padding: 0;
  max-width: calc(100% - 10px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.property-type-wrap .property-panel.appraisal .processing-task .order .task-type-fields-money {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
  height: 21px;
}
.property-type-wrap .property-panel.appraisal .processing-task .order .task-type-fields-money label {
  max-width: 100%;
  width: 81px;
  margin-top: 0;
}
.property-type-wrap .property-panel.appraisal .processing-task .order .task-type-fields-money label + div {
  width: 101px;
}
.property-type-wrap .property-panel.appraisal .processing-task .order .task-type-fields-money.mt {
  margin-top: 11px;
}
.property-type-wrap .property-panel.appraisal .processing-task .order .open_new {
  position: absolute;
  top: 25px;
  right: 4px;
  width: 20px;
  min-width: 20px;
  margin-left: 4px;
}
.property-type-wrap .property-panel.appraisal .processing-task .order .item-provider {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.property-type-wrap .property-panel.appraisal .processing-task .order .item-provider .select-button,
.property-type-wrap .property-panel.appraisal .processing-task .order .item-provider > .layout-standart-button {
  min-width: 90px !important;
  width: 90px !important;
  margin-top: 0;
  height: 21px;
}
.property-type-wrap .property-panel.appraisal .processing-task .order .item-provider .select-module {
  margin-left: 4px !important;
  min-width: 101px;
  width: 101px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type {
  padding: 0 0 0 4px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div {
  display: grid;
  grid-template-columns: 164px 88px 112px 94px;
  line-height: 18px;
  grid-gap: 2px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div > label {
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.red-color {
  display: flex;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.caivrs {
  display: grid;
  grid-template-columns: 270px 200px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.union-row {
  display: flex;
  flex-direction: row;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.union-row > label {
  max-width: 102px;
  width: fit-content;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.union-row > label + label {
  margin-left: 4px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fico-score-grid {
  display: block !important;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fico-score-grid .fico-score-row {
  display: grid;
  grid-template-columns: 164px 60px !important;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fico-score-grid .fico-score-row > div {
  display: block !important;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fico-score-grid .fico-score-row > div + div {
  text-align: right;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel {
  grid-template-columns: 150px 150px 260px;
  color: #ffffff;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-scoring-summary {
  width: 150px;
  grid-template-columns: none;
  border: 1px solid rgba(40, 40, 40, 0.25);
  border-radius: 2px;
  padding: 1px 1px 0 1px;
  grid-gap: 0;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-scoring-summary > div:first-child {
  width: calc(100% - 4px);
  height: 78px;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-scoring-summary > div:first-child > div {
  width: 150px;
  grid-template-columns: 60px 30px 60px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-scoring-summary > div:first-child > div > div {
  grid-template-columns: none;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-scoring-summary > div:first-child .fg-borrower-img {
  content: url(/content/img/user-alt.svg);
  width: 24px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-scoring-summary > div:first-child .fg-property-img {
  content: url(/content/img/home-alt.svg);
  width: 24px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-scoring-summary > div:nth-child(2) {
  display: flex;
  height: 22px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-scoring-summary > div:nth-child(2) > div {
  width: 22px;
  height: 22px;
  font-family: Roboto, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  text-align: center;
  grid-template-columns: none;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-subject-property {
  width: 260px;
  grid-template-columns: none;
  border: 1px solid rgba(40, 40, 40, 0.25);
  border-radius: 2px;
  padding: 1px 1px 0 1px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-subject-property > div:first-child {
  height: 78px;
  padding: 3px 0;
  background-color: #2196f3;
  grid-template-columns: none;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-subject-property .fg-property-img {
  content: url(/content/img/dollar.svg);
  width: 24px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-subject-property > div:nth-child(2) {
  height: 20px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-color-Red,
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-color-0 {
  background-color: #FF2B00;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-color-Yellow {
  background-color: #ffb300;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-color-Green,
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-color-1 {
  background-color: #64a81a;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-color-Gray,
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-color-2 {
  background-color: #939393;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-color-Gray,
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-color-2 {
  background-color: #939393;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-sub-title-caption {
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48 !important;
  letter-spacing: normal;
  text-align: center;
  opacity: 0.8;
  font-weight: 100;
  color: #fff;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-sub-title-status {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48 !important;
  letter-spacing: normal;
  text-align: center;
  opacity: 0.8;
  font-weight: 100;
  color: #fff;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-sub-title-score {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1 !important;
  letter-spacing: normal;
  text-align: center;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-sub-title-type {
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-stretch: normal;
  line-height: 1 !important;
  font-style: normal;
  letter-spacing: normal;
  opacity: 0.8;
  font-weight: 100;
  color: #fff;
  text-align: center;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-sub-title-value-estimated {
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type div.fg-panel .fg-sub-title-value-range {
  font-family: Roboto, sans-serif;
  font-size: 13.5px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  padding: 0 10px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .case-query {
  display: block;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .case-query .case-query-head {
  display: grid;
  grid-template-columns: 110px 100px 100px 146px;
  line-height: 18px;
  grid-gap: 2px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .case-query .case-query-head > label {
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Roboto-Medium, sans-serif;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .case-query .case-query-head.red-color {
  display: flex;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .case-query .case-query-rows {
  display: block;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .case-query .case-query-row {
  display: grid;
  grid-template-columns: 110px 100px 100px 146px;
  line-height: 18px;
  grid-gap: 2px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .case-query .case-query-row > label {
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .case-query .case-query-row.red-color {
  display: flex;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .case-query .case-query-row > button {
  min-width: 140px !important;
  width: 140px !important;
  margin-top: 0 !important;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type > a {
  line-height: 18px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields {
  display: grid;
  grid-template-columns: 230px 225px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields.community {
  grid-template-columns: 80px 372px;
  margin-top: 2px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields.community input {
  min-width: 372px;
  width: 372px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields input::-webkit-input-placeholder {
  font-size: 12px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-data {
  display: grid;
  grid-template-columns: 230px 100px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-data input::-webkit-input-placeholder {
  font-size: 12px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-data div {
  display: block;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-data + div {
  margin-top: 4px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-flood-fields {
  display: grid;
  grid-template-columns: 80px 38px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-flood-fields input::-webkit-input-placeholder {
  font-size: 12px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-flood-fields div {
  display: block;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-flood-fields + div {
  margin-top: 0 !important;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-flood-fields + div.no-margin {
  margin-top: 0;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-money {
  display: grid;
  grid-template-columns: 120px 87px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-money input::-webkit-input-placeholder {
  font-size: 12px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-money div {
  display: block;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-money + div.task-type-fields-money {
  margin-top: 0px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-money + div.no-margin {
  margin-top: 0;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-appraiser-info {
  display: inline-flex;
  margin-right: 4px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-appraiser-info a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-contact-sp {
  display: grid;
  grid-template-columns: 100%;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-year {
  display: grid;
  grid-template-columns: 65px 92px;
  margin-top: 0 !important;
  margin-left: 30px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-year input::-webkit-input-placeholder {
  font-size: 12px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-year div {
  display: block;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-year + div {
  margin-top: 4px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-year + div.task-type-fields-money {
  margin-top: 0px;
}
.property-type-wrap .property-panel.appraisal .processing-task .task-type .task-type-fields .task-type-fields-year + div.no-margin {
  margin-top: 0;
}
.property-type-wrap .property-panel.appraisal .processing-task .document-icon {
  position: relative;
}
.property-type-wrap .property-panel.appraisal .processing-task .document-icon .uploaded {
  display: flex;
  height: 24px;
  width: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 4px;
  cursor: pointer;
}
.property-type-wrap .property-panel.appraisal .processing-task .document-icon .uploaded:before {
  content: url(/content/img/mark-document-attachment-24-px.svg);
}
.property-type-wrap .property-panel.appraisal .processing-task .document-icon .requested {
  display: flex;
  height: 24px;
  width: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 4px;
  cursor: pointer;
}
.property-type-wrap .property-panel.appraisal .processing-task .document-icon .requested:before {
  content: url(/content/img/mark-document-request-24-px.svg);
}
.property-type-wrap .property-panel.repair {
  padding: 9px 12px;
  display: grid;
  grid-template-columns: auto 476px 380px;
}
.property-type-wrap .property-panel.repair > .loan-row {
  display: inline-flex;
  justify-content: flex-end;
}
.property-type-wrap .property-panel.repair > .loan-row:nth-child(1) {
  justify-content: flex-start;
}
.property-type-wrap .property-panel.repair > .loan-row:nth-child(1) > label + div {
  width: 90px !important;
  margin-left: 8px;
}
.property-type-wrap .property-panel.repair > .loan-row:nth-child(2) > label + div {
  width: 328px !important;
  margin-left: 8px;
}
.property-type-wrap .property-panel.repair > .loan-row:nth-child(3) > label + div {
  width: 100px !important;
  margin-left: 8px;
}

/***** end property-type-wrap ****/
.circle-picker {
  background-color: white !important;
  border: 5px solid #BFCCD2;
}

.circle-picker > span {
  margin-right: 20px !important;
}

.circle-picker > span > div > span {
  height: 28px !important;
  width: 28px !important;
}

.slate-disabled {
  pointer-events: none;
  opacity: 0.5;
  -webkit-user-select: none;
  user-select: none;
}
.slate-disabled .menu.slate-toolbar-menu {
  display: flex !important;
}

.uw-condition-wrap {
  display: grid;
  grid-template-columns: auto 555px;
  width: calc(100vw - 165px);
  grid-template-rows: calc(100vh - 85px);
  overflow-y: hidden;
  height: calc(100vh - 85px);
}
.uw-condition-wrap .uw-note-panel-condition {
  background: #f0f5f7;
  margin: 4px 5px 0 0;
  height: 100%;
  max-height: calc(100vh - 97px);
}
.uw-condition-wrap .uw-note-panel-condition h3 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 16px;
  font-size: 14px;
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  margin: 0 8px 10px 8px;
  padding: 0;
  color: #000;
  border-bottom: 1px solid #dcdedf;
}
.uw-condition-wrap .uw-note-panel-condition > div {
  height: calc(100% - 50px);
  max-width: inherit;
  border-radius: 2px;
  background: #fff;
  margin: 0 8px 8px 8px;
}
.uw-condition-wrap .uw-note-panel-condition > div > div {
  height: 100%;
  max-width: inherit;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .editor-scroll-wrap {
  max-height: calc(100% - 32px);
  overflow-y: scroll;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span > span:hover, .uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span > span:active, .uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span > span:active:focus, .uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span > span:focus, .uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span:hover, .uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span:active, .uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span:active:focus, .uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span:focus, .uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.uw-condition-wrap .uw-note-panel-condition > div > div .editor {
  height: calc(100% - 2px);
  max-width: inherit;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  padding: 10px;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.uw-condition-wrap .uw-note-panel-condition > div > div .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.uw-condition-wrap .uw-note-panel-condition .menu.slate-toolbar-menu[style="display: none;"] + .editor > div {
  height: 100%;
}
.uw-condition-wrap .uw-note-panel-condition .menu.slate-toolbar-menu[style="display: flex;"] + .editor > div {
  height: calc(100% - 32px);
}
.uw-condition-wrap .uw-condition-text-edit {
  z-index: 99999;
  background: #fff;
  position: fixed;
  min-width: 210px;
  height: 300px;
  border: 2px solid rgba(12, 165, 151, 0.2);
  padding: 0;
}
.uw-condition-wrap .uw-condition-text-edit > div {
  height: 300px;
}
.uw-condition-wrap .uw-condition-text-edit > div > div {
  height: 300px;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div {
  height: calc(100% - 1px);
  max-width: inherit;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .editor-scroll-wrap {
  max-height: calc(100% - 32px);
  overflow-y: auto;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span > span:hover, .uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span > span:active, .uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span > span:active:focus, .uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span > span:focus, .uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span:hover, .uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span:active, .uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span:active:focus, .uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span:focus, .uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .editor {
  height: calc(100% - 2px);
  max-width: inherit;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  padding: 10px;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.uw-condition-wrap .uw-condition-text-edit > div > div > div .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.uw-condition-wrap .uw-condition-text-edit > div .menu.slate-toolbar-menu[style="display: none;"] + .editor > div {
  height: 100%;
}
.uw-condition-wrap .uw-condition-text-edit > div .menu.slate-toolbar-menu[style="display: flex;"] + .editor > div {
  height: calc(100% - 32px);
}
.uw-condition-wrap .filter-button i {
  color: #0ca597;
  height: 24px;
  line-height: 24px;
}
.uw-condition-wrap .uw-edit {
  min-width: 24px;
  height: 24px;
}
.uw-condition-wrap .uw-edit > img {
  display: none;
}
.uw-condition-wrap .uw-condition-grid {
  display: flex;
  flex-direction: column;
  padding: 0px;
  margin: 4px;
  justify-content: space-between;
  position: relative;
  height: calc(100% - 8px);
}
.uw-condition-wrap .uw-condition-grid .uw-grid-wrap {
  height: calc(100% - 170px);
  padding: 0px 0px 22px 0px;
}
.uw-condition-wrap .uw-condition-grid .pre-header {
  display: flex;
  justify-content: space-between;
}
.uw-condition-wrap .uw-condition-grid .pre-header h2 {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  height: 16px;
  line-height: 21px;
  margin: 0;
  padding: 0;
}
.uw-condition-wrap .uw-condition-grid .pre-header .filter {
  min-width: 12px;
  width: 12px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .uw-condition-grid .pre-header .filter:before {
  content: url(/content/img/ic-action-cardheader-more-normal.svg);
}
.uw-condition-wrap .uw-condition-grid .header-row {
  display: grid;
  grid-template-columns: 20px 50px 120px auto 105px 0 180px;
  background: #f2f4f5;
  padding-right: 4px;
}
.uw-condition-wrap .uw-condition-grid .header-row > div {
  padding: 0 5px;
  line-height: 21px;
  height: 21px;
  min-height: 21px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #5f5f5f;
  border-left: 1px solid #dcdedf;
}
.uw-condition-wrap .uw-condition-grid .header-row > div:first-of-type {
  border-left: 0;
}
.uw-condition-wrap .uw-condition-grid .header-row > div a {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.uw-condition-wrap .uw-condition-grid .header-row > div span {
  min-height: 100%;
  cursor: pointer;
  display: flex;
  position: relative;
}
.uw-condition-wrap .uw-condition-grid .header-row > div span.up-arrow {
  position: absolute;
  right: 0;
  top: 0;
}
.uw-condition-wrap .uw-condition-grid .header-row > div span.up-arrow:before {
  color: rgba(0, 0, 0, 0.54);
  font-family: "MaterialIcons";
  content: "arrow_drop_up";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
.uw-condition-wrap .uw-condition-grid .header-row > div span.down-arrow {
  position: absolute;
  right: 0;
  top: 0;
}
.uw-condition-wrap .uw-condition-grid .header-row > div span.down-arrow:before {
  color: rgba(0, 0, 0, 0.54);
  font-family: "MaterialIcons";
  content: "arrow_drop_down";
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
.uw-condition-wrap .uw-condition-grid .content-row-wrapper {
  min-height: calc(100% - 158px);
  height: 100%;
  background: #fff;
  padding-right: 4px;
  overflow-y: auto;
}
.uw-condition-wrap .uw-condition-grid .content-row {
  display: grid;
  grid-template-columns: 20px 50px 120px auto 105px 180px;
  border-bottom: 1px solid #dcdedf;
  background: #fff;
  cursor: pointer;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 20px;
}
.uw-condition-wrap .uw-condition-grid .content-row .docs-row + .docs-count {
  margin-left: 4px;
}
.uw-condition-wrap .uw-condition-grid .content-row .docs-row .add-doc {
  padding: 0 0 0 20px;
  position: relative;
  color: #0ca597;
}
.uw-condition-wrap .uw-condition-grid .content-row .docs-row .add-doc:before {
  content: url(/content/img/base-action-add-16-px-rest.svg);
  position: absolute;
  top: 2px;
  left: 1px;
}
.uw-condition-wrap .uw-condition-grid .content-row .docs-row .add-doc:hover, .uw-condition-wrap .uw-condition-grid .content-row .docs-row .add-doc:active, .uw-condition-wrap .uw-condition-grid .content-row .docs-row .add-doc:active:focus {
  color: #027373;
}
.uw-condition-wrap .uw-condition-grid .content-row .docs-row .add-doc:hover:before, .uw-condition-wrap .uw-condition-grid .content-row .docs-row .add-doc:active:before, .uw-condition-wrap .uw-condition-grid .content-row .docs-row .add-doc:active:focus:before {
  content: url(/content/img/base-action-add-16-px-hover-pressed.svg);
  position: absolute;
  bottom: 5px;
  left: 1px;
}
.uw-condition-wrap .uw-condition-grid .content-row .docs-row.doc-uploaded,
.uw-condition-wrap .uw-condition-grid .content-row .docs-row .doc-uploaded {
  padding: 0 0 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  min-width: initial;
  max-width: 310px;
  display: inline-flex;
}
.uw-condition-wrap .uw-condition-grid .content-row .docs-row.doc-uploaded:before,
.uw-condition-wrap .uw-condition-grid .content-row .docs-row .doc-uploaded:before {
  content: url(/content/img/ic-document-attachment.svg);
  position: absolute;
  top: 5px;
  left: 1px;
}
.uw-condition-wrap .uw-condition-grid .content-row .docs-row.doc-requested,
.uw-condition-wrap .uw-condition-grid .content-row .docs-row .doc-requested {
  padding: 0 0 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  min-width: initial;
  max-width: 310px;
  display: inline-flex;
}
.uw-condition-wrap .uw-condition-grid .content-row .docs-row.doc-requested:before,
.uw-condition-wrap .uw-condition-grid .content-row .docs-row .doc-requested:before {
  content: url(/content/img/ic-document-request.svg);
  position: absolute;
  top: 5px;
  left: 1px;
}
.uw-condition-wrap .uw-condition-grid .content-row .docs-row.doc-removed,
.uw-condition-wrap .uw-condition-grid .content-row .docs-row .doc-removed {
  padding: 0 0 0 20px;
  position: relative;
  color: #999 !important;
  white-space: nowrap;
  overflow: hidden;
  min-width: initial;
  max-width: 310px;
  display: inline-flex;
}
.uw-condition-wrap .uw-condition-grid .content-row .attach-row {
  display: flex;
  flex-wrap: nowrap;
}
.uw-condition-wrap .uw-condition-grid .content-row .attach-row .docs-row > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.uw-condition-wrap .uw-condition-grid .content-row .action-icons {
  display: inline-flex;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  justify-content: flex-end;
}
.uw-condition-wrap .uw-condition-grid .content-row .plus {
  height: 20px;
  display: none;
  visibility: hidden;
}
.uw-condition-wrap .uw-condition-grid .content-row .sorter {
  width: 10px;
  position: relative;
  background: none;
}
.uw-condition-wrap .uw-condition-grid .content-row .sorter:before {
  height: 20px !important;
  display: flex !important;
  content: url(/content/img/ic-table-action-dragindicator.svg);
  position: absolute;
  left: -7px;
  top: -2px;
}
.uw-condition-wrap .uw-condition-grid .content-row .sorter:hover, .uw-condition-wrap .uw-condition-grid .content-row .sorter:active, .uw-condition-wrap .uw-condition-grid .content-row .sorter:active:focus {
  width: 10px;
  height: 20px;
}
.uw-condition-wrap .uw-condition-grid .content-row .sorter:hover:before, .uw-condition-wrap .uw-condition-grid .content-row .sorter:active:before, .uw-condition-wrap .uw-condition-grid .content-row .sorter:active:focus:before {
  display: flex;
  content: url(/content/img/ic-table-action-dragindicator-active.svg);
}
.uw-condition-wrap .uw-condition-grid .content-row > div {
  padding: 0 0 0 5px;
  line-height: 21px;
  height: 21px;
  min-height: 21px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  text-overflow: ellipsis;
  /**/
  /**/
}
.uw-condition-wrap .uw-condition-grid .content-row > div:nth-child(2) {
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  position: relative;
}
.uw-condition-wrap .uw-condition-grid .content-row > div:nth-child(4) > div {
  overflow: hidden;
}
.uw-condition-wrap .uw-condition-grid .content-row > div + div {
  border-left: 1px solid #dcdedf;
}
.uw-condition-wrap .uw-condition-grid .content-row > div:nth-child(5) {
  border-left: 0;
}
.uw-condition-wrap .uw-condition-grid .content-row > div .status-rejected {
  color: #f59223;
}
.uw-condition-wrap .uw-condition-grid .content-row > div .status-created {
  color: #0ca597;
}
.uw-condition-wrap .uw-condition-grid .content-row > div .status-approved,
.uw-condition-wrap .uw-condition-grid .content-row > div .status-readyforreview {
  color: #64a81a;
}
.uw-condition-wrap .uw-condition-grid .content-row > div .status-other {
  color: #0ca597;
}
.uw-condition-wrap .uw-condition-grid .content-row > div .status-review {
  color: #64a81a;
}
.uw-condition-wrap .uw-condition-grid .content-row > div .status-inprocess {
  color: #00b0ff;
}
.uw-condition-wrap .uw-condition-grid .content-row > div .status-delete {
  color: #FF2B00;
}
.uw-condition-wrap .uw-condition-grid .content-row > div .status-canceled {
  color: #4a4a4a;
}
.uw-condition-wrap .uw-condition-grid .content-row:hover, .uw-condition-wrap .uw-condition-grid .content-row:active {
  background: #d8edec;
}
.uw-condition-wrap .uw-condition-grid .content-row:hover .uw-edit > img, .uw-condition-wrap .uw-condition-grid .content-row:active .uw-edit > img {
  display: initial;
}
.uw-condition-wrap .uw-condition-grid .content-row:hover .plus, .uw-condition-wrap .uw-condition-grid .content-row:active .plus {
  display: none;
  visibility: visible;
}
.uw-condition-wrap .uw-condition-grid .content-row .important-condition:before {
  content: url(/content/img/ic-status-imortant.svg);
  position: absolute;
  left: -3px;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected-ctrl {
  background: #caddf8;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected {
  display: grid;
  grid-template-columns: 20px 50px 120px auto 105px 180px;
  border-bottom: 1px solid #dcdedf;
  background: #d8edec;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected:hover, .uw-condition-wrap .uw-condition-grid .content-row.selected:active, .uw-condition-wrap .uw-condition-grid .content-row.selected:active:focus {
  overflow: visible;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected:hover > div:nth-child(4), .uw-condition-wrap .uw-condition-grid .content-row.selected:active > div:nth-child(4), .uw-condition-wrap .uw-condition-grid .content-row.selected:active:focus > div:nth-child(4) {
  position: relative;
  overflow: hidden;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected:hover > div:nth-child(4):after, .uw-condition-wrap .uw-condition-grid .content-row.selected:active > div:nth-child(4):after, .uw-condition-wrap .uw-condition-grid .content-row.selected:active:focus > div:nth-child(4):after {
  content: "";
  background: #0ca597;
  height: 2px;
  width: 100%;
  position: absolute;
  display: block;
  border-radius: 1px;
  bottom: 0px;
  left: 0;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected:hover > div:nth-child(4) > div, .uw-condition-wrap .uw-condition-grid .content-row.selected:active > div:nth-child(4) > div, .uw-condition-wrap .uw-condition-grid .content-row.selected:active:focus > div:nth-child(4) > div {
  overflow-y: hidden;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected .uw-edit {
  min-width: 24px;
  height: 24px;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected .uw-edit > img {
  display: initial;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected .action-icons {
  display: inline-flex;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  justify-content: flex-end;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected .plus {
  height: 20px;
  display: none;
  visibility: hidden;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected > div {
  padding: 0 5px;
  line-height: 21px;
  height: 21px;
  min-height: 21px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
  font-size: 12px;
  text-overflow: ellipsis;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected > div .important-condition:before {
  content: url(/content/img/ic-status-imortant.svg);
  position: absolute;
  left: -3px;
}
.uw-condition-wrap .uw-condition-grid .content-row.selected:hover .plus, .uw-condition-wrap .uw-condition-grid .content-row.selected:active .plus, .uw-condition-wrap .uw-condition-grid .content-row.selected:active:focus .plus {
  display: none;
  visibility: visible;
}
.uw-condition-wrap .uw-condition-grid .content-row .edit {
  display: flex;
  position: relative;
  text-decoration: none !important;
}
.uw-condition-wrap .uw-condition-grid .content-row .edit:before {
  content: url(/content/img/ic-action-edit-active.svg);
  height: 21px;
  width: 18px;
  position: absolute;
  top: 0px;
  left: -2px;
}
.uw-condition-wrap .uw-condition-grid .filter-row {
  border-bottom: 0 !important;
  background: #e3eaed !important;
  padding-bottom: 4px;
  grid-template-columns: 20px 50px 120px auto 105px 180px;
  padding-right: 4px;
  height: 24px;
  line-height: 24px;
}
.uw-condition-wrap .uw-condition-grid .filter-row > div {
  border-left: 1px solid #dcdedf !important;
}
.uw-condition-wrap .uw-condition-grid .filter-row > div:first-of-type {
  border-left: 0 !important;
}
.uw-condition-wrap .uw-condition-grid .filter-row > div > div {
  width: calc(100% - 10px);
}
.uw-condition-wrap .uw-condition-grid .open_in_new {
  border: 0;
  background: none;
  width: 14px;
  height: 14px;
}
.uw-condition-wrap .uw-condition-grid .open_in_new:before {
  font-family: "MaterialIcons";
  content: "open_in_new";
  font-size: 14px;
  width: 14px;
  height: 14px;
  color: #027373;
  position: absolute;
  bottom: 0px;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote {
  margin-top: 0;
  border-top: 4px solid #dae2e6;
  background: #f0f5f7;
  padding: 0 8px 8px 8px;
  position: relative;
  min-height: 170px;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote h3 {
  height: 31px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 32px;
  font-weight: 500;
  color: #000;
  margin: 0 0 6px 0;
  border-bottom: 1px solid #dcdedf;
  padding: 0;
  background: #f0f5f7;
  width: 100%;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote h3 + div {
  min-height: 60px !important;
  height: calc(100% - 75px) !important;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote h3 + div > div {
  height: 100%;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .editor-scroll-wrap {
  height: calc(100% - 25px);
  max-height: 75px;
  overflow-y: auto;
  background: #fff;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .slate-inactive {
  padding: 0;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span > span:hover, .uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span > span:active, .uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span > span:active:focus, .uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span > span:focus, .uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span:hover, .uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span:active, .uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span:active:focus, .uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span:focus, .uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap .editor > div {
  height: 100%;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .editor {
  height: calc(100% - 2px);
  max-height: 75px;
  width: 100%;
  background: #fff;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  padding: 4px;
  line-height: 20px;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  height: 100%;
  max-width: inherit;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
  background: #fff;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote.active {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote.active h3 + div {
  height: initial;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote.active h3 + div > div {
  height: initial;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote.active .menu.slate-toolbar-menu {
  display: flex !important;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote.active .editor-scroll-wrap {
  max-height: 215px;
  min-height: 215px;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote.active .editor-scroll-wrap .editor {
  height: 215px;
  max-height: 215px;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote.active .editor-scroll-wrap .editor > div {
  height: 100%;
}
.uw-condition-wrap .uw-condition-grid .uw-footnote .underwriting-main-status > .toolbar-item.pl-8 + .toolbar-item.pl-8 .select-module {
  width: 204px !important;
}
.uw-condition-wrap .uw-panel-empty {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 100%;
  max-height: inherit;
  background: #f0f5f7;
  margin: 4px 4px 0 0;
}
.uw-condition-wrap .uw-panel-empty > div {
  height: 40px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 13px;
  line-height: 1.54;
  text-align: center;
  color: #000000;
  width: 225px;
  position: relative;
  margin-top: 110px;
}
.uw-condition-wrap .uw-panel-empty > div:before {
  content: url(/content/img/img-logo-watermark-1.svg);
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
}
.uw-condition-wrap .uw-panel-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: calc(100vh - 85px);
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel {
  background: #f0f5f7;
  margin: 4px 4px 0 0;
  padding: 0 0 0 0;
  display: flex;
  flex-direction: column;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel h3 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  line-height: 16px;
  font-size: 14px;
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  margin: 0 8px 8px 8px;
  padding: 0;
  color: #000;
  border-bottom: 1px solid #dcdedf;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel h3 span + span {
  margin-left: 8px;
  color: #5f5f5f;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row {
  padding: 0 8px;
  height: 22px;
  display: flex;
  flex-direction: row;
  line-height: 24px;
  justify-content: flex-start;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.to-left {
  justify-content: flex-start;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row label {
  color: #5f5f5f;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 1;
  min-width: 78px;
  width: 78px;
  display: inline-flex;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row label .open_in_new {
  line-height: 27px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row label + div {
  width: 216px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row label + span {
  color: #5f5f5f;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 1;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row .select-dropdown {
  width: 282px;
  height: initial;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row .select-dropdown .Select-menu-outer {
  width: 281px;
  min-width: 281px !important;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown {
  width: 282px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown * {
  font-size: 12px !important;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown .Select {
  position: relative;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown span {
  line-height: 18px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown .select-field {
  height: 18px;
  line-height: 18px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown .select-field .Select-control {
  height: 18px !important;
  line-height: 18px;
  position: relative;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown .select-field .Select-control .Select-multi-value-wrapper {
  height: 16px;
  line-height: 16px;
  position: relative;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown .select-field .Select-control .Select-multi-value-wrapper .Select-value {
  height: 16px !important;
  line-height: 16px !important;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown .select-field .Select-control .Select-multi-value-wrapper .Select-placeholder {
  height: 16px !important;
  line-height: 16px !important;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown .select-field .Select-control div {
  height: 18px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown .select-field .Select-menu-outer {
  top: initial;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown .select-field .Select-menu-outer .Select-menu {
  line-height: 18px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row.multiselect .select-dropdown .select-field .Select-menu-outer .Select-menu .Select-option {
  height: 18px;
  line-height: 18px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row .select-searchable-outer-wrap.select-h22 {
  max-width: 282px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row-inline {
  padding: 0 8px;
  height: 22px;
  display: flex;
  flex-direction: row;
  line-height: 24px;
  justify-content: space-between;
  align-items: center;
  color: #5f5f5f;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row-inline.to-left {
  justify-content: flex-start;
}
.uw-condition-wrap .uw-panel-wrapper .uw-condition-panel .uw-panel-row-inline label {
  color: #5f5f5f;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 1;
  min-width: 118px;
  width: 118px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .condition-slate-wrapper {
  background: #f0f5f7;
  margin: 0 4px 4px 0;
  padding: 8px;
  height: 278px;
}
.uw-condition-wrap .uw-panel-wrapper .condition-slate-wrapper > div {
  height: 100%;
}
.uw-condition-wrap .uw-panel-wrapper .condition-slate-wrapper > div > div {
  height: 100%;
}
.uw-condition-wrap .uw-panel-wrapper .condition-slate-wrapper .slate-inactive {
  height: 100%;
  background: #fff;
}
.uw-condition-wrap .uw-panel-wrapper .condition-slate-wrapper .slate-inactive .slate-readonly {
  border: 0px solid rgba(255, 255, 255, 0) !important;
  padding: 0;
}
.uw-condition-wrap .uw-panel-wrapper .condition-slate-wrapper .slate-active .editor-scroll-wrap {
  height: calc(100% - 32px);
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel {
  background: #f0f5f7;
  margin: 0 4px 1px 0;
  min-height: 220px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel h3 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 16px;
  font-size: 14px;
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  margin: 0 8px 10px 8px;
  padding: 0;
  color: #000;
  border-bottom: 1px solid #dcdedf;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div {
  height: calc(100% - 52px) !important;
  max-width: inherit;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
  margin: 0 8px 8px 8px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div {
  height: 100%;
  background: #fff;
  max-width: inherit;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .editor-scroll-wrap {
  max-height: calc(100% - 32px);
  height: calc(100% - 32px);
  overflow-y: scroll;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu {
  position: relative;
  padding: 0 5px;
  margin: 0;
  border-bottom: 2px solid #eee;
  display: flex;
  height: 30px;
  justify-content: flex-start;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span {
  height: 18px;
  width: 18px;
  display: inline-flex;
  cursor: pointer;
  color: #a9a9a9;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span + span {
  margin-left: 5px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span > span {
  color: #a9a9a9;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span > span:hover, .uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span > span:active, .uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span > span:active:focus, .uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span > span:focus, .uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span > span[data-active=true] {
  color: #027373;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span {
  color: #a9a9a9;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span:hover, .uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span:active, .uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span:active:focus, .uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span:focus, .uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span[data-active=true] {
  color: #027373;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu > span[data-active=true] > span {
  color: #027373;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .menu.slate-toolbar-menu[style="display: none;"] + .editor-scroll-wrap {
  max-height: calc(100% - 2px);
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .editor {
  max-width: inherit;
  height: 100%;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .editor > div {
  display: block;
  font-family: Roboto, sans-serif;
  padding: 10px;
  outline-color: rgb(0, 0, 0);
  outline-style: none;
  outline-width: 0px;
  white-space: pre-wrap;
  width: 100%;
  max-width: 1158px;
  height: 100%;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .editor > div code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  color: #000;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel > div > div .editor h2 {
  font-family: Roboto-Regular, sans-serif;
  font-weight: 400;
  color: #000;
  width: 100%;
  max-width: 100%;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  background: transparent;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel .menu.slate-toolbar-menu[style="display: none;"] + .editor > div {
  height: 100%;
}
.uw-condition-wrap .uw-panel-wrapper .uw-note-panel .menu.slate-toolbar-menu[style="display: flex;"] + .editor > div {
  height: calc(100% - 32px);
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel {
  background: #f0f5f7;
  margin: 0 4px 4px 0;
  height: 196px;
  min-height: 196px;
  display: flex;
  flex-direction: column;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  line-height: 16px;
  font-size: 14px;
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  margin: 0 8px 8px 8px;
  padding: 0;
  border-bottom: 1px solid #dcdedf;
  position: relative;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3 span + span {
  margin-left: 8px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3.details-status-rejected span + span {
  color: #f59223;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3.details-status-created span + span {
  color: #0ca597;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3.details-status-approved span + span, .uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3.details-status-readyforreview span + span {
  color: #64a81a;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3.details-status-inprocess span + span {
  color: #00b0ff;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3.details-status-canceled span + span {
  color: #4a4a4a;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3 .underwriting-history-button {
  height: 21px;
  width: 21px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #0ca597;
  border: 0;
  margin: 8px 0;
  display: inline-flex;
  padding: 0;
  justify-content: space-between;
  align-items: center;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0);
  position: absolute;
  right: 0;
  top: 0;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3 .underwriting-history-button:before {
  content: url(/content/img/history.svg);
  width: 21px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3 .underwriting-history-button:hover:before, .uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3 .underwriting-history-button:active:before, .uw-condition-wrap .uw-panel-wrapper .uw-ready-panel h3 .underwriting-history-button:active:focus:before {
  content: url(/content/img/history-active.svg);
  width: 21px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin: 0 8px 14px 8px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row > button {
  height: 22px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  width: 110px;
  padding: 0;
  background: #f7fafb;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row > button.rejected {
  border: 1px solid #f5a623;
  color: #f5a623;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row > button.approved {
  border: 1px solid #64a81a;
  color: #64a81a;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row > button.readyforreview {
  border: 1px solid #00aaaa;
  color: #00aaaa;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row > button.other {
  border: 1px solid #0ca597;
  color: #0ca597;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row > button.review {
  border: 1px solid #64a81a;
  color: #64a81a;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row > button.inprocess {
  border: 1px solid #03b0ff;
  color: #03b0ff;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row > button.delete {
  border: 1px solid #fa4533;
  color: #fa4533;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row > button.canceled {
  border: 1px solid #5f5f5f;
  color: #5f5f5f;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row > button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .details-first-row > button + button {
  margin-left: 7px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .uw-grid-3 {
  font-size: 12px;
  line-height: 18px;
  font-family: Roboto-Regular, sans-serif;
  background: rgba(0, 0, 0, 0.02);
  margin: 0 8px 8px 8px;
  max-height: 109px;
  overflow-y: auto;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .uw-grid-3 > div {
  display: grid;
  grid-template-columns: 70px auto 120px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .uw-grid-3 > div > div {
  padding: 0 4px;
  border-bottom: 1px solid #bfccd2;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .uw-grid-3 > div > div.uw-date {
  color: rgba(0, 0, 0, 0.54);
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .uw-grid-3 > div > div.uw-status {
  color: rgb(0, 0, 0);
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .uw-grid-3 > div > div.uw-name {
  color: rgba(0, 0, 0, 0.54);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .uw-grid-2 {
  font-size: 14px;
  line-height: 20px;
  font-family: Roboto-Regular, sans-serif;
  background: rgba(0, 0, 0, 0.02);
  margin: 0 8px 8px 8px;
  display: grid;
  grid-template-columns: 168px auto;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .uw-grid-2 > div {
  padding: 0 4px;
  font-size: 12px;
  font-family: Roboto-Regular, sans-serif;
  color: #5f5f5f;
  line-height: 24px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .uw-grid-2 > div.uw-available {
  color: #0ca597;
  font-family: Roboto-Medium, sans-serif;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .handled-by {
  background: #f0f5f7;
  padding: 0 0 8px 0;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .handled-by h3 {
  justify-content: flex-end;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .handled-by .close {
  opacity: 1;
  height: 24px;
  background: transparent;
  width: 16px;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .handled-by .close:before {
  content: "";
  background: url(/content/img/ic-close.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  display: block;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .handled-by > div {
  padding: 0 8px;
  display: grid;
  grid-template-columns: 49% auto;
  grid-gap: 4px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .handled-by .uw-block-column h4 {
  background: #e3eaed;
  padding: 0 4px;
  height: 24px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  color: #5f5f5f;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .handled-by .uw-block-column > div {
  display: inline-flex;
  width: 100%;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .handled-by .uw-block-column > div label {
  height: 24px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 2;
  color: #000000;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .handled-by .uw-block-column > div > div + label {
  margin-left: 4px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel .handled-by .uw-block-column > div .check-box + label {
  color: #5f5f5f;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel.purchase-ready-panel {
  min-height: 400px;
  height: 400px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel.purchase-ready-panel .uw-grid-3 {
  max-height: 260px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-ready-panel.purchase-ready-panel + .uw-note-panel {
  min-height: initial;
  height: 100%;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel {
  background: #f0f5f7;
  margin: 0 4px 4px 0;
  min-height: 160px;
  height: 160px;
  display: flex;
  flex-direction: column;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .file-uploader {
  display: none !important;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel h3 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 16px;
  font-size: 14px;
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  margin: 0 8px 10px 8px;
  padding: 0;
  color: #000;
  border-bottom: 1px solid #dcdedf;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel h3 div a {
  font-family: Roboto-Regular, sans-serif;
  font-size: 10px;
  line-height: 2.4;
  text-align: right;
  color: #0ca597;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel h3 div a.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel h3 div a + a {
  margin-left: 8px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .button-row {
  display: inline-flex;
  width: calc(100% - 100px);
  justify-content: flex-end;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel button {
  cursor: pointer;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  margin: 0;
  background: rgba(255, 255, 255, 0);
  text-align: center;
  border: 0;
  width: 100%;
  box-shadow: none;
  height: 22px;
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  padding: 0;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel button.standart-uw {
  border: 1px solid #0ca597;
  font-size: 12px;
  font-family: Roboto-Medium, sans-serif;
  color: #0ca597;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel button.standart-uw + .standart-uw {
  margin-left: 7px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel > div {
  height: 100%;
  max-height: 117px;
  overflow-y: auto;
  margin: 0 8px 8px 8px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download {
  display: flex;
  height: 18px;
  width: 20px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background: url(/content/img/upload-v2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 4px;
  margin-top: 3px;
  visibility: hidden;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download:hover, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download:active, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download:active:focus {
  background: url(/content/img/upload-v2-active.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download.disabled, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download[disabled] {
  background: url(/content/img/upload-v2-inactive.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download.disabled:hover, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download.disabled:active, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download.disabled:active:focus, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download[disabled]:hover, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download[disabled]:active, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-download[disabled]:active:focus {
  background: url(/content/img/upload-v2-inactive.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-view {
  display: flex;
  height: 24px;
  width: 20px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background: url(/content/img/ic-ribbon-action-preview.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  visibility: hidden;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-remove {
  display: flex;
  height: 24px;
  width: 16px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  position: relative;
  background: url(/content/img/ic-acction-delete.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  visibility: hidden;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row-remove[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row {
  display: flex;
  background-color: rgba(255, 255, 255, 0.5);
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row + .doc-row {
  margin-top: 2px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row > :nth-child(1) {
  width: 100%;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row > :not(:nth-child(1)) {
  width: 24px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.doc-uploaded,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row .doc-uploaded {
  height: 21px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #000000;
  padding: 0 0 0 20px;
  line-height: 21px;
  position: relative;
  margin: 0 8px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.doc-uploaded:before,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row .doc-uploaded:before {
  content: url(/content/img/ic-document-attachment.svg);
  position: absolute;
  top: 5px;
  left: 1px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.doc-requested,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row .doc-requested {
  height: 21px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #000000;
  padding: 0 0 0 20px;
  line-height: 24px;
  position: relative;
  margin: 0 8px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.doc-requested:before,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row .doc-requested:before {
  content: url(/content/img/ic-document-request.svg);
  position: absolute;
  top: 5px;
  left: 1px;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.doc-removed,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row .doc-removed {
  height: 21px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  padding: 0 0 0 20px;
  line-height: 24px;
  position: relative;
  margin: 0 8px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.doc-removed:before,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row .doc-removed:before {
  content: "Removed";
  position: absolute;
  top: 0;
  right: 0;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:hover, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:active, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:active:focus, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.select, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.selected {
  background-color: rgba(0, 176, 255, 0.1);
  cursor: pointer;
}
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:hover .doc-row-download,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:hover .doc-row-view,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:hover .doc-row-remove, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:active .doc-row-download,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:active .doc-row-view,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:active .doc-row-remove, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:active:focus .doc-row-download,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:active:focus .doc-row-view,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row:active:focus .doc-row-remove, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.select .doc-row-download,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.select .doc-row-view,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.select .doc-row-remove, .uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.selected .doc-row-download,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.selected .doc-row-view,
.uw-condition-wrap .uw-panel-wrapper .uw-doc-panel .doc-row.selected .doc-row-remove {
  visibility: visible;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup {
  z-index: 99999;
  background: #fff;
  position: fixed;
  min-width: 250px;
  width: 250px;
  border: 5px solid #BFCCD2;
  padding: 4px 8px 8px 8px;
  top: 255px;
  right: 10px;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup:empty {
  display: none;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup h4 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 16px;
  font-size: 14px;
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  margin: 0 0 10px 0;
  padding: 0;
  color: #000;
  border-bottom: 1px solid #dcdedf;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row {
  display: inline-flex;
  min-width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  height: 28px;
  line-height: 28px;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > label {
  cursor: pointer;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  padding: 0 0 0 0;
  line-height: 18px;
  margin: 0 0 0 10px;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button {
  cursor: pointer;
  font-size: 14px;
  color: #000;
  line-height: 22px;
  margin: 0;
  background: rgba(255, 255, 255, 0);
  text-align: center;
  border: 0;
  width: 100%;
  box-shadow: none;
  height: 22px;
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  padding: 0;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button.rejected {
  border: 1px solid #f5a623;
  color: #f5a623;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button.approved {
  border: 1px solid #64a81a;
  color: #64a81a;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button.readyforreview {
  border: 1px solid #00aaaa;
  color: #00aaaa;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button.other {
  border: 1px solid #0ca597;
  color: #0ca597;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button.review {
  border: 1px solid #64a81a;
  color: #64a81a;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button.inprocess {
  border: 1px solid #03b0ff;
  color: #03b0ff;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button.delete {
  border: 1px solid #fa4533;
  color: #fa4533;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button.canceled {
  border: 1px solid #5f5f5f;
  color: #5f5f5f;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button[disabled] {
  pointer-events: none;
  border-color: #cccccc;
  color: #cccccc;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button + button {
  margin-left: 7px;
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row > button:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.uw-condition-wrap .uw-panel-wrapper .approver-popup .approver-row[disabled] {
  cursor: initial;
  opacity: 0.5;
  background: #fff !important;
}
.uw-condition-wrap .uw-panel-wrapper + .uw-panel-empty {
  display: none;
}
.uw-condition-wrap .condition-selected {
  background: #f0f5f7;
}
.uw-condition-wrap .condition-selected .condition-selected-h {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 38px;
  font-weight: 500;
  height: 32px;
  color: #000;
  border-bottom: 1px solid #dcdedf;
  padding: 0;
  background: #f0f5f7;
  width: 100%;
  margin: 0 4px 8px 4px;
}
.uw-condition-wrap .condition-selected .approver-row {
  display: inline-flex;
  width: 100%;
  margin: 0 0 4px;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .condition-selected button {
  height: 22px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  font-weight: 500;
  width: 110px;
  padding: 0;
  background: #f7fafb;
}
.uw-condition-wrap .condition-selected button.rejected {
  border: 1px solid #f5a623;
  color: #f5a623;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .condition-selected button.approved {
  border: 1px solid #64a81a;
  color: #64a81a;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .condition-selected button.readyforreview {
  border: 1px solid #00aaaa;
  color: #00aaaa;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uw-condition-wrap .condition-selected button.other {
  border: 1px solid #0ca597;
  color: #0ca597;
  background: #f7fafb;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
}
.uw-condition-wrap .condition-selected button.review {
  border: 1px solid #64a81a;
  color: #64a81a;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .condition-selected button.inprocess {
  border: 1px solid #03b0ff;
  color: #03b0ff;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .condition-selected button.delete {
  border: 1px solid #fa4533;
  color: #fa4533;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .condition-selected button.canceled {
  border: 1px solid #5f5f5f;
  color: #5f5f5f;
  background: #f7fafb;
  justify-content: center;
  align-items: center;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uw-condition-wrap .condition-selected button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.uw-condition-wrap .condition-selected button + button {
  margin-left: 7px;
}

/******EDITOR MENU TOOLBAR ******/
.slate-inactive {
  border: 1px solid rgba(255, 255, 255, 0);
  padding: 4px;
  height: 100%;
  font-family: Roboto-Regular, sans-serif;
  line-height: 1.2;
}
.slate-inactive > div {
  height: 100%;
}
.slate-inactive > div .editor-scroll-wrap {
  min-height: 100%;
  height: 100%;
  overflow-y: auto;
}
.slate-inactive > div .editor-scroll-wrap .editor {
  height: inherit;
}
.slate-inactive > div .editor-scroll-wrap .editor > div {
  height: inherit;
}
.slate-inactive.disabled .menu-editor-toolbar {
  display: flex !important;
}
.slate-inactive.disabled .menu-editor-toolbar > span,
.slate-inactive.disabled .menu-editor-toolbar > a {
  pointer-events: none;
  opacity: 0.5;
}
.slate-inactive.disabled .menu-editor-toolbar > span:hover, .slate-inactive.disabled .menu-editor-toolbar > span:active, .slate-inactive.disabled .menu-editor-toolbar > span:active:focus,
.slate-inactive.disabled .menu-editor-toolbar > a:hover,
.slate-inactive.disabled .menu-editor-toolbar > a:active,
.slate-inactive.disabled .menu-editor-toolbar > a:active:focus {
  background: rgba(255, 255, 255, 0);
}
.slate-inactive.disabled > div .editor-scroll-wrap {
  min-height: calc(100% - 32px);
  height: calc(100% - 32px);
  overflow-y: auto !important;
}
.slate-inactive.disabled > div .editor-scroll-wrap .editor {
  pointer-events: none;
  opacity: 0.8;
}
.slate-inactive.disabled > div .editor-scroll-wrap .editor > div {
  overflow-y: hidden !important;
}

.slate-active {
  border: 1px solid #80b9b9;
  padding: 4px;
  background: #fff;
  height: 100%;
  font-family: Roboto-Regular, sans-serif;
  line-height: 1.2;
}
.slate-active > div {
  height: 100%;
}
.slate-active > div .editor-scroll-wrap {
  min-height: calc(100% - 32px);
  height: calc(100% - 32px);
  overflow-y: auto;
}
.slate-active > div .editor-scroll-wrap .editor {
  height: calc(100% + 32px);
}
.slate-active > div .editor-scroll-wrap .editor > div {
  height: inherit;
}
.slate-active .editor-scroll-wrap .editor {
  height: 100%;
}
.slate-active .editor-scroll-wrap .editor > div {
  height: 100%;
}

.menu-editor-toolbar {
  background-color: #ffffff;
  border-bottom: 1px solid #dcdedf;
  height: 32px;
  display: flex;
  width: 100%;
  padding: 2px 4px 3px 4px;
  justify-content: flex-start;
}
.menu-editor-toolbar > span,
.menu-editor-toolbar .toolbar-item {
  color: #0ca597;
  height: 24px;
  min-width: 24px;
  display: flex !important;
  padding: 4px;
  margin-right: 2px;
  cursor: pointer;
  /***/
  /***/
}
.menu-editor-toolbar > span[disabled], .menu-editor-toolbar > span[disabled],
.menu-editor-toolbar .toolbar-item[disabled],
.menu-editor-toolbar .toolbar-item[disabled] {
  pointer-events: none;
}
.menu-editor-toolbar > span[disabled]:before, .menu-editor-toolbar > span[disabled]:before,
.menu-editor-toolbar .toolbar-item[disabled]:before,
.menu-editor-toolbar .toolbar-item[disabled]:before {
  opacity: 0.5;
}
.menu-editor-toolbar > span:before,
.menu-editor-toolbar .toolbar-item:before {
  height: 16px;
  width: 16px;
  border-radius: 1px;
}
.menu-editor-toolbar > span.format_bold:before,
.menu-editor-toolbar .toolbar-item.format_bold:before {
  content: url(/content/img/format-bold-16-px.svg);
}
.menu-editor-toolbar > span.format_bold:hover, .menu-editor-toolbar > span.format_bold[data-active=true], .menu-editor-toolbar > span.format_bold:active, .menu-editor-toolbar > span.format_bold:active:focus,
.menu-editor-toolbar .toolbar-item.format_bold:hover,
.menu-editor-toolbar .toolbar-item.format_bold[data-active=true],
.menu-editor-toolbar .toolbar-item.format_bold:active,
.menu-editor-toolbar .toolbar-item.format_bold:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_italic:before,
.menu-editor-toolbar .toolbar-item.format_italic:before {
  content: url(/content/img/format-italic-16-px.svg);
}
.menu-editor-toolbar > span.format_italic:hover, .menu-editor-toolbar > span.format_italic[data-active=true], .menu-editor-toolbar > span.format_italic:active, .menu-editor-toolbar > span.format_italic:active:focus,
.menu-editor-toolbar .toolbar-item.format_italic:hover,
.menu-editor-toolbar .toolbar-item.format_italic[data-active=true],
.menu-editor-toolbar .toolbar-item.format_italic:active,
.menu-editor-toolbar .toolbar-item.format_italic:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_underlined:before,
.menu-editor-toolbar .toolbar-item.format_underlined:before {
  content: url(/content/img/format-underlined-16-px.svg);
}
.menu-editor-toolbar > span.format_underlined:hover, .menu-editor-toolbar > span.format_underlined[data-active=true], .menu-editor-toolbar > span.format_underlined:active, .menu-editor-toolbar > span.format_underlined:active:focus,
.menu-editor-toolbar .toolbar-item.format_underlined:hover,
.menu-editor-toolbar .toolbar-item.format_underlined[data-active=true],
.menu-editor-toolbar .toolbar-item.format_underlined:active,
.menu-editor-toolbar .toolbar-item.format_underlined:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.code:before,
.menu-editor-toolbar .toolbar-item.code:before {
  content: url(/content/img/format-code-16-px.svg);
}
.menu-editor-toolbar > span.code:hover, .menu-editor-toolbar > span.code[data-active=true], .menu-editor-toolbar > span.code:active, .menu-editor-toolbar > span.code:active:focus,
.menu-editor-toolbar .toolbar-item.code:hover,
.menu-editor-toolbar .toolbar-item.code[data-active=true],
.menu-editor-toolbar .toolbar-item.code:active,
.menu-editor-toolbar .toolbar-item.code:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_quote:before,
.menu-editor-toolbar .toolbar-item.format_quote:before {
  content: url(/content/img/format-quote-16-px.svg);
}
.menu-editor-toolbar > span.format_quote:hover, .menu-editor-toolbar > span.format_quote[data-active=true], .menu-editor-toolbar > span.format_quote:active, .menu-editor-toolbar > span.format_quote:active:focus,
.menu-editor-toolbar .toolbar-item.format_quote:hover,
.menu-editor-toolbar .toolbar-item.format_quote[data-active=true],
.menu-editor-toolbar .toolbar-item.format_quote:active,
.menu-editor-toolbar .toolbar-item.format_quote:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_link:before,
.menu-editor-toolbar .toolbar-item.format_link:before {
  content: url(/content/img/format-link-16-px.svg);
}
.menu-editor-toolbar > span.format_link:hover, .menu-editor-toolbar > span.format_link[data-active=true], .menu-editor-toolbar > span.format_link:active, .menu-editor-toolbar > span.format_link:active:focus,
.menu-editor-toolbar .toolbar-item.format_link:hover,
.menu-editor-toolbar .toolbar-item.format_link[data-active=true],
.menu-editor-toolbar .toolbar-item.format_link:active,
.menu-editor-toolbar .toolbar-item.format_link:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.esign_merge_fields:before,
.menu-editor-toolbar .toolbar-item.esign_merge_fields:before {
  content: url(/content/img/esign-merge.svg);
}
.menu-editor-toolbar > span.esign_merge_fields:hover, .menu-editor-toolbar > span.esign_merge_fields[data-active=true], .menu-editor-toolbar > span.esign_merge_fields:active, .menu-editor-toolbar > span.esign_merge_fields:active:focus,
.menu-editor-toolbar .toolbar-item.esign_merge_fields:hover,
.menu-editor-toolbar .toolbar-item.esign_merge_fields[data-active=true],
.menu-editor-toolbar .toolbar-item.esign_merge_fields:active,
.menu-editor-toolbar .toolbar-item.esign_merge_fields:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.text_fields:before,
.menu-editor-toolbar .toolbar-item.text_fields:before {
  content: url(/content/img/format-subscript-16-px.svg);
}
.menu-editor-toolbar > span.text_fields:hover, .menu-editor-toolbar > span.text_fields[data-active=true], .menu-editor-toolbar > span.text_fields:active, .menu-editor-toolbar > span.text_fields:active:focus,
.menu-editor-toolbar .toolbar-item.text_fields:hover,
.menu-editor-toolbar .toolbar-item.text_fields[data-active=true],
.menu-editor-toolbar .toolbar-item.text_fields:active,
.menu-editor-toolbar .toolbar-item.text_fields:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.title:before,
.menu-editor-toolbar .toolbar-item.title:before {
  content: url(/content/img/format-superscript-16-px.svg);
}
.menu-editor-toolbar > span.title:hover, .menu-editor-toolbar > span.title[data-active=true], .menu-editor-toolbar > span.title:active, .menu-editor-toolbar > span.title:active:focus,
.menu-editor-toolbar .toolbar-item.title:hover,
.menu-editor-toolbar .toolbar-item.title[data-active=true],
.menu-editor-toolbar .toolbar-item.title:active,
.menu-editor-toolbar .toolbar-item.title:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.strikethrough_s:before,
.menu-editor-toolbar .toolbar-item.strikethrough_s:before {
  content: url(/content/img/format-strikethrough-16-px.svg);
}
.menu-editor-toolbar > span.strikethrough_s:hover, .menu-editor-toolbar > span.strikethrough_s[data-active=true], .menu-editor-toolbar > span.strikethrough_s:active, .menu-editor-toolbar > span.strikethrough_s:active:focus,
.menu-editor-toolbar .toolbar-item.strikethrough_s:hover,
.menu-editor-toolbar .toolbar-item.strikethrough_s[data-active=true],
.menu-editor-toolbar .toolbar-item.strikethrough_s:active,
.menu-editor-toolbar .toolbar-item.strikethrough_s:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.looks_one:before,
.menu-editor-toolbar .toolbar-item.looks_one:before {
  content: url(/content/img/format-h-1-16-px.svg);
}
.menu-editor-toolbar > span.looks_one:hover, .menu-editor-toolbar > span.looks_one[data-active=true], .menu-editor-toolbar > span.looks_one:active, .menu-editor-toolbar > span.looks_one:active:focus,
.menu-editor-toolbar .toolbar-item.looks_one:hover,
.menu-editor-toolbar .toolbar-item.looks_one[data-active=true],
.menu-editor-toolbar .toolbar-item.looks_one:active,
.menu-editor-toolbar .toolbar-item.looks_one:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.looks_two:before,
.menu-editor-toolbar .toolbar-item.looks_two:before {
  content: url(/content/img/format-h-2-16-px.svg);
}
.menu-editor-toolbar > span.looks_two:hover, .menu-editor-toolbar > span.looks_two[data-active=true], .menu-editor-toolbar > span.looks_two:active, .menu-editor-toolbar > span.looks_two:active:focus,
.menu-editor-toolbar .toolbar-item.looks_two:hover,
.menu-editor-toolbar .toolbar-item.looks_two[data-active=true],
.menu-editor-toolbar .toolbar-item.looks_two:active,
.menu-editor-toolbar .toolbar-item.looks_two:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.flip:before,
.menu-editor-toolbar .toolbar-item.flip:before {
  content: url(/content/img/element-grid-16-px.svg);
}
.menu-editor-toolbar > span.flip:hover, .menu-editor-toolbar > span.flip[data-active=true], .menu-editor-toolbar > span.flip:active, .menu-editor-toolbar > span.flip:active:focus,
.menu-editor-toolbar .toolbar-item.flip:hover,
.menu-editor-toolbar .toolbar-item.flip[data-active=true],
.menu-editor-toolbar .toolbar-item.flip:active,
.menu-editor-toolbar .toolbar-item.flip:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.cached:before,
.menu-editor-toolbar .toolbar-item.cached:before {
  content: url(/content/img/element-repitor-16-px.svg);
}
.menu-editor-toolbar > span.cached:hover, .menu-editor-toolbar > span.cached[data-active=true], .menu-editor-toolbar > span.cached:active, .menu-editor-toolbar > span.cached:active:focus,
.menu-editor-toolbar .toolbar-item.cached:hover,
.menu-editor-toolbar .toolbar-item.cached[data-active=true],
.menu-editor-toolbar .toolbar-item.cached:active,
.menu-editor-toolbar .toolbar-item.cached:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.wrap_text:before,
.menu-editor-toolbar .toolbar-item.wrap_text:before {
  content: url(/content/img/action-merging-paragraphs-16-px.svg);
}
.menu-editor-toolbar > span.wrap_text:hover, .menu-editor-toolbar > span.wrap_text[data-active=true], .menu-editor-toolbar > span.wrap_text:active, .menu-editor-toolbar > span.wrap_text:active:focus,
.menu-editor-toolbar .toolbar-item.wrap_text:hover,
.menu-editor-toolbar .toolbar-item.wrap_text[data-active=true],
.menu-editor-toolbar .toolbar-item.wrap_text:active,
.menu-editor-toolbar .toolbar-item.wrap_text:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.undo:before,
.menu-editor-toolbar .toolbar-item.undo:before {
  content: url(/content/img/action-undo-16-px.svg);
}
.menu-editor-toolbar > span.undo:hover, .menu-editor-toolbar > span.undo[data-active=true], .menu-editor-toolbar > span.undo:active, .menu-editor-toolbar > span.undo:active:focus,
.menu-editor-toolbar .toolbar-item.undo:hover,
.menu-editor-toolbar .toolbar-item.undo[data-active=true],
.menu-editor-toolbar .toolbar-item.undo:active,
.menu-editor-toolbar .toolbar-item.undo:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.functions,
.menu-editor-toolbar .toolbar-item.functions {
  font-size: 0;
}
.menu-editor-toolbar > span.functions:before,
.menu-editor-toolbar .toolbar-item.functions:before {
  content: url(/content/img/element-formula-16-px.svg);
}
.menu-editor-toolbar > span.functions:hover, .menu-editor-toolbar > span.functions[data-active=true], .menu-editor-toolbar > span.functions:active, .menu-editor-toolbar > span.functions:active:focus,
.menu-editor-toolbar .toolbar-item.functions:hover,
.menu-editor-toolbar .toolbar-item.functions[data-active=true],
.menu-editor-toolbar .toolbar-item.functions:active,
.menu-editor-toolbar .toolbar-item.functions:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.check_box,
.menu-editor-toolbar .toolbar-item.check_box {
  font-size: 0;
}
.menu-editor-toolbar > span.check_box:before,
.menu-editor-toolbar .toolbar-item.check_box:before {
  content: url(/content/img/element-checkbox-16-px.svg);
}
.menu-editor-toolbar > span.check_box:hover, .menu-editor-toolbar > span.check_box[data-active=true], .menu-editor-toolbar > span.check_box:active, .menu-editor-toolbar > span.check_box:active:focus,
.menu-editor-toolbar .toolbar-item.check_box:hover,
.menu-editor-toolbar .toolbar-item.check_box[data-active=true],
.menu-editor-toolbar .toolbar-item.check_box:active,
.menu-editor-toolbar .toolbar-item.check_box:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.toc,
.menu-editor-toolbar .toolbar-item.toc {
  font-size: 0;
}
.menu-editor-toolbar > span.toc:before,
.menu-editor-toolbar .toolbar-item.toc:before {
  content: url(/content/img/element-checkbox-list-16-px.svg);
}
.menu-editor-toolbar > span.toc:hover, .menu-editor-toolbar > span.toc[data-active=true], .menu-editor-toolbar > span.toc:active, .menu-editor-toolbar > span.toc:active:focus,
.menu-editor-toolbar .toolbar-item.toc:hover,
.menu-editor-toolbar .toolbar-item.toc[data-active=true],
.menu-editor-toolbar .toolbar-item.toc:active,
.menu-editor-toolbar .toolbar-item.toc:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_indent_increase,
.menu-editor-toolbar .toolbar-item.format_indent_increase {
  font-size: 0;
}
.menu-editor-toolbar > span.format_indent_increase:before,
.menu-editor-toolbar .toolbar-item.format_indent_increase:before {
  content: url(/content/img/format-indent-increase-16-px.svg);
}
.menu-editor-toolbar > span.format_indent_increase:hover, .menu-editor-toolbar > span.format_indent_increase[data-active=true], .menu-editor-toolbar > span.format_indent_increase:active, .menu-editor-toolbar > span.format_indent_increase:active:focus,
.menu-editor-toolbar .toolbar-item.format_indent_increase:hover,
.menu-editor-toolbar .toolbar-item.format_indent_increase[data-active=true],
.menu-editor-toolbar .toolbar-item.format_indent_increase:active,
.menu-editor-toolbar .toolbar-item.format_indent_increase:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_indent_decrease,
.menu-editor-toolbar .toolbar-item.format_indent_decrease {
  font-size: 0;
}
.menu-editor-toolbar > span.format_indent_decrease:before,
.menu-editor-toolbar .toolbar-item.format_indent_decrease:before {
  content: url(/content/img/format-indent-decrease-16-px.svg);
}
.menu-editor-toolbar > span.format_indent_decrease:hover, .menu-editor-toolbar > span.format_indent_decrease[data-active=true], .menu-editor-toolbar > span.format_indent_decrease:active, .menu-editor-toolbar > span.format_indent_decrease:active:focus,
.menu-editor-toolbar .toolbar-item.format_indent_decrease:hover,
.menu-editor-toolbar .toolbar-item.format_indent_decrease[data-active=true],
.menu-editor-toolbar .toolbar-item.format_indent_decrease:active,
.menu-editor-toolbar .toolbar-item.format_indent_decrease:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_align_left,
.menu-editor-toolbar .toolbar-item.format_align_left {
  font-size: 0;
}
.menu-editor-toolbar > span.format_align_left:before,
.menu-editor-toolbar .toolbar-item.format_align_left:before {
  content: url(/content/img/format-align-left-16-px.svg);
}
.menu-editor-toolbar > span.format_align_left:hover, .menu-editor-toolbar > span.format_align_left[data-active=true], .menu-editor-toolbar > span.format_align_left:active, .menu-editor-toolbar > span.format_align_left:active:focus,
.menu-editor-toolbar .toolbar-item.format_align_left:hover,
.menu-editor-toolbar .toolbar-item.format_align_left[data-active=true],
.menu-editor-toolbar .toolbar-item.format_align_left:active,
.menu-editor-toolbar .toolbar-item.format_align_left:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_align_center,
.menu-editor-toolbar .toolbar-item.format_align_center {
  font-size: 0;
}
.menu-editor-toolbar > span.format_align_center:before,
.menu-editor-toolbar .toolbar-item.format_align_center:before {
  content: url(/content/img/format-align-center-16-px.svg);
}
.menu-editor-toolbar > span.format_align_center:hover, .menu-editor-toolbar > span.format_align_center[data-active=true], .menu-editor-toolbar > span.format_align_center:active, .menu-editor-toolbar > span.format_align_center:active:focus,
.menu-editor-toolbar .toolbar-item.format_align_center:hover,
.menu-editor-toolbar .toolbar-item.format_align_center[data-active=true],
.menu-editor-toolbar .toolbar-item.format_align_center:active,
.menu-editor-toolbar .toolbar-item.format_align_center:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_align_right,
.menu-editor-toolbar .toolbar-item.format_align_right {
  font-size: 0;
}
.menu-editor-toolbar > span.format_align_right:before,
.menu-editor-toolbar .toolbar-item.format_align_right:before {
  content: url(/content/img/format-align-right-16-px.svg);
}
.menu-editor-toolbar > span.format_align_right:hover, .menu-editor-toolbar > span.format_align_right[data-active=true], .menu-editor-toolbar > span.format_align_right:active, .menu-editor-toolbar > span.format_align_right:active:focus,
.menu-editor-toolbar .toolbar-item.format_align_right:hover,
.menu-editor-toolbar .toolbar-item.format_align_right[data-active=true],
.menu-editor-toolbar .toolbar-item.format_align_right:active,
.menu-editor-toolbar .toolbar-item.format_align_right:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_align_justify,
.menu-editor-toolbar .toolbar-item.format_align_justify {
  font-size: 0;
}
.menu-editor-toolbar > span.format_align_justify:before,
.menu-editor-toolbar .toolbar-item.format_align_justify:before {
  content: url(/content/img/format-align-justify-16-px.svg);
}
.menu-editor-toolbar > span.format_align_justify:hover, .menu-editor-toolbar > span.format_align_justify[data-active=true], .menu-editor-toolbar > span.format_align_justify:active, .menu-editor-toolbar > span.format_align_justify:active:focus,
.menu-editor-toolbar .toolbar-item.format_align_justify:hover,
.menu-editor-toolbar .toolbar-item.format_align_justify[data-active=true],
.menu-editor-toolbar .toolbar-item.format_align_justify:active,
.menu-editor-toolbar .toolbar-item.format_align_justify:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.unfold_more,
.menu-editor-toolbar .toolbar-item.unfold_more {
  font-size: 0;
}
.menu-editor-toolbar > span.unfold_more:before,
.menu-editor-toolbar .toolbar-item.unfold_more:before {
  content: url(/content/img/element-space-16-px.svg);
}
.menu-editor-toolbar > span.unfold_more:hover, .menu-editor-toolbar > span.unfold_more[data-active=true], .menu-editor-toolbar > span.unfold_more:active, .menu-editor-toolbar > span.unfold_more:active:focus,
.menu-editor-toolbar .toolbar-item.unfold_more:hover,
.menu-editor-toolbar .toolbar-item.unfold_more[data-active=true],
.menu-editor-toolbar .toolbar-item.unfold_more:active,
.menu-editor-toolbar .toolbar-item.unfold_more:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.call_split,
.menu-editor-toolbar .toolbar-item.call_split {
  font-size: 0;
}
.menu-editor-toolbar > span.call_split:before,
.menu-editor-toolbar .toolbar-item.call_split:before {
  content: url(/content/img/element-inline-condition-formula-16-px.svg);
}
.menu-editor-toolbar > span.call_split:hover, .menu-editor-toolbar > span.call_split[data-active=true], .menu-editor-toolbar > span.call_split:active, .menu-editor-toolbar > span.call_split:active:focus,
.menu-editor-toolbar .toolbar-item.call_split:hover,
.menu-editor-toolbar .toolbar-item.call_split[data-active=true],
.menu-editor-toolbar .toolbar-item.call_split:active,
.menu-editor-toolbar .toolbar-item.call_split:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.shuffle,
.menu-editor-toolbar .toolbar-item.shuffle {
  font-size: 0;
}
.menu-editor-toolbar > span.shuffle:before,
.menu-editor-toolbar .toolbar-item.shuffle:before {
  content: url(/content/img/element-block-condition-16-px.svg);
}
.menu-editor-toolbar > span.shuffle:hover, .menu-editor-toolbar > span.shuffle[data-active=true], .menu-editor-toolbar > span.shuffle:active, .menu-editor-toolbar > span.shuffle:active:focus,
.menu-editor-toolbar .toolbar-item.shuffle:hover,
.menu-editor-toolbar .toolbar-item.shuffle[data-active=true],
.menu-editor-toolbar .toolbar-item.shuffle:active,
.menu-editor-toolbar .toolbar-item.shuffle:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.loop,
.menu-editor-toolbar .toolbar-item.loop {
  font-size: 0;
}
.menu-editor-toolbar > span.loop:before,
.menu-editor-toolbar .toolbar-item.loop:before {
  content: url(/content/img/element-looper-16-px.svg);
}
.menu-editor-toolbar > span.loop:hover, .menu-editor-toolbar > span.loop[data-active=true], .menu-editor-toolbar > span.loop:active, .menu-editor-toolbar > span.loop:active:focus,
.menu-editor-toolbar .toolbar-item.loop:hover,
.menu-editor-toolbar .toolbar-item.loop[data-active=true],
.menu-editor-toolbar .toolbar-item.loop:active,
.menu-editor-toolbar .toolbar-item.loop:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.vertical_align_center,
.menu-editor-toolbar .toolbar-item.vertical_align_center {
  font-size: 0;
}
.menu-editor-toolbar > span.vertical_align_center:before,
.menu-editor-toolbar .toolbar-item.vertical_align_center:before {
  content: url(/content/img/element-page-break-16-px.svg);
}
.menu-editor-toolbar > span.vertical_align_center:hover, .menu-editor-toolbar > span.vertical_align_center[data-active=true], .menu-editor-toolbar > span.vertical_align_center:active, .menu-editor-toolbar > span.vertical_align_center:active:focus,
.menu-editor-toolbar .toolbar-item.vertical_align_center:hover,
.menu-editor-toolbar .toolbar-item.vertical_align_center[data-active=true],
.menu-editor-toolbar .toolbar-item.vertical_align_center:active,
.menu-editor-toolbar .toolbar-item.vertical_align_center:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.vertical_align_bottom,
.menu-editor-toolbar .toolbar-item.vertical_align_bottom {
  font-size: 0;
}
.menu-editor-toolbar > span.vertical_align_bottom:before,
.menu-editor-toolbar .toolbar-item.vertical_align_bottom:before {
  content: url(/content/img/element-hr-16-px.svg);
}
.menu-editor-toolbar > span.vertical_align_bottom:hover, .menu-editor-toolbar > span.vertical_align_bottom[data-active=true], .menu-editor-toolbar > span.vertical_align_bottom:active, .menu-editor-toolbar > span.vertical_align_bottom:active:focus,
.menu-editor-toolbar .toolbar-item.vertical_align_bottom:hover,
.menu-editor-toolbar .toolbar-item.vertical_align_bottom[data-active=true],
.menu-editor-toolbar .toolbar-item.vertical_align_bottom:active,
.menu-editor-toolbar .toolbar-item.vertical_align_bottom:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.insert_image,
.menu-editor-toolbar .toolbar-item.insert_image {
  font-size: 0;
}
.menu-editor-toolbar > span.insert_image:before,
.menu-editor-toolbar .toolbar-item.insert_image:before {
  content: url(/content/img/element-image-16-px.svg);
}
.menu-editor-toolbar > span.insert_image:hover, .menu-editor-toolbar > span.insert_image[data-active=true], .menu-editor-toolbar > span.insert_image:active, .menu-editor-toolbar > span.insert_image:active:focus,
.menu-editor-toolbar .toolbar-item.insert_image:hover,
.menu-editor-toolbar .toolbar-item.insert_image[data-active=true],
.menu-editor-toolbar .toolbar-item.insert_image:active,
.menu-editor-toolbar .toolbar-item.insert_image:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.vertical_align_top,
.menu-editor-toolbar .toolbar-item.vertical_align_top {
  font-size: 0;
}
.menu-editor-toolbar > span.vertical_align_top:before,
.menu-editor-toolbar .toolbar-item.vertical_align_top:before {
  content: url(/content/img/element-hr-top-16-px.svg);
}
.menu-editor-toolbar > span.vertical_align_top:hover, .menu-editor-toolbar > span.vertical_align_top[data-active=true], .menu-editor-toolbar > span.vertical_align_top:active, .menu-editor-toolbar > span.vertical_align_top:active:focus,
.menu-editor-toolbar .toolbar-item.vertical_align_top:hover,
.menu-editor-toolbar .toolbar-item.vertical_align_top[data-active=true],
.menu-editor-toolbar .toolbar-item.vertical_align_top:active,
.menu-editor-toolbar .toolbar-item.vertical_align_top:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.insert_chart,
.menu-editor-toolbar .toolbar-item.insert_chart {
  font-size: 0;
}
.menu-editor-toolbar > span.insert_chart:before,
.menu-editor-toolbar .toolbar-item.insert_chart:before {
  content: url(/content/img/element-graphs-16-px.svg);
}
.menu-editor-toolbar > span.insert_chart:hover, .menu-editor-toolbar > span.insert_chart[data-active=true], .menu-editor-toolbar > span.insert_chart:active, .menu-editor-toolbar > span.insert_chart:active:focus,
.menu-editor-toolbar .toolbar-item.insert_chart:hover,
.menu-editor-toolbar .toolbar-item.insert_chart[data-active=true],
.menu-editor-toolbar .toolbar-item.insert_chart:active,
.menu-editor-toolbar .toolbar-item.insert_chart:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_list_numbered,
.menu-editor-toolbar .toolbar-item.format_list_numbered {
  font-size: 0;
}
.menu-editor-toolbar > span.format_list_numbered:before,
.menu-editor-toolbar .toolbar-item.format_list_numbered:before {
  content: url(/content/img/format-numbered-16-px.svg);
}
.menu-editor-toolbar > span.format_list_numbered:hover, .menu-editor-toolbar > span.format_list_numbered[data-active=true], .menu-editor-toolbar > span.format_list_numbered:active, .menu-editor-toolbar > span.format_list_numbered:active:focus,
.menu-editor-toolbar .toolbar-item.format_list_numbered:hover,
.menu-editor-toolbar .toolbar-item.format_list_numbered[data-active=true],
.menu-editor-toolbar .toolbar-item.format_list_numbered:active,
.menu-editor-toolbar .toolbar-item.format_list_numbered:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.format_list_bulleted,
.menu-editor-toolbar .toolbar-item.format_list_bulleted {
  font-size: 0;
}
.menu-editor-toolbar > span.format_list_bulleted:before,
.menu-editor-toolbar .toolbar-item.format_list_bulleted:before {
  content: url(/content/img/format-bullets-list-16-px.svg);
}
.menu-editor-toolbar > span.format_list_bulleted:hover, .menu-editor-toolbar > span.format_list_bulleted[data-active=true], .menu-editor-toolbar > span.format_list_bulleted:active, .menu-editor-toolbar > span.format_list_bulleted:active:focus,
.menu-editor-toolbar .toolbar-item.format_list_bulleted:hover,
.menu-editor-toolbar .toolbar-item.format_list_bulleted[data-active=true],
.menu-editor-toolbar .toolbar-item.format_list_bulleted:active,
.menu-editor-toolbar .toolbar-item.format_list_bulleted:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar > span.removelist,
.menu-editor-toolbar .toolbar-item.removelist {
  font-size: 0;
}
.menu-editor-toolbar > span.removelist:before,
.menu-editor-toolbar .toolbar-item.removelist:before {
  content: url(/content/img/action-delete-list-16-px.svg);
}
.menu-editor-toolbar > span.removelist:hover, .menu-editor-toolbar > span.removelist[data-active=true], .menu-editor-toolbar > span.removelist:active, .menu-editor-toolbar > span.removelist:active:focus,
.menu-editor-toolbar .toolbar-item.removelist:hover,
.menu-editor-toolbar .toolbar-item.removelist[data-active=true],
.menu-editor-toolbar .toolbar-item.removelist:active,
.menu-editor-toolbar .toolbar-item.removelist:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar .open-list-control {
  font-size: 0;
  display: flex;
  width: 36px;
  height: 24px;
  border-radius: 1px;
  justify-content: center;
  align-content: center;
}
.menu-editor-toolbar .open-list-control:before {
  content: url(/content/img/format-bullets-list-16-px.svg);
  height: 24px;
  display: flex;
  align-items: center;
}
.menu-editor-toolbar .open-list-control:after {
  content: url(/content/img/ic-action-input-dropdown.svg);
  height: 24px;
  display: flex;
  align-items: center;
  transform: rotate(0deg);
  transition: 0.3s;
}
.menu-editor-toolbar .open-list-control[data-active=true], .menu-editor-toolbar .open-list-control:active, .menu-editor-toolbar .open-list-control:active:focus {
  background-color: #ceedea;
}
.menu-editor-toolbar .open-list-control[data-active=true]:after, .menu-editor-toolbar .open-list-control:active:after, .menu-editor-toolbar .open-list-control:active:focus:after {
  content: url(/content/img/ic-action-input-dropdown.svg);
  height: 24px;
  display: flex;
  transform: rotate(180deg);
  transition: 0.3s;
  align-items: center;
}
.menu-editor-toolbar .open-list-control:hover {
  background-color: #ceedea;
}
.menu-editor-toolbar > span {
  color: #a9a9a9;
}
.menu-editor-toolbar > span:hover, .menu-editor-toolbar > span:active, .menu-editor-toolbar > span:active:focus, .menu-editor-toolbar > span:focus, .menu-editor-toolbar > span[data-active=true] {
  color: #027373;
}
.menu-editor-toolbar .slate-font-size-plugin-input {
  width: 26px;
  margin-right: 5px;
  height: 18px;
  line-height: 18px;
  text-align: right;
}
.menu-editor-toolbar .editor-style-select {
  width: 73px;
  min-height: 16px;
  border-right: 1px solid #dcdedf;
  padding-right: 4px;
}
.menu-editor-toolbar .editor-style-select .select-dropdown {
  width: 100%;
}
.menu-editor-toolbar .editor-style-select .select-dropdown .Select-control {
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  height: 16px !important;
  line-height: 16px;
  border-radius: 0 !important;
  border: 1px solid #c9c9c9;
}
.menu-editor-toolbar .editor-style-select .select-dropdown .Select-control .Select-value {
  height: 16px !important;
  line-height: 16px !important;
}
.menu-editor-toolbar .editor-style-select .select-dropdown .Select-control .Select-value > span > div {
  height: 16px !important;
  line-height: 16px !important;
  font-family: Roboto-Medium, sans-serif !important;
  color: #0ca597 !important;
  font-size: 0px !important;
}
.menu-editor-toolbar .editor-style-select .select-dropdown .Select-control .Select-value > span > div:after {
  content: "Style";
  font-family: Roboto-Medium, sans-serif !important;
  color: #0ca597 !important;
  font-size: 16px !important;
  margin-left: 2px;
}
.menu-editor-toolbar .editor-style-select .select-dropdown .Select.is-focused.is-open .Select-control {
  border: 1px solid #ceedea !important;
  background: #ceedea;
}
.menu-editor-toolbar .editor-style-select .select-dropdown > span {
  width: 100%;
  box-shadow: none !important;
}
.menu-editor-toolbar .editor-style-select .select-dropdown > span .select-field {
  height: 16px;
  line-height: 16px;
  width: 100% !important;
  max-width: 68px !important;
  margin: 0;
  font-family: Roboto-Medium, sans-serif !important;
  color: #0ca597 !important;
  font-size: 16px !important;
}
.menu-editor-toolbar .editor-style-select .select-dropdown > span .Select-arrow-zone {
  border: 0 !important;
  margin: 0 !important;
  width: 16px !important;
  box-shadow: none !important;
  min-width: 16px !important;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-editor-toolbar .editor-style-select .select-dropdown > span .Select-arrow-zone:before {
  height: 16px;
  width: 16px;
  position: static;
}
.menu-editor-toolbar .editor-style-select .select-dropdown > span .Select-clear,
.menu-editor-toolbar .editor-style-select .select-dropdown > span .Select-arrow {
  display: none !important;
}
.menu-editor-toolbar .editor-style-select .select-dropdown .Select-menu-outer {
  width: 134px;
  max-width: 134px;
  padding: 0;
  border: 2px solid rgba(12, 165, 151, 0.2) !important;
  max-height: initial !important;
}
.menu-editor-toolbar .editor-style-select .select-dropdown .Select-menu-outer .Select-menu {
  max-height: initial !important;
}
.menu-editor-toolbar .editor-style-select .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  padding: 0 8px;
  font-family: Roboto-Regular, sans-serif !important;
  color: #5f5f5f !important;
  font-size: 14px !important;
  margin: 0;
  height: 16px !important;
  line-height: 16px !important;
}
.menu-editor-toolbar .editor-style-select .select-dropdown .Select-menu-outer .Select-menu .Select-option > div {
  margin-top: 0 !important;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 16px !important;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor {
  position: relative;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control {
  background: #fff;
  z-index: 99999;
  position: absolute;
  top: 0px;
  left: 96px;
  border: 2px solid rgba(12, 165, 151, 0.2);
  display: grid !important;
  grid-template-rows: 32px;
  grid-template-columns: 32px 32px 32px;
  height: 46px !important;
  width: 126px !important;
  grid-gap: 8px;
  padding: 4px !important;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list:before {
  content: url(/content/img/format-list-type-none-32-px.svg);
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list:hover, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list[data-active=true], .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list:active, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list:active:focus {
  opacity: 0.5;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list:before {
  content: url(/content/img/format-list-type-bullet-1-32-px.svg);
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list:hover, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list[data-active=true], .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list:active, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list:active:focus {
  opacity: 0.5;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list:before {
  content: url(/content/img/format-list-type-numered-1-32-px.svg);
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list:hover, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list[data-active=true], .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list:active, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list:active:focus {
  opacity: 0.5;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list:before {
  content: url(/content/img/format-list-type-numered-2-32-px.svg);
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list:hover, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list[data-active=true], .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list:active, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list:active:focus {
  opacity: 0.5;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list:before {
  content: url(/content/img/format-list-type-numered-3-32-px.svg);
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list:hover, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list[data-active=true], .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list:active, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list:active:focus {
  opacity: 0.5;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket:before {
  content: url(/content/img/format-list-type-numered-4-32-px.svg);
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket:hover, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket[data-active=true], .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket:active, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket:active:focus {
  opacity: 0.5;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket:before {
  content: url(/content/img/format-list-type-numered-5-32-px.svg);
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket:hover, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket[data-active=true], .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket:active, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket:active:focus {
  opacity: 0.5;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket:before {
  content: url(/content/img/format-list-type-numered-6-32-px.svg);
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket:hover, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket[data-active=true], .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket:active, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket:active:focus {
  opacity: 0.5;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list:before {
  content: url(/content/img/format-list-type-numered-7-32-px.svg);
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list:hover, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list[data-active=true], .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list:active, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list:active:focus {
  opacity: 0.5;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list:before {
  content: url(/content/img/format-list-type-numered-8-32-px.svg);
}
.menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list:hover, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list[data-active=true], .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list:active, .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list:active:focus {
  opacity: 0.5;
}

/********************************/
/********Search Select*********/
.select-searchable-outer-wrap {
  position: relative;
  font-family: Roboto-Regular, sans-serif !important;
}
.select-searchable-outer-wrap.select-h24:before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 16px;
  width: 16px;
  right: 3px;
  top: 5px;
  transform: rotate(0deg);
  pointer-events: none;
}
.select-searchable-outer-wrap.select-h24 > input {
  font-size: 14px;
  min-width: 100%;
  width: 100%;
  line-height: 24px;
  box-sizing: border-box;
  text-align: left;
  padding: 0 5px !important;
  border: 1px solid #c9c9c9;
  background: #fff;
  height: 24px;
  border-radius: 2px;
  background-color: #ffffff;
  cursor: pointer;
}
.select-searchable-outer-wrap.select-h24[data-options=true]:before {
  content: url(/content/img/ic-action-input-dropdown.svg);
  position: absolute;
  display: flex;
  height: 16px;
  width: 16px;
  right: 2px;
  top: 5px;
  transform: rotate(-180deg);
  pointer-events: none;
}
.select-searchable-outer-wrap.select-h24[data-options=true] > input {
  font-size: 14px;
  min-width: 100%;
  width: 100%;
  line-height: 24px;
  box-sizing: border-box;
  text-align: left;
  padding: 0 5px !important;
  border: 1px solid #c9c9c9;
  border-bottom: 0;
  background: #fff;
  height: 24px;
  border-radius: 2px;
  color: #0ca597;
  background-color: #ffffff;
}
.select-searchable-outer-wrap.select-h24 .select-searchable-inner-wrap {
  position: absolute;
  border: 1px solid #c9c9c9;
  background: #fff;
  border-radius: 2px;
  width: 100%;
  display: block;
  z-index: 99999;
  padding: 4px;
  top: 23px;
}
.select-searchable-outer-wrap.select-h24 .select-searchable-inner-wrap:empty {
  display: none;
}
.select-searchable-outer-wrap.select-h24 .select-searchable-inner-wrap a {
  display: block;
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
  margin: 0;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}
.select-searchable-outer-wrap.select-h24 .select-searchable-inner-wrap a.active {
  background-color: #ceedea !important;
}
.select-searchable-outer-wrap.select-h24 .select-searchable-inner-wrap a:hover, .select-searchable-outer-wrap.select-h24 .select-searchable-inner-wrap a:active, .select-searchable-outer-wrap.select-h24 .select-searchable-inner-wrap a:active:focus {
  background: #9edbd6 !important;
}
.select-searchable-outer-wrap.select-h18 {
  height: 18px;
  line-height: 18px;
  width: 100%;
}
.select-searchable-outer-wrap.select-h18:before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 16px;
  width: 16px;
  right: 3px;
  top: 2px;
  transform: rotate(0deg);
  pointer-events: none;
}
.select-searchable-outer-wrap.select-h18 > input {
  font-size: 12px;
  min-width: 100%;
  width: 100%;
  line-height: 18px;
  box-sizing: border-box;
  text-align: left;
  padding: 0 5px !important;
  border: 1px solid #c9c9c9;
  background: #fff;
  height: 18px;
  border-radius: 2px;
  background-color: #ffffff;
  cursor: pointer;
}
.select-searchable-outer-wrap.select-h18[data-options=true]:before {
  content: url(/content/img/ic-action-input-dropdown.svg);
  position: absolute;
  display: flex;
  height: 16px;
  width: 16px;
  right: 2px;
  top: 2px;
  transform: rotate(-180deg);
  pointer-events: none;
}
.select-searchable-outer-wrap.select-h18[data-options=true] > input {
  font-size: 12px;
  min-width: 100%;
  width: 100%;
  line-height: 18px;
  box-sizing: border-box;
  text-align: left;
  padding: 0 4px !important;
  border: 1px solid #c9c9c9;
  border-bottom: 0;
  background: #fff;
  height: 18px;
  border-radius: 2px;
  color: #0ca597;
  background-color: #ffffff;
}
.select-searchable-outer-wrap.select-h18 .select-searchable-inner-wrap {
  position: absolute;
  border: 1px solid #c9c9c9;
  background: #fff;
  border-radius: 2px;
  width: 100%;
  display: block;
  z-index: 99999;
  padding: 4px;
  top: 17px;
  max-height: 190px !important;
  overflow-x: hidden;
  overflow-y: auto;
}
.select-searchable-outer-wrap.select-h18 .select-searchable-inner-wrap:empty {
  display: none;
}
.select-searchable-outer-wrap.select-h18 .select-searchable-inner-wrap a {
  display: block;
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 12px !important;
  margin: 0;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}
.select-searchable-outer-wrap.select-h18 .select-searchable-inner-wrap a.active {
  background-color: #ceedea !important;
}
.select-searchable-outer-wrap.select-h18 .select-searchable-inner-wrap a:hover, .select-searchable-outer-wrap.select-h18 .select-searchable-inner-wrap a:active, .select-searchable-outer-wrap.select-h18 .select-searchable-inner-wrap a:active:focus {
  background: #9edbd6 !important;
}
.select-searchable-outer-wrap.select-h22 {
  height: 22px;
  line-height: 22px;
  width: 100%;
}
.select-searchable-outer-wrap.select-h22:before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 16px;
  width: 16px;
  right: 5px;
  top: 3px;
  transform: rotate(0deg);
  pointer-events: none;
}
.select-searchable-outer-wrap.select-h22 > input {
  font-size: 14px;
  min-width: 100% !important;
  width: 100%;
  line-height: 22px;
  box-sizing: border-box;
  text-align: left;
  padding: 0 5px !important;
  border: 1px solid #c9c9c9;
  background: #fff;
  height: 22px;
  border-radius: 2px;
  background-color: #ffffff;
  cursor: pointer;
}
.select-searchable-outer-wrap.select-h22[data-options=true]:before {
  content: url(/content/img/ic-action-input-dropdown.svg);
  position: absolute;
  display: flex;
  height: 16px;
  width: 16px;
  right: 5px;
  top: 3px;
  transform: rotate(-180deg);
  pointer-events: none;
}
.select-searchable-outer-wrap.select-h22[data-options=true] > input {
  font-size: 14px;
  min-width: 100%;
  width: 100%;
  line-height: 22px;
  box-sizing: border-box;
  text-align: left;
  padding: 0 4px !important;
  border: 1px solid #c9c9c9;
  border-bottom: 0;
  background: #fff;
  height: 22px;
  border-radius: 2px;
  color: #0ca597;
  background-color: #ffffff;
}
.select-searchable-outer-wrap.select-h22 .select-searchable-inner-wrap {
  position: absolute;
  border: 1px solid #c9c9c9;
  background: #fff;
  border-radius: 2px;
  width: 100%;
  display: block;
  z-index: 99999;
  padding: 4px;
  top: 20px;
  max-height: 190px !important;
  overflow-x: hidden;
  overflow-y: auto;
}
.select-searchable-outer-wrap.select-h22 .select-searchable-inner-wrap:empty {
  display: none;
}
.select-searchable-outer-wrap.select-h22 .select-searchable-inner-wrap a {
  display: block;
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 12px !important;
  margin: 0;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}
.select-searchable-outer-wrap.select-h22 .select-searchable-inner-wrap a.active {
  background-color: #ceedea !important;
}
.select-searchable-outer-wrap.select-h22 .select-searchable-inner-wrap a:hover, .select-searchable-outer-wrap.select-h22 .select-searchable-inner-wrap a:active, .select-searchable-outer-wrap.select-h22 .select-searchable-inner-wrap a:active:focus {
  background: #9edbd6 !important;
}
.select-searchable-outer-wrap[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

/******************************/
.loan-row.loan-purpose-short label {
  width: 700px !important;
}

.grid-module .grid-module-viewport .grid-module-viewport-content-row.global-viewport-sorter-row {
  min-width: inherit !important;
}

/********************/
.scroll-modal {
  max-height: 80vh;
  overflow-y: auto;
}

/*********** Select simple ***********/
.select-dropdown {
  padding: 0;
  border-right: 0;
  height: 100%;
  width: 100%;
  position: relative;
}
.select-dropdown[data-state=ReadOnly] div {
  cursor: default;
}
.select-dropdown[data-state=ReadOnly] {
  pointer-events: none;
}
.select-dropdown[data-state=ReadOnly] .Select-arrow-zone {
  opacity: 1;
}
.select-dropdown[data-state=ReadOnly] .Select-arrow-zone:before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 20px;
  width: 20px;
}
.select-dropdown .select-field {
  min-width: 100% !important;
  height: 22px;
  line-height: 22px;
  width: 100% !important;
  max-width: 110px !important;
  margin: 0;
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
}
.select-dropdown .Select-control {
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  height: 22px !important;
  line-height: 22px;
  border-radius: 0 !important;
  border: 1px solid #c9c9c9;
}
.select-dropdown .Select-control > div {
  height: 22px;
  line-height: 22px;
}
.select-dropdown .Select-control:hover {
  border: 1px solid #c9c9c9;
}
.select-dropdown .Select-value-label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000;
}
.select-dropdown .Select-value-label span {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000;
}
.select-dropdown .Select-multi-value-wrapper {
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #0ca597;
}
.select-dropdown .Select-multi-value-wrapper .Select-value-label {
  line-height: 1 !important;
  height: 100% !important;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000 !important;
}
.select-dropdown .Select-multi-value-wrapper .Select-value-label span {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000;
}
.select-dropdown .Select-arrow-zone {
  height: 20px;
  line-height: 20px;
  width: 1.389rem !important;
  border: 0 !important;
  min-width: 1.389rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.select-dropdown .Select-arrow-zone:before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 20px;
  width: 20px;
  right: 0px;
  top: 2px;
}
.select-dropdown .Select-arrow {
  display: none;
}
.select-dropdown .Select-clear-zone {
  display: none;
}
.select-dropdown .Select-menu-outer {
  font-family: Roboto-Regular, sans-serif;
  position: absolute;
  top: initial;
  color: #fff;
  font-size: 14px !important;
  border: 1px solid #c9c9c9 !important;
  border-top-width: 0 !important;
  margin: 0;
  width: 100%;
  min-width: inherit !important;
  border-radius: 0;
  margin-top: 0 !important;
  z-index: 99999 !important;
}
.select-dropdown .Select-menu-outer .Select-menu {
  max-height: inherit;
  margin-top: -1px;
}
.select-dropdown .Select-menu-outer .Select-menu .Select-option {
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
  margin: 0;
  height: 22px !important;
  line-height: 22px !important;
  padding: 0 5px;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}
.select-dropdown .Select-menu-outer .Select-menu .Select-option.is-selected {
  background: #e0e0e0;
}
.select-dropdown .Select-menu-outer .Select-menu .Select-option:hover {
  background: #81bbeb;
}
.select-dropdown .Select--single > .Select-control .Select-value,
.select-dropdown .Select-placeholder {
  height: 22px !important;
  line-height: 22px !important;
  padding: 0 15px 0 5px;
  font-size: 14px !important;
}
.select-dropdown > span {
  width: 100%;
}

.Select.is-focused .Select-control {
  border: 1px solid #c9c9c9 !important;
  height: 22px !important;
  line-height: 22px;
  padding: 0;
  border-radius: 0 !important;
}
.Select.is-focused .Select--single > .Select-control .Select-value,
.Select.is-focused .Select-placeholder {
  height: 20px !important;
  line-height: 20px;
}

.Select.is-open .Select-control {
  border: 1px solid #c9c9c9 !important;
  height: 22px !important;
  line-height: 22px;
  padding: 0;
  border-radius: 0 !important;
}
.Select.is-open .Select--single > .Select-control .Select-value,
.Select.is-open .Select-placeholder {
  height: 20px !important;
  line-height: 20px;
}
.Select.is-open .Select-arrow-zone {
  padding-right: 0;
  height: 22px !important;
  line-height: 22px;
}
.Select.is-open .Select-arrow-zone:before {
  content: url(/content/img/ic-action-input-dropdown.svg);
  position: absolute;
  display: flex;
  height: 20px;
  width: 20px;
  right: 3px;
  top: 0px;
  transform: rotate(180deg);
}
.Select.is-open .Select-placeholder {
  height: 22px !important;
  line-height: 22px;
  padding: 0 15px 0 5px;
  color: #0ca597;
  font-size: 14px;
}

/***********DOCUMENT HISTORY***********/
.document-history-wrapper {
  width: calc(100% - 4px);
  height: calc(100vh - 50px);
  display: grid;
  grid-template-columns: 1190px auto;
  margin: 4px 4px;
  grid-gap: 4px;
}
.document-history-wrapper h3 {
  height: 32px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 16px;
  line-height: 2;
  border-bottom: 1px solid #dcdedf;
  color: #304156;
  margin: 0 0 9px 0;
  padding: 0;
  width: 100%;
}
.document-history-wrapper .document-history {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  background: #fafafa;
  padding: 0 8px 8px 8px;
  min-width: 1227px;
}
.document-history-wrapper .document-history .processing-task {
  min-height: 62px;
  background: #fff;
  border: 1px solid #dcdedf;
  border-radius: 2px;
  padding: 8px 0;
  display: grid;
  grid-template-columns: 44px 210px 216px auto 100px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #304156;
  position: relative;
  min-width: 1174px;
  width: 1174px;
}
.document-history-wrapper .document-history .processing-task .flood-certificate-selected {
  font-size: 13px;
  font-family: Roboto-Medium, sans-serif;
  color: #64a81a;
}
.document-history-wrapper .document-history .processing-task .flood-certificate-not-selected {
  font-size: 13px;
  font-family: Roboto-Medium, sans-serif;
  color: #a8691a;
}
.document-history-wrapper .document-history .processing-task .flood-certificate-not-selected a {
  color: #2196f3;
  text-decoration: underline;
  padding-left: 4px;
  font-family: Roboto-Medium, sans-serif;
}
.document-history-wrapper .document-history .processing-task .layout-double-button {
  min-width: 82px;
  width: 82px;
  margin-right: 0;
  margin-left: 0;
}
.document-history-wrapper .document-history .processing-task * + .layout-double-button {
  margin-left: 4px;
}
.document-history-wrapper .document-history .processing-task .cr-warning {
  display: block !important;
  width: 600px;
  color: #ff0000 !important;
}
.document-history-wrapper .document-history .processing-task .data-help-row {
  width: 600px;
  display: inline-flex !important;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.document-history-wrapper .document-history .processing-task .data-help-row label {
  color: #ff0000 !important;
}
.document-history-wrapper .document-history .processing-task label {
  line-height: 21px !important;
}
.document-history-wrapper .document-history .processing-task + .processing-task,
.document-history-wrapper .document-history .processing-task + .post-closing,
.document-history-wrapper .document-history .processing-task + .post-closing-security {
  margin-top: 5px;
}
.document-history-wrapper .document-history .processing-task > div {
  padding: 0 8px;
}
.document-history-wrapper .document-history .processing-task > div .select-dropdown {
  min-width: 150px;
  width: 150px;
}
.document-history-wrapper .document-history .processing-task > div .select-dropdown .Select-menu-outer {
  min-width: 150px;
  width: 150px;
}
.document-history-wrapper .document-history .processing-task > div button {
  min-width: 150px;
  width: 150px;
  margin-top: 5px;
}
.document-history-wrapper .document-history .processing-task > div button.realestate-view-button, .document-history-wrapper .document-history .processing-task > div button.realestate-upload-button {
  margin-top: 5px;
  margin-left: 0;
  min-width: 83px;
  width: 83px;
}
.document-history-wrapper .document-history .processing-task > div + div {
  border-left: 2px solid #e8edf2;
}
.document-history-wrapper .document-history .processing-task > div:nth-child(1) + div {
  border-left: 0;
}
.document-history-wrapper .document-history .processing-task > div:nth-child(1) + div .appraisal-not-use {
  display: inline-flex;
  width: 178px;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 7px;
}
.document-history-wrapper .document-history .processing-task > div.document-icon {
  border-left: 0px solid #e8edf2;
}
.document-history-wrapper .document-history .processing-task > div > label {
  line-height: 21px;
}
.document-history-wrapper .document-history .processing-task > div > label + div,
.document-history-wrapper .document-history .processing-task > div > div + label {
  margin-top: 7px;
}
.document-history-wrapper .document-history .processing-task > div > label + label {
  margin-left: 10px;
}
.document-history-wrapper .document-history .processing-task .processing-icon {
  position: relative;
  height: 100%;
}
.document-history-wrapper .document-history .processing-task .processing-icon.completed:before {
  content: url(/content/img/mark-select-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .processing-task .processing-icon.ordered:before {
  content: url(/content/img/mark-time-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .processing-task .processing-icon.received:before {
  content: url(/content/img/mark-warning-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .processing-task .processing-icon.to-do:before {
  content: url(/content/img/mark-setup-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .processing-task .processing-icon.failed:before {
  content: url(/content/img/mark-wrong-24-px.svg);
  position: absolute;
  top: 0;
  left: 7px;
}
.document-history-wrapper .document-history .processing-task .document-icon {
  position: absolute !important;
  right: 100px;
  top: 8px;
}
.document-history-wrapper .document-history .processing-task .document-icon:empty {
  display: none;
}
.document-history-wrapper .document-history .processing-task .document-icon > .condition-attach-button {
  height: 30px;
  min-height: 30px;
  min-width: 24px;
  width: 24px;
  display: flex !important;
  padding: 4px;
  margin-right: 0px;
  cursor: pointer;
  position: absolute !important;
  top: calc(50% - 15px);
  right: 7px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
  background-image: url(/content/img/icons-ribbon-list-of-documents-24-px.svg) !important;
  background-position: center;
  background-size: 24px 30px !important;
  background-repeat: no-repeat;
}
.document-history-wrapper .document-history .processing-task .document-icon > .condition-attach-button:hover, .document-history-wrapper .document-history .processing-task .document-icon > .condition-attach-button:active, .document-history-wrapper .document-history .processing-task .document-icon > .condition-attach-button:active:focus {
  height: 30px;
  min-height: 30px;
  background-repeat: no-repeat;
  background-size: 24px 30px !important;
}
.document-history-wrapper .document-history .processing-task .tasks {
  position: relative;
}
.document-history-wrapper .document-history .processing-task .tasks > label {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.document-history-wrapper .document-history .processing-task .tasks .label-experimental {
  font-family: Roboto-Medium, sans-serif;
  color: #FF2B00;
  font-weight: 600;
}
.document-history-wrapper .document-history .processing-task .tasks .item-task-step {
  width: calc(100% - 20px);
  margin-bottom: 4px;
}
.document-history-wrapper .document-history .processing-task .tasks .item-task-step + .open_new {
  position: absolute;
  right: 3px;
  top: 32px;
}
.document-history-wrapper .document-history .processing-task .tasks .item-task-step + .open_new + a {
  line-height: 22px;
}
.document-history-wrapper .document-history .processing-task .order {
  position: relative;
}
.document-history-wrapper .document-history .processing-task .order label {
  margin-top: 4px;
  padding: 0;
  max-width: calc(100% - 10px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.document-history-wrapper .document-history .processing-task .order .task-type-fields-money {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
  height: 21px;
}
.document-history-wrapper .document-history .processing-task .order .task-type-fields-money label {
  max-width: 100%;
  width: 81px;
  margin-top: 0;
}
.document-history-wrapper .document-history .processing-task .order .task-type-fields-money label + div {
  width: 101px;
}
.document-history-wrapper .document-history .processing-task .order .task-type-fields-money.mt {
  margin-top: 11px;
}
.document-history-wrapper .document-history .processing-task .order .open_new {
  position: absolute;
  top: 25px;
  right: 4px;
  width: 20px;
  min-width: 20px;
  margin-left: 4px;
}
.document-history-wrapper .document-history .processing-task .order .item-provider {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.document-history-wrapper .document-history .processing-task .order .item-provider .select-button,
.document-history-wrapper .document-history .processing-task .order .item-provider > .layout-standart-button {
  min-width: 90px !important;
  width: 90px !important;
  margin-top: 0;
  height: 21px;
}
.document-history-wrapper .document-history .processing-task .order .item-provider .select-module {
  margin-left: 4px !important;
  min-width: 101px;
  width: 101px;
}
.document-history-wrapper .document-history .processing-task .task-type {
  padding: 0 0 0 4px;
}
.document-history-wrapper .document-history .processing-task .task-type + div:empty {
  display: none !important;
}
.document-history-wrapper .document-history .processing-task .task-type .green-color {
  color: #0ca597;
  margin: 4px 0 0 0;
  font-family: Roboto-Medium, sans-serif;
}
.document-history-wrapper .document-history .processing-task .task-type div {
  display: grid;
  grid-template-columns: 164px 88px 112px 94px;
  line-height: 18px;
  grid-gap: 2px;
}
.document-history-wrapper .document-history .processing-task .task-type div > label {
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.document-history-wrapper .document-history .processing-task .task-type div.red-color {
  display: flex;
}
.document-history-wrapper .document-history .processing-task .task-type div.caivrs {
  display: grid;
  grid-template-columns: 270px 200px;
}
.document-history-wrapper .document-history .processing-task .task-type div.union-row {
  display: flex;
  flex-direction: row;
}
.document-history-wrapper .document-history .processing-task .task-type div.union-row > label {
  max-width: 102px;
  width: fit-content;
}
.document-history-wrapper .document-history .processing-task .task-type div.union-row > label + label {
  margin-left: 4px;
}
.document-history-wrapper .document-history .processing-task .task-type div.fico-score-grid {
  display: block !important;
}
.document-history-wrapper .document-history .processing-task .task-type div.fico-score-grid .fico-score-row {
  display: grid;
  grid-template-columns: 164px 60px !important;
}
.document-history-wrapper .document-history .processing-task .task-type div.fico-score-grid .fico-score-row > div {
  display: block !important;
}
.document-history-wrapper .document-history .processing-task .task-type div.fico-score-grid .fico-score-row > div + div {
  text-align: right;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel {
  grid-template-columns: 150px 150px 260px;
  color: #ffffff;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-scoring-summary {
  width: 150px;
  grid-template-columns: none;
  border: 1px solid rgba(40, 40, 40, 0.25);
  border-radius: 2px;
  padding: 1px 1px 0 1px;
  grid-gap: 0;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-scoring-summary > div:first-child {
  width: calc(100% - 4px);
  height: 78px;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-scoring-summary > div:first-child > div {
  width: 150px;
  grid-template-columns: 60px 30px 60px;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-scoring-summary > div:first-child > div > div {
  grid-template-columns: none;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-scoring-summary > div:first-child .fg-borrower-img {
  content: url(/content/img/user-alt.svg);
  width: 24px;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-scoring-summary > div:first-child .fg-property-img {
  content: url(/content/img/home-alt.svg);
  width: 24px;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-scoring-summary > div:nth-child(2) {
  display: flex;
  height: 22px;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-scoring-summary > div:nth-child(2) > div {
  width: 22px;
  height: 22px;
  font-family: Roboto, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  text-align: center;
  grid-template-columns: none;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-subject-property {
  width: 260px;
  grid-template-columns: none;
  border: 1px solid rgba(40, 40, 40, 0.25);
  border-radius: 2px;
  padding: 1px 1px 0 1px;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-subject-property > div:first-child {
  height: 78px;
  padding: 3px 0;
  background-color: #2196f3;
  grid-template-columns: none;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-subject-property .fg-property-img {
  content: url(/content/img/dollar.svg);
  width: 24px;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-subject-property > div:nth-child(2) {
  height: 20px;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-color-Red,
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-color-0 {
  background-color: #FF2B00;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-color-Yellow {
  background-color: #ffb300;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-color-Green,
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-color-1 {
  background-color: #64a81a;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-color-Gray,
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-color-2 {
  background-color: #939393;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-sub-title-caption {
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48 !important;
  letter-spacing: normal;
  text-align: center;
  opacity: 0.8;
  font-weight: 100;
  color: #fff;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-sub-title-status {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48 !important;
  letter-spacing: normal;
  text-align: center;
  opacity: 0.8;
  font-weight: 100;
  color: #fff;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-sub-title-score {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1 !important;
  letter-spacing: normal;
  text-align: center;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-sub-title-type {
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-stretch: normal;
  line-height: 1 !important;
  font-style: normal;
  letter-spacing: normal;
  opacity: 0.8;
  font-weight: 100;
  color: #fff;
  text-align: center;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-sub-title-value-estimated {
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
}
.document-history-wrapper .document-history .processing-task .task-type div.fg-panel .fg-sub-title-value-range {
  font-family: Roboto, sans-serif;
  font-size: 13.5px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  padding: 0 10px;
}
.document-history-wrapper .document-history .processing-task .task-type .case-query {
  display: block;
}
.document-history-wrapper .document-history .processing-task .task-type .case-query .case-query-head {
  display: grid;
  grid-template-columns: 110px 100px 100px 146px;
  line-height: 18px;
  grid-gap: 2px;
}
.document-history-wrapper .document-history .processing-task .task-type .case-query .case-query-head > label {
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Roboto-Medium, sans-serif;
}
.document-history-wrapper .document-history .processing-task .task-type .case-query .case-query-head.red-color {
  display: flex;
}
.document-history-wrapper .document-history .processing-task .task-type .case-query .case-query-rows {
  display: block;
}
.document-history-wrapper .document-history .processing-task .task-type .case-query .case-query-row {
  display: grid;
  grid-template-columns: 110px 100px 100px 146px;
  line-height: 18px;
  grid-gap: 2px;
}
.document-history-wrapper .document-history .processing-task .task-type .case-query .case-query-row > label {
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.document-history-wrapper .document-history .processing-task .task-type .case-query .case-query-row.red-color {
  display: flex;
}
.document-history-wrapper .document-history .processing-task .task-type .case-query .case-query-row > button {
  min-width: 140px !important;
  width: 140px !important;
  margin-top: 0 !important;
}
.document-history-wrapper .document-history .processing-task .task-type > a {
  line-height: 18px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields {
  display: grid;
  grid-template-columns: 230px 225px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields.community {
  grid-template-columns: 80px 372px;
  margin-top: 2px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields.community > div {
  grid-template-columns: 100%;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields.community input {
  min-width: 372px;
  width: 372px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields input::-webkit-input-placeholder {
  font-size: 12px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-data {
  display: grid;
  grid-template-columns: 190px 100px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-data input::-webkit-input-placeholder {
  font-size: 12px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-data div {
  display: block;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-data + div {
  margin-top: 4px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-flood-fields {
  display: grid;
  grid-template-columns: 80px 38px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-flood-fields input::-webkit-input-placeholder {
  font-size: 12px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-flood-fields div {
  display: block;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-flood-fields + div {
  margin-top: 0 !important;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-flood-fields + div.no-margin {
  margin-top: 0;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-money {
  display: grid;
  grid-template-columns: 120px 87px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-money input::-webkit-input-placeholder {
  font-size: 12px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-money div {
  display: block;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-money + div.task-type-fields-money {
  margin-top: 0px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-money + div.no-margin {
  margin-top: 0;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-appraiser-info {
  display: inline-flex;
  margin-right: 4px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-appraiser-info a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-contact-sp {
  display: grid;
  grid-template-columns: 100%;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-year {
  display: grid;
  grid-template-columns: 65px 92px;
  margin-top: 0 !important;
  margin-left: 30px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-year input::-webkit-input-placeholder {
  font-size: 12px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-year div {
  display: block;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-year + div {
  margin-top: 4px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-year + div.task-type-fields-money {
  margin-top: 0px;
}
.document-history-wrapper .document-history .processing-task .task-type .task-type-fields .task-type-fields-year + div.no-margin {
  margin-top: 0;
}
.document-history-wrapper .document-history .processing-task .document-icon {
  position: relative;
}
.document-history-wrapper .document-history .processing-task .document-icon .uploaded {
  display: flex;
  height: 24px;
  width: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 4px;
  cursor: pointer;
}
.document-history-wrapper .document-history .processing-task .document-icon .uploaded:before {
  content: url(/content/img/mark-document-attachment-24-px.svg);
}
.document-history-wrapper .document-history .processing-task .document-icon .requested {
  display: flex;
  height: 24px;
  width: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 4px;
  cursor: pointer;
}
.document-history-wrapper .document-history .processing-task .document-icon .requested:before {
  content: url(/content/img/mark-document-request-24-px.svg);
}
.document-history-wrapper .document-history .processing-task.preQual {
  background: #fce5cd !important;
}
.document-history-wrapper .document-history .processing-task.preQual .prequal-color {
  color: #c9853f;
}
.document-history-wrapper .document-history .processing-task.preQual a {
  line-height: 24px;
}
.document-history-wrapper .document-history .processing-task .to-right {
  text-align: right;
}
.document-history-wrapper .document-history .processing-task .union-row > label + label {
  margin-left: 16px !important;
}
.document-history-wrapper .document-history .post-closing {
  min-height: 62px;
  background: #fff;
  border: 1px solid #dcdedf;
  border-radius: 2px;
  padding: 8px 0;
  display: grid;
  grid-template-columns: 44px 210px 323px auto;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #304156;
}
.document-history-wrapper .document-history .post-closing label {
  line-height: 21px !important;
}
.document-history-wrapper .document-history .post-closing + .processing-task,
.document-history-wrapper .document-history .post-closing + .post-closing {
  margin-top: 5px;
}
.document-history-wrapper .document-history .post-closing > div {
  padding: 0 8px;
}
.document-history-wrapper .document-history .post-closing > div .select-dropdown {
  min-width: 150px;
  width: 150px;
}
.document-history-wrapper .document-history .post-closing > div .select-dropdown .Select-menu-outer {
  min-width: 150px;
  width: 150px;
}
.document-history-wrapper .document-history .post-closing > div button {
  min-width: 150px;
  width: 150px;
  margin-top: 5px;
}
.document-history-wrapper .document-history .post-closing > div + div {
  border-left: 2px solid #e8edf2;
}
.document-history-wrapper .document-history .post-closing > div:nth-child(1) + div {
  border-left: 0;
}
.document-history-wrapper .document-history .post-closing > div:nth-child(1) + div .appraisal-not-use {
  display: inline-flex;
  width: 178px;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 7px;
}
.document-history-wrapper .document-history .post-closing > div.document-icon {
  border-left: 0px solid #e8edf2;
}
.document-history-wrapper .document-history .post-closing > div > label {
  line-height: 21px;
}
.document-history-wrapper .document-history .post-closing > div > label + div,
.document-history-wrapper .document-history .post-closing > div > div + label {
  margin-top: 7px;
}
.document-history-wrapper .document-history .post-closing > div > label + label {
  margin-left: 10px;
}
.document-history-wrapper .document-history .post-closing .processing-icon {
  position: relative;
  height: 100%;
}
.document-history-wrapper .document-history .post-closing .processing-icon.completed:before {
  content: url(/content/img/mark-select-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing .processing-icon.ordered:before {
  content: url(/content/img/mark-time-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing .processing-icon.received:before {
  content: url(/content/img/mark-warning-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing .processing-icon.to-do:before {
  content: url(/content/img/mark-setup-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing .processing-icon.failed:before {
  content: url(/content/img/mark-wrong-24-px.svg);
  position: absolute;
  top: 0;
  left: 7px;
}
.document-history-wrapper .document-history .post-closing .document-icon .uploaded {
  display: flex;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 2px;
  right: 0;
  cursor: pointer;
}
.document-history-wrapper .document-history .post-closing .document-icon .uploaded:before {
  content: url(/content/img/mark-document-attachment-24-px.svg);
}
.document-history-wrapper .document-history .post-closing .document-icon .requested {
  display: flex;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 2px;
  right: 0;
  cursor: pointer;
  background: url(/content/img/mark-document-request-24-px.svg);
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
}
.document-history-wrapper .document-history .post-closing .post-closing-fields .post-closing-fields-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.document-history-wrapper .document-history .post-closing .post-closing-fields .post-closing-fields-row > label {
  min-width: 176px;
  margin-right: 4px;
}
.document-history-wrapper .document-history .post-closing .post-closing-fields .post-closing-fields-row > label + div {
  min-width: 87px;
  width: 87px;
}
.document-history-wrapper .document-history .post-closing .post-closing-fields .post-closing-fields-row + .post-closing-fields-row {
  margin-top: 2px;
}
.document-history-wrapper .document-history .post-closing .post-closing-textarea i:empty {
  display: none;
}
.document-history-wrapper .document-history .post-closing .post-closing-textarea textarea.textarea {
  width: inherit !important;
  max-width: inherit !important;
}
.document-history-wrapper .document-history .post-closing-security {
  min-height: 62px;
  background: #fff;
  border: 1px solid #dcdedf;
  border-radius: 2px;
  padding: 8px 0;
  display: grid;
  grid-template-columns: 44px 590px auto;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #304156;
}
.document-history-wrapper .document-history .post-closing-security label {
  line-height: 21px !important;
}
.document-history-wrapper .document-history .post-closing-security + .processing-task,
.document-history-wrapper .document-history .post-closing-security + .post-closing-security {
  margin-top: 5px;
}
.document-history-wrapper .document-history .post-closing-security > div {
  padding: 0 8px;
}
.document-history-wrapper .document-history .post-closing-security > div .select-dropdown {
  min-width: 150px;
  width: 150px;
}
.document-history-wrapper .document-history .post-closing-security > div .select-dropdown .Select-menu-outer {
  min-width: 150px;
  width: 150px;
}
.document-history-wrapper .document-history .post-closing-security > div button {
  min-width: 150px;
  width: 150px;
  margin-top: 5px;
}
.document-history-wrapper .document-history .post-closing-security > div + div {
  border-left: 2px solid #e8edf2;
}
.document-history-wrapper .document-history .post-closing-security > div:nth-child(1) + div {
  border-left: 0;
}
.document-history-wrapper .document-history .post-closing-security > div:nth-child(1) + div .appraisal-not-use {
  display: inline-flex;
  width: 178px;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 7px;
}
.document-history-wrapper .document-history .post-closing-security > div.document-icon {
  border-left: 0px solid #e8edf2;
}
.document-history-wrapper .document-history .post-closing-security > div > label {
  line-height: 21px;
}
.document-history-wrapper .document-history .post-closing-security > div > label + div,
.document-history-wrapper .document-history .post-closing-security > div > div + label {
  margin-top: 7px;
}
.document-history-wrapper .document-history .post-closing-security > div > label + label {
  margin-left: 10px;
}
.document-history-wrapper .document-history .post-closing-security .processing-icon {
  position: relative;
  height: 100%;
}
.document-history-wrapper .document-history .post-closing-security .processing-icon.completed:before {
  content: url(/content/img/mark-select-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing-security .processing-icon.ordered:before {
  content: url(/content/img/mark-time-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing-security .processing-icon.received:before {
  content: url(/content/img/mark-warning-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing-security .processing-icon.to-do:before {
  content: url(/content/img/mark-setup-24-px.svg);
  position: absolute;
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing-security .processing-icon.failed:before {
  content: url(/content/img/mark-wrong-24-px.svg);
  position: absolute;
  top: 0;
  left: 7px;
}
.document-history-wrapper .document-history .post-closing-security .document-icon .uploaded {
  display: flex;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 2px;
  right: 0;
  cursor: pointer;
}
.document-history-wrapper .document-history .post-closing-security .document-icon .uploaded:before {
  content: url(/content/img/mark-document-attachment-24-px.svg);
}
.document-history-wrapper .document-history .post-closing-security .document-icon .requested {
  display: flex;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 2px;
  right: 0;
  cursor: pointer;
  background: url(/content/img/mark-document-request-24-px.svg);
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
}
.document-history-wrapper .document-history .post-closing-security .post-closing-fields .post-closing-fields-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.document-history-wrapper .document-history .post-closing-security .post-closing-fields .post-closing-fields-row > label {
  min-width: 198px;
  margin-right: 4px;
}
.document-history-wrapper .document-history .post-closing-security .post-closing-fields .post-closing-fields-row > label + label {
  min-width: 70px;
  width: 70px;
  border-left: 2px solid #e8edf2;
  padding-left: 8px;
}
.document-history-wrapper .document-history .post-closing-security .post-closing-fields .post-closing-fields-row > label + div {
  min-width: 87px;
  width: 87px;
}
.document-history-wrapper .document-history .post-closing-security .post-closing-fields .post-closing-fields-row > label + div + label,
.document-history-wrapper .document-history .post-closing-security .post-closing-fields .post-closing-fields-row > label + div + div + label {
  min-width: 70px;
  width: 70px;
  padding-left: 8px;
  margin-left: 22px;
}
.document-history-wrapper .document-history .post-closing-security .post-closing-fields .post-closing-fields-row + .post-closing-fields-row > * {
  padding-top: 2px;
}
.document-history-wrapper .document-history .post-closing-security .post-closing-textarea textarea.textarea {
  width: inherit !important;
  max-width: inherit !important;
}
.document-history-wrapper .document-history .post-closing-security .post-closing-textarea i:empty {
  display: none;
}
.document-history-wrapper .document-history .post-closing-mic {
  min-height: 62px;
  background: #fff;
  border: 1px solid #dcdedf;
  border-radius: 2px;
  padding: 8px 0;
  display: grid;
  grid-template-columns: 44px 210px 323px auto;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #304156;
}
.document-history-wrapper .document-history .post-closing-mic label {
  line-height: 21px !important;
}
.document-history-wrapper .document-history .post-closing-mic + .processing-task,
.document-history-wrapper .document-history .post-closing-mic + .post-closing {
  margin-top: 5px;
}
.document-history-wrapper .document-history .post-closing-mic > div {
  padding: 0 8px;
}
.document-history-wrapper .document-history .post-closing-mic > div .select-dropdown {
  min-width: 150px;
  width: 150px;
}
.document-history-wrapper .document-history .post-closing-mic > div .select-dropdown .Select-menu-outer {
  min-width: 150px;
  width: 150px;
}
.document-history-wrapper .document-history .post-closing-mic > div button {
  min-width: 150px;
  width: 150px;
  margin-top: 5px;
}
.document-history-wrapper .document-history .post-closing-mic > div + div {
  border-left: 2px solid #e8edf2;
}
.document-history-wrapper .document-history .post-closing-mic > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.document-history-wrapper .document-history .post-closing-mic > div:nth-child(1) + div {
  border-left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.document-history-wrapper .document-history .post-closing-mic > div:nth-child(1) + div .appraisal-not-use {
  display: inline-flex;
  width: 178px;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 7px;
}
.document-history-wrapper .document-history .post-closing-mic > div.document-icon {
  border-left: 0px solid #e8edf2;
}
.document-history-wrapper .document-history .post-closing-mic > div > label {
  line-height: 21px;
}
.document-history-wrapper .document-history .post-closing-mic > div > label + div,
.document-history-wrapper .document-history .post-closing-mic > div > div + label {
  margin-top: 7px;
}
.document-history-wrapper .document-history .post-closing-mic > div > label + label {
  margin-left: 10px;
}
.document-history-wrapper .document-history .post-closing-mic .processing-icon {
  position: relative;
  height: 24px;
}
.document-history-wrapper .document-history .post-closing-mic .processing-icon.completed:before {
  content: url(/content/img/mark-select-24-px.svg);
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing-mic .processing-icon.ordered:before {
  content: url(/content/img/mark-time-24-px.svg);
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing-mic .processing-icon.received:before {
  content: url(/content/img/mark-warning-24-px.svg);
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing-mic .processing-icon.to-do:before {
  content: url(/content/img/mark-setup-24-px.svg);
  top: 0;
  left: 10px;
}
.document-history-wrapper .document-history .post-closing-mic .processing-icon.failed:before {
  content: url(/content/img/mark-wrong-24-px.svg);
  top: 0;
  left: 7px;
}
.document-history-wrapper .document-history .post-closing-mic .document-icon .uploaded {
  display: flex;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 2px;
  right: 0;
  cursor: pointer;
}
.document-history-wrapper .document-history .post-closing-mic .document-icon .uploaded:before {
  content: url(/content/img/mark-document-attachment-24-px.svg);
}
.document-history-wrapper .document-history .post-closing-mic .document-icon .requested {
  display: flex;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 2px;
  right: 0;
  cursor: pointer;
  background: url(/content/img/mark-document-request-24-px.svg);
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
}
.document-history-wrapper .document-history .post-closing-mic textarea.textarea {
  width: inherit !important;
  max-width: inherit !important;
}
.document-history-wrapper .document-history .post-closing-mic .post-closing-fields .layout-standart-button {
  width: 100%;
  margin-bottom: 4px;
}
.document-history-wrapper .document-history .post-closing-mic .post-closing-fields .post-closing-fields-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.document-history-wrapper .document-history .post-closing-mic .post-closing-fields .post-closing-fields-row.to-right {
  justify-content: flex-end;
  margin: 6px 0 !important;
}
.document-history-wrapper .document-history .post-closing-mic .post-closing-fields .post-closing-fields-row > label {
  min-width: 176px;
  margin-right: 4px;
}
.document-history-wrapper .document-history .post-closing-mic .post-closing-fields .post-closing-fields-row > label + div {
  min-width: 87px;
  width: 87px;
}
.document-history-wrapper .document-history .post-closing-mic .post-closing-fields .post-closing-fields-row .case-binder {
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 2px;
  right: 0;
  cursor: pointer;
}
.document-history-wrapper .document-history .post-closing-mic .post-closing-fields .post-closing-fields-row .case-binder:before {
  content: url(/content/img/case-binder.svg);
}
.document-history-wrapper .document-history .post-closing-mic .post-closing-fields .post-closing-fields-row + .post-closing-fields-row {
  margin-top: 2px;
}
.document-history-wrapper .document-history .post-closing-mic .post-closing-textarea textarea.textarea {
  width: inherit !important;
  max-width: inherit !important;
}
.document-history-wrapper .document-history .post-closing-mic .post-closing-textarea i:empty {
  display: none;
}
.document-history-wrapper .reserved-area {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  background: #fafafa;
  padding: 0 8px 8px 8px;
}
.document-history-wrapper .reserved-area.empty {
  background: #f2f4f5;
  position: relative;
}
.document-history-wrapper .reserved-area.empty h2 {
  opacity: 0.5;
}
.document-history-wrapper .reserved-area.empty:after {
  content: url(/content/img/img-logo-watermark-sm.svg);
  position: absolute;
  height: 50px;
  width: 48px;
  top: calc(50% - 25px);
  left: calc(50% - 24px);
}

/*********END DOCUMENT HISTORY*********/
/******EDITOR MENU TOOLBAR ******/
.dynamic-text-editor {
  position: absolute;
}
.dynamic-text-editor .slate-inactive {
  border: 1px solid #c9c9c9;
  padding: 4px;
  margin-left: 14px;
  color: #304156;
  font-size: 14px;
  line-height: 1.43;
  font-family: Roboto-Regular, sans-serif;
  background: #fff;
}
.dynamic-text-editor .slate-inactive > div {
  height: 100%;
}
.dynamic-text-editor .slate-inactive > div.slate-readonly {
  border: 0 !important;
}
.dynamic-text-editor .slate-inactive > div .editor-scroll-wrap {
  min-height: 100%;
  height: 100%;
  overflow-y: auto;
}
.dynamic-text-editor .slate-inactive > div .editor-scroll-wrap .editor {
  height: inherit;
}
.dynamic-text-editor .slate-inactive > div .editor-scroll-wrap .editor > div {
  height: inherit;
}
.dynamic-text-editor .slate-inactive.disabled .menu-editor-toolbar {
  display: flex !important;
}
.dynamic-text-editor .slate-inactive.disabled .menu-editor-toolbar > span,
.dynamic-text-editor .slate-inactive.disabled .menu-editor-toolbar > a {
  pointer-events: none;
  opacity: 0.5;
}
.dynamic-text-editor .slate-inactive.disabled .menu-editor-toolbar > span:hover, .dynamic-text-editor .slate-inactive.disabled .menu-editor-toolbar > span:active, .dynamic-text-editor .slate-inactive.disabled .menu-editor-toolbar > span:active:focus,
.dynamic-text-editor .slate-inactive.disabled .menu-editor-toolbar > a:hover,
.dynamic-text-editor .slate-inactive.disabled .menu-editor-toolbar > a:active,
.dynamic-text-editor .slate-inactive.disabled .menu-editor-toolbar > a:active:focus {
  background: rgba(255, 255, 255, 0);
}
.dynamic-text-editor .slate-inactive.disabled > div .editor-scroll-wrap {
  min-height: calc(100% - 32px);
  height: calc(100% - 32px);
  overflow-y: auto !important;
}
.dynamic-text-editor .slate-inactive.disabled > div .editor-scroll-wrap .editor {
  pointer-events: none;
  opacity: 0.8;
}
.dynamic-text-editor .slate-inactive.disabled > div .editor-scroll-wrap .editor > div {
  overflow-y: hidden !important;
}
.dynamic-text-editor .slate-active {
  border: 1px solid #80b9b9;
  padding: 4px;
  background: #fff;
  color: #304156;
  font-size: 14px;
  line-height: 1.43;
  font-family: Roboto-Regular, sans-serif;
}
.dynamic-text-editor .slate-active > div {
  height: 100%;
}
.dynamic-text-editor .slate-active > div .editor-scroll-wrap {
  min-height: calc(100% - 32px);
  height: calc(100% - 32px);
  overflow-y: auto;
}
.dynamic-text-editor .menu-editor-toolbar {
  background-color: #ffffff;
  border-bottom: 1px solid #dcdedf;
  height: 32px;
  display: flex;
  width: 100%;
  padding: 2px 4px 3px 4px;
  justify-content: flex-start;
}
.dynamic-text-editor .menu-editor-toolbar > span,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item {
  color: #0ca597;
  height: 24px;
  min-width: 24px;
  display: flex !important;
  padding: 4px;
  margin-right: 2px;
  cursor: pointer;
  /***/
  /***/
}
.dynamic-text-editor .menu-editor-toolbar > span[disabled], .dynamic-text-editor .menu-editor-toolbar > span[disabled],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item[disabled],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item[disabled] {
  pointer-events: none;
}
.dynamic-text-editor .menu-editor-toolbar > span[disabled]:before, .dynamic-text-editor .menu-editor-toolbar > span[disabled]:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item[disabled]:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item[disabled]:before {
  opacity: 0.5;
}
.dynamic-text-editor .menu-editor-toolbar > span:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item:before {
  height: 16px;
  width: 16px;
  border-radius: 1px;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_bold:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_bold:before {
  content: url(/content/img/format-bold-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_bold:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_bold[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_bold:active, .dynamic-text-editor .menu-editor-toolbar > span.format_bold:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_bold:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_bold[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_bold:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_bold:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_italic:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_italic:before {
  content: url(/content/img/format-italic-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_italic:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_italic[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_italic:active, .dynamic-text-editor .menu-editor-toolbar > span.format_italic:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_italic:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_italic[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_italic:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_italic:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_underlined:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_underlined:before {
  content: url(/content/img/format-underlined-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_underlined:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_underlined[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_underlined:active, .dynamic-text-editor .menu-editor-toolbar > span.format_underlined:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_underlined:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_underlined[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_underlined:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_underlined:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.code:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.code:before {
  content: url(/content/img/format-code-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.code:hover, .dynamic-text-editor .menu-editor-toolbar > span.code[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.code:active, .dynamic-text-editor .menu-editor-toolbar > span.code:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.code:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.code[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.code:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.code:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_quote:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_quote:before {
  content: url(/content/img/format-quote-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_quote:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_quote[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_quote:active, .dynamic-text-editor .menu-editor-toolbar > span.format_quote:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_quote:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_quote[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_quote:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_quote:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_link:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_link:before {
  content: url(/content/img/format-link-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_link:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_link[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_link:active, .dynamic-text-editor .menu-editor-toolbar > span.format_link:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_link:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_link[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_link:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_link:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.text_fields:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.text_fields:before {
  content: url(/content/img/format-subscript-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.text_fields:hover, .dynamic-text-editor .menu-editor-toolbar > span.text_fields[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.text_fields:active, .dynamic-text-editor .menu-editor-toolbar > span.text_fields:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.text_fields:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.text_fields[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.text_fields:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.text_fields:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.title:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.title:before {
  content: url(/content/img/format-superscript-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.title:hover, .dynamic-text-editor .menu-editor-toolbar > span.title[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.title:active, .dynamic-text-editor .menu-editor-toolbar > span.title:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.title:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.title[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.title:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.title:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.strikethrough_s:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.strikethrough_s:before {
  content: url(/content/img/format-strikethrough-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.strikethrough_s:hover, .dynamic-text-editor .menu-editor-toolbar > span.strikethrough_s[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.strikethrough_s:active, .dynamic-text-editor .menu-editor-toolbar > span.strikethrough_s:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.strikethrough_s:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.strikethrough_s[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.strikethrough_s:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.strikethrough_s:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.looks_one:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.looks_one:before {
  content: url(/content/img/format-h-1-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.looks_one:hover, .dynamic-text-editor .menu-editor-toolbar > span.looks_one[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.looks_one:active, .dynamic-text-editor .menu-editor-toolbar > span.looks_one:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.looks_one:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.looks_one[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.looks_one:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.looks_one:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.looks_two:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.looks_two:before {
  content: url(/content/img/format-h-2-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.looks_two:hover, .dynamic-text-editor .menu-editor-toolbar > span.looks_two[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.looks_two:active, .dynamic-text-editor .menu-editor-toolbar > span.looks_two:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.looks_two:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.looks_two[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.looks_two:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.looks_two:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.flip:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.flip:before {
  content: url(/content/img/element-grid-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.flip:hover, .dynamic-text-editor .menu-editor-toolbar > span.flip[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.flip:active, .dynamic-text-editor .menu-editor-toolbar > span.flip:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.flip:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.flip[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.flip:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.flip:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.cached:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.cached:before {
  content: url(/content/img/element-repitor-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.cached:hover, .dynamic-text-editor .menu-editor-toolbar > span.cached[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.cached:active, .dynamic-text-editor .menu-editor-toolbar > span.cached:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.cached:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.cached[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.cached:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.cached:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.wrap_text:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.wrap_text:before {
  content: url(/content/img/action-merging-paragraphs-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.wrap_text:hover, .dynamic-text-editor .menu-editor-toolbar > span.wrap_text[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.wrap_text:active, .dynamic-text-editor .menu-editor-toolbar > span.wrap_text:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.wrap_text:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.wrap_text[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.wrap_text:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.wrap_text:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.undo:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.undo:before {
  content: url(/content/img/action-undo-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.undo:hover, .dynamic-text-editor .menu-editor-toolbar > span.undo[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.undo:active, .dynamic-text-editor .menu-editor-toolbar > span.undo:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.undo:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.undo[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.undo:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.undo:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.functions,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.functions {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.functions:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.functions:before {
  content: url(/content/img/element-formula-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.functions:hover, .dynamic-text-editor .menu-editor-toolbar > span.functions[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.functions:active, .dynamic-text-editor .menu-editor-toolbar > span.functions:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.functions:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.functions[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.functions:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.functions:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.check_box,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.check_box {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.check_box:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.check_box:before {
  content: url(/content/img/element-checkbox-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.check_box:hover, .dynamic-text-editor .menu-editor-toolbar > span.check_box[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.check_box:active, .dynamic-text-editor .menu-editor-toolbar > span.check_box:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.check_box:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.check_box[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.check_box:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.check_box:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.toc,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.toc {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.toc:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.toc:before {
  content: url(/content/img/element-checkbox-list-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.toc:hover, .dynamic-text-editor .menu-editor-toolbar > span.toc[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.toc:active, .dynamic-text-editor .menu-editor-toolbar > span.toc:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.toc:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.toc[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.toc:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.toc:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_indent_increase,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_increase {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_indent_increase:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_increase:before {
  content: url(/content/img/format-indent-increase-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_indent_increase:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_indent_increase[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_indent_increase:active, .dynamic-text-editor .menu-editor-toolbar > span.format_indent_increase:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_increase:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_increase[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_increase:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_increase:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_indent_decrease,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_decrease {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_indent_decrease:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_decrease:before {
  content: url(/content/img/format-indent-decrease-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_indent_decrease:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_indent_decrease[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_indent_decrease:active, .dynamic-text-editor .menu-editor-toolbar > span.format_indent_decrease:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_decrease:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_decrease[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_decrease:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_indent_decrease:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_left,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_left {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_left:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_left:before {
  content: url(/content/img/format-align-left-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_left:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_align_left[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_align_left:active, .dynamic-text-editor .menu-editor-toolbar > span.format_align_left:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_left:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_left[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_left:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_left:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_center,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_center {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_center:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_center:before {
  content: url(/content/img/format-align-center-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_center:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_align_center[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_align_center:active, .dynamic-text-editor .menu-editor-toolbar > span.format_align_center:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_center:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_center[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_center:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_center:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_right,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_right {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_right:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_right:before {
  content: url(/content/img/format-align-right-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_right:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_align_right[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_align_right:active, .dynamic-text-editor .menu-editor-toolbar > span.format_align_right:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_right:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_right[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_right:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_right:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_justify,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_justify {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_justify:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_justify:before {
  content: url(/content/img/format-align-justify-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_align_justify:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_align_justify[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_align_justify:active, .dynamic-text-editor .menu-editor-toolbar > span.format_align_justify:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_justify:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_justify[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_justify:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_align_justify:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.unfold_more,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.unfold_more {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.unfold_more:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.unfold_more:before {
  content: url(/content/img/element-space-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.unfold_more:hover, .dynamic-text-editor .menu-editor-toolbar > span.unfold_more[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.unfold_more:active, .dynamic-text-editor .menu-editor-toolbar > span.unfold_more:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.unfold_more:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.unfold_more[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.unfold_more:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.unfold_more:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.call_split,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.call_split {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.call_split:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.call_split:before {
  content: url(/content/img/element-inline-condition-formula-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.call_split:hover, .dynamic-text-editor .menu-editor-toolbar > span.call_split[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.call_split:active, .dynamic-text-editor .menu-editor-toolbar > span.call_split:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.call_split:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.call_split[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.call_split:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.call_split:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.shuffle,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.shuffle {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.shuffle:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.shuffle:before {
  content: url(/content/img/element-block-condition-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.shuffle:hover, .dynamic-text-editor .menu-editor-toolbar > span.shuffle[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.shuffle:active, .dynamic-text-editor .menu-editor-toolbar > span.shuffle:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.shuffle:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.shuffle[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.shuffle:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.shuffle:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.loop,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.loop {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.loop:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.loop:before {
  content: url(/content/img/element-looper-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.loop:hover, .dynamic-text-editor .menu-editor-toolbar > span.loop[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.loop:active, .dynamic-text-editor .menu-editor-toolbar > span.loop:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.loop:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.loop[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.loop:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.loop:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.vertical_align_center,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_center {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.vertical_align_center:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_center:before {
  content: url(/content/img/element-page-break-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.vertical_align_center:hover, .dynamic-text-editor .menu-editor-toolbar > span.vertical_align_center[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.vertical_align_center:active, .dynamic-text-editor .menu-editor-toolbar > span.vertical_align_center:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_center:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_center[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_center:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_center:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.vertical_align_bottom,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_bottom {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.vertical_align_bottom:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_bottom:before {
  content: url(/content/img/element-hr-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.vertical_align_bottom:hover, .dynamic-text-editor .menu-editor-toolbar > span.vertical_align_bottom[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.vertical_align_bottom:active, .dynamic-text-editor .menu-editor-toolbar > span.vertical_align_bottom:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_bottom:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_bottom[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_bottom:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_bottom:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.vertical_align_top,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_top {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.vertical_align_top:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_top:before {
  content: url(/content/img/element-hr-top-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.vertical_align_top:hover, .dynamic-text-editor .menu-editor-toolbar > span.vertical_align_top[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.vertical_align_top:active, .dynamic-text-editor .menu-editor-toolbar > span.vertical_align_top:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_top:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_top[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_top:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.vertical_align_top:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.insert_chart,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.insert_chart {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.insert_chart:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.insert_chart:before {
  content: url(/content/img/element-graphs-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.insert_chart:hover, .dynamic-text-editor .menu-editor-toolbar > span.insert_chart[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.insert_chart:active, .dynamic-text-editor .menu-editor-toolbar > span.insert_chart:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.insert_chart:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.insert_chart[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.insert_chart:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.insert_chart:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_list_numbered,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_numbered {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_list_numbered:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_numbered:before {
  content: url(/content/img/format-numbered-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_list_numbered:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_list_numbered[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_list_numbered:active, .dynamic-text-editor .menu-editor-toolbar > span.format_list_numbered:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_numbered:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_numbered[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_numbered:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_numbered:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_list_bulleted,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_bulleted {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.format_list_bulleted:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_bulleted:before {
  content: url(/content/img/format-bullets-list-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.format_list_bulleted:hover, .dynamic-text-editor .menu-editor-toolbar > span.format_list_bulleted[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.format_list_bulleted:active, .dynamic-text-editor .menu-editor-toolbar > span.format_list_bulleted:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_bulleted:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_bulleted[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_bulleted:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.format_list_bulleted:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span.removelist,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.removelist {
  font-size: 0;
}
.dynamic-text-editor .menu-editor-toolbar > span.removelist:before,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.removelist:before {
  content: url(/content/img/action-delete-list-16-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar > span.removelist:hover, .dynamic-text-editor .menu-editor-toolbar > span.removelist[data-active=true], .dynamic-text-editor .menu-editor-toolbar > span.removelist:active, .dynamic-text-editor .menu-editor-toolbar > span.removelist:active:focus,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.removelist:hover,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.removelist[data-active=true],
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.removelist:active,
.dynamic-text-editor .menu-editor-toolbar .toolbar-item.removelist:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar .open-list-control {
  font-size: 0;
  display: flex;
  width: 36px;
  height: 24px;
  border-radius: 1px;
  justify-content: center;
  align-content: center;
}
.dynamic-text-editor .menu-editor-toolbar .open-list-control:before {
  content: url(/content/img/format-bullets-list-16-px.svg);
  height: 24px;
  display: flex;
  align-items: center;
}
.dynamic-text-editor .menu-editor-toolbar .open-list-control:after {
  content: url(/content/img/ic-action-input-dropdown.svg);
  height: 24px;
  display: flex;
  align-items: center;
  transform: rotate(0deg);
  transition: 0.3s;
}
.dynamic-text-editor .menu-editor-toolbar .open-list-control[data-active=true], .dynamic-text-editor .menu-editor-toolbar .open-list-control:active, .dynamic-text-editor .menu-editor-toolbar .open-list-control:active:focus {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar .open-list-control[data-active=true]:after, .dynamic-text-editor .menu-editor-toolbar .open-list-control:active:after, .dynamic-text-editor .menu-editor-toolbar .open-list-control:active:focus:after {
  content: url(/content/img/ic-action-input-dropdown.svg);
  height: 24px;
  display: flex;
  transform: rotate(180deg);
  transition: 0.3s;
  align-items: center;
}
.dynamic-text-editor .menu-editor-toolbar .open-list-control:hover {
  background-color: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar > span {
  color: #a9a9a9;
}
.dynamic-text-editor .menu-editor-toolbar > span:hover, .dynamic-text-editor .menu-editor-toolbar > span:active, .dynamic-text-editor .menu-editor-toolbar > span:active:focus, .dynamic-text-editor .menu-editor-toolbar > span:focus, .dynamic-text-editor .menu-editor-toolbar > span[data-active=true] {
  color: #027373;
}
.dynamic-text-editor .menu-editor-toolbar .slate-font-size-plugin-input {
  width: 26px;
  margin-right: 5px;
  height: 18px;
  line-height: 18px;
  text-align: right;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select {
  width: 73px;
  min-height: 16px;
  border-right: 1px solid #dcdedf;
  padding-right: 4px;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown {
  width: 100%;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown .Select-control {
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  height: 16px !important;
  line-height: 16px;
  border-radius: 0 !important;
  border: 1px solid #c9c9c9;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown .Select-control .Select-value {
  height: 16px !important;
  line-height: 16px !important;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown .Select-control .Select-value > span > div {
  height: 16px !important;
  line-height: 16px !important;
  font-family: Roboto-Medium, sans-serif !important;
  color: #0ca597 !important;
  font-size: 0px !important;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown .Select-control .Select-value > span > div:after {
  content: "Style";
  font-family: Roboto-Medium, sans-serif !important;
  color: #0ca597 !important;
  font-size: 16px !important;
  margin-left: 2px;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown .Select.is-focused.is-open .Select-control {
  border: 1px solid #ceedea !important;
  background: #ceedea;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown > span {
  width: 100%;
  box-shadow: none !important;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown > span .select-field {
  height: 16px;
  line-height: 16px;
  width: 100% !important;
  max-width: 68px !important;
  margin: 0;
  font-family: Roboto-Medium, sans-serif !important;
  color: #0ca597 !important;
  font-size: 16px !important;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown > span .Select-arrow-zone {
  border: 0 !important;
  margin: 0 !important;
  width: 16px !important;
  box-shadow: none !important;
  min-width: 16px !important;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown > span .Select-arrow-zone:before {
  height: 16px;
  width: 16px;
  position: static;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown > span .Select-clear,
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown > span .Select-arrow {
  display: none !important;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown .Select-menu-outer {
  width: 134px;
  max-width: 134px;
  padding: 0;
  border: 2px solid rgba(12, 165, 151, 0.2) !important;
  max-height: initial !important;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown .Select-menu-outer .Select-menu {
  max-height: initial !important;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  padding: 0 8px;
  font-family: Roboto-Regular, sans-serif !important;
  color: #5f5f5f !important;
  font-size: 14px !important;
  margin: 0;
  height: 16px !important;
  line-height: 16px !important;
}
.dynamic-text-editor .menu-editor-toolbar .editor-style-select .select-dropdown .Select-menu-outer .Select-menu .Select-option > div {
  margin-top: 0 !important;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 16px !important;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor {
  position: relative;
  height: 100%;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor > div {
  height: 100%;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control {
  background: #fff;
  z-index: 99999;
  position: absolute;
  top: 0px;
  left: 96px;
  border: 2px solid rgba(12, 165, 151, 0.2);
  display: grid !important;
  grid-template-rows: 32px;
  grid-template-columns: 32px 32px 32px;
  height: 46px !important;
  width: 126px !important;
  grid-gap: 8px;
  padding: 4px !important;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list:before {
  content: url(/content/img/format-list-type-none-32-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list:hover, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list[data-active=true], .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list:active, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.null-list:active:focus {
  opacity: 0.5;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list:before {
  content: url(/content/img/format-list-type-bullet-1-32-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list:hover, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list[data-active=true], .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list:active, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.bulleted-list:active:focus {
  opacity: 0.5;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list:before {
  content: url(/content/img/format-list-type-numered-1-32-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list:hover, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list[data-active=true], .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list:active, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list:active:focus {
  opacity: 0.5;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list:before {
  content: url(/content/img/format-list-type-numered-2-32-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list:hover, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list[data-active=true], .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list:active, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list:active:focus {
  opacity: 0.5;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list:before {
  content: url(/content/img/format-list-type-numered-3-32-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list:hover, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list[data-active=true], .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list:active, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list:active:focus {
  opacity: 0.5;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket:before {
  content: url(/content/img/format-list-type-numered-4-32-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket:hover, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket[data-active=true], .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket:active, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.numbered-list_bracket:active:focus {
  opacity: 0.5;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket:before {
  content: url(/content/img/format-list-type-numered-5-32-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket:hover, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket[data-active=true], .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket:active, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-upper-list_bracket:active:focus {
  opacity: 0.5;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket:before {
  content: url(/content/img/format-list-type-numered-6-32-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket:hover, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket[data-active=true], .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket:active, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.letter-lower-list_bracket:active:focus {
  opacity: 0.5;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list:before {
  content: url(/content/img/format-list-type-numered-7-32-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list:hover, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list[data-active=true], .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list:active, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.empty_list:active:focus {
  opacity: 0.5;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list {
  font-size: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 1px;
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list:before {
  content: url(/content/img/format-list-type-numered-8-32-px.svg);
}
.dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list:hover, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list[data-active=true], .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list:active, .dynamic-text-editor .menu-editor-toolbar + .editor-scroll-wrap .editor .editor-list-control a.check-box-list:active:focus {
  opacity: 0.5;
}
.dynamic-text-editor .close {
  opacity: 1;
  height: 24px;
  background: rgba(0, 0, 0, 0);
  width: 24px;
  margin: 0;
  position: absolute;
  top: 7px;
  right: 4px;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}
.dynamic-text-editor .close:before {
  content: "";
  background: url(/content/img/ic-close.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  display: block;
}
.dynamic-text-editor .ui-resizable-handle {
  background-image: none !important;
  width: 10px;
  border-right: 1px solid #4b5a6d !important;
  border-bottom: 1px solid #4b5a6d !important;
  margin: 0 2px 2px 0;
  height: 10px;
  cursor: pointer;
  transition: 0.1s;
}
.dynamic-text-editor .ui-resizable-handle:hover, .dynamic-text-editor .ui-resizable-handle:active, .dynamic-text-editor .ui-resizable-handle:active:focus {
  border-right: 1px solid #027373 !important;
  border-bottom: 1px solid #027373 !important;
  transition: 0.1s;
}

/*********END DOCUMENT HISTORY*********/
.select-dropdown {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.select-dropdown .select-wrapper.select-field {
  display: inline-flex;
  align-items: center;
  height: 18px !important;
  line-height: 18px;
}

.select-dropdown .select-wrapper.select-field .select-input {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  width: 100%;
  cursor: pointer;
  height: 19px;
  padding: 0 5px;
  border-radius: 0 !important;
  border: 1px solid rgba(0, 45, 65, 0.2);
  background: #fff;
}

.select-dropdown .select-wrapper.select-field .select-input .select-header-title {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select-dropdown .select-wrapper.select-field .select-input .select-down {
  pointer-events: none;
}

.highlight-select {
  background-color: rgb(192, 192, 255) !important;
}

.select-dropdown .select-wrapper.select-field .select-input .select-down:before {
  content: url(/content/img/ic-action-input-dropdown.svg);
  position: absolute;
  display: flex;
  height: 18px;
  width: 20px;
  right: 3px;
  top: 0px;
  transform: rotate(180deg);
}

.select-dropdown .select-wrapper.select-field .select-input .select-up {
  pointer-events: none;
}

.select-dropdown .select-wrapper.select-field .select-input .select-up:before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 18px;
  width: 20px;
  right: 0px;
  top: 2px;
}

.documents-link {
  position: relative;
  line-height: 24px;
  padding-right: 28px;
  width: 100%;
}
.documents-link:before {
  content: "";
  background-image: url(/content/img/base-preview-24-px-rest.svg);
  background-size: 20px 20px;
  position: absolute;
  top: 0;
  height: 20px;
  width: 20px;
  display: flex;
  right: 0;
}

.resizer-wrapper {
  width: 1px;
  position: absolute;
  border: 1px solid #027373;
  display: none;
  z-index: 999999;
  border-right: 0;
}

.loan-notes-grid {
  background: #f2f4f5;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
  font-size: 12px;
  width: fit-content;
  max-width: 1280px;
}
.loan-notes-grid .header-row {
  display: grid;
  grid-gap: 1px;
  background: #f2f4f5;
}
.loan-notes-grid .header-row .header-column {
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  color: #5f5f5f;
  padding: 0;
  line-height: 24px;
  min-height: 24px;
  cursor: pointer;
}
.loan-notes-grid .header-row .header-column .filter-button {
  height: 24px;
  line-height: 24px;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.loan-notes-grid .header-row .header-column .filter-button i {
  color: #0ca597;
  height: 24px;
  line-height: 24px;
}
.loan-notes-grid .filter-row {
  display: grid;
  grid-gap: 1px;
}
.loan-notes-grid .filter-row input {
  height: 22px !important;
  border-radius: 2px !important;
  padding: 0 4px;
  border: 1px solid #b6c3d3;
  background-color: #fff;
  color: #000;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
}
.loan-notes-grid .filter-row .form-group {
  margin-bottom: 5px;
}
.loan-notes-grid .rows-wrapper {
  overflow: auto;
  max-height: 430px;
}
.loan-notes-grid .rows-wrapper .line-row {
  display: grid;
  grid-gap: 1px;
  border-bottom: 1px solid #f2f4f5;
  cursor: pointer;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 20px;
}
.loan-notes-grid .rows-wrapper .line-row > div {
  padding: 4px 0 0 5px;
  background: #fff;
  line-height: 1.2;
  min-height: 24px;
  max-width: 100%;
}
.loan-notes-grid .rows-wrapper .line-row > div p {
  margin: 0;
}
.loan-notes-grid .rows-wrapper .line-row > div .list {
  margin: 0;
}
.loan-notes-grid .rows-wrapper .line-row > div .condition {
  overflow-wrap: break-word;
}

.loan-notes-modal .admin-grid .grid-list-container .grid-module .grid-module-viewport.vertical .grid-module-viewport-header {
  border-top: 0;
}
.loan-notes-modal .grid-module .grid-module-viewport .grid-module-viewport-column .grid-module-viewport-content-cell > div p {
  height: 20px;
  line-height: 18px;
}
.loan-notes-modal .modals-body {
  max-height: 500px;
  max-width: 1250px;
  overflow: hidden;
}
.loan-notes-modal .modals-body .grid-over {
  min-height: 300px;
  max-height: 450px;
}
.loan-notes-modal .modals-body .grid-over .modal-primary-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 22px;
  border-radius: 2px;
  background-color: #0ca597;
  border: solid 1px #0ca597;
  color: #fff !important;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 14px !important;
  line-height: 1;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.loan-notes-modal .modals-body .grid-over .modal-primary-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #0ca597;
  border: 1px solid #0ca597;
}
.loan-notes-modal .modals-body .grid-over .modal-primary-button:active, .loan-notes-modal .modals-body .grid-over .modal-primary-button:active:focus, .loan-notes-modal .modals-body .grid-over .modal-primary-button:focus {
  background-color: #027373;
  border: 1px solid #027373;
}
.loan-notes-modal .modals-body .grid-over .modal-primary-button:disabled, .loan-notes-modal .modals-body .grid-over .modal-primary-button.disabled {
  pointer-events: none;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #c9c9c9;
  color: #cccccc;
}

.notes-wrapper {
  border-right: 1px solid #EBF0F2;
  height: 100%;
  width: 40px;
}
.notes-wrapper .notes-button {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 0 7px;
  position: relative;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.notes-wrapper .notes-button:before {
  content: url(/content/img/ribbon-list-of-notes-3-24-px-rest.svg);
}
.notes-wrapper .notes-button:hover:before {
  content: url(/content/img/ribbon-list-of-notes-3-24-px-hover-pressed.svg);
}

/******* TOOLTIPS *******/
.input-warning {
  border-radius: 2px !important;
  border: solid 1px #ffb300 !important;
}

.input-error {
  border-radius: 2px !important;
  border: solid 1px #FF2B00 !important;
}

.input-information {
  border-radius: 2px !important;
  border: solid 1px #0ca597 !important;
}

.popup-warning {
  border-radius: 2px;
  border: solid 1px #ffb300;
  background-color: #fffbf2;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 1.17;
  color: #304156;
  padding: 5px;
  display: flex;
  flex-direction: column;
  -webkit-animation: popup-open 0.3s;
  animation: popup-open 0.3s;
}
.popup-warning:before {
  content: "Warning";
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
  margin-bottom: 3px;
  color: #304156;
}
.popup-warning:after {
  content: "";
  display: block;
  height: 5px;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  position: absolute;
  bottom: -6px;
  left: 0;
}

.popup-error {
  border-radius: 2px;
  border: solid 1px #FF2B00;
  background-color: #fff5f4;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 1.17;
  color: #304156;
  padding: 5px;
  display: flex;
  flex-direction: column;
  -webkit-animation: popup-open 0.3s;
  animation: popup-open 0.3s;
}
.popup-error:before {
  content: "Error";
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
  margin-bottom: 3px;
  color: #304156;
}
.popup-error:after {
  content: "";
  display: block;
  height: 5px;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  position: absolute;
  bottom: -6px;
  left: 0;
}

.popup-information {
  border-radius: 2px;
  border: solid 1px #ffb300;
  background-color: #fffbf2;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 1.17;
  color: #304156;
  padding: 5px;
  display: flex;
  flex-direction: column;
  -webkit-animation: popup-open 0.3s;
  animation: popup-open 0.3s;
}
.popup-information:before {
  content: "Information";
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
  margin-bottom: 3px;
  color: #304156;
}
.popup-information:after {
  content: "";
  display: block;
  height: 5px;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  position: absolute;
  bottom: -6px;
  left: 0;
}

@-webkit-keyframes popup-open {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
*[popup-close] {
  -webkit-animation: popup-close 0.3s;
  animation: popup-close 0.3s;
}

@-webkit-keyframes popup-close {
  from {
    opacity: 1;
  }
  to {
    opacity: 2;
  }
}
[data-validation=block-warning]:before {
  content: url(/content/img/mark-wrong-24-px.svg);
  position: absolute;
  top: 5px;
  left: 5px;
}

[data-validation=block-error]:before {
  content: url(/content/img/mark-wrong-24-px.svg);
  position: absolute;
  top: 5px;
  left: 5px;
}

[data-validation=block-information]:before {
  content: url(/content/img/mark-wrong-24-px.svg);
  position: absolute;
  top: 5px;
  left: 5px;
}

/******* end TOOLTIPS *******/
.circle-color {
  display: block;
  max-height: 16px;
  width: 16px;
  max-width: 16px !important;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
}

.dropdown-modalup {
  width: 100%;
  display: grid;
  font-size: 14px !important;
  min-height: 21px !important;
  height: 21px !important;
  background: #ffffff;
  border: 1px solid #b6c3d3;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  padding: 0 4px;
  border-radius: 2px;
  font-family: Roboto-Regular, sans-serif;
}
.dropdown-modalup > span {
  width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 19px;
}
.dropdown-modalup[data-state=ReadOnly] {
  border: 1px solid #c9c9c9 !important;
  background: #f2f4f4;
  cursor: text;
}
.dropdown-modalup[readonly]:hover:before, .dropdown-modalup[readonly]:active:before, .dropdown-modalup[readonly]:active:focus:before, .dropdown-modalup[data-state=ReadOnly]:hover:before, .dropdown-modalup[data-state=ReadOnly]:active:before, .dropdown-modalup[data-state=ReadOnly]:active:focus:before {
  content: "";
  display: block;
  width: 24px;
  height: 18px;
  background: url(/content/img/ic-action-input-list.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  right: 0px;
}
.dropdown-modalup:before {
  content: "";
  display: block;
  width: 24px;
  height: 18px;
  background: url(/content/img/ic-action-input-list.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  right: 0px;
}
.dropdown-modalup:hover {
  border: 1px solid #4b5a6d;
}
.dropdown-modalup:hover:before {
  content: "";
  display: block;
  width: 24px;
  height: 18px;
  right: 0px;
  background: url(/content/img/ic-action-input-list-active.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.dropdown-modalup:active, .dropdown-modalup:active:focus {
  border: 1px solid #0ca597;
}
.dropdown-modalup:active:before, .dropdown-modalup:active:focus:before {
  content: "";
  display: block;
  width: 24px;
  height: 18px;
  right: 0px;
  background: url(/content/img/ic-action-input-list-active.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.label-to-edit > div {
  width: 100%;
}
.label-to-edit .edit {
  min-width: 22px;
  width: 22px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  border: 0;
  cursor: pointer;
  background: url(/content/img/grid-content-edit.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
}
.label-to-edit .edit:hover, .label-to-edit .edit:active, .label-to-edit .edit:active:focus {
  background-image: url(/content/img/grid-content-edit-active.svg);
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.label-to-edit .clear {
  min-width: 22px;
  width: 22px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  border: 0;
  cursor: pointer;
  background-image: url(/content/img/base-action-delete-16-px-rest.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
}
.label-to-edit .clear:hover, .label-to-edit .clear:active, .label-to-edit .clear:active:focus {
  background-image: url(/content/img/base-action-delete-16-px-hover-pressed.svg);
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.label-to-edit[data-edit=true] .edit {
  display: none;
}
.label-to-edit[data-edit=true] .clear {
  display: flex;
}
.label-to-edit[data-edit=false] .edit {
  display: flex;
}
.label-to-edit[data-edit=false] .clear {
  display: none;
}
.label-to-edit[data-edit=false] .input-wrapper input {
  background: rgba(255, 255, 255, 0) !important;
  border: 1px solid rgba(255, 255, 255, 0) !important;
}
.label-to-edit[data-edit=false] .input-wrapper input:hover, .label-to-edit[data-edit=false] .input-wrapper input:active, .label-to-edit[data-edit=false] .input-wrapper input:active:focus {
  background: rgba(255, 255, 255, 0) !important;
  border: 1px solid rgba(255, 255, 255, 0) !important;
}

.report-templates-main .report-template {
  height: calc(100% - 45px);
}
.report-templates-main .report-template .toolbar-panel {
  position: relative;
}
.report-templates-main .report-template .toolbar-panel .help {
  position: absolute;
  top: 12px;
  right: 12px;
  text-decoration: underline;
  color: #0093D5;
}
.report-templates-main .report-template .zebra-separators {
  height: calc(100% - 45px);
}
.report-templates-main .report-template .data-service-column > a {
  visibility: visible !important;
}
.report-templates-main .report-template .data-service-column > a.green {
  color: #64a81a;
}
.report-templates-main .report-template .data-service-column > a.blue {
  color: #0ca597;
}
.report-templates-main .report-template .data-service-column > a.red {
  color: #FF2B00;
}
.report-templates-main .report-template .data-service-column > a + a {
  margin-left: 5px !important;
}
.report-templates-main .report-template .report-columns-wrapper {
  padding: 4px;
  display: flex;
  flex-direction: row;
  grid-template-rows: 100%;
  grid-gap: 4px;
  height: calc(100% - 45px);
}
.report-templates-main .report-template .report-columns-wrapper .title {
  border-bottom: 1px solid #dcdedf;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  height: 26px;
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 6px;
  padding: 0;
  line-height: 22px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter {
  background: #fafafa;
  padding: 6px 0px;
  height: 100%;
  width: 450px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .title {
  color: #304156;
  font-size: 16px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 8px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .title span {
  line-height: 22px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .title .panels-standart-button {
  height: 21px;
  min-width: 78px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-wrapper {
  overflow-y: auto;
  height: calc(100% - 50px);
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #304156;
  overflow: hidden;
  position: relative;
  height: fit-content;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .clear {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #0ca597;
  position: absolute;
  right: 8px;
  top: 0;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .clear:hover {
  color: #027373;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-content-row {
  position: relative;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #304156;
  padding: 0 8px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-content-row ~ div {
  margin-left: 8px;
  width: calc(100% - 8px);
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-content-row ~ div.list-wrapper {
  margin-left: 0;
  width: initial;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-content-row ~ div.report-filter-root-row {
  margin-left: 0;
  width: 100%;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-content-row ~ div.nested-filters {
  margin-left: 0;
  width: 100%;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-closed {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  line-height: 20px;
  position: relative;
  padding: 0 8px 0 15px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-closed:before {
  display: flex;
  width: 20px;
  height: 17px;
  font-size: 20px;
  position: absolute;
  top: -3px;
  left: 3px;
  content: url(/content/img/node-open-10-px-rest.svg);
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-closed > .clear {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  color: #0ca597;
  position: absolute;
  right: 8px;
  top: 0;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-closed > .clear:hover {
  color: #027373;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-opened {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  line-height: 20px;
  position: relative;
  padding: 0 8px 0 15px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-opened:before {
  display: flex;
  width: 20px;
  height: 17px;
  font-size: 20px;
  position: absolute;
  top: -3px;
  left: 3px;
  content: url(/content/img/node-close-10-px-rest.svg);
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-opened > .clear {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  color: #0ca597;
  position: absolute;
  right: 8px;
  top: 0;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .report-filter-opened > .clear:hover {
  color: #027373;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters {
  background: #f2f4f5;
  padding: 8px 12px 8px 16px;
  width: 100%;
  margin: 0;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .report-row-simple {
  display: grid;
  grid-template-columns: 226px 190px;
  line-height: 21px;
  margin: 0 0 3px 0;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .report-row-simple label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .report-row-simple.one-day {
  grid-template-columns: 222px 150px 36px;
  grid-gap: 4px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .report-row-simple.removable {
  position: relative;
  grid-template-columns: 226px 170px 20px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .report-row-simple .remove {
  display: flex;
  height: 16px;
  width: 16px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  background: url(/content/img/ic-acction-delete.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  right: -8px;
  top: 2px;
  position: absolute;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .filter-column-range {
  padding: 3px 0 0px 0;
  display: grid;
  grid-template-columns: 90px 90px;
  grid-gap: 10px;
  grid-column: 2;
  justify-content: flex-start;
  grid-template-rows: 21px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .filter-column-lastday {
  padding: 3px 0 1px 0;
  display: grid;
  grid-template-columns: 40px;
  grid-column: 2;
  justify-content: flex-start;
  grid-template-rows: 24px;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .report-row-data {
  display: grid;
  grid-template-columns: 226px 90px;
  line-height: 21px;
  margin: 0 0 3px 0;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .report-row-data label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .report-row-state {
  display: grid;
  grid-template-columns: 226px 40px;
  line-height: 21px;
  margin: 0 0 3px 0;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .report-row-state label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .report-row-value {
  display: grid;
  grid-template-columns: 226px 80px 30px 80px;
  line-height: 21px;
  margin: 0 0 3px 0;
}
.report-templates-main .report-template .report-columns-wrapper .report-filter .report-filter-content .nested-filters .report-row-value label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-templates-main .report-template .report-columns-wrapper .report-content-settings {
  background: #f0f5f7;
  padding: 6px 8px;
  height: 100%;
  margin-left: 4px;
  width: calc(100% - 424px);
}
.report-templates-main .report-template .report-columns-wrapper .report-content-settings .title {
  color: #304156;
  font-size: 16px;
}
.report-templates-main .report-template .report-columns-wrapper .report-content-settings .title + label {
  margin: 0 0 5px 0;
  height: 20px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #304156;
}
.report-templates-main .report-template .report-columns-wrapper .report-content-settings .report-content-wrapper {
  overflow-y: auto;
  height: calc(100% - 55px);
}

.grid-module-viewport-content-row .label-to-edit .edit {
  display: none !important;
}
.grid-module-viewport-content-row .label-to-edit[data-edit=false] .edit {
  display: none !important;
}
.grid-module-viewport-content-row:hover .label-to-edit .edit, .grid-module-viewport-content-row.selected .label-to-edit .edit {
  display: flex !important;
}
.grid-module-viewport-content-row:hover .label-to-edit[data-edit=false] .edit, .grid-module-viewport-content-row.selected .label-to-edit[data-edit=false] .edit {
  display: flex !important;
}

.tree-list-label {
  margin: 0;
  height: 20px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #304156;
}

.tree-list {
  margin: 5px 0 0 0;
}
.tree-list:empty {
  display: none;
}
.tree-list .tree-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: Roboto-Regular, sans-serif;
  line-height: 20px;
}
.tree-list .tree-column .tree-list {
  margin: 2px 0 5px 13px;
}
.tree-list .tree-row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: Roboto-Regular, sans-serif;
  line-height: 20px;
  color: #304156;
  font-size: 14px;
}
.tree-list .tree-row > span {
  margin: 0 0 0 4px;
}
.tree-list .tree-row .plus-icon {
  display: flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  font-family: Roboto-Medium, sans-serif;
  color: #0ca597;
  position: relative;
  cursor: pointer;
}
.tree-list .tree-row .plus-icon:before {
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  content: url(/content/img/node-close-10-px-rest.svg);
}
.tree-list .tree-row .minus-icon {
  display: flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  font-family: Roboto-Medium, sans-serif;
  color: #0ca597;
  position: relative;
  cursor: pointer;
}
.tree-list .tree-row .minus-icon:before {
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  content: url(/content/img/node-open-10-px-rest.svg);
}
.tree-list .tree-row .empty-icon {
  display: flex;
  width: 16px;
  height: 20px;
  align-items: center;
  justify-content: center;
  font-family: Roboto-Medium, sans-serif;
  color: #0ca597;
  position: relative;
  cursor: pointer;
}
.tree-list .tree-row .empty-icon:before {
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  font-family: Roboto-Medium, sans-serif;
  color: #0ca597;
  font-size: 22px;
  content: "";
}

.grid-module-viewport-content-cell {
  min-height: 20px;
}

.drilldown-cell {
  color: #0ca597;
}
.drilldown-cell:hover {
  color: #027373;
}

.trusteesigners {
  padding: 4px 4px 0 4px;
  margin: 0;
  width: 1028px;
}
.trusteesigners .trusteesigners-block {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
  background: #fff;
  height: 100%;
  margin-bottom: 4px;
}
.trusteesigners .trusteesigners-block .trusteesigners-h {
  height: 26px;
  width: 100%;
  border: 2px solid #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0 8px;
  position: relative;
}
.trusteesigners .trusteesigners-block .trusteesigners-h .open_in_new {
  position: absolute;
  top: 1px;
  right: 8px;
}
.trusteesigners .trusteesigners-block .trusteesigners-h > div {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #304156;
}
.trusteesigners .trusteesigners-block .trusteesigners-h .name {
  color: #304156;
  font-size: 20px;
  min-width: fit-content;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 280px);
  margin-right: 20px;
}
.trusteesigners .trusteesigners-block .trusteesigners-h .name + .select-module {
  width: 120px;
}
.trusteesigners .trusteesigners-block .trusteesigners-h > div + div {
  margin-left: 8px;
}
.trusteesigners .trusteesigners-block .trusteesigners-h .open-new {
  color: #0ca597;
  border: 1px solid #0ca597;
  border-radius: 2px;
  height: 20px;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  padding: 0 8px;
  width: fit-content;
  position: absolute;
  line-height: 23px;
  top: 6px;
  right: 0px;
}
.trusteesigners .trusteesigners-block .trusteesigners-content {
  position: relative;
  padding: 0 4px 4px 4px;
  min-height: 125px;
}
.trusteesigners .trusteesigners-block .trusteesigners-content > div {
  width: 100%;
}
.trusteesigners .trusteesigners-block .trusteesigners-content > div > div {
  width: 100%;
}
.trusteesigners .trusteesigners-block .trusteesigners-content > div .slate-inactive,
.trusteesigners .trusteesigners-block .trusteesigners-content > div .slate-active {
  height: 125px;
  width: 100%;
}
.trusteesigners .trusteesigners-block .trusteesigners-content:empty {
  background: #f9fafa;
  border: 1px solid #f6f7f8;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0 !important;
}
.trusteesigners .trusteesigners-block .trusteesigners-content:empty:before {
  content: "None";
  font-size: 14px;
  color: #ccc;
  font-family: Roboto-Regular, sans-serif;
}
.trusteesigners .trusteesigners-block .trusteesigners-content.none {
  min-height: 35px !important;
  max-height: 35px !important;
}
.trusteesigners .trusteesigners-block .trusteesigners-row-header {
  font-family: Roboto-Medium, sans-serif;
  height: 22px;
  font-size: 16px;
  line-height: 2;
  margin-top: 0;
  margin-bottom: 4px;
  border-bottom: 1px solid #e8edf2;
  color: #304156;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 6px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row-header > span {
  min-width: 90px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row-header button {
  min-width: 48px;
  background: #fff;
  height: 18px;
  min-height: 18px;
  line-height: 18px;
  margin: 0 0 0 0;
}
.trusteesigners .trusteesigners-block .trusteesigners-row-empty {
  background: #f6f7f8;
  border: 1px solid #f6f7f8;
  border-radius: 2px;
  color: #ccc;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  height: 35px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trusteesigners .trusteesigners-block .trusteesigners-row-empty:before {
  content: "None";
  font-size: 14px;
  color: #ccc;
  font-family: Roboto-Regular, sans-serif;
}
.trusteesigners .trusteesigners-block .remove {
  display: flex;
  height: 16px;
  width: 16px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  background: url(/content/img/ic-acction-delete.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  right: 8px;
  top: 4px;
  position: absolute;
}
.trusteesigners .trusteesigners-block .no-padding {
  padding: 0 !important;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-columns {
  padding: 0 4px 2px 4px;
  display: grid;
  grid-template-columns: 504px 504px;
  grid-gap: 4px;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-columns > div {
  padding: 0 8px 4px 8px;
  height: 100%;
  background: #fff;
  border: 1px solid #dcdedf;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-columns > div .trusteesigners-header-column {
  font-family: Roboto-Medium, sans-serif;
  height: 24px;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 2px;
  border-bottom: 1px solid #e8edf2;
  color: #304156;
  position: relative;
}
.trusteesigners .trusteesigners-block .panels-standart-button {
  background: #fff;
  height: 18px;
  min-height: 18px;
  line-height: 18px;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-property {
  display: grid;
  grid-template-columns: 1000px;
  grid-gap: 4px;
  padding: 0 8px 8px 8px;
  margin-bottom: 4px;
  height: 100%;
  background: #fff;
  border: 1px solid #dcdedf;
  position: relative;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-property .trusteesigners-header-property {
  grid-template-columns: 8px auto 20px;
  grid-template-rows: 24px;
  grid-column-gap: 8px;
  display: grid;
  grid-row-gap: 4px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 26px;
  color: #304156;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-property .trusteesigners-row-property {
  display: grid;
  grid-template-columns: 8px 475px 70px 355px 20px;
  grid-template-rows: 24px;
  grid-column-gap: 8px;
  grid-row-gap: 4px;
  color: #304156;
  font-size: 14px;
  line-height: 1.43;
  font-family: Roboto-Regular, sans-serif;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-property .trusteesigners-row-property > div {
  position: relative;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-property .trusteesigners-row-property > div + label {
  text-align: right;
  margin-right: 8px;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-property .trusteesigners-row-property > div .remove {
  top: 2px;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-empty {
  background: #f6f7f8;
  border: 1px solid #f6f7f8;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0 !important;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-empty:before {
  content: "None";
  font-size: 14px;
  color: #ccc;
  font-family: Roboto-Regular, sans-serif;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-rows {
  display: grid;
  grid-template-columns: 1044px;
  grid-gap: 0px;
  padding: 0 8px;
  height: 100%;
  background: #fff;
  border: 1px solid #dcdedf;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-rows:empty {
  display: none;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-rows.without-header {
  padding-top: 8px;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-rows .trusteesigners-preheader {
  font-family: Roboto-Medium, sans-serif;
  height: 24px;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0px;
  border-bottom: 1px solid #e8edf2;
  color: #304156;
  display: grid;
  grid-template-columns: 140px 475px 70px 355px 20px;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-rows .trusteesigners-preheader label {
  min-width: fit-content;
  margin-right: 8px;
  font-size: 14px;
  line-height: 25px;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-rows .trusteesigners-preheader .remove {
  position: static;
  margin: auto;
}
.trusteesigners .trusteesigners-block .trusteesigners-content-rows .trusteesigners-preheader div + label {
  text-align: right;
}
.trusteesigners .trusteesigners-block .trusteesigners-row {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  min-height: 20px;
  padding: 0 4px;
  /*********** Select simple ***********/
  /******************************************/
}
.trusteesigners .trusteesigners-block .trusteesigners-row.sign-as {
  min-height: 21px;
  width: 100%;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.sign-as + .sign-as {
  margin-top: 2px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.sign-as label {
  width: 60px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.sign-as label + div {
  width: 100%;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.settlor-as {
  min-height: 28px;
  padding: 4px;
  width: 100%;
  display: grid;
  grid-template-columns: 70px 475px 70px 355px 20px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.settlor-as div + label {
  text-align: right;
  padding: 0 8px 0 0;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.settlor-as .remove {
  position: static;
  top: initial;
  right: initial;
  margin: auto;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.for-date {
  min-height: 22px;
  padding: 0 4px 4px 14px;
  width: 100%;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.for-date label {
  min-width: 150px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.for-date label + div {
  width: 90px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.for-textarea {
  min-height: 28px;
  padding: 0 4px 0 14px;
  width: 100%;
  align-items: flex-start;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.for-textarea label {
  min-width: 150px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.for-textarea label + div {
  width: 100%;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.textarea-full {
  min-height: 21px;
  padding: 0 4px;
  width: 100%;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 2px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.textarea-full > div {
  min-width: 100%;
}
.trusteesigners .trusteesigners-block .trusteesigners-row.doc-sign {
  min-height: 21px;
  padding: 0 4px;
  display: grid;
  grid-template-columns: 130px auto;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown {
  padding: 0;
  border-right: 0;
  height: 100%;
  width: 100%;
  position: relative;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown[data-state=ReadOnly] div {
  cursor: default;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown[data-state=ReadOnly] {
  pointer-events: none;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown[data-state=ReadOnly] .Select-arrow-zone {
  opacity: 1;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown[data-state=ReadOnly] .Select-arrow-zone:before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 20px;
  width: 20px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .select-field {
  min-width: 100% !important;
  height: 22px;
  line-height: 22px;
  width: 100% !important;
  max-width: 110px !important;
  margin: 0;
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-control {
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  height: 22px !important;
  line-height: 22px;
  border-radius: 0 !important;
  border: 1px solid #c9c9c9;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-control > div {
  height: 22px;
  line-height: 22px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-control:hover {
  border: 1px solid #c9c9c9;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-value-label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-value-label span {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-multi-value-wrapper {
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #0ca597;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-multi-value-wrapper .Select-value-label {
  line-height: 1 !important;
  height: 100% !important;
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000 !important;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-multi-value-wrapper .Select-value-label span {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px;
  color: #000;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-arrow-zone {
  height: 20px;
  line-height: 20px;
  width: 1.389rem !important;
  border: 0 !important;
  min-width: 1.389rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-arrow-zone:before {
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  position: absolute;
  display: flex;
  height: 20px;
  width: 20px;
  right: 0px;
  top: 2px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-arrow {
  display: none;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-clear-zone {
  display: none;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-menu-outer {
  font-family: Roboto-Regular, sans-serif;
  position: absolute;
  top: initial;
  color: #fff;
  font-size: 14px !important;
  border: 1px solid #c9c9c9 !important;
  border-top-width: 0 !important;
  margin: 0;
  width: 100%;
  min-width: inherit !important;
  border-radius: 0;
  margin-top: 0 !important;
  z-index: 99999 !important;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-menu-outer .Select-menu {
  max-height: inherit;
  margin-top: -1px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  font-family: Roboto-Regular, sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
  margin: 0;
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border-radius: 0 !important;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-menu-outer .Select-menu .Select-option.is-selected {
  background: #e0e0e0;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-menu-outer .Select-menu .Select-option:hover {
  background: #81bbeb;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select--single > .Select-control .Select-value,
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown .Select-placeholder {
  height: 22px;
  line-height: 22px !important;
  padding: 0 15px 0 5px;
  font-size: 14px !important;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .select-dropdown > span {
  width: 100%;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .Select.is-focused .Select-control {
  border: 1px solid #c9c9c9 !important;
  height: 22px !important;
  line-height: 22px;
  padding: 0;
  border-radius: 0 !important;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .Select.is-focused .Select--single > .Select-control .Select-value,
.trusteesigners .trusteesigners-block .trusteesigners-row .Select.is-focused .Select-placeholder {
  height: 20px;
  line-height: 20px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .Select.is-open .Select-control {
  border: 1px solid #c9c9c9 !important;
  height: 22px !important;
  line-height: 22px;
  padding: 0;
  border-radius: 0 !important;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .Select.is-open .Select--single > .Select-control .Select-value,
.trusteesigners .trusteesigners-block .trusteesigners-row .Select.is-open .Select-placeholder {
  height: 20px !important;
  line-height: 20px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .Select.is-open .Select-arrow-zone {
  padding-right: 0;
  height: 22px;
  line-height: 22px;
}
.trusteesigners .trusteesigners-block .trusteesigners-row .Select.is-open .Select-arrow-zone:before {
  content: url(/content/img/ic-action-input-dropdown.svg);
  position: absolute;
  display: flex;
  height: 20px;
  width: 20px;
  right: 3px;
  top: 0px;
  transform: rotate(180deg);
}
.trusteesigners .trusteesigners-block .trusteesigners-row .Select.is-open .Select-placeholder {
  height: 22px;
  line-height: 22px;
  padding: 0 15px 0 5px;
  color: #0ca597;
  font-size: 14px;
}

.file-uploader .file-uploader-info {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  text-align: center;
  display: flex;
  height: fit-content;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  position: absolute;
  bottom: 5px;
  left: 0;
  background: rgba(1, 38, 35, 0.8);
  padding: 4px 4px;
  width: 100%;
  z-index: 99;
}
.file-uploader .file-uploader-info .file-name {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff !important;
  line-height: 16px;
}
.file-uploader .file-uploader-info .status {
  color: #fff !important;
  line-height: 16px;
  height: 16px;
}
.file-uploader .file-uploader-info .status:before {
  display: none;
}
.file-uploader .file-uploader-info .complited {
  color: #28941F;
}
.file-uploader .file-uploader-info .complited:before {
  display: none;
}
.file-uploader .file-uploader-info .error-load {
  color: #FF0000;
}
.file-uploader .file-uploader-info .error-load:before {
  display: none;
}
.file-uploader .file-uploader-info .loader-file-wrap {
  height: 18px !important;
  width: 100%;
  background: #fff;
  border: 1px solid #fff;
  position: relative;
  bottom: 0;
  display: flex;
  left: 0;
  flex-direction: row;
  justify-content: flex-start;
  margin: 4px 0;
}
.file-uploader .file-uploader-info .loader-file-wrap .loader-file-back {
  position: absolute;
  left: calc(50% - 10px);
  top: 0;
}
.file-uploader .file-uploader-info .loader-file-wrap .loader-file-active {
  height: 16px;
}
.file-uploader .file-uploader-info .loader-file-wrap.loading .loader-file-back {
  color: #304156;
}
.file-uploader .file-uploader-info .loader-file-wrap.loading .loader-file-active {
  background: #0ca597;
}
.file-uploader .file-uploader-info .loader-file-wrap.complete .loader-file-back {
  color: #fff;
}
.file-uploader .file-uploader-info .loader-file-wrap.complete .loader-file-active {
  background: #7ed321;
}
.file-uploader .file-uploader-info .loader-file-wrap.error-load .loader-file-back {
  color: #304156;
}
.file-uploader .file-uploader-info .loader-file-wrap.error-load .loader-file-active {
  background: #FF0000;
}

.uw-doc-panel .doc-row {
  position: relative;
  height: 21px;
}
.uw-doc-panel .doc-row .file-uploader-info {
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  text-align: center;
  display: flex;
  height: 24px;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(1, 38, 35, 0.8);
  padding: 0 1px;
  width: 100%;
  z-index: 99;
}
.uw-doc-panel .doc-row .file-uploader-info .file-name {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff !important;
  font-size: 12px;
  line-height: 1.1;
  height: 14px;
}
.uw-doc-panel .doc-row .file-uploader-info .status {
  color: #fff !important;
  line-height: 16px;
  height: 16px;
  display: none;
}
.uw-doc-panel .doc-row .file-uploader-info .status:before {
  display: none;
}
.uw-doc-panel .doc-row .file-uploader-info .complited {
  color: #28941F;
}
.uw-doc-panel .doc-row .file-uploader-info .complited:before {
  display: none;
}
.uw-doc-panel .doc-row .file-uploader-info .error-load {
  color: #FF0000;
}
.uw-doc-panel .doc-row .file-uploader-info .error-load:before {
  display: none;
}
.uw-doc-panel .doc-row .file-uploader-info .loader-file-wrap {
  height: 8px !important;
  width: 100%;
  background: #fff;
  border: 1px solid #fff;
  position: relative;
  bottom: 0;
  display: flex;
  left: 0;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0;
}
.uw-doc-panel .doc-row .file-uploader-info .loader-file-wrap .loader-file-back {
  position: absolute;
  left: calc(50% - 10px);
  top: 0;
  font-size: 11px;
  line-height: 1;
  display: none;
}
.uw-doc-panel .doc-row .file-uploader-info .loader-file-wrap .loader-file-active {
  height: 6px;
}
.uw-doc-panel .doc-row .file-uploader-info .loader-file-wrap.loading .loader-file-back {
  color: #fff;
}
.uw-doc-panel .doc-row .file-uploader-info .loader-file-wrap.loading .loader-file-active {
  background: #0ca597;
}
.uw-doc-panel .doc-row .file-uploader-info .loader-file-wrap.complete .loader-file-back {
  color: #fff;
}
.uw-doc-panel .doc-row .file-uploader-info .loader-file-wrap.complete .loader-file-active {
  background: #7ed321;
}
.uw-doc-panel .doc-row .file-uploader-info .loader-file-wrap.error-load .loader-file-back {
  color: #fff;
}
.uw-doc-panel .doc-row .file-uploader-info .loader-file-wrap.error-load .loader-file-active {
  background: #FF0000;
}

/***** BROKERLOCK****/
.brokerlock-wrapper {
  display: grid;
  grid-template-columns: auto 400px;
  max-width: calc(100vw - 165px);
  overflow-y: hidden;
  width: fit-content;
  height: 100%;
}
.brokerlock-wrapper .lock-wrap {
  margin: 4px;
  background: #fff;
  width: fit-content;
  max-width: 635px;
}
.brokerlock-wrapper .lock-wrap .brokerlock-header {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 16px;
  font-size: 14px;
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  margin: 0 8px 8px 8px;
  padding: 0;
  color: #000;
  border-bottom: 1px solid #dcdedf;
}
.brokerlock-wrapper .lock-wrap .lock-data {
  padding: 0 16px;
  height: 20px;
  display: flex;
  line-height: 20px;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
  font-size: 14px;
  margin-top: 8px;
}
.brokerlock-wrapper .lock-wrap .lock-data label {
  white-space: nowrap;
  font-family: Roboto-Regular, sans-serif;
  width: 190px;
}
.brokerlock-wrapper .lock-wrap .lock-data label + div {
  width: 90px;
  margin-left: 10px;
  position: relative;
}
.brokerlock-wrapper .lock-wrap .lock-data label + div:before {
  content: url(/content/img/base-action-calendar-16-px-rest.svg);
  position: absolute;
  top: 2px;
  right: -22px;
}
.brokerlock-wrapper .comparison {
  padding: 5px;
  display: inline-flex;
  width: 100%;
  min-width: initial;
  height: calc(100% - 37px);
  overflow: hidden;
  align-items: flex-start;
  justify-content: flex-start;
}
.brokerlock-wrapper .comparison .comparison-container {
  position: relative;
}
.brokerlock-wrapper .comparison .three-days {
  height: 20px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #ff0000;
  background: rgba(255, 255, 255, 0);
  position: absolute;
  bottom: -100px;
  right: 10px;
  width: 130px;
  text-align: left;
}
.brokerlock-wrapper .comparison .comparison-column {
  margin-right: 0;
  min-width: 150px;
  width: 150px;
}
.brokerlock-wrapper .comparison .comparison-column.static {
  min-width: 170px;
  width: 170px;
}
.brokerlock-wrapper .comparison .comparison-column .comparison-rows-wrap {
  background: #fff;
}
.brokerlock-wrapper .comparison .comparison-column .comparison-rows-wrap > .comparison-group + .comparison-group {
  margin-top: 12px;
  border-top: 3px solid #d9e0e3 !important;
}
.brokerlock-wrapper .comparison .comparison-column .comparison-rows-wrap .comparison-row-preheader {
  background: #e8edf2;
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px;
  line-height: 29px;
  text-align: right;
  color: #828d99;
  height: 29px;
  padding: 0 8px 0 0;
  min-height: 29px;
}
.brokerlock-wrapper .comparison .comparison-column .comparison-rows-wrap .comparison-row {
  height: 30px;
  line-height: 30px;
  margin: 0 !important;
  display: block;
  width: 100%;
  padding: 0 10px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  white-space: nowrap;
}
.brokerlock-wrapper .comparison .comparison-column .comparison-rows-wrap .comparison-row:nth-child(even) {
  background: #fafafa;
}
.brokerlock-wrapper .comparison .comparison-column .comparison-rows-wrap .comparison-row:nth-child(odd) {
  background: #fff;
}
.brokerlock-wrapper .comparison .comparison-column .comparison-rows-wrap .comparison-group {
  border-bottom: 3px solid #d9e0e3;
}
.brokerlock-wrapper .comparison .comparison-column .comparison-rows-wrap .comparison-group:empty {
  display: none;
}
.brokerlock-wrapper .right-locker {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  margin: 4px 0;
  padding: 0 0 8px 0;
}
.brokerlock-wrapper .right-locker .locker-row {
  padding: 0 8px 0 16px;
  height: 22px;
  display: grid;
  line-height: 22px;
  grid-template-columns: auto 64px 74px;
  width: 100%;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
  font-size: 14px;
  grid-column-gap: 1px;
}
.brokerlock-wrapper .right-locker .locker-row label,
.brokerlock-wrapper .right-locker .locker-row a {
  white-space: nowrap;
  font-family: Roboto-Regular, sans-serif;
  min-width: fit-content;
  padding: 0 4px;
}
.brokerlock-wrapper .right-locker .locker-row label + label,
.brokerlock-wrapper .right-locker .locker-row a + label {
  text-align: right;
}
.brokerlock-wrapper .right-locker .locker-row label.for-add,
.brokerlock-wrapper .right-locker .locker-row a.for-add {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.brokerlock-wrapper .right-locker .locker-row > div + label {
  text-align: right;
}
.brokerlock-wrapper .right-locker .locker-row .add-line {
  color: #0ca597;
  border: 1px solid #0ca597;
  border-radius: 2px;
  height: 20px;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  padding: 0 2px;
  width: 62px;
  line-height: 20px;
  margin: 0 0 0 8px;
}
.brokerlock-wrapper .right-locker .locker-row .add-line:hover {
  background: #fff;
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  transition: 0.1s;
}
.brokerlock-wrapper .right-locker .locker-row .add-line:active, .brokerlock-wrapper .right-locker .locker-row .add-line:active:focus {
  background: #f3f9fe;
  box-shadow: none;
  color: #027373;
  transition: 0.1s;
  border: 1px solid #f3f9fe;
}
.brokerlock-wrapper .right-locker .locker-row.marked {
  font-family: Roboto-Medium, sans-serif;
}
.brokerlock-wrapper .right-locker .locker-row.marked label,
.brokerlock-wrapper .right-locker .locker-row.marked a {
  font-family: Roboto-Medium, sans-serif;
}
.brokerlock-wrapper .right-locker .locker-row .remove {
  min-width: 20px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: -3px;
  cursor: pointer;
  background-image: url(/content/img/base-action-delete-16-px-rest.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
  margin: 0 0 0 15px;
}
.brokerlock-wrapper .right-locker .locker-row .remove:hover, .brokerlock-wrapper .right-locker .locker-row .remove:active, .brokerlock-wrapper .right-locker .locker-row .remove:active:focus {
  background-image: url(/content/img/base-action-delete-16-px-hover-pressed.svg);
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.brokerlock-wrapper .right-locker .locker-row-total {
  margin: 0;
  height: 20px;
  padding: 0 8px 0 16px;
  display: grid;
  line-height: 20px;
  grid-template-columns: auto 84px 74px;
  width: 100%;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
  font-size: 14px;
}
.brokerlock-wrapper .right-locker .locker-row-total label {
  white-space: nowrap;
  min-width: fit-content;
  padding: 0 4px;
}
.brokerlock-wrapper .right-locker .locker-row-total label + label {
  text-align: right;
}
.brokerlock-wrapper .right-locker .locker-row-total label.red {
  color: #ff0000;
}
.brokerlock-wrapper .right-locker .locker-row-total.marked {
  font-family: Roboto-Medium, sans-serif;
}
.brokerlock-wrapper .right-locker .locker-row-total.marked label,
.brokerlock-wrapper .right-locker .locker-row-total.marked a {
  font-family: Roboto-Medium, sans-serif;
}
.brokerlock-wrapper .right-locker .locker-row-total.marked label + label,
.brokerlock-wrapper .right-locker .locker-row-total.marked a + label {
  text-align: right;
}
.brokerlock-wrapper .right-locker .locker-row-total.marked > div + label {
  text-align: right;
}
.brokerlock-wrapper .right-locker .locker-row-button {
  margin: 10px 0 0 0;
  padding: 0 16px;
  display: grid;
  grid-template-columns: 100%;
  width: 100%;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
  font-size: 14px;
}
.brokerlock-wrapper .right-locker .locker-row-button button {
  min-width: 84px;
  height: 34px;
  border-radius: 1px;
  background-color: #fff;
  border: solid 1px #0ca597;
  color: #0ca597;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  text-align: left;
  line-height: 31px;
  box-shadow: none;
  padding: 0 5px 0 24px;
  margin-right: 0;
  position: relative;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}
.brokerlock-wrapper .right-locker .locker-row-button button.lock:before {
  content: url(/content/img/base-action-lock-16-px-rest.svg);
  position: absolute;
  top: 4px;
  left: 5px;
}
.brokerlock-wrapper .right-locker .locker-row-button button.unlock:before {
  content: url(/content/img/base-action-unlock-16-px-rest.svg);
  position: absolute;
  top: 4px;
  left: 5px;
}
.brokerlock-wrapper .right-locker .locker-row-button button:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #fcfdfd;
  border: 1px solid #28aca1;
  color: #027373;
}
.brokerlock-wrapper .right-locker .locker-row-button button:hover.lock:before {
  content: url(/content/img/base-action-lock-16-px-hover-pressed.svg);
}
.brokerlock-wrapper .right-locker .locker-row-button button:hover.unlock:before {
  content: url(/content/img/base-action-unlock-16-px-hover-pressed.svg);
}
.brokerlock-wrapper .right-locker .locker-row-button button:active, .brokerlock-wrapper .right-locker .locker-row-button button:active:focus {
  background-color: #d8ebeb;
  border: 1px solid #0a9487;
  color: #027373;
}
.brokerlock-wrapper .right-locker .locker-row-button button:active.lock:before, .brokerlock-wrapper .right-locker .locker-row-button button:active:focus.lock:before {
  content: url(/content/img/base-action-lock-16-px-hover-pressed.svg);
}
.brokerlock-wrapper .right-locker .locker-row-button button:active.unlock:before, .brokerlock-wrapper .right-locker .locker-row-button button:active:focus.unlock:before {
  content: url(/content/img/base-action-unlock-16-px-hover-pressed.svg);
}
.brokerlock-wrapper .right-locker .header-locker {
  border-bottom: 2px solid #e8edf2;
  background: #fff;
  padding-bottom: 9px;
}
.brokerlock-wrapper .right-locker .header-locker + div {
  height: calc(100vh - 125px);
  overflow-y: auto;
  overflow-x: hidden;
}
.brokerlock-wrapper .right-locker .header-locker .preheader-locker {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 16px;
  font-size: 14px;
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  margin: 0 8px 8px 8px;
  padding: 0;
  color: #000;
  border-bottom: 1px solid #dcdedf;
}
.brokerlock-wrapper .right-locker .header-locker .preheader-locker .layout-standart-button {
  min-width: 78px;
  line-height: 20px;
}
.brokerlock-wrapper .right-locker .header-locker .locker-row {
  justify-content: flex-start;
}
.brokerlock-wrapper .right-locker .header-locker .locker-row label {
  min-width: 111px;
  margin-right: 6px;
}
.brokerlock-wrapper .right-locker .header-locker .locker-row label + div {
  width: 180px;
}
.brokerlock-wrapper .right-locker .locker-panel-even {
  padding: 9px 0;
  background: #fff;
  border-bottom: 1px solid #e8edf2;
}
.brokerlock-wrapper .right-locker .locker-panel-odd {
  padding: 9px 0;
  background: #fff;
  border-bottom: 1px solid #e8edf2;
}
.brokerlock-wrapper .right-locker .splitter-line {
  width: initial;
  height: 1px;
  margin: 4px 16px 10px 16px;
  background: #e8edf2;
}
.brokerlock-wrapper .right-locker .mt-brokerlock {
  margin-top: 30px;
}

/**** END BROKERLOCK****/
.grid-module-viewport-content-cell .display-flex {
  display: inline-flex !important;
}

.display-flex {
  display: flex;
}

/******* ExtraClasses *******/
* .grid-module-viewport-content-row.highlight-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row.hover.highlight-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(even).highlight-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(odd).highlight-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.highlight-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.highlight-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).highlight-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).highlight-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.highlight-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.highlight-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).highlight-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).highlight-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.highlight-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.highlight-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).highlight-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).highlight-row .grid-module-viewport-content-cell {
  background: #ffd7d3 !important;
}
* .grid-module-viewport-content-row.blue-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row.hover.blue-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(even).blue-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(odd).blue-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.blue-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.blue-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).blue-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).blue-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.blue-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.blue-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).blue-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).blue-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.blue-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.blue-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).blue-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).blue-row .grid-module-viewport-content-cell {
  background: #a9e0fb !important;
}
* .grid-module-viewport-content-row.bold-row *,
* .grid-module-viewport-content-row.hover.bold-row *,
* .grid-module-viewport-content-row:nth-child(even).bold-row *,
* .grid-module-viewport-content-row:nth-child(odd).bold-row *,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.bold-row *,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.bold-row *,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).bold-row *,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).bold-row *,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.bold-row *,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.bold-row *,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).bold-row *,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).bold-row *,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.bold-row *,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.bold-row *,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).bold-row *,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).bold-row * {
  font-family: Roboto-Medium, sans-serif;
}
* .grid-module-viewport-content-row.green-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row.hover.green-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(even).green-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(odd).green-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.green-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.green-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).green-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).green-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.green-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.green-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).green-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).green-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.green-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.green-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).green-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).green-row .grid-module-viewport-content-cell {
  background: #c6deb4 !important;
}
* .grid-module-viewport-content-row.red-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row.hover.red-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(even).red-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(odd).red-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.red-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.red-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).red-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).red-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.red-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.red-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).red-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).red-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.red-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.red-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).red-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).red-row .grid-module-viewport-content-cell {
  background: #ffd8d8 !important;
}
* .grid-module-viewport-content-row.default-activation .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row.hover.default-activation .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(even).default-activation .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(odd).default-activation .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.default-activation .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.default-activation .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).default-activation .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).default-activation .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.default-activation .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.default-activation .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).default-activation .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).default-activation .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.default-activation .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.default-activation .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).default-activation .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).default-activation .grid-module-viewport-content-cell {
  background: #ffd8d8 !important;
}
* .grid-module-viewport-content-row.light-orange-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row.hover.light-orange-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(even).light-orange-row .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(odd).light-orange-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.light-orange-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.light-orange-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).light-orange-row .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).light-orange-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.light-orange-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.light-orange-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).light-orange-row .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).light-orange-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.light-orange-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.light-orange-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).light-orange-row .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).light-orange-row .grid-module-viewport-content-cell {
  background-color: #ffd9b3 !important;
}
* .grid-module-viewport-content-row.package-highlight-nonprintable .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row.hover.package-highlight-nonprintable .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(even).package-highlight-nonprintable .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(odd).package-highlight-nonprintable .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.package-highlight-nonprintable .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.package-highlight-nonprintable .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).package-highlight-nonprintable .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).package-highlight-nonprintable .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.package-highlight-nonprintable .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.package-highlight-nonprintable .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).package-highlight-nonprintable .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).package-highlight-nonprintable .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.package-highlight-nonprintable .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.package-highlight-nonprintable .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).package-highlight-nonprintable .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).package-highlight-nonprintable .grid-module-viewport-content-cell {
  background: #FFDF92;
}
* .grid-module-viewport-content-row.package-highlight-default .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row.hover.package-highlight-default .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(even).package-highlight-default .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(odd).package-highlight-default .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.package-highlight-default .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.package-highlight-default .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).package-highlight-default .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).package-highlight-default .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.package-highlight-default .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.package-highlight-default .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).package-highlight-default .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).package-highlight-default .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.package-highlight-default .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.package-highlight-default .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).package-highlight-default .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).package-highlight-default .grid-module-viewport-content-cell {
  background: #5FA4AF;
}
* .grid-module-viewport-content-row.package-highlight-default:hover,
* .grid-module-viewport-content-row.hover.package-highlight-default:hover,
* .grid-module-viewport-content-row:nth-child(even).package-highlight-default:hover,
* .grid-module-viewport-content-row:nth-child(odd).package-highlight-default:hover,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.package-highlight-default:hover,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.package-highlight-default:hover,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).package-highlight-default:hover,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).package-highlight-default:hover,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.package-highlight-default:hover,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.package-highlight-default:hover,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).package-highlight-default:hover,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).package-highlight-default:hover,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.package-highlight-default:hover,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.package-highlight-default:hover,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).package-highlight-default:hover,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).package-highlight-default:hover {
  background: rgb(127, 182, 191);
}
* .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row.hover.selected .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(even).selected .grid-module-viewport-content-cell,
* .grid-module-viewport-content-row:nth-child(odd).selected .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.selected .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).selected .grid-module-viewport-content-cell,
.zebra .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).selected .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.selected .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).selected .grid-module-viewport-content-cell,
.zebra-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).selected .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.selected .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row.hover.selected .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(even).selected .grid-module-viewport-content-cell,
.row-separators .grid-module .grid-module-viewport .grid-module-viewport-content-row:nth-child(odd).selected .grid-module-viewport-content-cell {
  background: #ceedea !important;
}

/********** DRAGGER *********/
dragger {
  height: 16px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #fff;
  border: 0;
  padding: 0;
  border-radius: 2px;
  display: flex;
  width: 16px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: -17px;
  top: -1px;
}
dragger:after {
  content: "";
  background: url(/content/img/base-action-move-16-px-rest.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 16px;
  display: inline-flex;
  height: 16px;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 16px;
  margin: 0;
  background-size: contain;
  cursor: pointer;
}
dragger:hover:after, dragger:active:after, dragger:active:focus:after {
  content: "";
  background: url(/content/img/base-action-move-16-px-hover-pressed.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 16px;
  display: inline-flex;
  height: 16px;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 16px;
  margin: 0;
  background-size: contain;
  cursor: pointer;
}

.item-drag {
  outline: 2px solid #e3eaed;
}
.item-drag dragger {
  height: 16px;
  margin: 0;
  line-height: 1;
  font-size: 11px;
  font-family: Roboto-Medium, sans-serif;
  color: #fff;
  background: #fff;
  border: 0;
  padding: 0;
  border-radius: 2px;
  display: flex;
  width: 16px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: -17px;
  top: -1px;
}
.item-drag dragger:after {
  content: "";
  background: url(/content/img/base-action-move-16-px-hover-pressed.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 16px;
  display: inline-flex;
  height: 16px;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 16px;
  margin: 0;
  background-size: contain;
  cursor: pointer;
}

/*****************************/
.error-message {
  background: rgba(1, 38, 35, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 111111;
  min-height: 600px;
  min-width: 1280px;
}
.error-message > div {
  background: #e3eaed;
  width: 600px;
}
.error-message > div .error-message-header {
  position: relative;
  background: #fff;
  padding: 0 8px;
  text-align: left;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 40px;
  height: 40px;
  margin-bottom: 4px;
  letter-spacing: 0;
  border: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.error-message > div .error-message-header > div {
  display: block;
  width: calc(100% - 30px);
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Roboto-Regular, sans-serif;
  font-size: 20px;
  line-height: 2;
  letter-spacing: -0.4px;
  color: #ff0000;
}
.error-message > div .error-message-body {
  margin: 4px;
  background: #fff;
  padding: 0px 4px 5px 4px;
  max-height: 100%;
}
.error-message > div .error-message-body > div {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  min-height: 20px;
}
.error-message > div .error-message-body > div label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
  color: #304156 !important;
}
.error-message > div .error-message-body > div label + label {
  margin-left: 5px;
}
.error-message > div .error-message-body > div + div {
  margin-top: 2px;
}
.error-message > div .error-message-footer {
  height: 40px;
  background: #fff;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 0 8px;
  margin: 0;
}
.error-message > div .error-message-footer .footer-wrap {
  height: 39px;
  background: #fff;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}
.error-message > div .error-message-footer:empty {
  display: none !important;
}

/****************************/
.condition-attach-button {
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
  display: flex !important;
  padding: 4px;
  margin-right: 0px;
  cursor: pointer;
  position: absolute !important;
  top: 4px;
  right: 44px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
  background-image: url(/content/img/icons-ribbon-list-of-documents-24-px.svg) !important;
  background-position: center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.condition-attach-button:hover, .condition-attach-button:active, .condition-attach-button:active:focus, .condition-attach-button.opened {
  background: url(/content/img/icons-ribbon-list-of-documents-24-px.svg) !important;
  border: 0px solid #0ca597;
}
.condition-attach-button[disabled], .condition-attach-button.disabled {
  background: url(/content/img/icons-ribbon-list-of-documents-24-px.svg) !important;
  pointer-events: none;
}

.condition-screen-button {
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
  display: flex !important;
  padding: 4px;
  margin-right: 0px;
  cursor: pointer;
  position: absolute !important;
  top: 4px;
  right: 10px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
  background-image: url(/content/img/icons-ribbon-underwriting-24-px.svg) !important;
  background-position: center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.condition-screen-button:hover, .condition-screen-button:active, .condition-screen-button:active:focus, .condition-screen-button.opened {
  background: url(/content/img/icons-ribbon-underwriting-24-px.svg) !important;
  border: 0px solid #0ca597;
}
.condition-screen-button[disabled], .condition-screen-button.disabled {
  background: url(/content/img/icons-ribbon-underwriting-24-px.svg) !important;
  pointer-events: none;
}

/****************************/
.borrower-name-header .add-button {
  position: absolute;
  top: 0;
  right: 114px;
  width: 90px !important;
}

.borrower-name-header .notes-button {
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
  display: flex !important;
  padding: 4px;
  margin: 0px !important;
  cursor: pointer;
  position: absolute !important;
  top: 7px;
  right: 83px;
  border-radius: 2px;
  background: url(/content/img/icons-ribbon-list-of-notes-24-px.svg) !important;
  background-position: center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.borrower-name-header .notes-button:hover, .borrower-name-header .notes-button:active, .borrower-name-header .notes-button:active:focus, .borrower-name-header .notes-button.opened {
  background: url(/content/img/icons-ribbon-list-of-notes-24-px.svg) !important;
  border: 0px solid #0ca597;
}
.borrower-name-header .notes-button[disabled], .borrower-name-header .notes-button.disabled {
  background: url(/content/img/icons-ribbon-list-of-notes-24-px.svg) !important;
  pointer-events: none;
}

.borrower-name-header .condition-attach-button,
.payoff-details-title .condition-attach-button {
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
  display: flex !important;
  padding: 4px;
  margin-right: 0px;
  cursor: pointer;
  position: absolute !important;
  top: 7px;
  right: 44px;
  border-radius: 2px;
  background: url(/content/img/icons-ribbon-list-of-documents-24-px.svg) !important;
  background-position: center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.borrower-name-header .condition-attach-button:hover, .borrower-name-header .condition-attach-button:active, .borrower-name-header .condition-attach-button:active:focus, .borrower-name-header .condition-attach-button.opened,
.payoff-details-title .condition-attach-button:hover,
.payoff-details-title .condition-attach-button:active,
.payoff-details-title .condition-attach-button:active:focus,
.payoff-details-title .condition-attach-button.opened {
  background: url(/content/img/icons-ribbon-list-of-documents-24-px.svg) !important;
  border: 0px solid #0ca597;
}
.borrower-name-header .condition-attach-button[disabled], .borrower-name-header .condition-attach-button.disabled,
.payoff-details-title .condition-attach-button[disabled],
.payoff-details-title .condition-attach-button.disabled {
  background: url(/content/img/icons-ribbon-list-of-documents-24-px.svg) !important;
  pointer-events: none;
}

.borrower-name-header .condition-screen-button,
.payoff-details-title .condition-screen-button {
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
  display: flex !important;
  padding: 4px;
  margin-right: 0px;
  cursor: pointer;
  position: absolute !important;
  top: 7px;
  right: 10px;
  border-radius: 2px;
  background: url(/content/img/icons-ribbon-underwriting-24-px.svg) !important;
  background-position: center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.borrower-name-header .condition-screen-button:hover, .borrower-name-header .condition-screen-button:active, .borrower-name-header .condition-screen-button:active:focus, .borrower-name-header .condition-screen-button.opened,
.payoff-details-title .condition-screen-button:hover,
.payoff-details-title .condition-screen-button:active,
.payoff-details-title .condition-screen-button:active:focus,
.payoff-details-title .condition-screen-button.opened {
  background: url(/content/img/icons-ribbon-underwriting-24-px.svg) !important;
  border: 0px solid #0ca597;
}
.borrower-name-header .condition-screen-button[disabled], .borrower-name-header .condition-screen-button.disabled,
.payoff-details-title .condition-screen-button[disabled],
.payoff-details-title .condition-screen-button.disabled {
  background: url(/content/img/icons-ribbon-underwriting-24-px.svg) !important;
  pointer-events: none;
}

.cursor-initial {
  cursor: pointer;
}
.cursor-initial * {
  cursor: pointer;
}

.component-loader {
  background: #dae2e6;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.component-loader > div {
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  margin-top: 8px;
  color: #002D41;
}

.toolbar-panel.underwriting-main-status > .toolbar-item.pl-8 + .toolbar-item.pl-8 .select-module {
  width: 200px !important;
}

.loan-purchase-transaction-tabs {
  position: relative;
}
.loan-purchase-transaction-tabs .toolbar-panel {
  margin-top: 27px !important;
}

.loan-purchase-transaction-header {
  position: absolute;
  top: 48px;
  left: 4px;
}
.loan-purchase-transaction-header .tab-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.loan-purchase-transaction-header .tab-wrapper .tab-item-active {
  background: #fafafa;
  font-family: Roboto-Medium, sans-serif;
}
.loan-purchase-transaction-header .tab-wrapper .tab-item-inactive {
  background: rgba(250, 250, 250, 0.4);
  font-family: Roboto-Regular, sans-serif;
}
.loan-purchase-transaction-header .tab-wrapper > a {
  border-bottom: 1px solid rgb(214, 225, 228);
  padding: 4px 8px;
  text-decoration: none;
  cursor: pointer;
}
.loan-purchase-transaction-header .tab-wrapper > a + a {
  margin-left: 1px;
}

.loan-purchase-notes {
  padding: 0 4px 4px 4px;
  height: calc(100vh - 42px);
  display: flex;
  flex-direction: row;
  width: 100%;
}
.loan-purchase-notes .panel-nav {
  justify-content: flex-start;
  display: flex;
  align-items: center;
  flex-direction: row;
  background: initial;
  height: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0;
  width: calc(100% - 8px);
  position: absolute;
  top: 0;
  left: 4px;
}
.loan-purchase-notes .panel-nav h2 {
  margin: 0;
  padding: 0 8px;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  color: #002D41;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  line-height: 32px;
  position: relative;
  height: 100%;
  background: initial;
}
.loan-purchase-notes h3 {
  margin: 0;
  padding: 0 8px;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  color: #002D41;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  line-height: 32px;
  position: relative;
  height: 32px;
  width: 100%;
  background: initial;
}
.loan-purchase-notes h3 .red-label {
  color: #FF2B00 !important;
}
.loan-purchase-notes > div {
  background: #fafafa;
  width: calc(50% - 2px);
  margin-top: 73px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.loan-purchase-notes > div + div {
  margin-left: 4px;
}
.loan-purchase-notes > div.panel-nav + div {
  margin-left: 0px;
}
.loan-purchase-notes > div > div {
  height: calc(100% - 40px);
  width: calc(100% - 16px);
  border: 1px solid #dcdedf;
  background: #fff;
}
.loan-purchase-notes > div > div > div {
  width: 100%;
  height: 100%;
}

.loan-purchase-transaction {
  padding: 0 4px 4px 4px;
  height: calc(100vh - 42px);
  display: flex;
  flex-direction: column;
}
.loan-purchase-transaction .panel-nav {
  justify-content: flex-start;
  display: flex;
  align-items: center;
  flex-direction: row;
  background: initial;
  height: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 0 41px 0;
}
.loan-purchase-transaction .panel-nav h2 {
  margin: 0;
  padding: 0 8px;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  color: #002D41;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  line-height: 32px;
  position: relative;
  height: 100%;
  background: initial;
}
.loan-purchase-transaction .panel-nav h2 .red-label {
  color: #FF2B00 !important;
}
.loan-purchase-transaction .panel-nav > div {
  width: 200px;
}
.loan-purchase-transaction .panel-nav > div:empty {
  display: none;
}
.loan-purchase-transaction button,
.loan-purchase-transaction .button-view,
.loan-purchase-transaction .layout-standart-button {
  border: 1px solid #0ca597;
  height: 21px;
  background: #fff;
  border-radius: 2px;
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  line-height: 21px;
  box-sizing: border-box;
  color: #0ca597;
  padding: 0 8px;
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: 0.1s;
  position: relative;
  overflow: hidden;
}
.loan-purchase-transaction button:hover, .loan-purchase-transaction button:active, .loan-purchase-transaction button:active:focus,
.loan-purchase-transaction .button-view:hover,
.loan-purchase-transaction .button-view:active,
.loan-purchase-transaction .button-view:active:focus,
.loan-purchase-transaction .layout-standart-button:hover,
.loan-purchase-transaction .layout-standart-button:active,
.loan-purchase-transaction .layout-standart-button:active:focus {
  border: 1px solid #027373;
  color: #027373;
  transition: 0.1s;
}
.loan-purchase-transaction button + div,
.loan-purchase-transaction .button-view + div,
.loan-purchase-transaction .layout-standart-button + div {
  margin-left: 8px;
}
.loan-purchase-transaction a.layout-standart-button,
.loan-purchase-transaction button.layout-standart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #0ca597;
  color: #0ca597 !important;
  box-shadow: none;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.loan-purchase-transaction a.layout-standart-button:hover,
.loan-purchase-transaction button.layout-standart-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #fff;
  border: 1px solid #28aca1;
}
.loan-purchase-transaction a.layout-standart-button:active, .loan-purchase-transaction a.layout-standart-button:active:focus, .loan-purchase-transaction a.layout-standart-button:focus,
.loan-purchase-transaction button.layout-standart-button:active,
.loan-purchase-transaction button.layout-standart-button:active:focus,
.loan-purchase-transaction button.layout-standart-button:focus {
  background-color: #c4e9e6;
  border: 1px solid #0a9487;
}
.loan-purchase-transaction a.layout-standart-button[disabled], .loan-purchase-transaction a.layout-standart-button.disabled,
.loan-purchase-transaction button.layout-standart-button[disabled],
.loan-purchase-transaction button.layout-standart-button.disabled {
  pointer-events: none;
  background: #fff;
  border: 1px solid #c9c9c9 !important;
  color: #cccccc !important;
}
.loan-purchase-transaction a.layout-red-button,
.loan-purchase-transaction button.layout-red-button {
  background-color: #f44336;
  border: solid 1px #f44336;
  color: #fff !important;
  box-shadow: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 40px 0 0 0 !important;
}
.loan-purchase-transaction a.layout-red-button:hover,
.loan-purchase-transaction button.layout-red-button:hover {
  box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
  background-color: #f44336;
  border: 1px solid #f44336;
}
.loan-purchase-transaction a.layout-red-button:active, .loan-purchase-transaction a.layout-red-button:active:focus, .loan-purchase-transaction a.layout-red-button:focus,
.loan-purchase-transaction button.layout-red-button:active,
.loan-purchase-transaction button.layout-red-button:active:focus,
.loan-purchase-transaction button.layout-red-button:focus {
  background-color: #a8342b;
  border: 1px solid #a8342b;
}
.loan-purchase-transaction a.layout-red-button:disabled, .loan-purchase-transaction a.layout-red-button.disabled,
.loan-purchase-transaction button.layout-red-button:disabled,
.loan-purchase-transaction button.layout-red-button.disabled {
  pointer-events: none;
  background: #e0e0e0;
  border: 1px solid #c9c9c9;
  color: #cccccc;
}
.loan-purchase-transaction .milestones-scroll-grid-main-section {
  background: #fff;
  margin-top: 5px;
  height: initial;
  min-height: initial;
  width: 1250px;
}
.loan-purchase-transaction .milestones-scroll-grid-main-section .milestones-scroll-grid {
  min-height: initial;
  height: calc(100% - 40px);
}
.loan-purchase-transaction .milestones-scroll-grid-main-section .milestones-scroll-grid .grid-module-viewport-content-row.purchase-row > .grid-module-viewport-content-cell,
.loan-purchase-transaction .milestones-scroll-grid-main-section .milestones-scroll-grid .grid-module-viewport-content-row.purchase-row > .grid-module-viewport-content-cell:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0) !important;
}
.loan-purchase-transaction .milestones-scroll-grid-main-section .milestones-scroll-grid .grid-module-viewport-content-row.purchase-row:hover > .grid-module-viewport-content-cell {
  border-top: 1px solid #57c0b7;
  border-bottom: 1px solid #57c0b7 !important;
}
.loan-purchase-transaction .milestones-scroll-grid-main-section .milestones-scroll-grid .grid-module-viewport-content-row.purchase-submission-row > .grid-module-viewport-content-cell {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.loan-purchase-transaction .milestones-scroll-grid-main-section .milestones-scroll-grid .grid-module-viewport-content-row.purchase-submission-row > .grid-module-viewport-content-cell > span {
  height: 27px !important;
  line-height: 27px !important;
}
.loan-purchase-transaction .milestones-scroll-grid-main-section .milestones-scroll-grid .grid-module-viewport-content-row.purchase-submission-row:hover > .grid-module-viewport-content-cell {
  border-top: 1px solid #57c0b7;
  border-bottom: 1px solid #57c0b7;
}
.loan-purchase-transaction .purchase-panel {
  background: #fff;
  border-radius: 2px;
  padding: 9px 8px 9px 8px;
  width: 1350px;
}
.loan-purchase-transaction .purchase-panel + .purchase-panel-wrapper {
  margin-top: 4px;
}
.loan-purchase-transaction .purchase-panel.short-panel {
  width: 620px;
}
.loan-purchase-transaction .purchase-panel.transaction-panel {
  width: 100%;
}
.loan-purchase-transaction .purchase-panel.calculation-panel {
  width: 665px;
}
.loan-purchase-transaction .purchase-panel + .purchase-panel,
.loan-purchase-transaction .purchase-panel + .purchase-panel-texteditor,
.loan-purchase-transaction .purchase-panel + .purchase-panel-texteditor-transaction {
  margin-top: 4px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-h {
  font-family: Roboto-Medium, sans-serif;
  height: 32px;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 10px;
  border-bottom: 1px solid #e8edf2;
  color: #304156;
  position: relative;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-inline-row {
  font-family: Roboto-Regular;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  min-height: 20px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-inline-row + .purchase-panel-inline-row {
  margin-top: 4px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-column {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 24px;
  color: #304156;
  align-items: flex-start;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-column a + a,
.loan-purchase-transaction .purchase-panel .purchase-panel-column a + button,
.loan-purchase-transaction .purchase-panel .purchase-panel-column button + a,
.loan-purchase-transaction .purchase-panel .purchase-panel-column button + button {
  margin-top: 4px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-buttons {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  height: 24px;
  line-height: 24px;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-buttons a + a,
.loan-purchase-transaction .purchase-panel .purchase-panel-buttons a + button,
.loan-purchase-transaction .purchase-panel .purchase-panel-buttons button + a,
.loan-purchase-transaction .purchase-panel .purchase-panel-buttons button + button {
  margin-left: 4px !important;
  margin-top: 0 !important;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-buttons + .layout-red-button {
  margin-left: 0 !important;
  margin-top: 24px !important;
}
.loan-purchase-transaction .purchase-panel .purchase-calculation-row {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  min-height: 24px;
  display: grid;
  grid-template-columns: 104px 180px 50px 110px;
}
.loan-purchase-transaction .purchase-panel .purchase-calculation-row label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.43 !important;
  color: #304156 !important;
  align-items: center;
  display: flex;
}
.loan-purchase-transaction .purchase-panel .purchase-calculation-row label + div {
  padding-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.loan-purchase-transaction .purchase-panel .purchase-calculation-row label + div + label {
  padding-left: 8px;
}
.loan-purchase-transaction .purchase-panel .purchase-calculation-row.three-rows {
  grid-template-columns: 135px 170px 312px;
}
.loan-purchase-transaction .purchase-panel .purchase-calculation-row.short-row {
  grid-template-columns: 135px 170px 50px 110px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  min-height: 24px;
  display: grid;
  grid-template-columns: 104px 180px 50px 110px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.43 !important;
  color: #304156 !important;
  align-items: center;
  display: flex;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row label + div {
  padding-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row label + div + label {
  padding-left: 8px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row.three-rows {
  grid-template-columns: 135px 170px 312px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row.short-row {
  grid-template-columns: 135px 170px 50px 110px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-transaction {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  min-height: 24px;
  display: grid;
  grid-template-columns: 118px 300px 146px 110px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-transaction label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.43 !important;
  color: #304156 !important;
  align-items: center;
  display: flex;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-transaction label + div {
  padding-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-transaction label + div + label {
  padding-left: 8px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-transaction.three-rows {
  grid-template-columns: 135px 170px 312px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-transaction.short-row {
  grid-template-columns: 135px 170px 50px 110px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-2 {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  min-height: 24px;
  display: grid;
  grid-template-columns: 135px 225px 130px 110px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-2 label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.43 !important;
  color: #304156 !important;
  align-items: center;
  display: flex;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-2 label + div {
  margin-left: 8px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-2.three-rows {
  grid-template-columns: 135px 170px 312px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-2.short-row {
  grid-template-columns: 135px 170px 50px 110px;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-excel {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  min-height: 24px;
  display: flex;
  flex-direction: row;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-excel label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.43 !important;
  color: #1f7244 !important;
  align-items: center;
  display: flex;
  width: 164px;
  text-decoration: underline;
  cursor: pointer;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-excel label:hover, .loan-purchase-transaction .purchase-panel .purchase-panel-row-excel labelactive, .loan-purchase-transaction .purchase-panel .purchase-panel-row-excel label:active:focus {
  color: #014018 !important;
}
.loan-purchase-transaction .purchase-panel .purchase-panel-row-excel label:after {
  content: url(/content/img/excel.svg);
  width: 16px;
  margin-left: 8px;
}
.loan-purchase-transaction .purchase-panel .sd-content-row {
  height: 24px;
  width: 100%;
  display: inline-grid;
  grid-template-columns: 142px 160px 38px auto;
  color: #5f5f5f;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.loan-purchase-transaction .purchase-panel .sd-content-row.unspaced {
  justify-content: unset !important;
}
.loan-purchase-transaction .purchase-panel .sd-content-row .prehead {
  font-family: Roboto-Regular, sans-serif;
  font-size: 11px;
  color: #828d99;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
}
.loan-purchase-transaction .purchase-panel .sd-content-row > *:nth-child(3) {
  text-align: right;
}
.loan-purchase-transaction .purchase-panel .sd-content-row.service-providers {
  display: inline-grid;
  grid-template-columns: 170px 160px 38px auto;
}
.loan-purchase-transaction .purchase-panel .sd-content-row.service-providers > div:nth-child(4) {
  text-align: right;
}
.loan-purchase-transaction .purchase-panel .sd-content-row label + div.loan-numbers {
  width: 100% !important;
}
.loan-purchase-transaction .purchase-panel .sd-content-row .relative {
  position: relative;
}
.loan-purchase-transaction .purchase-panel .sd-content-row a,
.loan-purchase-transaction .purchase-panel .sd-content-row button {
  background-color: rgba(255, 255, 255, 0) !important;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loan-purchase-transaction .purchase-panel .sd-content-row a.open_new,
.loan-purchase-transaction .purchase-panel .sd-content-row button.open_new {
  width: 24px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/ic-action-popup.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center right;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  margin-left: 8px;
}
.loan-purchase-transaction .purchase-panel .sd-content-row a.button-download,
.loan-purchase-transaction .purchase-panel .sd-content-row button.button-download {
  width: 24px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/ribbon-download-24-px-rest.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center right;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  margin-left: 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.loan-purchase-transaction .purchase-panel .sd-content-row a:hover.open_new, .loan-purchase-transaction .purchase-panel .sd-content-row a:active.open_new, .loan-purchase-transaction .purchase-panel .sd-content-row a:active:focus.open_new,
.loan-purchase-transaction .purchase-panel .sd-content-row button:hover.open_new,
.loan-purchase-transaction .purchase-panel .sd-content-row button:active.open_new,
.loan-purchase-transaction .purchase-panel .sd-content-row button:active:focus.open_new {
  background-image: url(/content/img/ic-action-popup-active.svg);
}
.loan-purchase-transaction .purchase-panel .sd-content-row a:hover.button-download, .loan-purchase-transaction .purchase-panel .sd-content-row a:active.button-download, .loan-purchase-transaction .purchase-panel .sd-content-row a:active:focus.button-download,
.loan-purchase-transaction .purchase-panel .sd-content-row button:hover.button-download,
.loan-purchase-transaction .purchase-panel .sd-content-row button:active.button-download,
.loan-purchase-transaction .purchase-panel .sd-content-row button:active:focus.button-download {
  background-image: url(/content/img/ribbon-download-24-px-hover-pressed.svg);
}
.loan-purchase-transaction .purchase-panel .sd-content-row .select-dropdown {
  width: 100%;
  height: 20px;
}
.loan-purchase-transaction .purchase-panel .sd-content-row .select-dropdown .Select-control {
  height: 22px !important;
  font-size: 14px !important;
}
.loan-purchase-transaction .purchase-panel .sd-content-row .select-dropdown .Select-control div {
  height: 22px !important;
  line-height: 22px !important;
}
.loan-purchase-transaction .purchase-panel .sd-content-row .select-dropdown .Select-arrow-zone {
  height: 20px;
  line-height: 20px;
}
.loan-purchase-transaction .purchase-panel .sd-content-row .select-dropdown .Select-arrow-zone:before {
  line-height: 1.333rem;
  content: url(/content/img/ic-action-input-dropdown-light.svg);
  text-align: center;
  background: none;
  font-size: 18px;
  padding: 0;
  margin: 0;
  position: absolute;
  color: rgba(255, 255, 255, 0) !important;
}
.loan-purchase-transaction .purchase-panel .sd-content-row .select-dropdown .Select-menu-outer .Select-menu .Select-option {
  height: 20px !important;
  line-height: 20px !important;
  font-size: 14px !important;
}
.loan-purchase-transaction .purchase-panel .sd-content-row .select-dropdown + label {
  padding-left: 8px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.loan-purchase-transaction .purchase-panel .sd-content-row .Select.is-disabled > .Select-control {
  background: rgba(255, 255, 255, 0) !important;
}
.loan-purchase-transaction .purchase-panel-texteditor {
  background: #fafafa;
  padding: 9px 8px 9px 8px;
  width: 620px;
  height: 200px;
}
.loan-purchase-transaction .purchase-panel-texteditor > div {
  height: 100%;
}
.loan-purchase-transaction .purchase-panel-texteditor > div > div {
  height: 100%;
}
.loan-purchase-transaction .purchase-panel-texteditor-transaction {
  background: #fafafa;
  padding: 9px 8px 9px 8px;
  width: 665px;
  height: 200px;
}
.loan-purchase-transaction .purchase-panel-texteditor-transaction > div {
  height: 100%;
}
.loan-purchase-transaction .purchase-panel-texteditor-transaction > div > div {
  height: 100%;
}
.loan-purchase-transaction .purchase-panel-wrapper {
  display: grid;
  grid-template-columns: 936px 410px;
  width: 100%;
  grid-gap: 4px;
  margin: 0;
}
.loan-purchase-transaction .purchase-panel-wrapper.calculation-wrapper {
  grid-template-columns: 891px 355px;
}
.loan-purchase-transaction .purchase-panel-wrapper h3 {
  font-family: Roboto-Medium, sans-serif;
  color: #304156;
  font-size: 16px;
  line-height: 32px;
  margin: 0 0 6px 0;
  padding: 0 4px;
  border-bottom: 1px solid #dcdedf;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.loan-purchase-transaction .purchase-panel-wrapper h3 button {
  margin-left: 20px;
}
.loan-purchase-transaction .purchase-panel-wrapper .remove {
  display: flex;
  height: 16px;
  width: 16px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  background: url(/content/img/ic-acction-delete.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  right: 8px;
  top: 4px;
  position: absolute;
}
.loan-purchase-transaction .purchase-panel-wrapper > div {
  background: #fafafa;
  border-radius: 2px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  padding: 0 8px 8px 8px;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-header-row {
  display: grid;
  grid-template-columns: 97px 333px 110px 110px 110px 110px 50px;
  border-bottom: 1px solid #ccc;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-header-row > div {
  font-family: Roboto-Medium, sans-serif;
  padding: 0 4px;
  text-align: right;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-header-row > div:nth-child(1), .loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-header-row > div:nth-child(2) {
  text-align: left;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-label-row {
  border-bottom: 1px solid #ccc;
  font-family: Roboto-Medium, sans-serif;
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 4px;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-row {
  display: grid;
  grid-template-columns: 97px 333px 110px 110px 110px 110px 50px;
  border-bottom: 1px solid #ccc;
  height: 24px;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-row > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 4px;
  position: relative;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-row > div:nth-child(1), .loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-row > div:nth-child(2) {
  justify-content: flex-start;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-row > div > label {
  text-align: right;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-row > div > div {
  width: 90px;
  text-align: right;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-row > div > div + div,
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-row > div > div + label {
  margin-left: 4px;
  width: initial;
  white-space: nowrap;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-row label {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.loan-purchase-transaction .purchase-panel-wrapper > div .purchase-table-row.total-row {
  font-family: Roboto-Medium, sans-serif;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right {
  background: #fafafa;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .sd-content-row.service-providers {
  display: inline-grid;
  grid-template-columns: auto 160px 30px;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel {
  width: inherit;
  background: #fff;
  border-radius: 2px;
  padding: 9px 8px 9px 8px;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel .web-service-link {
  width: fit-content;
  white-space: nowrap;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel-row {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  min-height: 24px;
  display: flex;
  flex-direction: row;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel-row label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.43 !important;
  color: #304156 !important;
  align-items: center;
  display: flex;
  width: 164px;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel-row label + div {
  margin-left: 8px;
  width: 90px !important;
  text-align: right;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel-row label + label {
  margin-left: 8px;
  width: initial !important;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel-row-excel {
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px !important;
  line-height: 1.43;
  color: #304156;
  align-items: center;
  justify-content: flex-start;
  min-height: 24px;
  display: flex;
  flex-direction: row;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel-row-excel label {
  font-family: Roboto-Regular, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.43 !important;
  color: #1f7244 !important;
  align-items: center;
  display: flex;
  width: 164px;
  text-decoration: underline;
  cursor: pointer;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel-row-excel label:hover, .loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel-row-excel labelactive, .loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel-row-excel label:active:focus {
  color: #014018 !important;
}
.loan-purchase-transaction .purchase-panel-wrapper > div.purchase-panel-right .purchase-panel-row-excel label:after {
  content: url(/content/img/excel.svg);
  width: 16px;
  margin-left: 8px;
}

.underwriting-tab .underwriting-tab-wrapper {
  padding: 0 4px 4px 4px;
  height: calc(100vh - 42px);
  display: flex;
  flex-direction: column;
  width: calc(100vw - 165px);
}
.underwriting-tab .underwriting-tab-wrapper .toolbar-panel {
  margin: 0 4px 0 0 !important;
  width: 100%;
}
.underwriting-tab .underwriting-tab-wrapper .toolbar-panel > div {
  align-items: center;
  width: 100%;
  position: relative;
}
.underwriting-tab .underwriting-tab-wrapper .toolbar-panel > div .print-toolbutton {
  position: absolute;
  top: -8px;
  right: 0px;
}
.underwriting-tab .panel-nav {
  justify-content: flex-start;
  display: flex;
  align-items: center;
  flex-direction: row;
  background: initial;
  height: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 0 41px 0;
  width: 100%;
}
.underwriting-tab .panel-nav h2 {
  margin: 0;
  padding: 0 8px;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  color: #002D41;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  line-height: 32px;
  position: relative;
  height: 100%;
  background: initial;
}
.underwriting-tab .uw-condition-wrap {
  width: 100%;
  grid-gap: 4px;
}
.underwriting-tab .uw-condition-wrap .uw-condition-grid {
  margin: 4px 0;
  height: calc(100% - 76px);
  width: 100%;
}
.underwriting-tab .uw-condition-wrap .uw-condition-grid .uw-grid-wrap {
  height: 100%;
  width: 100%;
}
.underwriting-tab .uw-condition-wrap .uw-condition-grid .uw-grid-wrap .header-row {
  grid-template-columns: 35px auto 110px 24px;
  padding-right: 4px;
}
.underwriting-tab .uw-condition-wrap .uw-condition-grid .uw-grid-wrap .header-row > div span {
  cursor: initial;
}
.underwriting-tab .uw-condition-wrap .uw-condition-grid .uw-grid-wrap .header-row .filter-button {
  cursor: pointer;
}
.underwriting-tab .uw-condition-wrap .uw-condition-grid .uw-grid-wrap .content-row.filter-row {
  grid-template-columns: 35px auto 110px 24px;
  padding-right: 4px;
}
.underwriting-tab .uw-condition-wrap .uw-condition-grid .uw-grid-wrap .content-row-wrapper {
  height: calc(100% - 24px);
  width: 100%;
}
.underwriting-tab .uw-condition-wrap .uw-condition-grid .uw-grid-wrap .content-row-wrapper .content-row {
  grid-template-columns: 35px auto 110px 24px;
}
.underwriting-tab .uw-condition-wrap .uw-condition-grid .uw-grid-wrap .content-row-wrapper .content-row > div:nth-child(2) {
  font-family: Roboto-Regular, sans-serif !important;
  font-weight: 100;
}
.underwriting-tab .uw-condition-wrap .uw-condition-workflow {
  background: #fff;
  margin: 4px 0;
  height: calc(100% - 76px);
}

.select-readonly {
  min-width: 100%;
  width: 100%;
  height: 21px;
  border-radius: 2px;
  line-height: 1.43;
  box-sizing: border-box;
  text-align: left;
  padding: 0 5px !important;
  border: 1px solid #c9c9c9 !important;
  background: #fafafa;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: text !important;
}
.select-readonly:active, .select-readonly:active:focus {
  border: 1px solid #0ca597 !important;
  font-family: Roboto-Regular, sans-serif;
  font-size: 14px;
}

.cover-letter-editor-wrap .editor {
  height: 100%;
}
.cover-letter-editor-wrap .editor > div {
  height: 100%;
}
.cover-letter-editor-wrap .menu-editor-toolbar {
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  height: 40px;
  display: inline-flex;
  width: 100%;
  padding: 3px 4px;
  justify-content: flex-start;
}
.cover-letter-editor-wrap .menu-editor-toolbar .splitter {
  border-right: 1px solid #dcdedf;
  padding-right: 4px;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item {
  color: #0ca597;
  height: 32px;
  min-width: 32px;
  display: flex !important;
  padding: 4px;
  margin-right: 0px;
  cursor: pointer;
  /***/
  /***/
}
.cover-letter-editor-wrap .menu-editor-toolbar > span:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item:before {
  height: 24px;
  width: 24px;
  border-radius: 1px;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_bold:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_bold:before {
  content: url(/content/img/format-bold-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_bold:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_bold[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.format_bold:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_bold:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_bold:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_bold[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_bold:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_bold:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_italic:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_italic:before {
  content: url(/content/img/format-italic-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_italic:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_italic[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.format_italic:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_italic:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_italic:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_italic[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_italic:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_italic:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_underlined:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_underlined:before {
  content: url(/content/img/format-underlined-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_underlined:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_underlined[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.format_underlined:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_underlined:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_underlined:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_underlined[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_underlined:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_underlined:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.text_fields:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.text_fields:before {
  content: url(/content/img/format-subscript-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.text_fields:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.text_fields[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.text_fields:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.text_fields:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.text_fields:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.text_fields[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.text_fields:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.text_fields:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.title:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.title:before {
  content: url(/content/img/format-superscript-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.title:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.title[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.title:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.title:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.title:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.title[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.title:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.title:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.strikethrough_s:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.strikethrough_s:before {
  content: url(/content/img/format-strikethrough-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.strikethrough_s:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.strikethrough_s[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.strikethrough_s:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.strikethrough_s:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.strikethrough_s:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.strikethrough_s[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.strikethrough_s:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.strikethrough_s:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.code:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.code:before {
  content: url(/content/img/format-code-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.code:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.code[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.code:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.code:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.code:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.code[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.code:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.code:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_quote:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_quote:before {
  content: url(/content/img/format-quote-16-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_quote:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_quote[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.format_quote:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_quote:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_quote:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_quote[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_quote:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_quote:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_link:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_link:before {
  content: url(/content/img/format-link-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_link:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_link[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.format_link:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_link:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_link:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_link[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_link:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_link:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.looks_one:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.looks_one:before {
  content: url(/content/img/format-h-1-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.looks_one:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.looks_one[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.looks_one:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.looks_one:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.looks_one:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.looks_one[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.looks_one:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.looks_one:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.looks_two:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.looks_two:before {
  content: url(/content/img/format-h-2-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.looks_two:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.looks_two[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.looks_two:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.looks_two:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.looks_two:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.looks_two[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.looks_two:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.looks_two:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.flip:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.flip:before {
  content: url(/content/img/element-grid-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.flip:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.flip[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.flip:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.flip:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.flip:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.flip[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.flip:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.flip:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.cached:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.cached:before {
  content: url(/content/img/element-repitor-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.cached:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.cached[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.cached:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.cached:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.cached:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.cached[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.cached:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.cached:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.wrap_text:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.wrap_text:before {
  content: url(/content/img/action-merging-paragraphs-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.wrap_text:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.wrap_text[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.wrap_text:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.wrap_text:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.wrap_text:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.wrap_text[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.wrap_text:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.wrap_text:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.undo:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.undo:before {
  content: url(/content/img/action-undo-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.undo:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.undo[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.undo:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.undo:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.undo:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.undo[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.undo:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.undo:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.functions,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.functions {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.functions:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.functions:before {
  content: url(/content/img/element-formula-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.functions:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.functions[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.functions:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.functions:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.functions:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.functions[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.functions:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.functions:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.check_box,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.check_box {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.check_box:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.check_box:before {
  content: url(/content/img/element-checkbox-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.check_box:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.check_box[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.check_box:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.check_box:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.check_box:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.check_box[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.check_box:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.check_box:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.toc,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.toc {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.toc:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.toc:before {
  content: url(/content/img/element-checkbox-list-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.toc:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.toc[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.toc:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.toc:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.toc:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.toc[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.toc:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.toc:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_increase,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_increase {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_increase:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_increase:before {
  content: url(/content/img/format-indent-increase-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_increase:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_increase[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_increase:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_increase:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_increase:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_increase[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_increase:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_increase:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_decrease,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_decrease {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_decrease:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_decrease:before {
  content: url(/content/img/format-indent-decrease-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_decrease:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_decrease[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_decrease:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_indent_decrease:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_decrease:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_decrease[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_decrease:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_indent_decrease:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_left,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_left {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_left:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_left:before {
  content: url(/content/img/format-align-left-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_left:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_left[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_left:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_left:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_left:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_left[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_left:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_left:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_center,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_center {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_center:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_center:before {
  content: url(/content/img/format-align-center-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_center:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_center[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_center:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_center:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_center:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_center[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_center:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_center:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_right,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_right {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_right:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_right:before {
  content: url(/content/img/format-align-right-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_right:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_right[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_right:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_right:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_right:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_right[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_right:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_right:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_justify,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_justify {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_justify:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_justify:before {
  content: url(/content/img/format-align-justify-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_justify:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_justify[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_justify:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.format_align_justify:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_justify:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_justify[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_justify:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.format_align_justify:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.unfold_more,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.unfold_more {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.unfold_more:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.unfold_more:before {
  content: url(/content/img/element-space-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.unfold_more:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.unfold_more[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.unfold_more:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.unfold_more:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.unfold_more:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.unfold_more[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.unfold_more:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.unfold_more:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.call_split,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.call_split {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.call_split:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.call_split:before {
  content: url(/content/img/element-inline-condition-formula-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.call_split:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.call_split[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.call_split:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.call_split:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.call_split:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.call_split[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.call_split:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.call_split:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.shuffle,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.shuffle {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.shuffle:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.shuffle:before {
  content: url(/content/img/element-block-condition-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.shuffle:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.shuffle[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.shuffle:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.shuffle:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.shuffle:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.shuffle[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.shuffle:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.shuffle:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.loop,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.loop {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.loop:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.loop:before {
  content: url(/content/img/element-looper-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.loop:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.loop[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.loop:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.loop:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.loop:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.loop[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.loop:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.loop:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_center,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_center {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_center:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_center:before {
  content: url(/content/img/element-page-break-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_center:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_center[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_center:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_center:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_center:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_center[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_center:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_center:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_bottom,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_bottom {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_bottom:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_bottom:before {
  content: url(/content/img/element-hr-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_bottom:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_bottom[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_bottom:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_bottom:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_bottom:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_bottom[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_bottom:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_bottom:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_top,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_top {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_top:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_top:before {
  content: url(/content/img/element-hr-top-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_top:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_top[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_top:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.vertical_align_top:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_top:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_top[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_top:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.vertical_align_top:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.insert_chart,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_chart {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.insert_chart:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_chart:before {
  content: url(/content/img/element-graphs-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.insert_chart:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.insert_chart[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.insert_chart:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.insert_chart:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_chart:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_chart[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_chart:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_chart:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.insert_image,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_image {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.insert_image:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_image:before {
  content: url(/content/img/element-image-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.insert_image:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.insert_image[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.insert_image:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.insert_image:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_image:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_image[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_image:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.insert_image:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.sharp,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.sharp {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.sharp:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.sharp:before {
  content: url(/content/img/format-sharp-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.sharp:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.sharp[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.sharp:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.sharp:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.sharp:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.sharp[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.sharp:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.sharp:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.indvisible,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.indvisible {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.indvisible:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.indvisible:before {
  content: url(/content/img/element-page-combine-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.indvisible:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.indvisible[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.indvisible:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.indvisible:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.indvisible:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.indvisible[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.indvisible:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.indvisible:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.view-code, .cover-letter-editor-wrap .menu-editor-toolbar > span.document-code-show,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.view-code,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-code-show {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.view-code:before, .cover-letter-editor-wrap .menu-editor-toolbar > span.document-code-show:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.view-code:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-code-show:before {
  content: url(/content/img/format-code-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.view-code:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.view-code[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.view-code:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.view-code:active:focus, .cover-letter-editor-wrap .menu-editor-toolbar > span.document-code-show:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.document-code-show[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.document-code-show:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.document-code-show:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.view-code:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.view-code[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.view-code:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.view-code:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-code-show:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-code-show[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-code-show:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-code-show:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.document-cell-merge,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-cell-merge {
  font-size: 0;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.document-cell-merge:before,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-cell-merge:before {
  content: url(/content/img/format-celldividable-24-px.svg);
}
.cover-letter-editor-wrap .menu-editor-toolbar > span.document-cell-merge:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span.document-cell-merge[data-active=true], .cover-letter-editor-wrap .menu-editor-toolbar > span.document-cell-merge:active, .cover-letter-editor-wrap .menu-editor-toolbar > span.document-cell-merge:active:focus,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-cell-merge:hover,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-cell-merge[data-active=true],
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-cell-merge:active,
.cover-letter-editor-wrap .menu-editor-toolbar .toolbar-item.document-cell-merge:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span {
  color: #a9a9a9;
}
.cover-letter-editor-wrap .menu-editor-toolbar > span:hover, .cover-letter-editor-wrap .menu-editor-toolbar > span:active, .cover-letter-editor-wrap .menu-editor-toolbar > span:active:focus, .cover-letter-editor-wrap .menu-editor-toolbar > span:focus, .cover-letter-editor-wrap .menu-editor-toolbar > span[data-active=true] {
  color: #027373;
}
.cover-letter-editor-wrap .menu-editor-toolbar .slate-font-size-plugin-input {
  width: 26px;
  margin-right: 5px;
  height: 18px;
  line-height: 18px;
  text-align: right;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select {
  width: 175px;
  min-height: 32px;
  border-right: 1px solid #dcdedf;
  padding-right: 4px;
  align-items: center;
  display: flex;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module {
  width: 100%;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module .Select-control {
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  height: 32px !important;
  line-height: 32px;
  border-radius: 0 !important;
  border: 1px solid #c9c9c9;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module .Select-control .Select-value {
  height: 32px !important;
  line-height: 32px !important;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module .Select-control .Select-value > span > div {
  height: 32px !important;
  line-height: 32px !important;
  font-family: Roboto-Medium, sans-serif !important;
  color: #0ca597 !important;
  font-size: 16px !important;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module .Select.is-focused.is-open .Select-control {
  border: 1px solid #ceedea !important;
  background: #ceedea;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module > span {
  width: 100%;
  box-shadow: none !important;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module > span .select-field {
  height: 32px;
  line-height: 32px;
  width: 100% !important;
  max-width: 68px !important;
  margin: 0;
  font-family: Roboto-Medium, sans-serif !important;
  color: #0ca597 !important;
  font-size: 16px !important;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module > span .Select-arrow-zone {
  border: 0 !important;
  margin: 0 !important;
  width: 16px !important;
  box-shadow: none !important;
  min-width: 16px !important;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module > span .Select-arrow-zone:before {
  height: 16px;
  width: 16px;
  position: static;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module > span .Select-clear,
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module > span .Select-arrow {
  display: none !important;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module .Select-menu-outer {
  width: 170px;
  max-width: 170px;
  padding: 0;
  border: 2px solid rgba(12, 165, 151, 0.2) !important;
  max-height: initial !important;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module .Select-menu-outer .Select-menu {
  max-height: initial !important;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module .Select-menu-outer .Select-menu .Select-option {
  padding: 0 8px;
  font-family: Roboto-Regular, sans-serif !important;
  color: #5f5f5f !important;
  font-size: 14px !important;
  margin: 0;
  height: 24px !important;
  line-height: 24px !important;
}
.cover-letter-editor-wrap .menu-editor-toolbar .editor-style-select .select-module .Select-menu-outer .Select-menu .Select-option > div {
  margin-top: 0 !important;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 24px !important;
}
.cover-letter-editor-wrap .open-list-control {
  font-size: 0;
  display: flex;
  width: 44px;
  height: 32px;
  padding: 4px;
  border-radius: 1px;
  justify-content: center;
  align-content: center;
}
.cover-letter-editor-wrap .open-list-control:before {
  content: url(/content/img/format-bullets-list-24-px.svg);
}
.cover-letter-editor-wrap .open-list-control:after {
  content: url(/content/img/ic-action-input-dropdown.svg);
  height: 24px;
  display: flex;
  align-items: center;
  transform: rotate(0deg);
  transition: 0.3s;
}
.cover-letter-editor-wrap .open-list-control[data-active=true], .cover-letter-editor-wrap .open-list-control:active, .cover-letter-editor-wrap .open-list-control:active:focus {
  background-color: #ceedea;
}
.cover-letter-editor-wrap .open-list-control[data-active=true]:after, .cover-letter-editor-wrap .open-list-control:active:after, .cover-letter-editor-wrap .open-list-control:active:focus:after {
  content: url(/content/img/ic-action-input-dropdown.svg);
  height: 24px;
  display: flex;
  transform: rotate(180deg);
  transition: 0.3s;
  align-items: center;
}
.cover-letter-editor-wrap .open-list-control:hover {
  background-color: #ceedea;
}

.drop-popup-wrapper[readonly] .drop-popup, .drop-popup-wrapper[data-state=ReadOnly] .drop-popup {
  background: #f0f5f7 !important;
}
.drop-popup-wrapper[readonly] .drop-popup input.field, .drop-popup-wrapper[data-state=ReadOnly] .drop-popup input.field {
  background: rgba(255, 255, 255, 0) !important;
}

/*******Loan History******/
.loan-history-popup {
  border-radius: 2px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px rgba(12, 165, 151, 0.4);
  background: #fff;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  line-height: 1.17;
  color: #304156;
  padding: 4px;
  display: flex;
  flex-direction: column;
}
.loan-history-popup .wrapper-items {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ebf0f0;
}
.loan-history-popup .wrapper-items .item {
  padding: 2px;
  width: 200px;
  color: #000;
  font-family: Roboto-Regular, sans-serif;
  font-size: 10px;
}
.loan-history-popup .wrapper-items .item + .item {
  color: rgba(0, 0, 0, 0.54);
  margin-left: 10px;
}
.loan-history-popup .wrapper-header-items {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ebf0f0;
}
.loan-history-popup .wrapper-header-items .item {
  padding: 2px;
  width: 200px;
  color: #000;
  font-family: Roboto-Medium, sans-serif;
  font-size: 10px;
}
.loan-history-popup .wrapper-header-items .item + .item {
  margin-left: 10px;
}
.loan-history-popup .footer-wrap {
  height: auto;
}
.loan-history-popup .history-empty {
  padding: 2px;
  width: 100px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 10px;
  color: #000;
}
.loan-history-popup .prev-loan-history-data,
.loan-history-popup .next-loan-history-data {
  opacity: 0.87;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.4;
  letter-spacing: normal;
  text-align: right;
  color: #0ca597;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.loan-history-popup .prev-loan-history-data + div,
.loan-history-popup .next-loan-history-data + div {
  margin: 0 4px;
}
.loan-history-popup .header-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 18px;
  background: #fafafa;
  padding: 0 0 0 2px;
}
.loan-history-popup .header-wrap span {
  opacity: 0.87;
  font-family: Roboto-Medium, sans-serif;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: normal;
  color: rgba(74, 74, 74, 0.54);
  text-transform: uppercase;
}
.loan-history-popup .header-wrap .close-loan-history-popup {
  min-width: 16px;
  height: 16px;
  border-radius: 1px;
  background-color: rgba(255, 255, 255, 0);
  border: solid 0px;
  color: #0ca597;
  font-family: Roboto-Medium, sans-serif;
  font-size: 12px;
  line-height: 21px;
  box-shadow: none;
  padding: 0;
  margin-right: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.loan-history-popup .header-wrap .close-loan-history-popup:before {
  content: "";
  background: url(/content/img/base-close-history-12-px-rest.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  display: block;
}
.loan-history-popup .header-wrap .close-loan-history-popup:hover:before, .loan-history-popup .header-wrap .close-loan-history-popup:active:before, .loan-history-popup .header-wrap .close-loan-history-popup:active:focus:before {
  content: "";
  background: url(/content/img/base-close-history-12-px-hover-pressed.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  display: block;
}

/*************************/
.no-after:after {
  content: none !important;
  display: none !important;
}

.slate-inactive .slate-readonly {
  border: 1px solid #c9c9c9;
  background: rgba(255, 255, 255, 0);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  max-width: inherit;
  height: 100%;
  padding: 4px 8px;
  min-height: 21px;
  max-height: inherit;
  overflow-y: auto;
}
.slate-inactive .slate-readonly p {
  margin: 0 !important;
}

.doc-modals .doc-body-wrapper .workflow-panel-left tr[style="background-color: rgb(255, 153, 153);"]:hover {
  background-color: rgb(255, 178, 178) !important;
}
.doc-modals .doc-body-wrapper .workflow-panel-left tr[style="background-color: rgb(255, 153, 153);"]:hover td {
  background-color: rgb(255, 178, 178) !important;
}

.file-copy {
  background: url(/content/img/file_copy-24px.svg);
  width: 20px;
  background-size: contain;
  height: 20px;
  display: block !important;
  background-repeat: no-repeat;
}
.file-copy:hover, .file-copy:active, .file-copy:active:focus {
  background: url(/content/img/file_copy-24px-hover.svg);
  width: 20px;
  background-size: contain;
  height: 20px;
  display: block !important;
  background-repeat: no-repeat;
}

/***** SHIPPING *****/
.shipping-wrapper .shipping-panel-header {
  margin: 4px 0;
}
.shipping-wrapper .shipping-panel-header .shipping-panel-nav {
  justify-content: space-between;
  background: initial;
  height: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.shipping-wrapper .shipping-panel-header h2 {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background: initial;
  font-family: Roboto-Medium, sans-serif !important;
  font-size: 16px;
  color: #002D41;
  margin: 0;
  background: rgba(255, 255, 255, 0);
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
}
.shipping-wrapper .shipping-panel-wrapper {
  display: grid;
  grid-template-columns: 450px 390px;
  grid-gap: 4px;
  margin-left: 4px;
  margin-bottom: 4px;
}
.shipping-wrapper .shipping-panel {
  font-size: 14px;
  font-weight: 400;
  padding: 8px;
  box-sizing: border-box;
  background: #fff;
  border: 0;
  position: relative;
  box-shadow: none;
  font-family: Roboto-Regular, sans-serif;
  color: #000;
}
.shipping-wrapper .shipping-panel.dates-panel label {
  white-space: nowrap;
  line-height: 24px;
  min-width: 90px;
}
.shipping-wrapper .shipping-panel.dates-panel label.relative {
  position: relative;
}
.shipping-wrapper .shipping-panel.dates-panel label .button-download {
  width: 24px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/ribbon-download-24-px-rest.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center right;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  margin-left: 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.shipping-wrapper .shipping-panel.panel-providers label {
  white-space: nowrap;
  line-height: 24px;
  min-width: 122px;
}
.shipping-wrapper .shipping-panel.panel-providers label.relative {
  position: relative;
}
.shipping-wrapper .shipping-panel.panel-providers label .button-download {
  width: 24px;
  height: 20px;
  text-align: right;
  border: 0;
  background-color: rgba(255, 255, 255, 0) !important;
  background-image: url(/content/img/ribbon-download-24-px-rest.svg);
  box-shadow: none;
  outline: none !important;
  background-position: center right;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  margin-left: 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.shipping-wrapper .shipping-panel .shipping-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.shipping-wrapper .shipping-panel .shipping-row > label + div {
  width: 220px;
}
.shipping-wrapper .shipping-panel .shipping-row input.field {
  min-width: 90px !important;
  width: 90px;
}
.shipping-wrapper .shipping-panel .shipping-row.red-label {
  align-items: flex-start;
  justify-content: flex-start;
}
.shipping-wrapper .shipping-panel .shipping-row.red-label button {
  margin-top: 3px;
}
.shipping-wrapper .shipping-panel .shipping-row.red-label > div {
  display: flex;
  flex-direction: column;
}
.shipping-wrapper .shipping-panel .shipping-row.red-label label {
  color: #FF2B00;
  font-size: 12px;
  margin-left: 8px;
  line-height: 24px;
  white-space: pre-wrap;
}
.shipping-wrapper .shipping-panel .shipping-row.red-label + label {
  font-size: 12px;
}
.shipping-wrapper .shipping-panel.dates-panel {
  display: grid;
  grid-template-columns: 39% auto;
  grid-gap: 40px;
}
.shipping-wrapper .shipping-panel.panel-registration {
  background: #f0f5f7;
  width: 844px;
  margin-left: 4px;
  display: grid;
  grid-template-columns: 250px auto;
  grid-gap: 16px;
}
.shipping-wrapper .shipping-panel.panel-registration > div:nth-child(1) {
  padding-left: 30px;
}
.shipping-wrapper .shipping-panel.panel-registration h4 {
  font-family: Roboto-Medium, sans-serif;
  position: relative;
}
.shipping-wrapper .shipping-panel.panel-registration h4 + label {
  font-size: 12px;
}
.shipping-wrapper .shipping-panel.panel-registration h4:before {
  content: "";
  background: url(/content/img/mark-select-24-px.svg);
  background-repeat: no-repeat;
  position: absolute;
  height: 24px;
  width: 24px;
  top: 9px;
  left: -30px;
}
.shipping-wrapper .shipping-panel.panel-mers-registration {
  background: #fff;
  border: 1px solid #dcdedf;
  width: 844px;
  border-radius: 2px;
  padding: 8px 0;
  display: inline-flex;
  min-height: 64px;
}
.shipping-wrapper .shipping-panel.panel-mers-registration > div:nth-child(1) {
  padding-left: 38px;
  width: 204px;
}
.shipping-wrapper .shipping-panel.panel-mers-registration > div:nth-child(2) {
  width: calc(100% - 302px);
}
.shipping-wrapper .shipping-panel.panel-mers-registration > div {
  padding: 0 8px;
}
.shipping-wrapper .shipping-panel.panel-mers-registration > div:empty {
  display: none;
}
.shipping-wrapper .shipping-panel.panel-mers-registration > div + div {
  border-left: 2px solid #e8edf2;
}
.shipping-wrapper .shipping-panel.panel-mers-registration > div.mers-attachments {
  width: 120px;
}
.shipping-wrapper .shipping-panel.panel-mers-registration > div.mers-attachments > * + * {
  margin: 4px 0 0 0 !important;
}
.shipping-wrapper .shipping-panel.panel-mers-registration h4 {
  font-family: Roboto-Medium, sans-serif;
  position: relative;
}
.shipping-wrapper .shipping-panel.panel-mers-registration h4 + label {
  font-size: 12px;
}
.shipping-wrapper .shipping-panel.panel-mers-registration h4:before {
  content: "";
  background: url(/content/img/mark-select-24-px.svg);
  background-repeat: no-repeat;
  position: absolute;
  height: 24px;
  width: 24px;
  top: 9px;
  left: -30px;
}

.dropdown-menu {
  margin: 0;
}

.fico-score {
  display: flex !important;
  flex-direction: row;
}
.fico-score label {
  width: 72px;
}
.fico-score label + div {
  width: 37px;
  display: block !important;
}

.mergre-email-field {
  position: relative;
}
.mergre-email-field .chield-field {
  background: #ceedea;
  border: 1px solid #ceedea;
}
.mergre-email-field .delete-slate-button {
  display: flex;
  height: 17px;
  width: 17px;
  background-color: #fff;
  border: 2px solid #fff;
  box-shadow: none;
  position: absolute;
  top: -1px;
  right: 4px;
  background-image: url(/content/img/ic-acction-delete.svg);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.3s;
  color: #FF2B00 !important;
}
.mergre-email-field .delete-slate-button:hover, .mergre-email-field .delete-slate-button:active, .mergre-email-field .delete-slate-button:active:focus {
  background-color: #fed6d2;
}

.contextMenu {
  z-index: 11111111;
}

.fg-url {
  display: block;
}

a.help-link {
  color: #3276b1 !important;
  text-decoration: underline;
  font-family: Roboto-Medium, sans-serif;
}
a.help-link:hover {
  text-decoration: none;
}
a.help-link:active, a.help-link:active:focus {
  text-decoration: none;
  color: #214e75 !important;
}

.task-appraiser-info {
  display: inline-flex !important;
  margin-right: 4px;
}

.uw-history-info {
  position: absolute;
  border: 1px solid #F0F5F7;
  border-radius: 1px;
  padding: 8px;
  background: #fff;
  min-height: 140px;
  box-shadow: 1px 1px 6px #304156;
}
.uw-history-info .uw-history-info-header {
  font-family: Roboto-Medium, sans-serif;
  font-size: 14px;
  padding: 0;
  height: 24px;
  margin: 0 0 8px 0;
  border-bottom: 1px solid #F0F5F7;
}
.uw-history-info > div {
  max-height: calc(100% - 30px);
  display: block;
  height: 100%;
  overflow-y: auto;
}
.uw-history-info > div > div {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 18px;
}
.uw-history-info > div > div label {
  white-space: nowrap;
  margin-right: 4px;
  font-size: 14px;
  line-height: 14px;
  font-family: Roboto-Regular, sans-serif;
}
.uw-history-info > div > div label:nth-child(3) {
  margin-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uw-history-info > div > div + div {
  padding-top: 1px;
  padding-bottom: 1px;
}

.doc-row-history {
  height: 21px;
  width: 21px;
  font-family: Roboto-Regular, sans-serif;
  font-size: 12px;
  color: #0ca597;
  border: 0;
  margin: 8px 0;
  display: inline-flex;
  padding: 0;
  justify-content: space-between;
  align-items: center;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0);
  position: absolute;
  right: 50px;
  top: 0;
}
.doc-row-history:before {
  content: url(/content/img/history.svg);
  width: 21px;
  height: inherit;
}