@font-face {
  font-family: "PoppinsBold";
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "PoppinsLight";
  src: url("../fonts/Poppins-Light.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "PoppinsSemiBold";
  src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "PoppinsMedium";
  src: url("../fonts/Poppins-Medium.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "PoppinsBoldItalic";
  src: url("../fonts/Poppins-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "PoppinsRegular";
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PoppinsItalic";
  src: url("../fonts/Poppins-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
body {
  overflow-x: hidden;
  font-family: PoppinsRegular, Verdana, Arial, Helvetica, sans-serif !important;
  color: #000000;
  padding: 0;
  margin: 0;
}

.invisible {
  visibility: hidden;
}

.common-form-input {
  background-color: #ffffff;
  height: 50px;
  border: 2px solid #C8C8C8;
  padding: 0 18px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  color: #2D2D2D;
  width: 100%;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-size: 14px;
}

.common-form-checkbox-container {
  display: flex;
  flex-direction: column;
}
.common-form-checkbox-container .common-form-checkbox-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.common-form-checkbox-container .common-form-checkbox-content .common-form-checkbox {
  width: 35px;
  height: 35px;
  border: 2px solid #C8C8C8;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.common-form-checkbox-container .common-form-checkbox-content .common-form-checkbox:hover {
  opacity: 0.75;
}
.common-form-checkbox-container .common-form-checkbox-content .common-form-checkbox .common-form-checkbox-check {
  width: 20px;
  height: 15px;
}
.common-form-checkbox-container .common-form-checkbox-content .common-form-checkbox-label-container {
  display: flex;
  flex-direction: row;
}
.common-form-checkbox-container .common-form-checkbox-content .common-form-checkbox-label-container .common-form-checkbox-label-content {
  display: flex;
  flex-direction: column;
}
.common-form-checkbox-container .common-form-checkbox-content .common-form-checkbox-label-container .common-form-checkbox-label-content .common-form-checkbox-label {
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding-left: 10px;
}
.common-form-checkbox-container .common-form-checkbox-content .common-form-checkbox-label-container .common-form-checkbox-label-content .common-form-checkbox-sub-label {
  font-size: 12px;
  padding-left: 10px;
}

.common-form-textarea {
  background-color: #ffffff;
  height: 200px;
  border: 2px solid #C8C8C8;
  padding: 18px 18px;
  color: #2D2D2D;
  width: 100%;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  resize: none;
}

.common-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
}
.common-form .common-form-header {
  font-size: 20px;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}
.common-form .common-form-body-row-field-spacer {
  display: flex;
  flex-direction: row;
  width: 26px;
}
.common-form .common-form-body-row-divider {
  position: relative;
  top: 5px;
  width: 2px;
  height: 100%;
  margin-left: 35px;
  margin-right: 35px;
  background-color: #3463BB;
}
.common-form .common-form-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.common-form .common-form-body .common-form-multi-column-section {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.common-form .common-form-body .common-form-multi-column-section .common-form-multi-column-section-left {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.common-form .common-form-body .common-form-multi-column-section .common-form-multi-column-section-left .common-form-multi-column-section-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.common-form .common-form-body .common-form-multi-column-section .common-form-multi-column-section-right {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.common-form .common-form-body .common-form-multi-column-section .common-form-multi-column-section-right .common-form-multi-column-section-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.common-form .common-form-body .common-form-multi-column-section .common-form-multi-column-section-for-image {
  display: flex;
  flex-direction: row;
  width: 273px;
}
.common-form .common-form-body .common-form-multi-column-section .common-form-multi-column-section-for-image.baseboard-image {
  width: 295px;
}
.common-form .common-form-body .common-form-multi-column-section .common-form-multi-column-section-for-image.baseboard-image .common-form-multi-column-section-for-image-inner {
  padding-top: 5px;
  padding-right: 30px;
}
.common-form .common-form-body .common-form-multi-column-section .common-form-multi-column-section-for-image .common-form-multi-column-section-for-image-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  flex: 1;
}
.common-form .common-form-body .common-form-body-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 30px;
  font-size: 17px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 1.21px;
}
.common-form .common-form-body .common-form-body-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
}
.common-form .common-form-body .common-form-body-row:last-child {
  padding-bottom: 0;
}
.common-form .common-form-body .common-form-body-row .common-form-body-row-content {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.common-form .common-form-body .common-form-body-row .common-form-body-row-content .embedded-field-spacer {
  display: flex;
  flex-direction: row;
  width: 20px;
}
.common-form .common-form-body .common-form-body-row .common-form-body-row-content .common-form-body-row-field-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: flex-end;
}
.common-form .common-form-body .common-form-body-row .common-form-field {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: first baseline;
  justify-content: flex-start;
  margin-top: 1px;
  margin-bottom: 1px;
}
.common-form .common-form-body .common-form-body-row .common-form-field .common-form-google-attribution {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  width: 100%;
  padding-top: 5px;
}
.common-form .common-form-body .common-form-body-row .common-form-field .common-form-google-attribution .common-form-google-attribution-image {
  width: 144px;
  height: auto;
}
.common-form .common-form-body .common-form-body-row .common-form-field.checkbox-form-field {
  align-items: center;
  min-height: 50px;
}
.common-form .common-form-body .common-form-body-row .common-form-field.common-radio-option-set-form-field {
  align-items: center;
  height: 50px;
}
.common-form .common-form-body .common-form-body-row .common-form-field.invalid .common-form-field-label {
  color: #B1342F;
}
.common-form .common-form-body .common-form-body-row .common-form-field.invalid .common-form-input {
  margin-top: 0;
  margin-bottom: 0;
  border: 2px solid #B1342F;
}
.common-form .common-form-body .common-form-body-row .common-form-field.invalid .common-radio-option-circle {
  border-color: #B1342F;
  border-width: 2px;
  margin: 0;
}
.common-form .common-form-body .common-form-body-row .common-form-field.invalid .common-radio-option-label {
  color: #B1342F;
}
.common-form .common-form-body .common-form-body-row .common-form-field.invalid .floating-form-field-label {
  color: #B1342F !important;
}
.common-form .common-form-body .common-form-body-row .common-form-field.invalid .common-form-textarea {
  border: 2px solid #B1342F;
}
.common-form .common-form-body .common-form-body-row .common-form-field.invalid .common-form-select {
  border: 2px solid #B1342F;
}
.common-form .common-form-body .common-form-body-row .common-form-field .common-form-field-label {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  width: 100%;
  padding-bottom: 8px;
}
.common-form .common-form-body .common-form-body-row .common-form-field .common-form-field-sublabel {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-style: italic;
  position: relative;
  bottom: 8px;
}
.common-form .common-form-body .common-form-body-row .common-form-field .common-form-field-input-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.common-form .common-form-body .common-form-body-row .common-form-field .common-form-field-input-container.labeled-common-form-field {
  position: relative;
}
.common-form .common-form-body .common-form-body-row .common-form-field .common-form-field-input-container.labeled-common-form-field .common-form-input {
  padding-right: 40px;
}
.common-form .common-form-body .common-form-body-row .common-form-field .common-form-field-input-container.labeled-common-form-field .floating-form-field-label {
  display: flex;
  flex-direction: row;
  position: absolute;
  right: 15px;
  top: 0;
  height: 50px;
  align-items: center;
  color: #3463BB;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.common-form .common-form-options {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.common-form .common-form-options .common-form-options-section {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
}
.common-form .common-form-options .common-form-options-section.common-form-options-left {
  justify-content: flex-start;
}
.common-form .common-form-options .common-form-options-section.common-form-options-left .common-form-button-container {
  margin-left: 0;
  margin-right: 20px;
}
.common-form .common-form-options .common-form-options-section.common-form-options-right {
  justify-content: flex-end;
}
.common-form .common-form-options .common-form-options-section.common-form-options-right .common-form-button-container {
  margin-left: 0;
  margin-right: 0;
}
.common-form .common-form-options .common-form-button-container {
  margin-left: 10px;
  margin-right: 10px;
}
.common-form .common-form-options .common-form-button-container .common-form-button {
  width: 170px;
}
.common-form .common-form-options .common-form-button-container .common-form-button.cancel-button {
  background-color: #A5A6A7;
}
.common-form .common-form-options .common-form-button-container .common-form-button.delete-button {
  background-color: #ffffff;
  color: #000000;
  min-width: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.common-form .common-form-options .common-form-button-container .common-form-button.save-button {
  background-color: #3463BB;
}

.common-form-active-switch-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 5px;
}
.common-form-active-switch-container .common-form-field-label {
  visibility: hidden;
}

.common-active-indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 10px;
  font-size: 16px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  color: #2D2D2D;
}

.common-delete-button {
  height: 42px !important;
  border: 2px solid #B1342F !important;
  background-color: transparent !important;
}
.common-delete-button .pill-button-text {
  color: #B1342F !important;
}

.disabled-input-container {
  opacity: 0.4;
  cursor: auto;
}
.disabled-input-container .rc-switch-disabled {
  opacity: 1 !important;
}

.app-version,
.rails-environment,
.invite-account-name,
.invite-role-name,
.invite-pending-flag,
.invite-current-email,
.invite-first-name,
.invite-last-name,
.ios-app-url,
.android-app-url {
  display: none;
}

.app-store-link {
  text-decoration: none;
}

.common-tabs {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.common-tabs .common-tab {
  display: flex;
  flex-direction: row;
  padding-left: 36px;
  cursor: pointer;
}
.common-tabs .common-tab:hover {
  opacity: 0.75;
}
.common-tabs .common-tab .common-tab-content {
  display: flex;
  flex-direction: column;
  position: relative;
}
.common-tabs .common-tab .common-tab-content .common-tab-text {
  padding-left: 18px;
  padding-right: 18px;
  font-size: 16px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  color: #67696E;
}
.common-tabs .common-tab .common-tab-content .common-tab-underline {
  visibility: hidden;
  position: relative;
  bottom: -2.5px;
  width: 100%;
  height: 4px;
  background-color: #3463BB;
}
.common-tabs .common-tab.selected .common-tab-content .common-tab-text {
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  color: #3463BB;
}
.common-tabs .common-tab.selected .common-tab-content .common-tab-underline {
  visibility: visible;
}

.common-select-caret {
  width: 20px;
  height: 11px;
  margin-right: 15px;
  transition: transform 300ms;
}
.common-select-caret.caret-up {
  transform: rotate(180deg);
}
.common-select-caret.caret-down {
  transform: rotate(0deg);
}

.common-form-select {
  background-color: #ffffff;
  color: #2D2D2D;
  width: 100%;
  border: 2px solid #C8C8C8;
}
.common-form-select .common-form-select__single-value {
  margin-left: 0 !important;
}
.common-form-select .common-form-select__value-container {
  font-size: 14px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  padding-left: 18px !important;
  padding-right: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 1px !important;
  height: 46px;
}
.common-form-select .common-form-select__value-container div {
  margin-left: 0 !important;
  text-align: left;
}
.common-form-select .common-form-select__value-container .common-form-select__placeholder {
  display: none;
  margin-left: 0 !important;
}
.common-form-select .common-form-select__control {
  background-color: transparent;
  border: 0;
  box-shadow: none !important;
  min-height: 30px;
}
.common-form-select .common-form-select__indicator-separator {
  display: none;
}
.common-form-select .common-form-select__indicator {
  padding: 0 !important;
}
.common-form-select .common-form-select__indicator svg {
  fill: #3463BB;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.common-form-select .common-form-select__menu {
  overflow: hidden;
  text-align: left;
  width: calc(100% + 4px);
  left: -2px;
  top: calc(100% - 2px);
}
.common-form-select .common-form-select__menu .common-form-select__menu-list {
  padding-top: 0;
  padding-bottom: 0;
}
.common-form-select .common-form-select__menu .common-form-select__option {
  font-size: 14px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
}
.common-form-select .common-form-select__menu .common-form-select__option:nth-child(even) {
  background-color: #F7F8F8;
}
.common-form-select .common-form-select__menu .common-form-select__option--is-selected,
.common-form-select .common-form-select__menu .common-form-select__option--is-focused {
  background-color: #3463BB !important;
  color: #ffffff;
}

.image-file-type-icon {
  width: 21.5px;
  height: 26.5px;
}

.document-file-type-icon {
  width: 21.5px;
  height: 26.5px;
}

.other-file-type-icon {
  width: 21.5px;
  height: 26.5px;
}

#toast-container > .toast {
  background-image: none !important;
}

#toast-container > div {
  padding: 15px 15px 15px 15px;
  opacity: 1;
}

.cannot-render-shape-message {
  text-align: center;
}

.board-renderer-dev {
  font-size: 0;
}
.list-row-status {
  padding-top: 2px;
  padding-bottom: 2px;
  width: 80px;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
}
.list-row-status.draft {
  background-color: #E5B700;
}
.list-row-status.active {
  background-color: #3463BB;
}
.list-row-status.inactive {
  background-color: #A5A6A7;
}

.common-status-select {
  width: 148px;
  border: 0;
  border-radius: 10px;
}
.common-status-select .common-form-select__single-value {
  color: #ffffff;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.common-status-select.draft {
  background-color: #E5B700;
}
.common-status-select.active {
  background-color: #3463BB;
}
.common-status-select.inactive {
  background-color: #A5A6A7;
}
.common-status-select .common-form-select__value-container {
  height: 42px;
}
.common-status-select .common-form-select__menu {
  width: 100%;
  left: 0;
  top: 100%;
  margin-top: 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.common-status-select .common-form-select__menu .common-form-select__option {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #979797;
  height: 44px;
  padding: 0 12px;
}
.common-status-select .common-form-select__menu .common-form-select__option:last-child {
  border-bottom: 0;
}

.invite-pending {
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #E5B700;
  font-size: 10px;
  letter-spacing: 0.71px;
  text-align: right;
}

.send-password-reset-link {
  margin-left: 5px;
  font-size: 16px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 1.14px;
  color: #3463BB;
  border-bottom: 2px solid #3463BB;
  cursor: pointer;
}
.send-password-reset-link:hover {
  opacity: 0.75;
}

.admin-header-loading-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.admin-header-loading-container .admin-header-loading-indicator {
  width: 42px;
  height: 42px;
}

.accounts-list-page .common-list-values-row .accounts-list-row-cell {
  height: 80px;
}
.accounts-list-page .accounts-list-row-cell.account-name {
  width: 29%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.accounts-list-page .accounts-list-row-cell.first-name {
  width: 11%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.accounts-list-page .accounts-list-row-cell.last-name {
  width: 11%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.accounts-list-page .accounts-list-row-cell.email {
  width: 33%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.accounts-list-page .accounts-list-row-cell.members-count {
  width: 10%;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
.accounts-list-page .accounts-list-row-cell.jobs-count {
  width: 6%;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 0 !important;
  text-align: center;
}
.accounts-list-page .accounts-list-row-cell.status {
  padding-left: 0 !important;
  width: 86px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
.accounts-list-page .accounts-list-row-cell.arrow {
  font-size: 0 !important;
  width: 50px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.single-account-page-container {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.single-account-page-container .single-account-page-box {
  width: 100%;
  max-width: 1064px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 64px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
}

.account-form.account-update-form {
  padding-top: 40px;
}
.account-form .account-form-content {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.account-form .account-form-content .account-form-content-left {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.account-form .account-form-content .account-form-content-right {
  display: flex;
  flex-direction: row;
  width: 420px;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #C8C8C8;
}
.account-form .account-form-content .account-form-content-right .account-status-select {
  width: 100%;
}

.admin-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 90px;
  box-sizing: border-box;
  background-color: #3463BB;
  position: relative;
}
.admin-header .admin-background-logo {
  position: absolute;
  height: 90px;
  width: auto;
  top: 0;
  left: 0;
  z-index: 1;
}
.admin-header .admin-header-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
}
.admin-header .admin-header-content .admin-header-logo-container {
  display: flex;
  flex-direction: row;
  height: 90px;
  align-items: center;
  justify-content: flex-start;
  padding-left: 58px;
}
.admin-header .admin-header-content .admin-header-logo-container .admin-header-logo {
  display: flex;
  flex-direction: row;
  width: 253px;
  height: 33px;
}
.admin-header .admin-header-content .admin-header-logo-container .for-testing-only-message {
  display: flex;
  flex-direction: row;
  font-size: 16px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  color: red;
  margin-left: 15px;
  background-color: white;
  border-radius: 5px;
  padding: 5px 10px;
}
.admin-header .admin-header-content .admin-header-tabs-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.admin-header .admin-header-content .admin-header-tabs-container .admin-header-tab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
  cursor: pointer;
  height: 90px;
}
.admin-header .admin-header-content .admin-header-tabs-container .admin-header-tab .admin-header-tab-content {
  position: relative;
  flex-direction: column;
}
.admin-header .admin-header-content .admin-header-tabs-container .admin-header-tab .admin-header-tab-content .admin-header-tab-text {
  padding-left: 5px;
  padding-right: 5px;
  color: #ffffff;
}
.admin-header .admin-header-content .admin-header-tabs-container .admin-header-tab .admin-header-tab-content .admin-tab-underline {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  top: 30px;
  left: 0;
}
.admin-header .admin-header-content .admin-header-tabs-container .admin-header-tab:hover {
  opacity: 0.75;
}
.admin-header .admin-header-content .admin-header-tabs-container .admin-header-tab.selected {
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
}
.admin-header .admin-header-content .admin-header-tabs-container .admin-header-tab.selected .admin-header-tab-content .admin-tab-underline {
  opacity: 1;
}
.admin-header .admin-header-content .admin-header-account-info-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  text-align: left;
  margin-left: 5px;
}
.admin-header .admin-header-content .admin-header-account-info-container .admin-header-account-info {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
}
.admin-header .admin-header-content .admin-header-account-info-container .admin-header-account-info .admin-header-separator {
  display: flex;
  flex-direction: row;
  width: 3px;
  height: 26px;
  background-color: #ffffff;
  margin-right: 30px;
}
.admin-header .admin-header-content .admin-header-account-info-container .admin-header-account-info .admin-header-username-display {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  color: #ffffff;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin-right: 30px;
}
.admin-header .admin-header-content .admin-header-account-info-container .admin-header-account-info .logout-option-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 50px;
}
.admin-header .admin-header-content .admin-header-account-info-container .admin-header-account-info .logout-option-container:hover {
  opacity: 0.75;
}
.admin-header .admin-header-content .admin-header-account-info-container .admin-header-account-info .logout-option-container .logout-option {
  width: 23px;
  height: 28px;
}

.admin-account-select {
  position: relative;
  z-index: 3;
  background-color: #7DA8F8;
  color: #ffffff !important;
  width: 300px;
  border: 0;
  border-radius: 20px;
}
.admin-account-select .common-form-select__single-value {
  margin-left: 0 !important;
  color: #ffffff !important;
}
.admin-account-select .common-form-select__value-container {
  font-size: 14px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 1px !important;
  height: 40px;
  border-radius: 20px;
  color: #ffffff !important;
}
.admin-account-select .common-form-select__value-container div {
  margin-left: 0 !important;
}
.admin-account-select .common-form-select__value-container .common-form-select__placeholder {
  display: none;
  margin-left: 0 !important;
}
.admin-account-select .common-form-select__control {
  background-color: transparent;
  border: 0;
  box-shadow: none !important;
  min-height: 30px;
  border-radius: 20px;
}
.admin-account-select .common-form-select__indicator-separator {
  display: none;
}
.admin-account-select .common-form-select__indicator {
  padding: 0 !important;
}
.admin-account-select .common-form-select__menu {
  overflow: hidden;
  text-align: left;
  width: 100%;
  left: 0;
  top: calc(100% - 2px);
  background-color: #7DA8F8;
}
.admin-account-select .common-form-select__menu .common-form-select__menu-list {
  padding-top: 0;
  padding-bottom: 0;
}
.admin-account-select .common-form-select__menu .common-form-select__option {
  font-size: 14px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
}
.admin-account-select .common-form-select__menu .common-form-select__option:nth-child(even) {
  background-color: #6491e4;
}
.admin-account-select .common-form-select__menu .common-form-select__option--is-selected,
.admin-account-select .common-form-select__menu .common-form-select__option--is-focused {
  background-color: #3463BB !important;
  color: #ffffff;
}

.admin-subheader {
  display: flex;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  background-color: #7DA8F8;
  position: relative;
  flex-direction: column;
  z-index: 2;
}
.admin-subheader .admin-subheader-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
}
.admin-subheader .admin-subheader-content .admin-subheader-account-name {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-left: 58px;
  text-align: center;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #ffffff;
}
.admin-subheader .admin-subheader-content .admin-subheader-tabs-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}
.admin-subheader .admin-subheader-content .admin-subheader-tabs-container .admin-subheader-tab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  cursor: pointer;
  height: 50px;
}
.admin-subheader .admin-subheader-content .admin-subheader-tabs-container .admin-subheader-tab .admin-subheader-tab-content {
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.admin-subheader .admin-subheader-content .admin-subheader-tabs-container .admin-subheader-tab .admin-subheader-tab-content .admin-subheader-tab-text {
  color: #ffffff;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
}
.admin-subheader .admin-subheader-content .admin-subheader-tabs-container .admin-subheader-tab:hover {
  opacity: 0.75;
}
.admin-subheader .admin-subheader-content .admin-subheader-tabs-container .admin-subheader-tab.selected {
  background-color: #6491e4;
}

.common-list-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.common-list-page .common-list-page-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1064px;
  padding-top: 20px;
}
.common-list-page .common-list-page-content .common-list-header {
  margin-bottom: 10px;
}
.common-list-page .common-list-page-content .common-list-content {
  margin-bottom: 40px;
}
.common-list-page .common-list-page-content .common-list-content, .common-list-page .common-list-page-content .common-list-header {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.common-list-page .common-list-page-content .common-list-content .common-list-row, .common-list-page .common-list-page-content .common-list-header .common-list-row {
  display: table-row;
}
.common-list-page .common-list-page-content .common-list-content .common-list-row.common-list-values-row, .common-list-page .common-list-page-content .common-list-header .common-list-row.common-list-values-row {
  height: 52px;
  cursor: pointer;
}
.common-list-page .common-list-page-content .common-list-content .common-list-row.common-list-values-row:hover, .common-list-page .common-list-page-content .common-list-header .common-list-row.common-list-values-row:hover {
  opacity: 0.75;
}
.common-list-page .common-list-page-content .common-list-content .common-list-row.common-list-values-row:nth-child(odd) > .common-list-row-cell, .common-list-page .common-list-page-content .common-list-header .common-list-row.common-list-values-row:nth-child(odd) > .common-list-row-cell {
  background-color: #F7F8F8;
}
.common-list-page .common-list-page-content .common-list-content .common-list-row.common-list-values-row .common-list-row-cell:first-child, .common-list-page .common-list-page-content .common-list-header .common-list-row.common-list-values-row .common-list-row-cell:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.common-list-page .common-list-page-content .common-list-content .common-list-row.common-list-values-row .common-list-row-cell:last-child, .common-list-page .common-list-page-content .common-list-header .common-list-row.common-list-values-row .common-list-row-cell:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.common-list-page .common-list-page-content .common-list-content .common-list-row .common-list-row-cell, .common-list-page .common-list-page-content .common-list-header .common-list-row .common-list-row-cell {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
}
.common-list-page .common-list-page-content .common-list-content .common-list-row .common-list-row-cell.common-list-row-label-cell, .common-list-page .common-list-page-content .common-list-header .common-list-row .common-list-row-cell.common-list-row-label-cell {
  font-size: 12px;
}
.common-list-page .common-list-page-content .common-list-content .common-list-row .common-list-row-cell.common-list-row-value-cell, .common-list-page .common-list-page-content .common-list-header .common-list-row .common-list-row-cell.common-list-row-value-cell {
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
}
.common-list-page .common-list-page-content .common-list-content .common-list-row .common-list-row-cell .common-list-row-forward-arrow, .common-list-page .common-list-page-content .common-list-header .common-list-row .common-list-row-cell .common-list-row-forward-arrow {
  width: 24px;
  height: 17.5px;
}

.account-subpage-header {
  margin-top: 64px;
}

.common-list-page-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1064px;
  margin-top: 64px;
  padding-top: 30px;
  padding-bottom: 15px;
  border-bottom: 3px solid #3463BB;
}
.common-list-page-header .common-list-page-header-content {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.common-list-page-header .common-list-page-header-content .common-list-page-header-content-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
}
.common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-page-back-button {
  margin-right: 10px;
  cursor: pointer;
  font-size: 0;
}
.common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-page-back-button:hover {
  opacity: 0.75 !important;
}
.common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-page-back-button .common-page-back-button-image {
  width: 24px;
  height: 17.5px;
}
.common-list-page-header .common-list-page-header-content .common-list-page-header-content-left .common-list-page-header-text {
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  font-size: 26px;
  letter-spacing: 2.17px;
}
.common-list-page-header .common-list-page-header-content .common-list-page-header-content-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex: 2;
}
.common-list-page-header .common-list-page-header-content .common-list-page-header-content-right .search-bar-container {
  height: 38px;
}
.common-list-page-header .common-list-page-header-content .common-list-page-header-content-right .pill-button-container {
  height: 42px;
  margin: 0;
}
.common-list-page-header .common-list-page-header-content .common-list-page-header-content-right .pill-button-container .add-button {
  height: 42px;
}
.common-list-page-header .common-list-page-header-content .common-list-page-header-content-right .pill-button-container .top-right-button {
  height: 42px;
}

.common-empty-list-message-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.common-empty-list-message {
  color: #aaaaaa;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
}

.confirm-cancel-modal {
  width: 600px !important;
  text-align: left;
}
.confirm-cancel-modal .confirm-cancel-modal-body {
  font-size: 16px;
}
.confirm-cancel-modal .confirm-cancel-modal-options {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  justify-content: flex-start;
}
.confirm-cancel-modal-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  margin-right: 20px;
  min-width: 170px;
}
.confirm-cancel-modal-button.confirm-cancel-modal-cancel-button {
  background-color: #A5A6A7 !important;
}
.confirm-cancel-modal-button.confirm-cancel-modal-delete-button {
  background-color: #000000;
}

.search-bar-outer-container {
  display: flex;
  margin-right: 15px;
}
.search-bar-outer-container .search-bar-loading-indicator-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 40px;
  text-align: center;
}
.search-bar-outer-container .search-bar-loading-indicator-container .search-bar-loading-indicator {
  width: 42px;
  height: 42px;
}
.search-bar-outer-container .search-bar-container {
  display: flex;
  border: 2px solid #3463BB;
  height: 50px;
  border-radius: 10px;
}
.search-bar-outer-container .search-bar-container .search-bar-field-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  padding-right: 10px;
  padding-left: 10px;
}
.search-bar-outer-container .search-bar-container .search-bar-field-container .search-bar-field {
  border: 0;
  font-size: 17px;
  min-width: 200px;
  outline: none;
}
.search-bar-outer-container .search-bar-container .search-bar-divider {
  width: 2px;
  background-color: #3463BB;
  height: 100%;
}
.search-bar-outer-container .search-bar-container .search-bar-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #3463BB;
}
.search-bar-outer-container .search-bar-container .search-bar-button:hover {
  opacity: 0.75;
}

.leave-without-saving-warning-modal {
  width: 600px !important;
  text-align: left;
}
.leave-without-saving-warning-modal .leave-without-saving-warning-modal-header .leave-without-saving-warning-modal-header-text {
  font-size: 24px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
}
.leave-without-saving-warning-modal .leave-without-saving-warning-modal-body {
  font-size: 16px;
}
.leave-without-saving-warning-modal .leave-without-saving-warning-modal-options {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}
.leave-without-saving-warning-modal-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  margin-right: 20px;
}
.leave-without-saving-warning-modal-button.leave-without-saving-warning-modal-cancel-button {
  background-color: #A5A6A7 !important;
}
.leave-without-saving-warning-modal-button.leave-without-saving-warning-modal-leave-button {
  background-color: #000000;
}

.common-list-pagination-options {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.common-list-pagination-options .pagination-arrow-container {
  font-size: 0;
}
.common-list-pagination-options .common-list-pagination-options-left {
  display: flex;
  flex-direction: row;
}
.common-list-pagination-options .common-list-pagination-options-right {
  display: flex;
  flex-direction: row;
}
.common-list-pagination-options .pagination-ellipsis {
  display: flex;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
}
.common-list-pagination-options .paging-nav-cell {
  display: flex;
}
.common-list-pagination-options .pagination-element {
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  width: 28px;
  height: 28px;
  border-radius: calc(28px / 2);
  background-color: transparent;
  align-items: center;
  justify-content: center;
}
.common-list-pagination-options .pagination-element.pagination-link {
  cursor: pointer;
  color: #3463BB;
}
.common-list-pagination-options .pagination-element.pagination-link.pagination-link-selected {
  background-color: #3463BB;
  color: #ffffff;
}
.common-list-pagination-options .pagination-element.pagination-link:hover {
  background-color: #cccccc !important;
}
.common-list-pagination-options .pagination-element.pagination-link:not(.pagination-link-selected):hover {
  background-color: #cccccc !important;
  color: #ffffff !important;
}
.common-list-pagination-options .pagination-element .pagination-nav-button-container {
  cursor: pointer;
  font-size: 0;
  width: 28px;
  height: 28px;
  border-radius: calc(28px / 2);
  background-color: transparent;
}
.common-list-pagination-options .pagination-element .pagination-nav-button-container:hover {
  opacity: 0.75;
  background-color: #cccccc;
}
.common-list-pagination-options .pagination-element .pagination-nav-button-container .pagination-nav-button-icon {
  padding: 5px;
  width: calc(28px - 5px * 2);
  height: calc(28px - 5px * 2);
}

.loading-indicator-overlay {
  display: flex;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 999;
  align-items: center;
  justify-content: center;
}

.loading-indicator-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border-radius: 20px;
}

.loading-indicator {
  width: 50px;
  height: 50px;
}
.loading-indicator.tiny-loading-indicator {
  width: 20px;
  height: 20px;
}

.common-modal {
  z-index: 800;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.common-modal .common-modal-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  max-height: 100vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  box-sizing: border-box;
}
.common-modal .common-modal-overlay .common-modal-box {
  margin: auto;
  background-color: #ffffff;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  flex: 0;
  border-radius: 10px;
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 45px;
  padding-bottom: 45px;
}
.common-modal .common-modal-overlay .common-modal-box .common-modal-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 60px;
  justify-content: center;
}
.common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  width: 100%;
  height: 60px;
}
.common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-left: 2px;
}
.common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .common-modal-header-vertical {
  display: flex;
  flex-direction: column;
}
.common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-header-text-container .common-modal-header-text {
  font-size: 24px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}
.common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-delete-option-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding-right: 2px;
}
.common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-delete-option-container .common-modal-delete-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #B1342F;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
}
.common-modal .common-modal-overlay .common-modal-box .common-modal-header .common-modal-header-content .common-modal-delete-option-container .common-modal-delete-option:hover {
  opacity: 0.75;
}
.common-modal .common-modal-overlay .common-modal-box .common-modal-divider-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 2px;
  justify-content: center;
  box-sizing: border-box;
}
.common-modal .common-modal-overlay .common-modal-box .common-modal-divider-container .common-modal-divider {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 2px;
  background-color: #3463BB;
}
.common-modal .common-modal-overlay .common-modal-box .common-modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 20px;
}
.common-modal .common-form-options {
  margin-top: 20px;
}
.common-modal .common-form-options .pill-button-text {
  font-size: 18px !important;
  letter-spacing: 1.29px !important;
}

.pill-button-container {
  height: 50px;
  margin: 0 auto;
  display: flex;
}
.pill-button-container .pill-button {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 50px;
  border-radius: 10px;
  cursor: pointer;
  background-color: #3463BB;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.pill-button-container .pill-button:hover {
  opacity: 0.75 !important;
}
.pill-button-container .pill-button .pill-button-text {
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
}
.pill-button-container .pill-button.white-button {
  background-color: #ffffff;
}
.pill-button-container .pill-button.white-button .pill-button-text {
  color: #3463BB;
}

.radio-option-set {
  display: flex;
  flex-direction: row;
}
.radio-option-set .common-radio-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-right: 25px;
}
.radio-option-set .common-radio-option:hover .common-radio-option-circle {
  border-width: 2px;
}
.radio-option-set .common-radio-option .common-radio-option-circle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #C8C8C8;
}
.radio-option-set .common-radio-option .common-radio-option-circle .common-radio-option-dot {
  background-color: #3463BB;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
}
.radio-option-set .common-radio-option .common-radio-option-label {
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding-left: 6px;
}

.rc-switch {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 50px;
  height: 24px;
  line-height: 18px;
  vertical-align: middle;
  border-radius: 15px;
  border: 0;
  background-color: #A5A6A7;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}

.rc-switch-inner {
  color: #A5A6A7;
  font-size: 12px;
  position: absolute;
  left: 24px;
  top: 2px;
  font-weight: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
}

.rc-switch:after {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 2px;
  top: 2px;
  border-radius: 50% 50%;
  background-color: #ffffff;
  content: " ";
  cursor: pointer;
  transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}

.rc-switch:focus {
  box-shadow: 0 0 0 2px #d5f1fd;
  outline: none;
}

.rc-switch-checked {
  background-color: #3463BB;
}

.rc-switch-checked .rc-switch-inner {
  left: 10px;
}

.rc-switch-checked:after {
  left: 28px;
}

.rc-switch-disabled {
  cursor: no-drop;
  opacity: 0.3;
}

.rc-switch-disabled:after {
  -webkit-animation-name: none;
  animation-name: none;
  cursor: no-drop;
}

.rc-switch-disabled:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation-name: none;
  animation-name: none;
}

.rc-switch-label {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  padding-left: 10px;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.login-page {
  background-image: url("/static/images/login-bg.png");
  background-size: cover;
  background-position: center;
}
.login-page .login-page-content {
  display: flex;
  width: 100%;
  height: 100vh;
}
.login-page .login-page-content .login-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.login-page .login-page-content .login-form .login-logo-container {
  margin-bottom: 20px;
}
.login-page .login-page-content .login-form .login-logo-container .login-logo {
  width: 271px;
  height: 38px;
}
.login-page .login-page-content .login-form .login-logo-container .app-version-string-display {
  color: #ffffff;
  text-align: center;
}
.login-page .login-page-content .login-form .login-logo-container .environment-string-display {
  color: #ffffff;
  text-align: center;
}
.login-page .login-page-content .login-form .login-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 360px;
  background-color: #ffffff;
  border-radius: 10px;
  padding-left: 30px;
  padding-right: 37px;
  padding-top: 40px;
  padding-bottom: 25px;
  margin: 0 auto;
}
.login-page .login-page-content .login-form .login-box .login-header {
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 40px;
  margin-bottom: 40px;
}
.login-page .login-page-content .login-form .login-box .login-field {
  width: 100%;
}
.login-page .login-page-content .login-form .login-box .login-field .login-field-label {
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 4px;
}
.login-page .login-page-content .login-form .login-box .login-field input {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 10px;
  font-size: 14px;
}
.login-page .login-page-content .login-form .login-box .login-button {
  border: 0;
  background: 0;
  display: inline-block;
  padding: 0;
  outline: 0;
  margin-top: 10px;
  height: 50px;
  width: 100%;
}
.login-page .forgot-password-container {
  padding-top: 15px;
}
.login-page .forgot-password-container .forgot-password-link {
  font-size: 12px;
  cursor: pointer;
}
.login-page .forgot-password-container .forgot-password-link:hover {
  opacity: 0.75;
}
.login-page .login-page-link,
.login-page .login-page-link:hover,
.login-page .login-page-link:active,
.login-page .login-page-link:visited {
  color: #2D2D2D !important;
  text-decoration: none !important;
}

.pre-login-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.pre-login-page .pre-login-page-header {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 18px;
  text-align: center;
}
.pre-login-page .mobile-app-links-section {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
.pre-login-page .mobile-app-links-section .mobile-app-links {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pre-login-page .mobile-app-links-section .mobile-app-links .mobile-app-link {
  display: flex;
  flex-direction: column;
  height: 65px;
  align-items: center;
  margin-bottom: 15px;
}
.pre-login-page .web-portal-login-link {
  margin-top: 25px;
}
.pre-login-page .pre-login-page-email-sent {
  margin-top: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}
.pre-login-page .pre-login-page-caption {
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 40px;
  text-align: center;
}
.pre-login-page .change-password-instructions {
  padding-bottom: 20px;
  font-size: 12px;
  position: relative;
  top: -10px;
}
.pre-login-page .pre-login-page-message {
  padding-bottom: 20px;
}
.pre-login-page .pre-login-page-field-container {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.pre-login-page .pre-login-page-field input {
  height: 40px;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.pre-login-page .submit-button {
  margin-top: 10px;
}
.pre-login-page .pre-login-page-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pre-login-page .pre-login-page-button {
  letter-spacing: 2px;
  text-transform: uppercase;
  flex: none;
  min-width: 212px;
}
.pre-login-page .common-form {
  margin-top: 35px;
}
.pre-login-page .pre-login-page-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pre-login-page .pre-login-page-content .pre-login-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 680px;
  max-width: 94vw;
  background-color: #ffffff;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 60px;
  padding-bottom: 76px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 3vw;
  margin-right: 3vw;
}
.pre-login-page .pre-login-page-content .pre-login-box .pre-login-box-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding-bottom: 20px;
}
.pre-login-page .pre-login-page-content .pre-login-box .pre-login-box-header .pre-login-box-header-image {
  width: 182px;
  height: 25px;
}
.pre-login-page .pre-login-page-content .pre-login-box .pre-login-box-divider {
  width: 100%;
  flex-direction: column;
  display: flex;
  height: 1px;
  background-color: #7DA8F8;
}

.password-reset-ok-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.accept-invite-page-content {
  display: table;
  width: 100%;
  height: 100vh;
}
.accept-invite-page-content .accept-invite-form {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.accept-invite-page-content .accept-invite-form .accept-invite-box {
  border-radius: 20px;
  padding: 20px;
  margin: 0 auto;
  max-width: 500px;
}
.accept-invite-page-content .accept-invite-form .accept-invite-header {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}
.accept-invite-page-content .accept-invite-form .accept-invite-caption {
  padding-top: 0;
  padding-bottom: 15px;
}
.accept-invite-page-content .accept-invite-form .accept-invite-instructions {
  padding-top: 15px;
  padding-bottom: 20px;
}
.accept-invite-page-content .accept-invite-form .accept-invite-message {
  padding-bottom: 20px;
}
.accept-invite-page-content .accept-invite-form .accept-invite-label {
  padding-bottom: 5px;
}
.accept-invite-page-content .accept-invite-form .accept-invite-field-container {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.accept-invite-page-content .accept-invite-form .accept-invite-field input {
  height: 40px;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.accept-invite-page-content .accept-invite-form .submit-button {
  margin-top: 10px;
}
.accept-invite-page-content .accept-invite-form .accept-invite-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.accept-invite-page-content .accept-invite-form .accept-invite-button {
  letter-spacing: 2px;
  text-transform: uppercase;
  flex: none;
}

@media (min-width: 460px) {
  .pre-login-box {
    padding-left: 58px !important;
    padding-right: 58px !important;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.23);
  }
  .mobile-app-links-section .mobile-app-links {
    flex-direction: row !important;
  }
  .mobile-app-links-section .mobile-app-links .mobile-app-link {
    flex-direction: row !important;
  }
  .mobile-app-links-section .mobile-app-links .mobile-app-link.apple-app-store-link {
    margin-right: 15px;
  }
}
.baseboard-param-set-form .baseboard-param-set-form-content {
  padding-bottom: 35px;
}
.baseboard-param-set-form .baseboard-param-set-image {
  width: 230px;
  height: auto;
}

.door-param-set-form-modal {
  width: 1164px !important;
  max-width: 90vw !important;
}

.door-param-set-form .door-param-set-form-content {
  padding-bottom: 35px;
}
.door-param-set-form .rosette-offset-label {
  box-sizing: border-box;
  padding-right: 10px;
}

.jobs-list-page .jobs-list-row.common-list-values-row {
  height: 80px !important;
}
.jobs-list-page .jobs-list-row .jobs-list-row-cell.name {
  width: auto;
}
.jobs-list-page .jobs-list-row .jobs-list-row-cell.created {
  width: 134px;
}
.jobs-list-page .jobs-list-row .jobs-list-row-cell.status {
  width: 108px;
}
.jobs-list-page .jobs-list-row .jobs-list-row-cell.arrow {
  font-size: 0 !important;
  width: 50px;
}
.jobs-list-page .jobs-list-row .job-list-row-name {
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
}
.jobs-list-page .jobs-list-row .job-list-row-address {
  font-family: PoppinsSemiBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #67696E;
}
.jobs-list-page .jobs-list-row .job-list-row-created {
  font-family: PoppinsSemiBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #67696E;
}

.job-details-form .job-details-map-dynamic-container {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
}
.job-details-form .job-details-map-dynamic-container .job-details-map-pin {
  pointer-events: none;
  width: 19px;
  height: 33px;
  position: absolute;
  bottom: calc(300px / 2);
  z-index: 2;
}
.job-details-form .job-details-map-dynamic-container .job-details-map-dynamic {
  position: relative;
  z-index: 1;
  height: 300px;
  width: 100%;
}
.job-details-form .job-details-autocomplete-container {
  width: 100%;
}
.job-details-form .job-address-select {
  margin-bottom: 20px;
  width: 100%;
}

.pac-container {
  margin-left: 2px;
}
.pac-container .pac-item {
  height: 50px !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 18px;
  padding-right: 18px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
}
.pac-container .pac-item .pac-icon-marker {
  display: none !important;
}

.job-details-display {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 35px;
}
.job-details-display .job-details-display-content {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.job-details-display .job-details-display-content .job-details-display-pane {
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  border-radius: 10px;
  box-sizing: border-box;
}
.job-details-display .job-details-display-content .job-details-display-pane .job-details-display-pane-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  box-sizing: border-box;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left {
  flex: 613;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 34px;
  border-radius: 10px;
  background-color: #EBECEC;
  box-sizing: border-box;
  margin-left: 17px;
  margin-top: 18px;
  margin-right: 22px;
  font-family: PoppinsSemiBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding-left: 17px;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 29px;
  margin-top: 10px;
  margin-right: 29px;
  margin-bottom: 29px;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-info .job-details-top-content {
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-info .job-details-top-content .job-details-name {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: flex-end;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-info .job-details-top-content .job-details-edit-button {
  display: flex;
  flex-direction: row;
  width: 22px;
  cursor: pointer;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-info .job-details-top-content .job-details-edit-button:hover {
  opacity: 0.75;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-info .job-details-top-content .job-details-edit-button .job-details-edit-button-image {
  width: 22px;
  height: 22px;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-info .job-details-address {
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-info .job-details-description {
  padding-top: 5px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-map {
  display: flex;
  flex-direction: column;
  height: 337px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  position: relative;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-map .job-details-static-map-pin {
  pointer-events: none;
  width: 19px;
  height: 33px;
  position: absolute;
  bottom: calc(337px / 2);
  z-index: 2;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-map .job-details-map-link {
  text-decoration: none;
  font-size: 0;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-map.loading {
  background-color: #F7F8F8;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-left .job-details-display-body .job-details-map .job-details-map-image {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.job-details-display .job-details-display-content .job-details-display-pane.job-details-display-right {
  flex: 495;
  margin-left: 15px;
}

.job-status-select {
  width: 148px;
}

.job-files-list {
  padding-top: 18px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 18px;
  box-sizing: border-box;
}
.job-files-list .job-files-list-header {
  margin-bottom: 10px !important;
}
.job-files-list .job-files-list-header .job-files-list-add-button-container {
  height: auto !important;
}
.job-files-list .job-files-list-body {
  box-sizing: border-box;
}
.job-files-list .job-files-list-body .job-files-list-row {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 62px;
  border-radius: 10px;
  background-color: #ffffff;
  justify-content: center;
}
.job-files-list .job-files-list-body .job-files-list-row:nth-child(odd) {
  background-color: #F7F8F8;
}
.job-files-list .job-files-list-body .job-files-list-row .job-files-list-row-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
}
.job-files-list .job-files-list-body .job-files-list-row .job-files-list-row-content .job-file-row-image {
  display: flex;
  flex-direction: row;
  width: 45px;
  padding-left: 10px;
  box-sizing: border-box;
}
.job-files-list .job-files-list-body .job-files-list-row .job-files-list-row-content .job-file-row-label {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.job-files-list .job-files-list-body .job-files-list-row .job-files-list-row-content .job-file-row-edit {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 32px;
  padding-right: 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.job-files-list .job-files-list-body .job-files-list-row .job-files-list-row-content .job-file-row-edit:hover {
  opacity: 0.75;
}
.job-files-list .job-files-list-body .job-files-list-row .job-files-list-row-content .job-file-row-edit .job-file-row-edit-icon {
  width: 22px;
  height: 22px;
}

.job-cut-lists .job-cut-lists-list .job-cut-list-row {
  display: flex;
  flex-direction: column;
  height: 62px;
  border-radius: 10px;
  background-color: #ffffff;
  cursor: pointer;
  justify-content: center;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row:hover .job-cut-list-row-content {
  opacity: 0.75;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row:nth-child(even) {
  background-color: #F7F8F8;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-icon {
  display: flex;
  flex-direction: row;
  width: 45px;
  justify-content: center;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-icon .job-cl-row-icon-baseboards {
  width: 22.5px;
  height: 26.5px;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-icon .job-cl-row-icon-windows {
  width: 21px;
  height: 26px;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-icon .job-cl-row-icon-doors {
  width: 24.6px;
  height: 26.6px;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-details {
  display: flex;
  flex-direction: row;
  flex: 5;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-details .job-cl-row-details-content {
  display: flex;
  flex-direction: column;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-details .job-cl-row-details-content .job-cl-row-name {
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-details .job-cl-row-details-content .job-cl-row-parameters {
  font-size: 14px;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-activity {
  display: flex;
  flex-direction: row;
  flex: 3;
  font-size: 14px;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-activity .job-cl-row-activity-content {
  display: flex;
  flex-direction: column;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-pencil {
  display: flex;
  flex-direction: row;
  width: 47px;
}
.job-cut-lists .job-cut-lists-list .job-cut-list-row .job-cut-list-row-content .job-cl-row-pencil .job-cl-row-pencil-icon {
  width: 22px;
  height: 22px;
}

.rooms-list {
  padding-top: 18px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 18px;
  box-sizing: border-box;
}
.rooms-list .rooms-list-header {
  margin-bottom: 10px !important;
}
.rooms-list .rooms-list-header .rooms-list-add-button-container {
  height: auto !important;
}
.rooms-list .rooms-list-body {
  box-sizing: border-box;
}
.rooms-list .rooms-list-body .rooms-list-row {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 62px;
  border-radius: 10px;
  background-color: #ffffff;
  justify-content: center;
  cursor: pointer;
}
.rooms-list .rooms-list-body .rooms-list-row:nth-child(even) {
  background-color: #F7F8F8;
}
.rooms-list .rooms-list-body .rooms-list-row:hover {
  opacity: 0.75;
}
.rooms-list .rooms-list-body .rooms-list-row .rooms-list-row-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
}
.rooms-list .rooms-list-body .rooms-list-row .rooms-list-row-content .room-row-image-container {
  display: flex;
  flex-direction: row;
  width: 42px;
  padding-left: 10px;
  box-sizing: border-box;
}
.rooms-list .rooms-list-body .rooms-list-row .rooms-list-row-content .room-row-image-container .room-row-image {
  width: 21px;
  height: 25px;
}
.rooms-list .rooms-list-body .rooms-list-row .rooms-list-row-content .room-row-name {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.rooms-list .rooms-list-body .rooms-list-row .rooms-list-row-content .room-row-edit {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 32px;
  padding-right: 10px;
  box-sizing: border-box;
}
.rooms-list .rooms-list-body .rooms-list-row .rooms-list-row-content .room-row-edit .room-row-edit-icon {
  width: 22px;
  height: 22px;
}

.job-users-list .job-users-list-body .job-users-list-row {
  display: flex;
  flex-direction: column;
  height: 52px;
  border-radius: 10px;
  background-color: #ffffff;
  justify-content: center;
}
.job-users-list .job-users-list-body .job-users-list-row:nth-child(even) {
  background-color: #F7F8F8;
}
.job-users-list .job-users-list-body .job-users-list-row .job-users-list-row-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  padding-left: 15px;
}
.job-users-list .job-users-list-body .job-users-list-row .job-users-list-row-content .job-user-row-first-name {
  display: flex;
  flex-direction: row;
  flex: 1;
  white-space: nowrap;
  min-width: 0;
}
.job-users-list .job-users-list-body .job-users-list-row .job-users-list-row-content .job-user-row-last-name {
  display: flex;
  flex-direction: row;
  flex: 1;
  white-space: nowrap;
  min-width: 0;
}
.job-users-list .job-users-list-body .job-users-list-row .job-users-list-row-content .job-user-row-email {
  display: flex;
  flex-direction: row;
  flex: 1;
  white-space: nowrap;
  min-width: 0;
}
.job-users-list .job-users-list-body .job-users-list-row .job-users-list-row-content .job-user-row-role {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  white-space: nowrap;
  min-width: 0;
}
.job-users-list .job-users-list-body .job-users-list-row .job-users-list-row-content .job-user-row-delete {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 75px;
  padding-right: 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.job-users-list .job-users-list-body .job-users-list-row .job-users-list-row-content .job-user-row-delete:hover {
  opacity: 0.75;
}
.job-users-list .job-users-list-body .job-users-list-row .job-users-list-row-content .job-user-row-delete .job-user-row-delete-icon {
  width: 17px;
  height: 22px;
}

.create-cut-list-form .cut-list-type-buttons {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button {
  display: flex;
  flex-direction: row;
  flex: 1;
  background-color: #F7F8F8;
  border-radius: 10px;
  height: 146px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button:hover {
  opacity: 0.75;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button.disabled {
  opacity: 0.3;
  cursor: auto;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button.disabled:hover {
  opacity: 0.3;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button.invisible {
  visibility: hidden;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button .cut-list-type-button-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button .cut-list-type-button-content .cut-list-type-button-image {
  margin-bottom: 5px;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button .cut-list-type-button-content .cut-list-type-button-image.baseboards-image {
  width: 45px;
  height: 53px;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button .cut-list-type-button-content .cut-list-type-button-image.windows-image {
  width: 42px;
  height: 52px;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button .cut-list-type-button-content .cut-list-type-button-image.doors-image {
  width: 50px;
  height: 54px;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button .cut-list-type-button-content .cut-list-type-button-image.custom-image {
  width: 38px;
  height: 54px;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button .cut-list-type-button-content .cut-list-type-button-label {
  font-size: 16px;
  font-family: PoppinsSemiBold, Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
.create-cut-list-form .cut-list-type-buttons .cut-list-type-button-spacer {
  width: 15px;
}

.single-job-page-container {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.single-job-page-container .single-job-page-box {
  width: 100%;
  max-width: 1064px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 64px;
  margin-bottom: 64px;
  background-color: #F7F8F8;
  border-radius: 20px;
  padding-top: 35px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  min-height: 658px;
  display: flex;
  flex-direction: column;
}
.single-job-page-container .single-job-page-box.deleted-job {
  background-color: #ffffff;
  padding-top: 0;
}
.single-job-page-container .single-job-page-box .job-not-found-message {
  width: 100%;
  text-align: center;
  color: #aaaaaa;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #C8C8C8;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-left {
  display: flex;
  flex-direction: row;
  flex: 0.9;
  justify-content: flex-start;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-left .single-job-header-left-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 10px;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-left .single-job-header-left-content .job-header-name {
  font-size: 26px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-left .single-job-header-left-content .job-header-street-address {
  font-size: 16px;
  font-family: PoppinsSemiBold, Verdana, Arial, Helvetica, sans-serif;
  color: #67696E;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-left .single-job-header-left-content .job-header-create-date {
  font-size: 12px;
  font-family: PoppinsSemiBold, Verdana, Arial, Helvetica, sans-serif;
  color: #67696E;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-right {
  display: flex;
  flex-direction: row;
  flex: 1.1;
  justify-content: flex-end;
  align-items: flex-end;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-right .single-job-header-right-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-right .single-job-header-right-content .single-job-header-right-content-top {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-bottom: 23px;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-right .single-job-header-right-content .single-job-header-right-content-top .single-job-header-options {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-right .single-job-header-right-content .single-job-header-right-content-top .single-job-header-options .single-job-header-option-container {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
  height: 42px;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-right .single-job-header-right-content .single-job-header-right-content-top .single-job-header-options .single-job-header-option-container .single-job-header-delete-button {
  height: 42px;
  border: 2px solid #B1342F;
  background-color: transparent;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-right .single-job-header-right-content .single-job-header-right-content-top .single-job-header-options .single-job-header-option-container .single-job-header-delete-button .pill-button-text {
  color: #B1342F;
}
.single-job-page-container .single-job-page-box .single-job-page-box-header .single-job-page-box-header-content .single-job-header-right .single-job-header-right-content .single-job-header-right-content-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.job-subpage {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.job-subpage .job-subpage-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 15px;
  align-items: flex-start;
}
.job-subpage .job-subpage-header .job-subpage-add-button-container {
  margin: 0;
}
.job-subpage .job-subpage-header .job-subpage-add-button-container .job-subpage-add-button {
  height: 42px;
  border: 2px solid #3463BB;
  background-color: transparent;
}
.job-subpage .job-subpage-header .job-subpage-add-button-container .job-subpage-add-button .pill-button-text {
  color: #3463BB;
}
.job-subpage .job-subpage-body {
  display: flex;
  flex-direction: column;
}

.job-status-selector-loading-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.job-status-selector-loading-container .job-status-selector-loading-indicator {
  width: 42px;
  height: 42px;
}

.job-file-form .job-file-upload-section {
  width: 100%;
}
.job-file-form .job-file-upload-section .job-file-upload-button-container {
  width: 100%;
}
.job-file-form .job-file-upload-section .job-file-upload-button-container .job-file-upload-button {
  width: 100%;
  height: 50px;
  border: 2px solid #3463BB;
  background-color: transparent;
}
.job-file-form .job-file-upload-section .job-file-upload-button-container .job-file-upload-button .pill-button-text {
  color: #3463BB;
}
.job-file-form .job-file-upload-section .job-uploaded-file-section {
  display: flex;
  flex-direction: row;
}
.job-file-form .job-file-upload-section .job-uploaded-file-section .job-uploaded-file-name {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
}
.job-file-form .job-file-upload-section .job-uploaded-file-section .job-uploaded-file-remove-button-section {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.job-file-form .job-file-upload-section .job-uploaded-file-section .job-uploaded-file-remove-button-section .job-uploaded-file-remove-button {
  height: 50px;
  border: 2px solid #3463BB;
  background-color: transparent;
}
.job-file-form .job-file-upload-section .job-uploaded-file-section .job-uploaded-file-remove-button-section .job-uploaded-file-remove-button .pill-button-text {
  color: #3463BB;
}

.members-list-page .members-list-row-cell.first-name {
  width: 22%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.members-list-page .members-list-row-cell.last-name {
  width: 22%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.members-list-page .members-list-row-cell.email {
  width: 34%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.members-list-page .members-list-row-cell.role {
  text-align: left;
  width: 13%;
}
.members-list-page .members-list-row-cell.status {
  text-align: right;
  width: 7%;
}
.members-list-page .members-list-row-cell.status .status-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
}
.members-list-page .members-list-row-cell.status .status-content .active-switch-container {
  display: flex;
  flex-direction: row;
  padding-left: 5px;
}
.members-list-page .owner-member-row .common-list-row-value-cell {
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif !important;
}
.members-list-page .owner-member-row .common-list-row-cell {
  border-top: 2px solid #7DA8F8;
  border-bottom: 2px solid #7DA8F8;
}
.members-list-page .owner-member-row .common-list-row-cell:first-child {
  border-left: 2px solid #7DA8F8;
}
.members-list-page .owner-member-row .common-list-row-cell:last-child {
  border-right: 2px solid #7DA8F8;
}

.single-member-page-container {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.single-member-page-container .single-member-page-box {
  width: 100%;
  max-width: 1064px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 64px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
}

.invite-member-form {
  margin-top: 10px;
}

.member-form {
  margin-top: 60px;
}
.member-form .switch-input-container {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  height: 50px;
}

.remove-from-account-button {
  margin-right: 15px;
}

.users-list-page .users-list-row-cell.first-name {
  width: 22%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.users-list-page .users-list-row-cell.last-name {
  width: 22%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.users-list-page .users-list-row-cell.email {
  width: 36%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.users-list-page .users-list-row-cell.role {
  width: 12%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.users-list-page .users-list-row-cell.accounts {
  text-align: right;
  width: 6%;
}
.users-list-page .users-list-row-cell.accounts .role-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
}
.users-list-page .users-list-row-cell.accounts .role-content .role-text {
  display: flex;
  flex-direction: row;
}
.users-list-page .users-list-row-cell.accounts .role-content .active-switch-container {
  display: flex;
  flex-direction: row;
  padding-left: 5px;
}

.update-user-sub-invite-row .confirm-cancel-modal .common-modal-header {
  min-height: auto !important;
}
.update-user-sub-invite-row .confirm-cancel-modal .confirm-cancel-modal-body {
  margin-bottom: 10px;
}

.invite-modal-box {
  max-width: 575px !important;
}
.invite-modal-box.update-user-invite-modal-box .common-modal-header {
  height: auto !important;
  min-height: 60px;
  padding-bottom: 20px;
}
.invite-modal-box.update-user-invite-modal-box .common-modal-header .invited-email-address {
  margin-top: 10px;
}
.invite-modal-box.update-user-invite-modal-box .common-modal-header-text-container {
  flex-direction: column !important;
  align-items: flex-start !important;
}
.invite-modal-box.update-user-invite-modal-box .common-modal-body {
  padding-top: 20px !important;
}
.invite-modal-box.update-user-invite-modal-box .common-modal-divider-container {
  margin-bottom: 10px;
}
.invite-modal-box.update-user-invite-modal-box .common-form-options {
  margin-top: 15px;
}
.invite-modal-box.update-invite-modal-box .save-button {
  width: 208px !important;
}
.invite-modal-box.invite-member-box .common-modal-header {
  height: auto !important;
  min-height: 60px;
  padding-bottom: 10px;
}
.invite-modal-box.invite-member-box .common-modal-header-text-container {
  flex-direction: column !important;
  align-items: flex-start !important;
}
.invite-modal-box.invite-member-box .common-modal-body {
  padding-top: 0 !important;
}
.invite-modal-box.invite-member-box .common-modal-divider-container {
  margin-top: 10px;
  margin-bottom: 10px;
}
.invite-modal-box .common-modal-subheader-text {
  font-size: 24px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}
.invite-modal-box .text-delete-option-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-top: 10px;
}
.invite-modal-box .text-delete-option-container .text-delete-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #B1342F;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
}
.invite-modal-box .text-delete-option-container .text-delete-option:hover {
  opacity: 0.75;
}

.invited-email-address {
  border-radius: 15px;
  height: 51px;
  background-color: #F7F8F8;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.invited-email-address .invited-email-address-text {
  padding-left: 20px;
  padding-right: 20px;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  letter-spacing: 1.5px;
}

.single-user-page-container {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.single-user-page-container .single-user-page-box {
  width: 100%;
  max-width: 1064px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 64px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
}

.user-delete-button {
  margin-right: 15px;
}

.user-form.user-update-form {
  padding-top: 40px;
}
.user-form.user-update-form .active-switch-row {
  padding-top: 5px;
}
.user-form.user-update-form .update-user-form-content {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.user-form.user-update-form .update-user-form-content .update-user-form-content-left {
  display: flex;
  flex-direction: row;
  width: 420px;
  border-right: 1px solid #c8c8c8;
  padding-right: 60px;
}
.user-form.user-update-form .update-user-form-content .update-user-form-content-right {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding-left: 55px;
}
.user-form.user-update-form .user-form-accounts-list {
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.user-form.user-update-form .user-form-accounts-list .common-empty-list-message-container {
  align-items: flex-start;
}
.user-form.user-update-form .user-form-accounts-list .user-form-account-row {
  cursor: pointer;
  background-color: #F7F8F8;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 62px;
  padding-left: 20px;
  padding-right: 25px;
  margin-bottom: 10px;
}
.user-form.user-update-form .user-form-accounts-list .user-form-account-row:hover {
  opacity: 0.75;
}
.user-form.user-update-form .user-form-accounts-list .user-form-account-row .user-form-account-row-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
}
.user-form.user-update-form .user-form-accounts-list .user-form-account-row .user-form-account-row-content .user-form-account-row-name {
  display: flex;
  flex-direction: row;
  font-size: 22px;
  letter-spacing: 1.57px;
  color: #3463BB;
  flex: 1;
}
.user-form.user-update-form .user-form-accounts-list .user-form-account-row .user-form-account-row-content .user-form-account-row-arrow {
  display: flex;
  flex-direction: row;
  width: 24px;
  height: 17.5px;
}
.user-form .password-rules {
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  padding-left: 5px;
  padding-top: 10px;
}

.update-user-invite-member {
  border-radius: 15px;
  background-color: #F7F8F8;
  padding: 15px 25px;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.update-user-invite-member .update-user-invite-member-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
  font-size: 24px;
  letter-spacing: 2px;
  font-family: PoppinsMedium, Verdana, Arial, Helvetica, sans-serif;
}
.update-user-invite-member .update-user-invite-member-options {
  display: flex;
  flex-direction: column;
}
.update-user-invite-member .update-user-invite-member-options .update-user-invite-member-options-content {
  display: flex;
  flex-direction: row;
}
.update-user-invite-member .update-user-invite-member-options .update-user-invite-member-options-content .update-user-invite-member-option-container {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.update-user-invite-member .update-user-invite-member-options .update-user-invite-member-options-content .update-user-invite-member-option {
  display: flex;
  flex-direction: row;
  flex: 1;
  height: 50px !important;
}
.update-user-invite-member .update-user-invite-member-options .update-user-invite-member-options-content .update-user-invite-member-option.resend-option .pill-button-text {
  font-size: 18px !important;
  letter-spacing: 1.29px !important;
  font-family: PoppinsBold, Verdana, Arial, Helvetica, sans-serif !important;
}
.update-user-invite-member .update-user-invite-member-options .update-user-invite-member-options-content .update-user-invite-member-option-spacer {
  display: flex;
  flex-direction: row;
  width: 5px;
}

.window-param-set-form-modal {
  width: 1164px !important;
  max-width: 90vw !important;
}

.window-param-set-form .window-param-set-form-content {
  padding-bottom: 35px;
}
.window-param-set-form .rosette-offset-label {
  box-sizing: border-box;
  padding-right: 10px;
}
.window-param-set-form .bead-material-label {
  box-sizing: border-box;
  padding-right: 10px;
}

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